/* ============================================================
   upjobs.cz — styly · „Inkoust & jiskra"

   ARCHITEKTURA (viz CLAUDE.md):
   • uj-theme.css = ZDROJ PRAVDY. Tokeny --uj-* a komponenty .uj-*
     (.uj-btn / .uj-card / .uj-section / .uj-chip / .uj-stamp / .uj-price /
      .uj-footer / .uj-accent / .uj-label). Načítá se PŘED tímto souborem.
   • app.css (tento soubor) = LAYOUT a app-specifické prvky (hlavička, výpis,
     detail, formuláře, admin) + zpětné aliasy --sj-* → --uj-*.
   Komponenty nikdy nedefinuj znovu tady — použij třídy z uj-theme.css.
   Brand-guard test (tests/unit/BrandGuardTest.php) hlídá dodržení.
   ============================================================ */
:root{
  /* Tokeny --uj-* jsou v uj-theme.css (zdroj pravdy). Zde jen bridge k odlišnému názvosloví: */
  --uj-muted:var(--uj-pencil);

  /* Zpětná kompatibilita: staré --sj-* názvy přemapované na novou paletu.
     --sj-blue = akcent (malina) pro plochy/CTA; --sj-blue-ink = tmavší malina pro text na světlé. */
  --sj-blue:var(--uj-pink); --sj-blue-ink:var(--uj-pink-deep); --sj-black:var(--uj-ink-deep);
  --sj-white:#fff; --sj-paper:var(--uj-paper); --sj-ink:var(--uj-ink); --sj-ink-muted:var(--uj-muted);
  --sj-line:var(--uj-line); --sj-green:var(--uj-green); --sj-red:var(--uj-red); --sj-pink:var(--uj-pink);
  --sj-gold:var(--uj-gold); --sj-blue-soft:var(--uj-carton);
  --sj-radius:14px; --sj-radius-btn:10px;
  --sj-shadow:var(--uj-shadow);
  --sj-head:'Space Grotesk',-apple-system,system-ui,sans-serif;
  --sj-body:'Inter',-apple-system,system-ui,sans-serif;
  --sj-mono:'IBM Plex Mono',ui-monospace,'SFMono-Regular',monospace;
  --sj-serif:'Instrument Serif',Georgia,serif;
  --maxw:1120px;
}
/* respektuj prefers-reduced-motion — bez posunů/transformů */
@media(prefers-reduced-motion:reduce){
  *{transition:none!important;animation:none!important}
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--sj-body);color:var(--sj-ink);background:var(--sj-white);line-height:1.55;-webkit-font-smoothing:antialiased;min-height:100dvh;display:flex;flex-direction:column}
main{flex:1 0 auto}
footer.site{flex-shrink:0}
body.app{background:var(--sj-paper)}
h1,h2,h3,.sj-head{font-family:var(--sj-head);font-weight:700;letter-spacing:-.02em;line-height:1.08}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}

