:root{--navy:#083b75;--red:#ef3030;--ink:#173653;--muted:#657d95;--bg:#f4f8fc;--line:#dfe8f1;--white:#fff;--green:#178c5b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink)}
a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.container{max-width:1100px;margin:auto;padding:28px 22px}
header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line)}.nav{max-width:1200px;margin:auto;min-height:76px;padding:9px 22px;display:flex;align-items:center;gap:22px}.logo{width:245px;max-height:62px;object-fit:contain}.links{display:flex;gap:20px;margin-left:auto;font-weight:700;color:#365675;font-size:14px}.actions{display:flex;gap:9px;align-items:center}.inline{display:inline}.pill{background:#edf4fb;color:var(--navy);padding:9px 12px;border-radius:999px;font-weight:800;font-size:13px}
.btn{display:inline-block;border:0;border-radius:10px;padding:12px 17px;font-weight:800;cursor:pointer}.btn-light{background:#edf4fb;color:var(--navy)}.btn-red{background:var(--red);color:#fff}.btn-outline{background:#fff;color:var(--navy);border:1px solid var(--line)}.btn-green{background:var(--green);color:#fff}
.hero{text-align:center;padding:62px 22px 38px}.hero h1{font-size:clamp(42px,6vw,68px);line-height:1.02;letter-spacing:-2.5px;margin:0 0 18px;color:var(--navy)}.hero h1 span{color:var(--red)}.hero p{max-width:760px;margin:0 auto 28px;color:var(--muted);font-size:20px;line-height:1.55}
.search{max-width:1000px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px;display:grid;grid-template-columns:1.2fr 1fr auto;gap:9px;box-shadow:0 16px 38px rgba(8,59,117,.09)}.search input{border:0;background:#f4f7fa;border-radius:10px;padding:17px;outline:0}.search button{padding:0 26px}
.section-title{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}.section-title h2{margin:0;color:var(--navy);font-size:30px}.muted{color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}.card h3{margin:8px 0;color:var(--navy)}.card p{color:var(--muted);line-height:1.55}.tag{display:inline-block;background:#edf4fb;color:var(--navy);font-size:12px;font-weight:800;padding:6px 9px;border-radius:999px}.meta{font-size:14px;color:var(--muted);margin:6px 0}.row{display:flex;gap:9px;flex-wrap:wrap;align-items:center}
.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric{background:#f7fafc;border:1px solid var(--line);border-radius:13px;padding:16px}.metric b{font-size:25px;color:var(--navy);display:block}.metric span{font-size:13px;color:var(--muted)}
.form{max-width:720px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-weight:800;font-size:13px;color:#365675}.field input,.field select,.field textarea{border:1px solid #d8e3ee;border-radius:10px;padding:12px;background:#fff;outline:none}.field textarea{min-height:110px;resize:vertical}.help{font-size:12px;color:var(--muted)}
.alert{padding:13px 15px;border-radius:10px;margin-bottom:16px}.alert-ok{background:#eaf8f1;color:#126b48}.alert-err{background:#fff0f0;color:#9d2525}
table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line);font-size:14px}th{color:var(--navy);background:#f7fafc}
footer{margin-top:50px;background:#fff;border-top:1px solid var(--line);padding:27px 22px;text-align:center;color:#71869b;font-size:13px}
@media(max-width:850px){.links{display:none}.logo{width:205px}.grid{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.search{grid-template-columns:1fr}.search button{padding:16px}.actions .pill{display:none}}
.company-profile-layout{display:grid;grid-template-columns:130px minmax(0,1fr);gap:24px;align-items:start}
.company-logo-preview{width:110px;height:110px;border:1px solid var(--line);border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--navy);font-size:38px;font-weight:800}
.company-logo-preview img{width:100%;height:100%;object-fit:contain;padding:8px}
.remove-logo-form{margin-top:10px}
.job-company-brand{margin:12px 0 8px}.job-company-logo{width:56px;height:56px;object-fit:contain;border:1px solid var(--line);border-radius:10px;background:#fff;padding:5px}
.job-company-logo-placeholder{display:flex;align-items:center;justify-content:center;padding:0;font-weight:800;font-size:22px;color:var(--navy);background:#edf4fb}
@media(max-width:600px){.company-profile-layout{grid-template-columns:1fr}.company-logo-preview{width:90px;height:90px}.job-company-logo{width:48px;height:48px}}

/* O SuperEtat */
.about-superetat{max-width:1100px}
.about-hero{padding:38px;margin-bottom:18px}
.about-hero h1{color:var(--navy);font-size:clamp(34px,5vw,52px);line-height:1.08;margin:14px 0}
.about-lead{max-width:850px;font-size:18px;line-height:1.7;color:var(--muted)}
.about-actions{margin-top:24px}
.about-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.about-grid .card h2{color:var(--navy);margin:0 0 12px;font-size:23px}
.about-grid .card p{line-height:1.7}
@media(max-width:760px){.about-hero{padding:24px}.about-grid{grid-template-columns:1fr}.about-actions .btn{width:100%;text-align:center}}
/* Oferty dopasowane do kandydata */
.matched-jobs{max-width:1100px}
.matched-list{display:grid;gap:16px}
.matched-card{padding:24px}
.matched-card-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}
.matched-card h2{margin:10px 0 8px;color:var(--navy);font-size:25px}
.match-score{flex:0 0 112px;text-align:center;border:1px solid var(--line);border-radius:14px;background:#f4f8fc;padding:12px}
.match-score b{display:block;color:var(--navy);font-size:27px;line-height:1}
.match-score span{display:block;margin-top:6px;color:var(--muted);font-size:12px}
.match-reasons{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
.match-reasons span{display:inline-block;padding:7px 10px;border-radius:999px;background:#edf4fb;color:var(--navy);font-size:13px;font-weight:700}
@media(max-width:600px){.matched-card-top{flex-direction:column}.match-score{flex:auto;width:100%;text-align:left}.match-score b,.match-score span{display:inline;margin-right:6px}}

/* FIX: logo firmy na liście ofert — reguła końcowa */
#oferty .job-list-logo-box{
  width:64px!important;height:64px!important;
  min-width:64px!important;max-width:64px!important;
  min-height:64px!important;max-height:64px!important;
  flex:0 0 64px!important;overflow:hidden!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  border:1px solid var(--line);border-radius:12px;background:#fff;
}
#oferty .job-list-logo-box>img.job-list-logo{
  display:block!important;
  width:54px!important;height:54px!important;
  min-width:0!important;min-height:0!important;
  max-width:54px!important;max-height:54px!important;
  flex:none!important;object-fit:contain!important;padding:0!important;
}
#oferty .job-list-logo-placeholder{
  display:flex;width:54px;height:54px;align-items:center;justify-content:center;
  font-size:22px;font-weight:800;color:var(--navy);background:#edf4fb;border-radius:8px;
}
@media(max-width:600px){
  #oferty .job-list-logo-box{
    width:56px!important;height:56px!important;
    min-width:56px!important;max-width:56px!important;
    min-height:56px!important;max-height:56px!important;
    flex-basis:56px!important;
  }
  #oferty .job-list-logo-box>img.job-list-logo{
    width:46px!important;height:46px!important;
    max-width:46px!important;max-height:46px!important;
  }
}

/* FIX: publiczny profil firmy — logo zawsze w kontrolowanym rozmiarze */
.company-public-profile{max-width:1100px}
.company-public-hero{
  display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px
}
.company-public-brand{display:flex;align-items:center;gap:20px;min-width:0}
.company-public-logo{
  width:110px!important;height:110px!important;
  min-width:110px!important;max-width:110px!important;
  min-height:110px!important;max-height:110px!important;
  flex:0 0 110px!important;
  border:1px solid var(--line);border-radius:16px;background:#fff;
  display:flex!important;align-items:center!important;justify-content:center!important;
  overflow:hidden!important;color:var(--navy);font-size:38px;font-weight:800
}
.company-public-logo>img{
  display:block!important;
  width:96px!important;height:96px!important;
  min-width:0!important;min-height:0!important;
  max-width:96px!important;max-height:96px!important;
  object-fit:contain!important;
  margin:0!important;padding:0!important;
}
.company-public-hero h1{margin:10px 0 6px;color:var(--navy)}
.company-public-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px
}
.company-public-grid .card h2{color:var(--navy);margin:0 0 12px}
.company-public-grid .card p{line-height:1.65}
.company-jobs-title{margin-top:26px}
@media(max-width:760px){
  .company-public-hero{align-items:flex-start;flex-direction:column}
  .company-public-brand{align-items:flex-start}
  .company-public-logo{
    width:90px!important;height:90px!important;
    min-width:90px!important;max-width:90px!important;
    min-height:90px!important;max-height:90px!important;
    flex-basis:90px!important
  }
  .company-public-logo>img{
    width:78px!important;height:78px!important;
    max-width:78px!important;max-height:78px!important
  }
  .company-public-grid{grid-template-columns:1fr}
}

/* Zaproszenia do aplikowania */
.invitations-page{max-width:1100px}
.invitation-card{padding:24px}
.invitation-card h2{margin:10px 0 6px;color:var(--navy);font-size:24px}
.invitation-card h3{margin:5px 0 10px}
.invitation-actions form,.invitation-card form{margin:0}
.invitation-pending{background:#fff5d9;color:#7a5800}
.invitation-accepted{background:#eaf8f1;color:#126b48}



/* Kontakt SuperEtat */
.contact-email-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}
.contact-email-card{border:1px solid var(--line);border-radius:14px;padding:18px;background:#f7fafc;min-width:0}
.contact-email-card h2{margin:0 0 10px;color:var(--navy);font-size:18px}
.contact-email-card p{margin:0 0 8px;font-weight:800;color:var(--navy);overflow-wrap:anywhere}
.contact-email-card a{text-decoration:underline;text-underline-offset:3px}
.contact-email-card span{color:var(--muted);font-size:13px;line-height:1.5}
@media(max-width:760px){.contact-email-grid{grid-template-columns:1fr}}