/* Atoms */
.sj-up{font-family:var(--sj-serif);color:var(--sj-blue-ink);font-style:italic}
/* Tlačítka: tisková stavebnice — 2px inkoustový border, Space Grotesk 700, tvrdý stín na hoveru */
/* Tlačítka: base a --primary/--secondary/--ghost jsou v uj-theme.css. Zde jen app-specifické modifikátory: */
.uj-btn--sm{padding:8px 14px;font-size:13px}
.uj-btn--danger{background:var(--uj-red);color:#fff}
.uj-btn.is-loading{opacity:.85;cursor:default}
/* Karty používají .uj-card z uj-theme.css */
.sj-badge{display:inline-block;background:var(--sj-gold);color:#3a2a00;border-radius:8px;padding:.3em .8em;font-family:var(--sj-head);font-weight:700;font-size:.78em;letter-spacing:.02em}
.sj-badge-hot{background:var(--sj-red);color:#fff}
.sj-badge-agent{background:transparent;color:var(--sj-blue-ink);border:1.5px dashed var(--uj-pink);font-family:var(--sj-mono);font-weight:500;text-transform:uppercase;letter-spacing:.08em;font-size:.72em;border-radius:6px;padding:.4em .8em;transform:rotate(-1deg);display:inline-flex;align-items:center;gap:6px}
.sj-eyebrow{display:inline-block;font-family:var(--sj-mono);letter-spacing:.16em;text-transform:uppercase;font-size:.8rem;font-weight:500;color:var(--sj-blue-ink)}
.sj-sym{display:inline-flex;align-items:center;justify-content:center;color:var(--sj-blue-ink)}
.sj-sym svg{width:1em;height:1em}
.muted{color:var(--sj-ink-muted)}

/* Lockup */
.lockup{display:flex;align-items:center;gap:12px}
.lockup a{display:flex;align-items:center;gap:9px}
.lockup img{display:block;width:auto}
.logo-upjobs{height:34px}
/* wordmark sázený živým textem (Space Grotesk), ne obrázkem */
.wm{font-family:var(--sj-head);font-weight:700;font-size:22px;letter-spacing:-.04em;line-height:1;color:var(--uj-ink);white-space:nowrap}
.wm .tld{color:var(--uj-pink);font-weight:500}
.lockup .by{display:flex;align-items:center;gap:9px;border-left:1px solid var(--sj-line);padding-left:12px}
.lockup .by-txt{font-family:var(--sj-body);font-size:10px;color:var(--sj-ink-muted);font-weight:500}
.logo-sjlabs{height:20px;opacity:.9}
/* footer varianta o něco menší */
footer .logo-upjobs{height:26px}
footer .logo-sjlabs{height:16px}
/* mobil: zmenšit, ať se lockup vejde */
@media(max-width:560px){
  .logo-upjobs{height:28px}
  .logo-sjlabs{height:17px}
  .lockup{gap:9px}
  .lockup .by{gap:7px;padding-left:9px}
}

/* Header — azurový, nestickovaný, bez dělící čáry */
header.site{position:relative;background:var(--sj-paper)}
/* „StartupJobs Labs" decentně do šedé (plně neprůhledné) */
header.site .logo-sjlabs{filter:grayscale(1);opacity:1}
header.site .lockup .by{border-left-color:var(--sj-line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:74px;gap:16px}
.nav-actions{display:flex;gap:10px;align-items:center}
@media(max-width:560px){.lockup .by{display:none}}
.lang-switch{font-size:13px;color:var(--sj-ink-muted);font-weight:600;border:2px solid var(--uj-ink);border-radius:10px;padding:6px 12px}
.lang-switch:hover{border-color:var(--sj-blue-ink);color:var(--sj-blue-ink)}

/* List */
.screen{padding:28px 0 64px}
.list-head h1{font-size:26px}
.list-head p{color:var(--sj-ink-muted);margin-top:4px}
.searchbar{display:flex;align-items:center;gap:8px;padding:10px 10px 10px 20px;border-radius:14px;margin:22px 0 14px}
.sb-field{flex:1;min-width:0;display:flex;align-items:center;gap:10px}
.sb-field .ic{width:18px;height:18px;color:var(--sj-blue-ink);flex-shrink:0}
.sb-field .lab{display:block;font-size:10.5px;font-weight:500;color:var(--sj-ink-muted);font-family:var(--sj-mono);text-transform:uppercase;letter-spacing:.1em}
.sb-field input,.sb-field select,.sb-field .sb-pick-btn{width:100%;border:none;background:transparent;font-family:inherit;font-size:15px;padding:1px 0;color:var(--sj-ink)}
.sb-field .sb-pick-btn{text-align:left;cursor:pointer}
.sb-field input::placeholder{color:#8A8072}
.sb-field input:focus,.sb-field select:focus{outline:none}
/* vlastní vzhled selectů v liště místo nativního */
.sb-field select,.sb-field .sb-pick-btn{appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:18px;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236F6559' stroke-width='3'><path d='M6 9l6 6 6-6'/></svg>");
  background-repeat:no-repeat;background-position:right 0 center;background-size:11px}
.sb-pos{flex:1.7}
.sb-sel{flex:1}
.sb-loc-wrap,.sb-pick{position:relative}
.ss-loc{right:auto;min-width:260px;max-width:360px}
.ss-pick{right:auto;min-width:180px;max-width:280px}
.ss-loc-all{font-weight:600;color:var(--sj-blue-ink)}
.sb-more{display:none}
.sb-div{width:1px;align-self:stretch;background:var(--sj-line);margin:6px 4px}
.sb-btn{border-radius:10px;padding:13px 28px;flex-shrink:0}
.filter-pills{display:flex;gap:10px;flex-wrap:nowrap;align-items:center;margin-bottom:4px;overflow-x:auto;scrollbar-width:none}
.filter-pills::-webkit-scrollbar{display:none}
.filter-pills select{flex-shrink:0}
.flt-chip{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;background:#fff;color:var(--uj-ink);
  border:1.5px solid var(--uj-ink);border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600;white-space:nowrap}
.flt-chip:hover{background:var(--sj-blue);color:var(--uj-ink)}
.flt-x{font-size:17px;line-height:1;opacity:.8}
.filter-pills select{appearance:none;-webkit-appearance:none;font-family:inherit;font-size:13px;font-weight:600;color:var(--sj-ink);padding:9px 34px 9px 16px;border:1.5px solid var(--uj-ink);border-radius:10px;cursor:pointer;background:#fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236F6559' stroke-width='3'><path d='M6 9l6 6 6-6'/></svg>") no-repeat right 13px center}
.filter-pills select:hover{border-color:var(--sj-ink-muted)}
.filter-pills select:focus{outline:none;border-color:var(--sj-blue-ink)}
@media(max-width:680px){
  .searchbar{flex-wrap:wrap;border-radius:14px;padding:14px}
  .sb-div{display:none}.sb-field{flex-basis:100%}.sb-btn{width:100%;justify-content:center;order:5}
  .ss-loc,.ss-pick{left:0;right:0;min-width:0;max-width:none}
  .sb-opt{display:none;order:4}
  .searchbar.filters-open .sb-opt{display:flex}
  .sb-more{display:inline-flex;align-items:center;justify-content:center;gap:6px;order:3;width:100%;
    padding:11px;border:1.5px dashed var(--sj-line);border-radius:12px;background:transparent;cursor:pointer;
    font-family:var(--sj-head);font-size:14px;font-weight:600;color:var(--sj-blue-ink)}
  .sb-more[aria-expanded=true]{border-style:solid;border-color:var(--sj-blue-ink);background:var(--sj-blue-soft)}
}
.count{font-size:13px;color:var(--sj-ink-muted);margin:14px 0}
/* našeptávač oborů/profesí v hlavním vyhledávání */
.searchbar-wrap{position:relative}
.search-suggest{position:absolute;left:0;right:0;top:calc(100% - 6px);z-index:40;background:#fff;
  border:1px solid var(--sj-line);border-radius:16px;box-shadow:var(--sj-shadow);padding:6px;max-height:340px;overflow-y:auto}
.search-suggest[hidden]{display:none}
.ss-opt{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;cursor:pointer;font-size:14.5px}
.ss-opt:hover,.ss-opt.active{background:var(--sj-blue-soft)}
.ss-opt strong{font-weight:600;color:var(--sj-ink)}
.ss-grp{font-size:12px;color:var(--sj-ink-muted);margin-left:auto}
/* celý obor = širší volba (pro toho, kdo ví „chci do gastra", ale ne přesně co) */
.ss-opt-root{background:var(--sj-paper)}
.ss-opt-root .ss-grp{font-weight:600;color:var(--sj-ink);text-transform:uppercase;letter-spacing:.04em;font-size:10.5px}
.ss-opt-root + .ss-opt:not(.ss-opt-root){border-top:1px solid var(--sj-line);border-radius:0 0 10px 10px}
.ss-q{color:var(--sj-ink-muted)}
.ss-q b{color:var(--sj-blue-ink)}
.ss-up{font-family:var(--sj-head);font-weight:700;font-size:11px;color:var(--sj-ink-muted);margin-left:6px}
.ss-ico{color:var(--sj-blue-ink);width:16px;height:16px;flex-shrink:0}

/* Split master-detail */
.split{display:grid;grid-template-columns:380px 1fr;gap:20px;align-items:start;margin-top:4px}
.split-list{display:grid;gap:0}
.job-row{padding:18px 16px;border-bottom:1px solid var(--sj-line);cursor:pointer;transition:.12s;border-left:3px solid transparent;display:block}
.job-row:first-child{border-top:1px solid var(--sj-line)}
.job-row:hover{background:var(--sj-paper)}
.job-row.selected{background:var(--sj-blue-soft);border-left-color:var(--sj-blue-ink)}
.jr-company{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--sj-ink-muted);margin-bottom:6px}
.jr-logo{width:24px;height:24px;border-radius:6px;background:var(--sj-blue-soft);color:var(--sj-blue-ink);font-family:var(--sj-head);font-weight:700;font-size:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}
.jr-logo img{width:100%;height:100%;object-fit:contain}
.job-row.selected .jr-logo{background:#fff}
.jr-title{font-family:var(--sj-head);font-weight:700;font-size:17px;color:var(--sj-ink);letter-spacing:-.01em;line-height:1.2}
.jr-meta{font-size:13px;color:var(--sj-ink-muted);margin-top:7px}
.jr-sal{font-family:var(--sj-head);font-weight:700;color:var(--sj-blue-ink)}
.jr-star{color:var(--uj-gold);font-size:11px;vertical-align:1px}
.split-detail{position:sticky;top:20px;height:calc(100dvh - 36px)}
.inline-empty{padding:48px 28px;text-align:center;color:var(--sj-ink-muted)}
.inline-empty .sj-sym{width:54px;height:54px;border-radius:14px;background:var(--uj-carton);color:var(--uj-ink);margin:0 auto 14px}
.inline-empty .sj-sym svg{width:28px;height:28px}
/* inline detail = flex sloupec: hlavička fixní, tělo scrolluje, akční lišta vždy dole */
.id-card{border-radius:18px;display:flex;flex-direction:column;max-height:100%;overflow:hidden}
.logo-sq{width:48px;height:48px;border-radius:12px;background:var(--sj-blue-soft);color:var(--sj-blue-ink);font-family:var(--sj-head);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0;overflow:hidden}
.logo-sq img{width:100%;height:100%;object-fit:contain}
.id-hero{padding:24px 26px;border-bottom:1px solid var(--sj-line);display:flex;gap:14px;align-items:flex-start;flex-shrink:0}
.id-hero h2{font-size:22px}
.id-hero .company{color:var(--sj-ink-muted);margin-top:3px;font-size:15px}
.id-hero .meta{margin-top:12px}
.id-body{padding:24px 26px;flex:1 1 auto;min-height:0;overflow-y:auto}
.id-body h3{font-size:15px;margin:20px 0 6px}
.id-body h3:first-child{margin-top:0}
.id-body p,.id-body li{color:var(--sj-ink-muted);font-size:14px}
.id-body ul{padding-left:18px;display:grid;gap:5px;margin-top:5px}
.id-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:16px 26px;border-top:2px solid var(--uj-ink);background:#fff;
  flex-shrink:0;border-radius:0 0 12px 12px}
.id-actions .salary-big{font-family:var(--sj-head);font-weight:700;font-size:18px;margin-right:auto;color:var(--sj-blue-ink)}
.id-actions .text-link{font-weight:600;font-size:14px;color:var(--uj-ink);text-decoration:underline;text-underline-offset:3px}
.id-actions .text-link:hover{color:var(--sj-blue-ink)}
@media(max-width:880px){.id-actions{border-radius:0}}
.detail-hero-main,.id-hero-main{flex:1;min-width:0}
.detail-hero h1,.id-hero h2{overflow-wrap:anywhere}
.id-back-mobile{display:none}
/* mobil: detail jako slide-over panel */
@media(max-width:880px){
  .split{grid-template-columns:1fr}
  .split-detail{position:fixed;inset:0;z-index:60;background:#fff;transform:translateX(100%);
    transition:transform .25s ease;overflow:hidden;-webkit-overflow-scrolling:touch;height:auto;top:0}
  body.detail-open .split-detail{transform:translateX(0)}
  body.detail-open{overflow:hidden}
  .split-detail .id-card{border:none;border-radius:0;box-shadow:none;min-height:100%}
  .id-back-mobile{display:flex;align-items:center;gap:6px;width:100%;padding:14px 18px;border:none;
    border-bottom:1px solid var(--sj-line);background:#fff;font-family:var(--sj-body);font-weight:600;
    color:var(--sj-blue-ink);font-size:15px;flex-shrink:0;cursor:pointer;z-index:2}
  /* chipy v hlavičce detailu → jedna řádka, dá se za ně horizontálně zatáhnout */
  .id-hero .meta{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .id-hero .meta::-webkit-scrollbar{display:none}
  .id-hero .meta .chip{flex-shrink:0}
  /* akční lišta v proklikaném detailu: jen malinové „Mám zájem" přes celou šířku (bez „Otevřít detail") */
  .id-actions{flex-direction:column;align-items:stretch;gap:10px}
  .id-actions .text-link{display:none}
  .id-actions .salary-big{margin:0}
  .id-actions .salary-big:empty{display:none}
  .id-actions .uj-btn{width:100%;justify-content:center;background:var(--uj-pink);color:var(--uj-ink)}
}

/* Meta chips */
.meta{display:flex;gap:8px;flex-wrap:wrap}
.chip{font-size:12px;font-weight:600;background:#fff;color:var(--uj-ink);border:1.5px solid var(--uj-ink);padding:5px 11px;border-radius:8px;display:inline-flex;align-items:center;gap:4px}
.chip.cat{background:#fff;color:var(--uj-ink)}
.chip.pay{background:#fff;color:var(--sj-blue-ink);font-family:var(--sj-head);font-weight:700}
.chip .ci{width:13px;height:13px}

/* Detail page */
.back{font-size:14px;color:var(--sj-ink-muted);display:inline-flex;gap:6px;margin-bottom:18px;font-weight:600}
.back:hover{color:var(--sj-blue-ink)}
.detail-card{border-radius:18px} /* bez overflow:hidden kvůli sticky .apply-box */
.detail-hero{padding:30px 32px;border-bottom:1px solid var(--sj-line);display:flex;gap:18px;align-items:flex-start}
.detail-hero .logo-sq{width:60px;height:60px;font-size:24px;border-radius:14px}
.detail-hero h1{font-size:26px}
.detail-hero .company{color:var(--sj-ink-muted);margin-top:4px}
.detail-hero .meta{margin-top:14px}
.detail-body{padding:30px 32px;display:grid;grid-template-columns:1fr 300px;gap:36px}
@media(max-width:780px){.detail-body{grid-template-columns:1fr}}
.detail-body h2{font-size:17px;margin:22px 0 8px}
.detail-body h2:first-child{margin-top:0}
.detail-body p,.detail-body li{color:var(--sj-ink-muted);font-size:15px}
.detail-body .rich{color:var(--sj-ink-muted);font-size:15px}
.detail-body .rich p{margin:0 0 10px}
.detail-body .rich ul{padding-left:20px;margin:6px 0 12px;display:grid;gap:5px}
.detail-body ul{padding-left:20px;display:grid;gap:6px;margin-top:6px}
.apply-box{background:var(--sj-paper);border:2px solid var(--uj-ink);border-radius:14px;padding:22px;align-self:start;position:sticky;top:20px;box-shadow:var(--uj-shadow)}
/* fixní lišta s přihláškou dole (objeví se po odscrollování inline CTA) */
.apply-bar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:50;background:#fff;border-top:1px solid var(--sj-line);
  transform:translateY(112%);transition:transform .22s ease}
.apply-bar.visible{transform:translateY(0)}
.apply-bar .apply-bar-in{display:flex;align-items:center;gap:16px;padding:14px 18px;padding-bottom:calc(14px + env(safe-area-inset-bottom))}
.apply-bar-info{display:flex;flex-direction:column;min-width:0}
.apply-bar-sal{font-family:var(--sj-head);font-weight:700;font-size:17px;color:var(--sj-blue-ink);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.apply-bar-loc{font-size:13px;color:var(--sj-ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.apply-bar .uj-btn{margin-left:auto;flex-shrink:0;padding:13px 30px}
/* lišta jen na mobilu; desktop drží sticky .apply-box nahoře */
@media(max-width:780px){.apply-box{position:static}.apply-bar{display:block}body.has-apply-bar{padding-bottom:88px}}
@media(max-width:560px){.apply-bar-sal{font-size:15px}.apply-bar .uj-btn{padding:12px 18px}}
.apply-box .salary-big{font-family:var(--sj-head);font-size:24px;font-weight:700;letter-spacing:-.02em;color:var(--sj-blue-ink)}
.apply-box .loc{color:var(--sj-ink-muted);font-size:14px;margin:4px 0 18px}
.apply-box .uj-btn{width:100%;justify-content:center}
.apply-box .note{font-size:12px;color:var(--sj-ink-muted);margin-top:12px;text-align:center}
.sj-origin-note{background:#FFF8E6;border:1px solid var(--sj-gold);color:#6b5200;border-radius:10px;padding:10px 14px;font-size:13px;margin-top:14px}
.agency-note{font-size:13px;color:var(--sj-blue-ink);background:var(--sj-blue-soft);border-radius:8px;padding:6px 10px;display:inline-block;margin-top:8px}

/* Forms */
.form-wrap{max-width:680px;margin:0 auto}
.form-card{padding:32px;border-radius:18px}
.form-card h1{font-size:24px}
.form-card .sub{color:var(--sj-ink-muted);margin-top:6px;margin-bottom:8px}
.price-strip{display:flex;align-items:center;gap:10px;background:var(--sj-blue-soft);border-radius:12px;padding:14px 16px;margin:18px 0 26px;flex-wrap:wrap}
.price-strip .now{font-family:var(--sj-head);font-size:22px;font-weight:700;color:var(--sj-blue-ink)}
.price-strip .old{text-decoration:line-through;color:var(--sj-ink-muted);font-size:15px}
.price-strip .lbl{font-size:13px;color:var(--sj-ink-muted);margin-left:auto;text-align:right}
.field{margin-bottom:18px}
.field label{display:block;font-weight:600;font-size:14px;margin-bottom:6px}
.field label .opt{font-weight:400;color:var(--sj-ink-muted)}
.field input,.field select,.field textarea{width:100%;font-family:inherit;font-size:15px;padding:12px 14px;border:1.5px solid var(--sj-line);border-radius:10px;background:#fff;color:var(--sj-ink)}
.field textarea{min-height:120px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--uj-pink);outline:2px solid var(--uj-pink);outline-offset:2px}
.field.check{display:flex;gap:10px;align-items:flex-start}
.field.check input{width:auto;margin-top:3px}
.field.check label{font-weight:400;color:var(--sj-ink-muted);margin:0}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:560px){.row2{grid-template-columns:1fr}}
.form-foot{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:8px;flex-wrap:wrap}
.form-foot .hint{font-size:13px;color:var(--sj-ink-muted)}
.honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.errors{background:#fff0f2;border:1px solid var(--sj-red);color:#a3142a;border-radius:10px;padding:12px 16px;margin-bottom:18px;font-size:14px}
.errors ul{margin:0;padding-left:18px}
.notice{background:var(--sj-blue-soft);border:1px solid var(--sj-blue);color:var(--sj-blue-ink);border-radius:10px;padding:12px 16px;margin-bottom:18px;font-size:14px}

/* Success */
.success{max-width:560px;margin:40px auto;padding:44px 32px;text-align:center;border-radius:18px}
.success .check{width:64px;height:64px;border-radius:50%;background:var(--sj-green);color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}
.success .check svg{width:34px;height:34px}
.success h1{font-size:24px}
.success p{color:var(--sj-ink-muted);margin-top:10px}

/* Agent-ready band */
.agent-band{background:var(--sj-black);color:#fff;border-radius:var(--sj-radius);padding:28px 30px;margin:36px 0;display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.agent-band h2{color:#fff;font-size:20px}
.agent-band p{color:#B5AB9E;font-size:14px;margin-top:6px;max-width:70ch}
.agent-band .sj-badge-agent{background:transparent;color:var(--uj-pink);border:1.5px dashed var(--uj-pink)}

/* Footer */
footer.site{padding:40px 0;border-top:1px solid var(--sj-line);color:var(--sj-ink-muted);font-size:14px;background:#fff}
.foot-grid{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.foot-links{display:flex;gap:18px;flex-wrap:wrap}
.foot-links a:hover{color:var(--sj-blue-ink)}

/* Consent banner */
/* Cookie lišta: na počítači malá karta vlevo dole (nezakrývá panel s detailem nabídky),
   na mobilu pruh dole — stránka i otevřený detail se o její výšku (--consent-h) zvednou. */
#consent{position:fixed;left:0;right:0;bottom:0;z-index:100;background:var(--sj-black);color:#fff;padding:14px 16px}
#consent .inner{max-width:var(--maxw);margin:0 auto;display:flex;gap:10px 12px;align-items:center;flex-wrap:wrap}
#consent p{font-size:14px;flex:1 1 100%;min-width:0;margin:0}
@media(min-width:881px){
  #consent{left:16px;right:auto;bottom:16px;max-width:360px;border-radius:14px;padding:16px 18px;
    border:2px solid var(--uj-ink);box-shadow:6px 6px 0 rgba(30,26,23,.35)}
  #consent p{font-size:13px;line-height:1.45}
}
body{padding-bottom:var(--consent-h,0px)}
@media(max-width:880px){
  .split-detail{bottom:var(--consent-h,0px)}
  .lp-sticky-cta{bottom:var(--consent-h,0px)!important}
}
#consent a{color:#FF8FC0;text-decoration:underline}
#consent .uj-btn{padding:9px 18px}

/* Admin / company tables */
/* tabulky mají hodně sloupců → na užších obrazovkách vodorovný scroll místo přetečení */
.adm-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -4px;padding:0 4px}
.adm-scroll .adm-table{min-width:840px}
.adm-table{width:100%;border-collapse:collapse;font-size:14px}
.adm-table th,.adm-table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--sj-line)}
.adm-table th{font-family:var(--sj-head);font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--sj-ink-muted)}
.tag-status{font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px}
.st-published{background:#E4F7EF;color:#0A7A57}
.st-paused{background:var(--uj-carton);color:var(--uj-ink)}
.st-draft,.st-pending_review{background:#FFF3D6;color:#7a5a00}
.st-rejected,.st-expired,.st-archived{background:#FCE4E8;color:#a3142a}
/* nezaplacená čekající pozice — nečeká na schválení, ale na platbu */
.st-awaiting_payment{background:#FDECEC;color:#A32126}
/* superadmin: záložky, hlavičky sekcí, filtry, stránkování */
.adm-tabs{display:flex;align-items:stretch;gap:2px;margin:16px 0 20px;border-bottom:2px solid var(--sj-line);
  flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.adm-tab{flex:0 0 auto;padding:10px 14px;font-size:14px;font-weight:600;color:var(--sj-ink-muted);
  text-decoration:none;white-space:nowrap;border-bottom:3px solid transparent;margin-bottom:-2px;border-radius:8px 8px 0 0}
.adm-tab:hover{color:var(--sj-ink);background:var(--sj-paper)}
.adm-tab.is-active{color:var(--sj-ink);border-bottom-color:var(--uj-ink,#1E1A17)}
.adm-tab-out{margin-left:auto;font-weight:500}
.adm-tab-out:hover{color:var(--sj-red)}
.adm-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.adm-head h3{font-size:15px;margin:0}
.adm-more{font-size:13px;font-weight:600;color:var(--sj-blue);text-decoration:none;white-space:nowrap}
.adm-filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.adm-filter{font-size:13px;padding:6px 11px;border:1px solid var(--sj-line);border-radius:8px;
  color:var(--sj-ink-muted);text-decoration:none;background:#fff}
.adm-filter:hover{border-color:var(--uj-ink,#1E1A17);color:var(--sj-ink)}
.adm-filter.is-active{background:var(--uj-ink,#1E1A17);border-color:var(--uj-ink,#1E1A17);color:#fff;font-weight:600}
.adm-filter .c{opacity:.65;font-size:12px;margin-left:2px}
.adm-pager{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:16px}
.adm-pager a,.adm-pager span{font-size:13px;padding:6px 11px;border-radius:8px;text-decoration:none}
.adm-pager a{border:1px solid var(--sj-line);color:var(--sj-ink);background:#fff}
.adm-pager a:hover{border-color:var(--uj-ink,#1E1A17)}
.adm-pager .is-active{background:var(--uj-ink,#1E1A17);color:#fff;font-weight:700}
.adm-pager .gap{color:var(--sj-ink-muted);padding:6px 2px}

/* superadmin: schvalovací detail (náhled + data k rozhodnutí) */
.adm-review-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:10px 0 18px}
.adm-review-head .tag-status{margin-top:6px;display:inline-block}
.adm-review-acts{display:flex;gap:8px;flex-wrap:wrap}
.adm-review{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;align-items:start}
.adm-review-label{font-family:var(--sj-head);font-size:12px;text-transform:uppercase;letter-spacing:.05em;
  color:var(--sj-ink-muted);margin-bottom:8px}
.adm-review-preview .id-panel{background:#fff;border:2px solid var(--uj-ink,#1E1A17);border-radius:var(--sj-radius);
  padding:22px;box-shadow:var(--uj-shadow)}
.adm-review-meta{background:#fff;border:1px solid var(--sj-line);border-radius:var(--sj-radius);padding:18px 20px}
.adm-dl{margin:0;display:grid;grid-template-columns:1fr;gap:0}
.adm-dl dt{font-family:var(--sj-head);font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;
  color:var(--sj-ink-muted);margin-top:14px}
.adm-dl dt:first-child{margin-top:0}
.adm-dl dd{margin:3px 0 0;font-size:14px;line-height:1.5}
.adm-warn{background:#FFF3D6;border:1px solid var(--uj-gold,#F5A623);border-radius:8px;padding:8px 10px;
  margin-top:6px;font-size:13px;line-height:1.45}
@media(max-width:900px){ .adm-review{grid-template-columns:1fr} }

/* superadmin: čím a jak bylo za pozici zaplaceno */
.pay-tag{display:inline-block;font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:6px;
  border:1px solid var(--sj-line);background:#fff;color:var(--sj-ink)}
.pay-card{background:#EAF1FF;border-color:#B9CCF3;color:#1B3E86}
.pay-invoice{background:#F1EEE8;border-color:#DDD4C9;color:#4A4238}
.pay-prepaid{background:#FDF1DC;border-color:#F2C77E;color:#6E4700}
.pay-none{color:var(--sj-ink-muted)}
.pay-state{display:inline-block;font-size:11.5px;margin-left:5px;color:var(--sj-ink-muted)}
.pay-state.is-ok{color:#0A7A57;font-weight:600}
.pay-amt{display:inline-block;font-size:11.5px;margin-left:5px;color:var(--sj-ink-muted)}
.adm-actions{display:flex;gap:6px;flex-wrap:wrap}
.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin:20px 0}
.kpi{background:#fff;border:2px solid var(--uj-ink);border-radius:var(--sj-radius);padding:20px;box-shadow:var(--uj-shadow)}
.kpi .n{font-family:var(--sj-head);font-size:30px;font-weight:700}
.kpi .l{font-size:13px;color:var(--sj-ink-muted);margin-top:4px}

/* ===== Iterace 1: chips filtry, původ SJ, mobilní hlavička ===== */
.chip-link{cursor:pointer;text-decoration:none;transition:.15s}
.chip-link:hover{background:var(--uj-ink);color:var(--uj-paper)}
.chip-link.cat:hover{background:var(--uj-ink);color:var(--uj-paper)}
.chip-link.pay:hover{background:var(--uj-ink);color:var(--uj-paper)}

/* Decentní informace o původu pozice (StartupJobs) */
.sj-origin{margin-top:30px;padding-top:14px;border-top:1px solid var(--sj-line);text-align:right;font-size:12px}
.sj-origin a{display:inline-flex;gap:6px;align-items:center;color:var(--sj-ink-muted);opacity:.75}
.sj-origin a:hover{opacity:1}
.sj-origin-logo{font-family:var(--sj-head);font-weight:700;color:var(--sj-ink)}
.sj-origin-logo .sj-up{font-style:italic;color:var(--sj-blue-ink)}

/* Mobilní hlavička — kompaktnější akce */
@media(max-width:640px){
  .nav{height:64px}
  .nav-actions{gap:8px}
  .nav-actions .uj-btn{padding:9px 13px;font-size:13px}
  .nav-actions .lang-switch{padding:6px 10px}
  .logo-upjobs{height:28px}
  .logo-sjlabs{height:17px}
}
@media(max-width:480px){
  /* na úzkém mobilu vede hlavička na „Pro firmy" — vystavení je až krok potom */
  .nav-actions .btn-post .full{display:none}
  .nav-actions .btn-post .short{display:inline}
}
.nav-actions .btn-post .short{display:none}
/* přihlášená firma na úzkém mobilu: logo + Vystavit + chip se nevejdou a roztáhly by celou stránku;
   Vystavit pozici má firma v záložkách administrace, v hlavičce zůstane chip */
@media(max-width:480px){.nav-actions--company .btn-post{display:none}.nav-actions--company .company-chip{max-width:160px}}

/* Patička: kontakt + řádky */
.foot-contact{font-size:14px}
.foot-contact a{color:var(--sj-blue-ink)}

/* Účet kandidáta — ikona v hlavičce */
.acct-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:999px;border:1px solid var(--sj-line);color:var(--sj-ink-muted);background:#fff;flex-shrink:0}
.acct-icon:hover{border-color:var(--sj-blue-ink);color:var(--sj-blue-ink)}
.acct-icon svg{width:20px;height:20px}
@media(max-width:640px){.acct-icon{width:34px;height:34px}.acct-icon svg{width:18px;height:18px}}

/* ===== Iterace 2: mobilní plná šířka + scroll detailu ===== */
@media(max-width:640px){
  .wrap{padding:0 12px}
  .screen{padding:18px 0 48px}
  .id-body{padding:18px 16px}
  .detail-body{padding:22px 16px}
  .detail-hero,.id-hero{padding:18px 16px}
  .searchbar{margin:16px 0 12px}
  .split-list{margin:0 -12px}
  .job-row{padding:16px 14px}
}
/* jemnější scrollbar v detailu (desktop) */
.id-body::-webkit-scrollbar{width:10px}
.id-body::-webkit-scrollbar-thumb{background:var(--sj-line);border-radius:999px;border:3px solid #fff}
.id-body::-webkit-scrollbar-thumb:hover{background:#C9BEB0}
.sj-origin-logo-img{height:16px;width:auto;vertical-align:middle;opacity:.85}

/* Naposledy hledáno — vpravo v řádce filtrů (nezvyšuje výšku vyhledávání) */
.recent-search{margin-left:auto;align-self:center;font-family:var(--sj-mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--sj-ink-muted);max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.recent-search:hover{color:var(--sj-blue-ink)}
.recent-search .rs-label{font-weight:600;color:var(--sj-ink-muted);margin-right:4px}
@media(max-width:680px){.recent-search{margin-left:0;flex-basis:100%;max-width:100%}}

/* Firma přihlášená — chip v hlavičce */
.company-chip{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:10px;background:var(--uj-carton);border:1.5px solid var(--uj-ink);color:var(--uj-ink);font-weight:600;font-size:14px;max-width:220px}
.company-chip:hover{background:#FFD4EA}
.company-chip .sj-sym svg{width:18px;height:18px}
.company-chip .cc-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acct-icon.active{border-color:var(--sj-blue-ink);color:var(--sj-blue-ink);background:var(--sj-blue-soft)}
@media(max-width:560px){.company-chip{max-width:140px;height:34px;padding:0 11px}}

/* ===== WYSIWYG editor (vystavit pozici) ===== */
.wysiwyg-wrap{border:1.5px solid var(--sj-line);border-radius:10px;overflow:hidden}
.wysiwyg-wrap:focus-within{border-color:var(--sj-blue-ink)}
.wtoolbar{display:flex;flex-wrap:wrap;gap:4px;align-items:center;padding:8px 10px;background:var(--sj-paper);border-bottom:1px solid var(--sj-line)}
.wbtn{font-family:var(--sj-body);font-size:13px;font-weight:600;color:var(--sj-ink);background:#fff;border:1px solid var(--sj-line);border-radius:8px;padding:6px 10px;cursor:pointer;line-height:1;min-width:32px}
.wbtn:hover{border-color:var(--sj-blue-ink);color:var(--sj-blue-ink)}
.wsep{width:1px;align-self:stretch;background:var(--sj-line);margin:2px 4px}
.wysiwyg{min-height:300px;max-height:560px;overflow-y:auto;padding:16px 18px;font-size:15px;line-height:1.6;color:var(--sj-ink);outline:none}
.wysiwyg:empty:before{content:attr(data-placeholder);color:#B8AE9F}
.wysiwyg h3{font-family:var(--sj-head);font-size:17px;margin:14px 0 6px}
.wysiwyg p{margin:0 0 10px}
.wysiwyg ul,.wysiwyg ol{margin:6px 0 12px;padding-left:22px}
.wysiwyg li{margin-bottom:4px}
.wysiwyg a{color:var(--sj-blue-ink);text-decoration:underline}
.wysiwyg img{max-width:100%;height:auto;border-radius:10px;margin:8px 0}
.wysiwyg .video-embed,.rich .video-embed{position:relative;width:100%;aspect-ratio:16/9;margin:12px 0;border-radius:12px;overflow:hidden;background:var(--uj-ink-deep)}
.wysiwyg .video-embed iframe,.rich .video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
/* média v zobrazeném detailu */
.rich img{max-width:100%;height:auto;border-radius:10px;margin:8px 0}
@media(max-width:640px){.wysiwyg{min-height:240px;padding:13px 14px}}

/* Volba platby (vystavit) */
.pay-choice{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:560px){.pay-choice{grid-template-columns:1fr}}
/* .pay-opt je <label> uvnitř .field → musí přebít .field label{display:block} */
.field .pay-opt{display:flex;gap:11px;align-items:center;margin-bottom:0;font-weight:400;border:1.5px solid var(--sj-line);border-radius:10px;padding:12px 14px;cursor:pointer}
.pay-opt:hover{border-color:var(--sj-blue-ink)}
.pay-opt input{margin:0;flex-shrink:0;width:18px;height:18px;accent-color:var(--sj-blue-ink)}
.pay-opt:has(input:checked){border-color:var(--sj-blue-ink);background:var(--sj-blue-soft)}
.pay-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.pay-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600}
.pay-hint{font-size:12px;font-weight:400;color:var(--sj-ink-muted);line-height:1.4}
/* TOP label — topované pozice (formulář i výpis) */
.badge-top{display:inline-flex;align-items:center;background:var(--sj-gold);color:#3a2a00;font-family:var(--sj-head);font-weight:700;font-size:10px;letter-spacing:.06em;padding:2px 7px;border-radius:6px;text-transform:uppercase;flex-shrink:0}

/* ===== Iterace 2: patička sloupce + mobilní hlavička ===== */
.foot-cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px;align-items:start}
.foot-brand{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.foot-col h4{font-family:var(--sj-head);font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--sj-ink);margin:0 0 10px}
.foot-col a{display:block;color:var(--sj-ink-muted);font-size:14px;margin-bottom:8px}
.foot-col a:hover{color:var(--sj-blue-ink)}
.foot-lang{align-self:flex-start}
.foot-bottom{margin-top:24px;font-size:13px;color:var(--sj-ink-muted)}
@media(max-width:720px){.foot-cols{grid-template-columns:1fr 1fr;gap:22px}.foot-brand{grid-column:1/-1}}
@media(max-width:480px){.foot-cols{grid-template-columns:1fr}}

/* hlavička: tlačítka čitelná, nezmenšovat na tečku */
.nav-actions .uj-btn{flex-shrink:0;white-space:nowrap}
@media(max-width:600px){
  /* Na mobilu vede hlavička nepřihlášeného na „Pro firmy" místo přímého vystavení.
     Skrýváme jen tam, kde „Pro firmy" existuje — přihlášená firma si CTA nechá. */
  .nav-actions .nav-forcompanies + .btn-post{display:none}
  .nav-actions .nav-forcompanies{padding:9px 14px;font-size:13px;
    background:var(--uj-ink,#1E1A17);color:#fff;border-color:var(--uj-ink,#1E1A17)}
  .nav-actions .btn-post{padding:9px 14px;font-size:13px}
  .company-chip{max-width:120px}
}

/* povinné pole + loader spinner */
.req{color:var(--sj-red);font-weight:700}
.spin{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;vertical-align:-2px}
.uj-btn--ghost .spin{border-color:rgba(30,26,23,.3);border-top-color:var(--sj-blue-ink)}
@keyframes spin{to{transform:rotate(360deg)}}

/* platba nad sebe + total */
.pay-stack{grid-template-columns:1fr}
.order-total{padding:14px 16px;background:var(--sj-paper);border-radius:12px;margin:8px 0 14px}
.order-prepaid{padding:14px 16px;background:var(--sj-paper);border-radius:12px;margin:8px 0 14px;font-weight:600}
.order-prepaid[hidden],.order-total[hidden]{display:none}
.credits-box{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.order-total .ot-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.order-total .ot-row[hidden]{display:none}
.order-total .ot-label,.order-total .ot-gross>span{font-weight:600}
.order-total #ot-net{font-family:var(--sj-head);font-size:20px}
.order-total .ot-note{font-size:12px;margin-left:6px}
.order-total .ot-sub{margin-top:4px;font-size:12px}
.order-total .ot-gross{margin-top:8px;padding-top:8px;border-top:1px solid var(--sj-line)}
.order-total .ot-gross strong{font-family:var(--sj-head);font-size:18px;color:var(--sj-blue-ink)}

/* Firemní administrace — hlavička + záložky */
.firma-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:14px}
.firma-tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--sj-line);margin-bottom:20px}
.firma-tabs a{padding:10px 16px;font-weight:600;font-size:14px;color:var(--sj-ink-muted);border-bottom:2px solid transparent;margin-bottom:-1px}
.firma-tabs a.active{color:var(--sj-blue-ink);border-bottom-color:var(--sj-blue-ink)}
.firma-tabs a:hover{color:var(--sj-ink)}
.firma-tabs .firma-cta{margin-left:auto;color:var(--sj-blue-ink)}

/* ===== Tmavá patička (styl StartupJobs) ===== */
footer.footer-dark{background:var(--uj-ink-deep);color:#fff;border-top:2px solid var(--uj-pink);padding:56px 0 28px}
.footer-dark .foot-grid2{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;align-items:start}
.foot-brand-dark{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.foot-lockup{display:flex;align-items:center;gap:14px}
.foot-lockup a{display:flex;align-items:center;gap:10px}
.foot-lockup img{display:block;width:auto}
.foot-logo-upjobs{height:28px}
.foot-lockup .wm{color:var(--uj-paper);font-size:20px}
.foot-by{display:flex;align-items:center;gap:9px;border-left:1px solid rgba(255,255,255,.2);padding-left:14px}
.foot-by-txt{font-family:var(--sj-body);font-size:10px;color:#948A7D;font-weight:500}
.foot-logo-sjlabs{height:19px;opacity:.9}
.foot-tag{color:#948A7D;font-size:14px;line-height:1.5;margin:0}
.foot-socials{display:flex;gap:14px;margin-top:6px}
.foot-socials a{width:40px;height:40px;border-radius:50%;border:1.5px solid rgba(248,245,240,.45);display:flex;align-items:center;justify-content:center;color:#fff}
.foot-socials a:hover{background:#fff;color:var(--sj-black);border-color:#fff}
.foot-socials svg{width:20px;height:20px}
.footer-dark .foot-col{display:flex;flex-direction:column}
.footer-dark .foot-col h4{font-family:var(--sj-head);font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:#fff;margin:0 0 12px}
.footer-dark .foot-col a{color:#C7BEB0;font-size:15px;padding:7px 0}
.footer-dark .foot-col a:hover{color:#fff}
.foot-sep{height:1px;background:rgba(255,255,255,.12);margin:12px 0}
.foot-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:40px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12)}
.foot-bar .foot-copy{font-size:13px;color:#948A7D}
.foot-bar .sj-badge-agent{background:transparent;color:var(--uj-pink);border:1.5px dashed var(--uj-pink)}
.foot-bar .foot-lang{display:inline-flex;align-items:center;gap:7px;color:#C7BEB0;font-size:14px;border:2px solid rgba(248,245,240,.45);border-radius:10px;padding:7px 14px}
.foot-bar .foot-lang:hover{border-color:#fff;color:#fff}
@media(max-width:820px){.footer-dark .foot-grid2{grid-template-columns:1fr 1fr}.foot-brand-dark{grid-column:1/-1}}
@media(max-width:560px){.footer-dark .foot-grid2{grid-template-columns:1fr}.foot-bar{justify-content:center;text-align:center}}

/* ===== Agent-ready landing (/agent-ready) ===== */
.agent-split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.agent-list{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-direction:column;gap:11px}
.agent-list li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.45}
.agent-list .sj-sym{flex-shrink:0;margin-top:1px}
.agent-prompt{display:flex;gap:10px;align-items:flex-start;background:#fff;border:1px solid var(--sj-line);border-radius:12px;padding:13px 15px;margin-bottom:10px;font-size:14.5px;line-height:1.45;color:var(--sj-ink)}
.agent-tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}
.agent-tool{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:18px 18px}
.agent-tool-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}
.agent-tool code{font-family:var(--sj-mono,ui-monospace,monospace);font-size:14px;color:#fff;font-weight:600}
.agent-tool p{color:#B5AB9E;font-size:13.5px;line-height:1.5;margin:0}
.agent-pill{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:3px 9px;border-radius:999px;white-space:nowrap}
.agent-pill.is-public{background:rgba(110,231,183,.16);color:#6ee7b7}
.agent-pill.is-auth{background:rgba(255,93,162,.16);color:#FF8FC0}
.agent-endpoint{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:18px}
.agent-endpoint h4{color:#fff;font-size:14px;margin:0 0 10px}
.agent-endpoint code{display:block;font-family:var(--sj-mono,ui-monospace,monospace);font-size:13px;color:#F6C9DE;margin-bottom:5px}
.agent-endpoint .muted{color:#948A7D;font-size:12.5px;margin-top:8px}
/* code blok s kopírováním */
.agent-code{border-radius:12px;overflow:hidden;border:1px solid var(--sj-line);background:#141110}
.agent-code-head{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#1E1A17;border-bottom:1px solid rgba(255,255,255,.08)}
.agent-code-head span{font-size:12px;color:#FF8FC0;font-family:var(--sj-mono,monospace);font-weight:600;letter-spacing:.03em}
.agent-copy{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid rgba(255,255,255,.2);color:#B5AB9E;border-radius:8px;padding:4px 10px;font-size:12px;cursor:pointer;transition:.15s}
.agent-copy:hover{background:rgba(255,255,255,.1);color:#fff}
.agent-copy.ok{border-color:#6ee7b7;color:#6ee7b7}
.agent-code pre{margin:0;padding:14px 16px;overflow-x:auto;font-family:var(--sj-mono,ui-monospace,monospace);font-size:13px;line-height:1.55;color:#F8F5F0;white-space:pre}
/* návody */
.guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}
.guide-card{background:#fff;border:2px solid var(--uj-ink);border-radius:var(--sj-radius);padding:26px;box-shadow:var(--uj-shadow)}
.guide-card h3{font-size:19px;display:flex;align-items:center;gap:10px;margin-bottom:6px}
.guide-num{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:var(--sj-blue);color:var(--uj-ink);font-size:15px;font-weight:700;flex-shrink:0}
.guide-steps{margin:14px 0;padding-left:20px;display:flex;flex-direction:column;gap:9px}
.guide-steps li{font-size:14.5px;line-height:1.5;color:var(--sj-ink)}
.guide-card .agent-code{margin:6px 0 12px}
@media(max-width:760px){.agent-split{grid-template-columns:1fr;gap:28px}}

/* ===== /agent-ready v2 — ladění (prompty na klik, dramaturgie, detaily) ===== */
/* hero anchor chipy: jen jeden malinový */
.agent-chip-ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.3)}
.agent-chip-ghost:hover{background:rgba(255,255,255,.1);color:#fff}
.agent-chip-pink{background:var(--uj-pink);color:var(--uj-ink);border:2px solid var(--uj-ink)}
.agent-chip-pink:hover{box-shadow:4px 4px 0 var(--uj-paper)}
/* hero řádek cest — klikatelné mono odkazy */
.agent-paths{margin-top:26px;font-family:var(--sj-mono,monospace);font-size:13px;color:#FF8FC0}
.agent-paths a{color:#FF8FC0;text-decoration:none;transition:color .15s}
.agent-paths a:hover{color:var(--uj-pink);text-decoration:underline;text-underline-offset:3px}

/* odrážky v sekcích: ✶ malinově (fajfky v brandu nejsou) */
.agent-list li{display:block;padding-left:24px;position:relative;font-size:15px;line-height:1.5;color:var(--sj-ink)}
.agent-list li::before{content:"✶";position:absolute;left:0;top:0;color:var(--uj-pink);font-weight:700}

/* klikací karty promptů */
.agent-prompts-h{font-family:var(--sj-mono,monospace);font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--sj-ink-muted);margin:0 0 14px}
.agent-pc{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;text-align:left;
  background:#fff;border:2px solid var(--uj-ink);border-radius:10px;padding:14px 16px;margin-bottom:10px;
  cursor:pointer;font-family:var(--sj-body);transition:transform .12s,box-shadow .12s}
.agent-pc:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--uj-ink)}
.agent-pc-txt{font-size:15px;line-height:1.45;color:var(--uj-ink)}
.agent-pc-act{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;color:var(--uj-pencil)}
.agent-pc-ic{flex-shrink:0}
.agent-pc-label{font-family:var(--sj-mono,monospace);font-size:10px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.agent-pc.ok{border-color:var(--uj-pink-deep)}
.agent-pc.ok .agent-pc-act{color:var(--uj-pink-deep)}

/* brand toast */
.uj-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(12px);z-index:80;
  background:var(--uj-ink);color:var(--uj-paper);border:2px solid var(--uj-pink);border-radius:10px;
  padding:11px 18px;font-family:var(--sj-mono,monospace);font-size:13px;letter-spacing:.02em;
  opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.uj-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.uj-toast[hidden]{display:none}

/* Pod kapotou — pilíře jako chipy */
.agent-pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:32px}
.agent-pillar{border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:15px 16px;background:rgba(255,255,255,.04)}
.agent-pillar b{display:block;font-family:var(--sj-head);font-size:15px;color:#fff;margin-bottom:5px}
.agent-pillar span{color:#B5AB9E;font-size:13px;line-height:1.5}
.agent-tools-h{font-family:var(--sj-mono,monospace);font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#FF8FC0;margin:0 0 14px}
@media(max-width:820px){.agent-pillars{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.agent-pillars{grid-template-columns:1fr}}

/* badge u nástrojů: VEŘEJNÉ = karton, API KLÍČ = zlatý s rotací (ať nesplývají) */
.agent-pill{border-radius:8px}
.agent-pill.is-public{background:var(--uj-carton);color:var(--uj-ink)}
.agent-pill.is-auth{background:var(--uj-gold);color:var(--uj-ink);font-family:var(--sj-mono,monospace);transform:rotate(2deg)}

/* karty asistentů: 2×2, badge — inkoustový kroužek, malinový jen u doporučeného (Claude) */
.guide-grid{grid-template-columns:repeat(2,1fr)}
.guide-num{background:var(--uj-ink);color:var(--uj-paper)}
.guide-num--rec{background:var(--uj-pink);color:var(--uj-ink)}
@media(max-width:820px){.guide-grid{grid-template-columns:1fr}}

/* „proč to dává smysl" — informační karty s inkoustovým borderem (bez stínu) */
.agent-why{background:#fff;border:1.5px solid var(--uj-ink);border-radius:var(--sj-radius);padding:24px}
.agent-why h3{font-size:17px;margin-bottom:8px}
.agent-why p{font-size:14px;line-height:1.55}

/* „Načíst další" tlačítko ve výpisu (po 3 auto dávkách) */
.load-more-wrap{padding:18px 16px;text-align:center;border-top:1px solid var(--sj-line)}
.load-more{min-width:240px;justify-content:center}

/* Našeptávač kategorií (vystavení / úprava pozice) */
.cat-picker{position:relative}
.cat-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:30;background:#fff;border:2px solid var(--uj-ink);border-radius:14px;box-shadow:var(--uj-shadow);max-height:300px;overflow-y:auto;padding:6px}
.cat-option{display:flex;align-items:center;padding:9px 12px;border-radius:8px;cursor:pointer;font-size:14px}
.cat-option:hover,.cat-option.active{background:var(--sj-blue-soft)}
.cat-option strong{font-weight:600;color:var(--sj-ink)}
.cat-grp{font-size:12px;color:var(--sj-ink-muted);margin-left:6px}

/* Strom kategorií (rozklikávací obory) + StartupJobs značení */
.cat-root-head{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:8px;cursor:pointer;font-size:14px}
.cat-root-head:hover{background:var(--sj-paper)}
.cat-exp{display:inline-block;width:14px;color:var(--sj-ink-muted);font-size:11px}
.cat-children{padding-left:14px}
.cat-child{font-size:13.5px}
.cat-empty{padding:10px 12px;color:var(--sj-ink-muted);font-size:13px}
/* vybraná kategorie jako chip s odebráním */
.cat-chip{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:9px 8px 9px 14px;background:var(--sj-blue-soft);border:1.5px solid var(--sj-blue);border-radius:12px}
.cat-chip-label{font-weight:600;color:var(--sj-blue-ink);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cat-chip-x{border:none;background:transparent;color:var(--sj-blue-ink);cursor:pointer;font-size:20px;line-height:1;width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.cat-chip-x:hover{background:rgba(30,26,23,.10)}
.cat-err{color:var(--sj-red);font-size:12.5px;margin-top:6px}
.cat-err[hidden]{display:none}
/* návrh vlastního oboru (jen podnět — schvalujeme ručně) */
.cat-suggest{border-top:1px dashed var(--sj-line);margin-top:4px;padding-top:11px}
.cat-suggest strong{color:var(--sj-blue-ink)}
.cat-sugg-note{color:var(--sj-ink-muted);font-size:12.5px;margin-top:6px}
.cat-sugg-note[hidden]{display:none}
.cat-sugg-admin{background:#FFF3D6;border:1px solid var(--uj-gold,#C9A227);border-radius:8px;padding:9px 12px;margin-bottom:8px;font-size:13px;line-height:1.45;color:var(--sj-ink)}
/* kompaktní StartupJobs značka „(up)" místo loga */
.cat-up{font-family:var(--sj-head);font-weight:700;font-size:11px;color:var(--sj-blue-ink);margin-left:auto;padding-left:8px;vertical-align:middle;letter-spacing:-.02em}
.cat-sj-note{display:flex;align-items:flex-start;gap:7px;margin-top:8px;padding:10px 12px;background:var(--sj-blue-soft);border:1px solid #DDD4C9;border-radius:10px;font-size:13px;line-height:1.45;color:var(--sj-ink)}
.cat-sj-note[hidden]{display:none}
.cat-sj-note .cat-up{margin-left:0;font-size:12px;margin-top:1px;flex-shrink:0}
.cat-sj-note a{color:var(--sj-blue-ink);font-weight:600;white-space:nowrap}

/* ===== Inkoust & jiskra — mobilní doladění ===== */
@media(max-width:640px){
  /* tvrdé stíny potřebují míň místa na malých displejích */
  :root{--uj-shadow:5px 5px 0 var(--uj-ink);--uj-shadow-hover:6px 6px 0 var(--uj-pink)}
  .wm{font-size:19px}
  .foot-lockup .wm{font-size:18px}
}
/* papírový grain přes celou stránku — decentní tisková textura */
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:98;opacity:.045;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E")}

/* ===== Homepage marketing plochy (layout k uj-theme třídám) ===== */
/* „Čerstvé pozice" + počet */
.list-fresh-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin:26px 0 14px;flex-wrap:wrap}
.list-fresh-head h2{font-size:clamp(22px,3vw,30px)}
.list-count{color:var(--sj-ink-muted);font-size:12px;text-transform:uppercase;letter-spacing:.1em}

/* empty state */
.inline-empty h3{font-size:20px;margin-bottom:6px}
.inline-empty .uj-btn{margin-top:16px}

/* strip pro firmy — plochý malinový pás (.uj-section--pink), obsah vlevo / cenovka vpravo */
.uj-firmy{padding-block:60px;margin-top:44px}   /* −20 % oproti výchozím 76px, ať to není billboard */
.uj-firmy-in{display:flex;align-items:center;justify-content:space-between;gap:36px;flex-wrap:wrap}
.uj-firmy-copy{max-width:560px}
.uj-firmy-copy .uj-h2{font-size:clamp(28px,4vw,44px);line-height:1.05}
.uj-section--pink .uj-accent{color:var(--uj-ink)}
.uj-firmy-copy p{margin:14px 0 22px;max-width:52ch}

/* agent strip — plochá tmavá plocha (.uj-section--ink-deep) */
.uj-agentstrip{padding-block:56px}
.uj-agent-in{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.uj-agent-copy{flex:1;min-width:240px}
.uj-agent-copy .uj-h2{font-size:clamp(22px,3vw,30px)}
.uj-agent-copy .uj-accent{color:var(--uj-pink)}
.uj-agent-codes{display:flex;flex-wrap:wrap;gap:8px}

/* ===== Podobné nabídky — samostatný blok pod plným detailem ===== */
.uj-similar{margin-top:30px}
.uj-similar h3{font-size:18px;margin-bottom:14px}
.uj-similar-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.uj-similar-card{display:block;padding:14px 16px;color:var(--uj-ink);text-decoration:none}
.uj-similar-co{font-size:12px;font-weight:600;color:var(--uj-muted)}
.uj-similar-title{font-family:var(--sj-head);font-weight:700;font-size:15px;margin:4px 0 6px;line-height:1.2}
.uj-similar-sal{font-family:var(--sj-head);font-weight:700;color:var(--sj-blue-ink);font-size:14px}

/* ===== Hlídač pozic (v pravém bloku / poslední položka výpisu) ===== */
.uj-alert{flex:1;min-height:0;overflow-y:auto;padding:28px 28px;text-align:center}
.uj-alert-ic{width:54px;height:54px;border-radius:14px;background:var(--uj-carton);color:var(--uj-ink);margin:0 auto 14px}
.uj-alert-ic svg{width:28px;height:28px}
.uj-alert h3{font-size:20px;margin-bottom:6px}
.uj-alert>.muted{max-width:44ch;margin:0 auto}
.uj-alert-form{display:flex;flex-direction:column;gap:14px;max-width:460px;margin:18px auto 0}
.uj-obory{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-height:184px;overflow-y:auto;padding:2px}
.uj-obory-filter{margin-bottom:-4px}
.uj-oborchip{cursor:pointer}
.uj-oborchip input{position:absolute;opacity:0;width:0;height:0}
.uj-oborchip span{display:inline-block;font-size:13px;font-weight:600;padding:7px 12px;border:1.5px solid var(--uj-ink);border-radius:8px;background:#fff;color:var(--uj-ink);transition:background .12s,color .12s}
.uj-oborchip input:checked + span{background:var(--uj-ink);color:var(--uj-paper)}
.uj-oborchip input:focus-visible + span{outline:2px solid var(--uj-pink);outline-offset:2px}
.uj-alert-input{width:100%;font-family:var(--sj-body);font-size:15px;padding:12px 14px;border:1.5px solid var(--uj-ink);border-radius:10px;background:#fff;color:var(--uj-ink)}
.uj-alert-input::placeholder{color:#8A8072}
.uj-alert-input:focus{outline:2px solid var(--uj-pink);outline-offset:2px;border-color:var(--uj-pink)}
.uj-alert-form .uj-btn{justify-content:center}
.uj-alert-err{color:var(--uj-red);font-size:13px;margin-top:10px}
/* teaser jako poslední položka výpisu */
.js-alert-row{border-top:1px dashed var(--uj-line)}
.js-alert-row .jr-title{color:var(--sj-blue-ink)}

/* hlídač: našeptávač plné palety (profese/podobory) */
.uj-obory-suggest{display:flex;flex-direction:column;gap:6px;border:1.5px solid var(--uj-line);border-radius:10px;padding:6px;max-height:180px;overflow-y:auto;text-align:left}
.uj-obory-suggest[hidden]{display:none}
.uj-obory-add{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:#fff;border:none;border-radius:8px;padding:8px 10px;font-family:var(--sj-body);font-size:14px;color:var(--uj-ink);cursor:pointer}
.uj-obory-add:hover{background:var(--uj-carton)}
.uj-obory-add .uj-sug-grp{margin-left:auto;font-size:12px;color:var(--uj-muted)}

/* řazení výpisu (Nejnovější / Od nejvyšší mzdy) */
.list-fresh-right{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.list-sort{display:inline-flex;align-items:center;gap:4px}
.list-sort-lbl{font-family:var(--sj-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--uj-muted);margin-right:4px}
.list-sort-opt{padding:5px 11px;border-radius:8px;border:1.5px solid var(--uj-line);color:var(--uj-muted);font-weight:600;font-size:12.5px}
.list-sort-opt:hover{border-color:var(--uj-ink);color:var(--uj-ink)}
.list-sort-opt.on{border-color:var(--uj-ink);color:var(--uj-ink);background:var(--uj-carton)}
@media(max-width:560px){.list-sort-lbl{display:none}}

/* Lišta náhledu firmy (superadmin se dívá cizíma očima) */
.nahled-lista{display:flex;gap:14px;align-items:center;flex-wrap:wrap;justify-content:space-between;
  margin:0 0 18px;padding:11px 16px;border:1.5px solid var(--uj-ink);border-radius:10px;
  background:var(--uj-gold);color:var(--uj-ink);font-size:14px}
.nahled-lista .uj-btn{background:var(--uj-ink);color:var(--uj-paper);border-color:var(--uj-ink)}

/* Doplňující otázky ve formuláři reakce */
.apply-q{border:0;border-top:1px solid var(--uj-line);margin:18px 0 6px;padding:16px 0 0}
.apply-q legend{padding-right:10px;margin-bottom:10px}
.apply-q-choices{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:4px}
.apply-q-choice{display:inline-flex;gap:6px;align-items:center;font-weight:400;font-size:14px;margin:0}
.apply-q-choice input{width:auto;margin:0}
.app-answers{margin:8px 0 0;padding-top:8px;border-top:1px dashed var(--uj-line);font-size:13px}
.app-answers dt{font-weight:600;color:var(--uj-ink)}
.app-answers dd{margin:0 0 6px}
.q-item{border:1px solid var(--uj-line);border-radius:10px;padding:10px 14px;margin-bottom:10px;background:var(--uj-paper)}
.q-item summary{cursor:pointer}
.q-item .q-form{margin-top:12px}
.q-flags{display:flex;flex-direction:column;gap:6px;justify-content:flex-end}
.q-new{border-top:1px solid var(--uj-line);margin-top:14px;padding-top:10px}
.q-select-only[hidden]{display:none}
.q-readonly{margin:10px 0 0 18px;display:grid;gap:8px}
.team-add{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}
.views-spark{display:flex;align-items:flex-end;gap:2px;height:38px;margin:8px 0 4px}
.views-spark span{flex:1;min-width:3px;background:var(--uj-ink);border-radius:2px 2px 0 0}
.views-spark span.is-zero{background:var(--uj-line)}
/* náhled firmy ze superadminu — zlatá, ať je jasné, že nejde o přihlášení firmy */
.company-chip.is-preview{border-style:dashed;border-color:var(--uj-gold);background:#FDF1DC}

/* slevový kupón ve formuláři objednávky */
.coupon-field[hidden],#coupon-box[hidden],.coupon-toggle[hidden]{display:none}
.coupon-toggle{background:none;border:0;padding:0;font:inherit;font-size:14px;color:var(--sj-ink-muted);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.coupon-toggle:hover{color:var(--uj-ink)}
.coupon-row{display:flex;gap:8px}
.coupon-row input{flex:1;text-transform:uppercase;letter-spacing:.04em}
.coupon-msg{font-size:13px;margin-top:6px}
.coupon-msg.is-ok{color:#0A7A57}
.coupon-msg.is-err{color:var(--sj-red,#B42318)}
.order-total .ot-disc span:last-child{font-weight:600;color:#0A7A57}

/* obnovený rozepsaný inzerát */
.draft-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
  margin:0 0 16px;padding:10px 14px;border:2px dashed var(--uj-line);border-radius:10px;background:var(--uj-paper);font-size:14px}
.draft-bar[hidden]{display:none}

/* ===== Zájemci: seznam, kanban, detail kandidáta (company/applicants, candidate, stages) ===== */
.cand-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:12px}
.cand-toolbar select,.cand-toolbar input[type=search]{height:38px;padding:0 12px;border:1.5px solid var(--uj-line);border-radius:var(--uj-radius-chip);background:var(--uj-white);font:inherit;font-size:14px;color:var(--uj-ink)}
.cand-toolbar select{max-width:340px}
.cand-toolbar input[type=search]{flex:1;min-width:180px}
.cand-views{display:inline-flex;border:1.5px solid var(--uj-ink);border-radius:var(--uj-radius-chip);overflow:hidden}
.cand-views a{display:flex;align-items:center;justify-content:center;width:42px;height:35px;color:var(--uj-ink);text-decoration:none}
.cand-views a:hover{background:var(--uj-carton)}
.cand-views svg{width:19px;height:19px}
.cand-views a.active,.cand-views a.active:hover{background:var(--uj-ink);color:var(--uj-paper)}
.cand-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.cand-tabs a{padding:6px 12px;border:1.5px solid var(--uj-line);border-radius:var(--uj-radius-chip);font-size:13px;font-weight:600;color:var(--uj-pencil);text-decoration:none;background:var(--uj-white)}
.cand-tabs a b{margin-left:4px;color:var(--uj-ink)}
.cand-tabs a.active{border-color:var(--uj-ink);color:var(--uj-ink);box-shadow:var(--uj-shadow-btn)}
.cand-card{padding:0;overflow:hidden}
.cand-table{width:100%;border-collapse:collapse;font-size:14px;min-width:720px}
.cand-table th{font-family:var(--uj-font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--uj-pencil);text-align:left;padding:12px 16px;border-bottom:1.5px solid var(--uj-line);font-weight:500}
.cand-table td{padding:12px 16px;border-bottom:1px solid var(--uj-line);vertical-align:top}
.cand-table tbody tr{cursor:pointer}
.cand-table tbody tr:hover{background:var(--uj-paper)}
.cand-table tr.is-new .cand-name{font-weight:800}
.cand-name{font-weight:600;color:var(--uj-ink);text-decoration:none}
.cand-name:hover{text-decoration:underline}
.cand-sub{font-size:12.5px;color:var(--uj-pencil);margin-top:2px;word-break:break-all}
.cand-job{color:var(--uj-pencil);max-width:280px}
.cand-when{white-space:nowrap;color:var(--uj-pencil)}
.cand-icons{white-space:nowrap;font-family:var(--uj-font-mono);font-size:12px;color:var(--uj-pencil)}
.cand-icons span{margin-left:8px}
.cand-new{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:6px;background:var(--uj-pink-tint);color:var(--uj-pink-deep);font-family:var(--uj-font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;vertical-align:2px}
.cand-stage{display:inline-block;padding:3px 9px;border-radius:var(--uj-radius-chip);font-size:12.5px;font-weight:600;background:var(--uj-carton);color:var(--uj-ink);white-space:nowrap}
.cand-stage--hired{background:#E4F7EF;color:#0A7A57}
.cand-stage--rejected{background:#FCE4E8;color:#a3142a}
.cand-hint{font-size:13px;margin-bottom:10px}
.cand-tabs a.cand-stages-edit,.cand-stages-edit{align-self:center;border:none;background:none;box-shadow:none;padding:6px 4px;margin-left:4px;font-size:13px;font-weight:500;color:var(--uj-pencil);text-decoration:underline;text-underline-offset:3px}
.cand-stages-edit:hover{color:var(--uj-ink)}
.cand-board{display:flex;gap:12px;overflow-x:auto;padding-bottom:12px;align-items:flex-start}
.cand-col{flex:0 0 260px;background:var(--uj-carton);border-radius:var(--uj-radius);border:1.5px solid transparent;display:flex;flex-direction:column;max-height:75vh}
.cand-col header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;font-family:var(--uj-font-head);font-weight:700;font-size:14px}
.cand-col header b{font-family:var(--uj-font-mono);font-size:12px;color:var(--uj-pencil);font-weight:500}
.cand-col--hired header{color:#0A7A57}
.cand-col--rejected header{color:#a3142a}
.cand-col.is-over{border-color:var(--uj-ink);border-style:dashed}
.cand-col-body{padding:0 10px 10px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;min-height:60px}
.cand-kcard{display:block;background:var(--uj-white);border:1.5px solid var(--uj-line);border-radius:var(--uj-radius-chip);padding:10px 12px;text-decoration:none;color:var(--uj-ink);cursor:grab}
.cand-kcard:hover{border-color:var(--uj-ink)}
.cand-kcard.is-new{border-left:4px solid var(--uj-pink)}
.cand-kcard.is-dragging{opacity:.45}
.cand-kcard strong{display:block;font-size:14px}
.cand-kjob{display:block;font-size:12.5px;color:var(--uj-pencil);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}
.cand-kmeta{display:block;font-family:var(--uj-font-mono);font-size:11px;color:var(--uj-pencil);margin-top:6px}
.cand-kmeta b{color:var(--uj-pink-deep);font-weight:500}
.cand-modal{margin:auto;width:min(980px,calc(100vw - 32px));max-height:calc(100vh - 48px);padding:0;border:2px solid var(--uj-ink);border-radius:var(--uj-radius);box-shadow:var(--uj-shadow);background:var(--uj-paper);color:var(--uj-ink)}
.cand-modal:focus,.cand-modal:focus-visible{outline:none}
.cand-modal::backdrop{background:rgba(30,26,23,.55)}
.cand-detail{padding:22px 26px 26px}
.cand-dhead{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}
.cand-dhead h2{font-family:var(--uj-font-head);font-size:26px;margin:4px 0 2px}
.cand-dhead a{color:var(--uj-ink)}
.cand-dnav{display:flex;gap:6px;flex-shrink:0}
.cand-dnav .uj-btn:disabled{opacity:.35;pointer-events:none}
.cand-stages{display:flex;gap:6px;flex-wrap:wrap;align-items:center;padding:12px 0 16px;border-bottom:1.5px solid var(--uj-line);margin-bottom:18px}
.cand-stages .uj-label{margin-right:4px}
.cand-stage-btn{font:inherit;font-size:13px;font-weight:600;padding:6px 12px;border:1.5px solid var(--uj-line);border-radius:var(--uj-radius-chip);background:var(--uj-white);color:var(--uj-ink);cursor:pointer}
.cand-stage-btn:hover{border-color:var(--uj-ink)}
.cand-stage-btn.is-active{background:var(--uj-ink);border-color:var(--uj-ink);color:var(--uj-paper)}
.cand-stage-btn--hired.is-active{background:#0A7A57;border-color:#0A7A57}
.cand-stage-btn--rejected.is-active{background:#a3142a;border-color:#a3142a}
.cand-dgrid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}
.cand-dmain section{margin-bottom:18px}
.cand-dmain h3,.cand-dside h3{margin-bottom:8px}
.cand-contact{display:grid;gap:10px;background:var(--uj-white);border:1.5px solid var(--uj-line);border-radius:var(--uj-radius-chip);padding:14px 16px}
.cand-contact > div{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.cand-contact .uj-label{width:64px}
.cand-contact a{color:var(--uj-ink);font-weight:600;word-break:break-all}
.cand-copy{font:inherit;font-size:12px;border:none;background:none;color:var(--uj-pencil);cursor:pointer;text-decoration:underline}
.cand-cv-frame{width:100%;height:70vh;border:1.5px solid var(--uj-line);border-radius:var(--uj-radius-chip);margin-top:12px;background:var(--uj-white)}
.cand-message{background:var(--uj-white);border:1.5px solid var(--uj-line);border-radius:var(--uj-radius-chip);padding:14px 16px;line-height:1.6;white-space:normal;max-height:46vh;overflow:auto}
.cand-dside{border-left:1.5px solid var(--uj-line);padding-left:20px}
.cand-noteform textarea{width:100%;font:inherit;font-size:14px;padding:10px 12px;border:1.5px solid var(--uj-line);border-radius:var(--uj-radius-chip);background:var(--uj-white);resize:vertical;margin-bottom:8px}
.cand-timeline{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-direction:column;gap:12px;font-size:13.5px}
.cand-ev{border-left:3px solid var(--uj-line);padding-left:10px}
.cand-ev--note{border-left-color:var(--uj-ink)}
.cand-ev-meta{font-family:var(--uj-font-mono);font-size:11px;color:var(--uj-pencil);margin-bottom:2px}
.stages-form{padding:18px 20px;max-width:760px}
.stages-form ol{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.stage-row{display:flex;gap:8px;align-items:center}
.stage-row input[type=text]{flex:1;height:38px;padding:0 12px;border:1.5px solid var(--uj-line);border-radius:var(--uj-radius-chip);font:inherit}
.stage-row select{min-width:136px;height:38px;border:1.5px solid var(--uj-line);border-radius:var(--uj-radius-chip);padding:0 8px;font:inherit;background:var(--uj-white)}
.stage-handle{color:var(--uj-pencil)}
.stage-count{width:64px;font-size:12px;text-align:right}
.stage-btn{width:32px;height:32px;border:1.5px solid var(--uj-line);border-radius:var(--uj-radius-chip);background:var(--uj-white);cursor:pointer;font-size:14px}
.stage-btn:hover{border-color:var(--uj-ink)}
.stage-del:hover{border-color:var(--uj-red);color:var(--uj-red)}
@media (max-width:760px){
  .cand-dgrid{grid-template-columns:1fr}
  .cand-dside{border-left:none;padding-left:0;border-top:1.5px solid var(--uj-line);padding-top:16px}
  .cand-detail{padding:16px}
  .cand-dhead h2{font-size:21px}
  .cand-modal{inset:0;margin:0;width:100%;max-width:100%;height:100%;max-height:100%;border-radius:0;border:none;box-shadow:none}
  .cand-dhead{flex-direction:column-reverse;gap:10px}
  .cand-dnav{align-self:flex-end}
  .cand-table{min-width:0}
  .cand-table thead{display:none}
  .cand-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;padding:12px 14px;border-bottom:1px solid var(--uj-line)}
  .cand-table td{border:none;padding:0}
  .cand-table td:nth-child(1){grid-column:1;grid-row:1}
  .cand-table td:nth-child(3){grid-column:2;grid-row:1;text-align:right}
  .cand-table td.cand-job{grid-column:1;grid-row:2;font-size:13px;margin-top:4px;max-width:none}
  .cand-table td.cand-when{grid-column:2;grid-row:2;font-size:12px;text-align:right;margin-top:4px}
  .cand-table td.cand-icons{display:none}
  .cand-toolbar select{max-width:none;width:100%}
  .stage-row{flex-wrap:wrap}
  .stage-count{width:auto}
}

/* ===== Zamítací e-mail kandidátovi (company/rejection) ===== */
.rej-modal{width:min(680px,calc(100vw - 32px))}
.rej{padding:22px 26px 24px}
.rej-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}
.rej-head h2{font-family:var(--uj-font-head);font-size:22px;margin:4px 0 0}
.rej-meta{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:0 0 14px;font-size:14px}
.rej-meta dt{font-family:var(--uj-font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--uj-pencil);padding-top:3px}
.rej-meta dd{margin:0;word-break:break-word}
.rej-label{display:block;font-family:var(--uj-font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--uj-pencil);margin:0 0 6px}
.rej-form textarea{width:100%;font:inherit;font-size:14.5px;line-height:1.55;padding:12px 14px;border:1.5px solid var(--uj-line);border-radius:var(--uj-radius-chip);background:var(--uj-white);resize:vertical}
.rej-sign{margin-top:14px}
.rej-sign input{width:100%;max-width:340px;height:38px;padding:0 12px;border:1.5px solid var(--uj-line);border-radius:var(--uj-radius-chip);font:inherit;background:var(--uj-white)}
.rej-company{margin:6px 0 0;font-size:14px;font-weight:600}
.rej-jobs{margin-top:16px;padding:12px 14px;border:1.5px dashed var(--uj-line);border-radius:var(--uj-radius-chip);background:var(--uj-white)}
.rej-jobs ul{margin:8px 0 0;padding-left:20px;font-size:14px;display:flex;flex-direction:column;gap:4px}
.rej-jobs a{color:var(--uj-ink);font-weight:600}
.rej-check{display:flex;gap:8px;align-items:flex-start;font-size:14px;margin-top:12px;cursor:pointer}
.rej-check input{margin-top:3px}
.rej-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.cand-rej-info{margin:-6px 0 16px;font-size:13.5px;color:var(--uj-pencil)}
.cand-ev--email{border-left-color:var(--uj-pink)}
.cand-ev-mail summary{cursor:pointer;font-weight:600}
.cand-ev-mail div{margin-top:6px;color:var(--uj-pencil);white-space:normal}
@media (max-width:760px){.rej{padding:16px}.rej-modal{inset:0;margin:0;width:100%;max-width:100%;height:100%;max-height:100%;border-radius:0;border:none;box-shadow:none}}