@font-face {
  font-family: 'CompanyFont';
  src: url('fonts/ABCWhyteInktrap-Book.otf') format('opentype');
  font-weight: 400 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'CompanyFont';
  src: url('fonts/ABCWhyteInktrap-Bold.otf') format('opentype');
  font-weight: 700 900;
  font-style: normal;
  font-display: swap;
}


*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --black:#0D0D0B;--black2:#181815;--black3:#242420;--black4:#2E2E2A;
  --yellow:#E8D200;--yellow2:#F5DF00;--yellow-dk:#C4B000;
  --beige:#F2EEE4;--beige2:#EAE5D8;--beige3:#DDD7C8;--beige4:#C8C0AE;
  --white:#FDFCF8;
  --ink:#0D0D0B;--ink2:#3A3A35;--ink3:#6A6A62;--ink4:#9A9A90;
  --green:#186B3A;--green-lt:#D2EDE0;
  --red:#B03030;--red-lt:#F5DADA;
  --blue:#1A3A6E;--blue-lt:#D2DDF2;
  --teal:#0F5C5C;--teal-lt:#CEEAEA;
  --font:'CompanyFont','DM Sans','Helvetica Neue',system-ui,sans-serif;
  --mono:'JetBrains Mono','Fira Code',monospace;
  --r:4px;--r2:8px;--r3:14px;
  --sh:0 1px 4px rgba(13,13,11,.1),0 4px 16px rgba(13,13,11,.07);
  --sh2:0 4px 20px rgba(13,13,11,.2),0 12px 48px rgba(13,13,11,.12);
  --acc:#C4B000;
  --acc-light:#FFF8D6;
}
html.theme-711{
  --acc:#1A6BB5;
  --acc-light:#EFF6FF;
}

html{scroll-behavior:smooth}
html,body,input,button,select,textarea,option{font-family:var(--font);-webkit-font-smoothing:antialiased}
body{font-family:var(--font);background:var(--beige);color:var(--ink);min-height:100vh;-webkit-font-smoothing:antialiased}
/* Prevent iOS zoom on input focus */

@media(min-width:769px){
  .mobile-salary-toggle{display:none!important}
}
.view{display:none!important}
.view.active{display:block!important}
#view-jobs.active{display:flex!important;flex-direction:column;align-items:center;justify-content:center}
#view-company.active{display:flex!important;flex-direction:column;align-items:center;justify-content:center}
#view-calc.active{display:grid!important;grid-template-rows:auto 1fr}
#view-admin.active{display:grid!important;grid-template-rows:auto 1fr}
::-webkit-scrollbar{width:4px;height:4px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--beige3);border-radius:2px}

/* ── JOB SELECT ── */
#view-jobs{min-height:100vh;background:var(--black);padding:40px 24px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}
.yblob{position:absolute;top:-80px;right:-80px;width:420px;height:420px;background:radial-gradient(circle,rgba(232,210,0,.13),transparent 68%);pointer-events:none;z-index:0}
.yblob2{position:absolute;bottom:-60px;left:-60px;width:300px;height:300px;background:radial-gradient(circle,rgba(232,210,0,.06),transparent 65%);pointer-events:none;z-index:0}
.jobs-inner{position:relative;z-index:1;max-width:860px;width:100%;margin:0 auto;padding:20px 0}
.brand-mark{display:flex;align-items:center;gap:13px;margin-bottom:36px}
.brand-logo{width:46px;height:46px;background:transparent;border-radius:var(--r2);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.brand-sub{font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.26)}
.brand-name{font-size:24px;font-weight:800;color:var(--white);letter-spacing:-.5px;line-height:1}

.date-selector{display:flex;align-items:center;gap:10px;margin-bottom:22px;padding:10px 14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--r2)}
.ds-label{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.35);flex-shrink:0}
.ds-input{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:var(--r);padding:5px 10px;color:var(--white);font-family:var(--mono);font-size:13px;outline:none;transition:border-color .15s;cursor:pointer}
.ds-input:focus{border-color:rgba(232,210,0,.5)}
.ds-badge{padding:3px 10px;border-radius:20px;font-size:10.5px;font-weight:700;flex-shrink:0}
.ds-now{background:var(--green-lt);color:var(--green);border:1px solid rgba(24,107,58,.3)}
.ds-past{background:var(--blue-lt);color:var(--blue);border:1px solid rgba(26,58,110,.3)}
.ds-future{background:rgba(232,210,0,.18);color:#7A6A00;border:1px solid rgba(232,210,0,.4)}
.ds-reset{background:none;border:none;color:rgba(255,255,255,.3);font-size:11px;cursor:pointer;text-decoration:underline;text-underline-offset:2px;font-family:var(--font);transition:color .15s;padding:0}
.ds-reset:hover{color:rgba(255,255,255,.65)}

.jobs-eyebrow{font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:rgba(255,255,255,.27);margin-bottom:9px}
.jobs-headline{font-size:52px;font-weight:800;color:var(--white);letter-spacing:-3px;line-height:1.0;margin-bottom:32px}
.jobs-headline em{font-style:normal;color:var(--yellow)}
.job-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:28px}
.job-card{background:rgba(255,255,255,.05);border:2px solid rgba(255,255,255,.14);border-radius:16px;padding:32px 26px 26px;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:all .22s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;display:flex;flex-direction:column;gap:9px;box-shadow:0 2px 16px rgba(0,0,0,.35)}
.job-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(232,210,0,.05),transparent 55%);opacity:0;transition:opacity .2s}
.job-card:hover{border-color:rgba(232,210,0,.8);transform:translateY(-3px);box-shadow:0 8px 32px rgba(232,210,0,.15),0 2px 16px rgba(0,0,0,.45);background:rgba(255,255,255,.08)}
.job-card:hover::before{opacity:1}
.jc-icon{width:36px;height:36px;background:rgba(232,210,0,.1);border-radius:var(--r);display:flex;align-items:center;justify-content:center;margin-bottom:3px;transition:background .2s}
.job-card:hover .jc-icon{background:var(--yellow)}
.jc-title{font-size:19px;font-weight:800;color:var(--white);letter-spacing:-.4px}
.jc-desc{font-size:13px;color:rgba(255,255,255,.3);line-height:1.4}
.jc-arr{position:absolute;right:16px;bottom:16px;color:rgba(255,255,255,.13);font-size:16px;transition:all .2s}
.job-card:hover .jc-arr{color:var(--yellow);transform:translate(2px,-2px)}
.job-card.selected{border-color:rgba(232,210,0,.7)!important;background:rgba(232,210,0,.05)!important}
.job-card.selected .jc-icon{background:var(--yellow)!important}
.job-card.selected .jc-title{color:var(--yellow)}
html.theme-711 .job-card.selected{border-color:rgba(126,179,240,.7)!important;background:rgba(31,90,163,.08)!important}
html.theme-711 .job-card.selected .jc-icon{background:#1F5AA3!important}
html.theme-711 .job-card.selected .jc-title{color:#7EB3F0}
.jobs-footer{text-align:center}
.adm-link{font-size:12px;color:rgba(255,255,255,.27);cursor:pointer;text-decoration:underline;text-underline-offset:3px;transition:color .15s;display:inline-flex;align-items:center;gap:5px}
.adm-link:hover{color:rgba(255,255,255,.6)}

/* ── CALCULATOR ── */
.calc-hdr{background:var(--black);height:54px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(255,255,255,.05)}
.ch-left{display:flex;align-items:center;gap:10px}
.ch-back{background:none;border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.45);padding:5px 11px;border-radius:var(--r);cursor:pointer;font-family:var(--font);font-size:12.5px;font-weight:600;display:flex;align-items:center;gap:5px;transition:all .15s}
.ch-back:hover{border-color:var(--yellow);color:var(--yellow)}
.ch-brand{font-size:14px;font-weight:800;color:var(--white);letter-spacing:-.2px}
.ch-brand span{color:var(--yellow)}
.ch-pill{background:var(--yellow);color:var(--black);padding:3px 10px;border-radius:20px;font-size:10.5px;font-weight:700}
.ch-right{display:flex;align-items:center;gap:8px}
.ch-admbtn{background:none;border:1px solid rgba(255,255,255,.07);color:rgba(255,255,255,.28);padding:5px 11px;border-radius:var(--r);cursor:pointer;font-family:var(--font);font-size:11.5px;font-weight:600;display:flex;align-items:center;gap:4px;transition:all .15s}
.ch-admbtn:hover{color:rgba(255,255,255,.65);border-color:rgba(255,255,255,.18)}

.calc-body{display:grid;grid-template-columns:1fr 300px;min-height:calc(100vh - 54px)}
.calc-left{padding:32px 36px;overflow-y:auto;background:var(--beige)}
.calc-right{background:var(--black);padding:26px 18px;display:flex;flex-direction:column;position:sticky;top:54px;height:calc(100vh - 54px);overflow-y:auto}

/* Intro box */
.intro-box{background:var(--white);border:1px solid var(--beige3);border-radius:var(--r2);padding:20px 22px;margin-bottom:26px}
.intro-box-title{font-size:14px;font-weight:800;letter-spacing:-.2px;margin-bottom:10px;display:flex;align-items:center;gap:8px}
.intro-box-body{font-size:12.5px;color:var(--ink2);line-height:1.65}
.intro-box-body p{margin-bottom:8px}
.intro-box-body p:last-child{margin-bottom:0}
.intro-box-body strong{font-weight:700;color:var(--ink)}

/* Days selector */
.days-selector{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--white);border:1px solid var(--beige3);border-radius:var(--r2);margin-bottom:20px}
.days-label{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);flex-shrink:0}
.days-btns{display:flex;gap:5px}
.day-btn{padding:5px 12px;border-radius:var(--r);border:1.5px solid var(--beige3);background:var(--beige);font-family:var(--font);font-size:13px;font-weight:600;color:var(--ink2);cursor:pointer;transition:all .13s}
.day-btn.on{background:var(--black);border-color:var(--black);color:var(--white)}
.day-btn:hover:not(.on){border-color:var(--beige4);background:var(--beige2)}

.cs{margin-bottom:24px}
.cs-label{display:flex;align-items:center;gap:8px;font-size:9.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);margin-bottom:10px}
.cs-label::after{content:'';flex:1;height:1px;background:var(--beige3)}
.cs-info-btn{width:17px;height:17px;border-radius:50%;background:var(--beige3);border:none;cursor:pointer;font-size:10px;font-weight:800;color:var(--ink3);display:inline-flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0;line-height:1;font-family:var(--font)}
.cs-info-btn.active{background:var(--yellow);color:var(--black)}
.cs-info-btn:hover{background:var(--beige4)}

.career-divider{display:flex;align-items:center;gap:10px;margin:28px 0 18px;padding:11px 14px;background:var(--black);border-radius:var(--r2);border:1px solid rgba(255,255,255,.07)}
.cd-line{flex:1;height:1px;background:rgba(255,255,255,.1)}
.cd-label{font-size:9.5px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--yellow);white-space:nowrap;display:flex;align-items:center;gap:6px}

.cat-sub{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink4);margin:7px 0 5px;display:flex;align-items:center;gap:6px}
.chips{display:flex;flex-wrap:wrap;gap:5px}
.chip{display:flex;align-items:center;gap:6px;padding:7px 11px;border-radius:var(--r);border:1.5px solid var(--beige3);background:var(--white);cursor:pointer;font-size:12.5px;font-weight:500;color:var(--ink2);transition:all .13s;user-select:none}
.chip:hover{border-color:var(--beige4);color:var(--ink);background:var(--beige2)}
.chip.on{border-color:var(--yellow-dk);background:var(--yellow);color:var(--black);font-weight:700}
.chip.on .cbox{background:var(--black);border-color:var(--black)}
.chip.on .cbox::after{opacity:1}
.cbox{width:13px;height:13px;border:1.5px solid var(--beige4);border-radius:3px;flex-shrink:0;position:relative;transition:all .13s}
.cbox::after{content:'';position:absolute;left:2px;top:-1px;width:4px;height:7px;border:2px solid var(--white);border-top:none;border-left:none;transform:rotate(45deg);opacity:0}
.chip.radio .cbox{border-radius:50%}
.chip.radio.on .cbox::after{display:none}
.chip.radio.on .cbox::before{content:'';position:absolute;inset:2px;background:var(--black);border-radius:50%}
.lvl-grid{display:grid;gap:10px}
.lvl-head{font-size:9.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--ink3);padding:5px 8px;background:var(--beige2);border-radius:var(--r);text-align:center;margin-bottom:6px;border:1px solid var(--beige3)}
.lvl-chips{display:flex;flex-direction:column;gap:4px}

.hours-section{background:var(--white);border:1.5px solid var(--beige3);border-radius:var(--r2);overflow:hidden;margin-bottom:8px}
.hs-row{display:grid;grid-template-columns:1fr 1fr}
.hbox{padding:13px 15px;display:flex;flex-direction:column;gap:3px;transition:background .13s}
.hbox:first-child{border-right:1px solid var(--beige2)}
.hbox:focus-within{background:rgba(232,210,0,.05)}
.hbox-lbl{font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3)}
.hbox-input{font-family:var(--mono);font-size:26px;font-weight:600;color:var(--ink);background:none;border:none;outline:none;width:100%}
.hbox-input::-webkit-inner-spin-button,.hbox-input::-webkit-outer-spin-button{display:none}
.hbox-sub{font-size:10.5px;color:var(--ink4)}
.hs-total{background:var(--black);padding:10px 15px;display:flex;align-items:center;justify-content:space-between}
.hs-total-lbl{font-size:9.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.35)}
.hs-total-val{font-family:var(--mono);font-size:14px;font-weight:700;color:var(--yellow)}
.warn-banner{display:flex;align-items:center;gap:8px;padding:9px 12px;background:rgba(176,48,48,.1);border:1px solid rgba(176,48,48,.25);border-radius:var(--r);font-size:12px;color:var(--red);margin-bottom:12px}

/* Right panel */
.cr-date-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:10px;font-weight:700;margin-bottom:14px}
.cr-date-now{background:rgba(24,107,58,.18);color:#3EBF7A;border:1px solid rgba(62,191,122,.2)}
.cr-date-past{background:rgba(26,58,110,.18);color:#7AABFF;border:1px solid rgba(122,171,255,.2)}
.cr-date-future{background:rgba(232,210,0,.12);color:var(--yellow);border:1px solid rgba(232,210,0,.2)}
.cr-tag{font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.26);margin-bottom:4px}
.cr-salary{font-size:40px;font-weight:800;color:var(--yellow);letter-spacing:-2px;line-height:1;margin-bottom:2px}
.cr-salsp{font-size:11px;color:rgba(255,255,255,.2);margin-bottom:14px}
.cr-div{height:1px;background:rgba(255,255,255,.05);margin:11px 0}
.cr-split{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}
.cr-split-row{background:rgba(255,255,255,.04);border-radius:var(--r);padding:7px 9px;display:flex;justify-content:space-between;align-items:center}
.cr-split-lbl{font-size:9.5px;font-weight:600;color:rgba(255,255,255,.4)}
.cr-split-val{font-family:var(--mono);font-size:12px;font-weight:600;color:rgba(255,255,255,.75)}
.cr-rows{display:flex;flex-direction:column;gap:9px}
.cr-row-lbl{font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.25);margin-bottom:2px}
.cr-row-val{font-family:var(--mono);font-size:13px;color:rgba(255,255,255,.75)}
.cr-row-val.hl{color:var(--yellow)}
.cr-bonus-card{background:rgba(232,210,0,.07);border:1px solid rgba(232,210,0,.13);border-radius:var(--r2);padding:12px 14px}
.cr-bonus-tag{font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(232,210,0,.4);margin-bottom:3px;line-height:1.4}
.cr-bonus-val{font-size:20px;font-weight:800;color:var(--yellow);letter-spacing:-.3px}
.cr-bonus-sub{font-size:10.5px;color:rgba(255,255,255,.18);margin-top:2px}
.cr-extras{display:flex;flex-direction:column;gap:5px;margin-top:8px}
.cr-extra{background:rgba(255,255,255,.03);border-radius:var(--r);padding:7px 8px;display:flex;justify-content:space-between;align-items:center}
.cr-extra-lbl{font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:rgba(255,255,255,.22)}
.cr-extra-val{font-size:12.5px;font-weight:700;color:rgba(255,255,255,.55)}
.cr-extra-val.highlight{color:var(--yellow)}
.cr-section-title{font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.18);padding:6px 0 3px}

/* Print btn */
.print-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px;margin-top:8px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--r2);font-family:var(--font);font-size:12.5px;font-weight:700;color:rgba(255,255,255,.55);cursor:pointer;transition:all .15s}
.print-btn:hover{background:var(--yellow);color:var(--black);border-color:var(--yellow)}

/* Tooltip */
.tipbox{position:fixed;z-index:9999;background:var(--black);border:1px solid rgba(255,255,255,.12);border-radius:var(--r2);padding:14px 16px;max-width:320px;font-size:12.5px;color:rgba(255,255,255,.75);line-height:1.55;box-shadow:var(--sh2);display:none}
.tipbox.show{display:block}
.tipbox-title{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--yellow);margin-bottom:8px}

/* ── ADMIN ── */
.adm-hdr{background:var(--black);height:54px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(255,255,255,.05)}
.adm-hdr-l{display:flex;align-items:center;gap:10px}
.adm-back{background:none;border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.45);padding:5px 11px;border-radius:var(--r);cursor:pointer;font-family:var(--font);font-size:12.5px;font-weight:600;display:flex;align-items:center;gap:5px;transition:all .15s}
.adm-back:hover{border-color:var(--yellow);color:var(--yellow)}
.adm-hdr-title{font-size:13.5px;font-weight:800;color:var(--white);letter-spacing:-.2px}
.adm-body{display:grid;grid-template-columns:224px 1fr;min-height:calc(100vh - 54px)}
.adm-side{background:var(--white);border-right:1px solid var(--beige3);padding:10px 0;overflow-y:auto}
.nav-grp-lbl{font-size:9px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--ink4);padding:12px 15px 3px}
.nav-btn{display:flex;align-items:center;gap:8px;padding:8px 15px;cursor:pointer;font-size:12.5px;font-weight:500;color:var(--ink2);transition:all .12s;border-left:3px solid transparent;white-space:nowrap}
.nav-btn:hover{color:var(--ink);background:var(--beige)}
.nav-btn.on{color:var(--black);background:var(--yellow);border-left-color:var(--yellow-dk);font-weight:700}
.nb-icon{width:17px;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.adm-content{padding:28px 32px;overflow-y:auto;background:var(--beige);display:flex;flex-direction:column;box-sizing:border-box;height:calc(100vh - 54px);padding-bottom:0}
.sec-h{font-size:20px;font-weight:800;letter-spacing:-.4px;margin-bottom:3px}
.sec-s{font-size:12.5px;color:var(--ink3);margin-bottom:20px}
.save-banner{background:rgba(24,107,58,.12);border:1px solid rgba(24,107,58,.3);border-radius:var(--r);padding:9px 13px;font-size:12.5px;color:var(--green);display:none;align-items:center;gap:7px;margin-bottom:14px}
.save-banner.show{display:flex!important}
.jtabs{display:flex;border-bottom:2px solid var(--beige3);margin-bottom:16px}
.jtab{padding:7px 13px;font-size:12.5px;font-weight:600;cursor:pointer;color:var(--ink3);border-bottom:2px solid transparent;margin-bottom:-2px;display:flex;align-items:center;gap:5px;transition:all .13s}
.jtab:hover{color:var(--ink)}
.jtab.on{color:var(--ink);border-bottom-color:var(--yellow-dk)}
.fcard{background:var(--white);border:1px solid var(--beige3);border-radius:var(--r2);padding:16px;margin-bottom:12px}
.fcard-title{font-size:13px;font-weight:700;margin-bottom:12px}
.ff{margin-bottom:10px}
.ff label{display:block;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);margin-bottom:4px}
.ff input,.ff select,.ff textarea{width:100%;padding:7px 10px;background:var(--beige);border:1.5px solid var(--beige3);border-radius:var(--r);color:var(--ink);font-family:var(--font);font-size:13.5px;outline:none;transition:border-color .13s}
.ff input:focus,.ff select:focus{border-color:var(--yellow-dk);background:var(--white)}
.ff input[type=date]{font-family:var(--mono);font-size:12.5px}
.fr2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.fr3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
.fr4{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:10px}
.btn{display:inline-flex;align-items:center;gap:5px;padding:8px 14px;border-radius:var(--r);font-family:var(--font);font-size:12.5px;font-weight:700;cursor:pointer;border:none;transition:all .14s}
.btn-y{background:var(--yellow);color:var(--black)}
.btn-y:hover{background:var(--yellow2)}
.btn-k{background:var(--black);color:var(--white)}
.btn-k:hover{background:var(--black2)}
.btn-g{background:none;border:1.5px solid var(--beige3);color:var(--ink2)}
.btn-g:hover{border-color:var(--beige4);background:var(--beige2)}
.btn-d{background:var(--red-lt);border:1px solid rgba(176,48,48,.2);color:var(--red);font-size:11.5px;padding:4px 9px}
.btn-d:hover{background:#edc8c8}
.btn-sm{padding:4px 9px;font-size:11.5px}
.btn-save{background:var(--green);color:var(--white)}
.btn-save:hover{background:#1A7A42}
.twrap{border:1px solid var(--beige3);border-radius:var(--r2);overflow:hidden;margin-bottom:16px}
table{width:100%;border-collapse:collapse}
th{font-size:9px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--ink3);text-align:left;padding:9px 12px;border-bottom:1.5px solid var(--beige3);background:var(--beige2);white-space:nowrap}
td{padding:9px 12px;border-bottom:1px solid var(--beige2);font-size:12.5px;vertical-align:middle}
tr:last-child td{border-bottom:none}
tr:hover td{background:rgba(232,210,0,.05)}
.mono{font-family:var(--mono);font-size:11.5px}
.td-actions{display:flex;gap:4px;white-space:nowrap}
.badge{display:inline-flex;align-items:center;padding:2px 7px;border-radius:20px;font-size:10px;font-weight:700;gap:4px;white-space:nowrap}
.b-y{background:rgba(232,210,0,.13);color:#6A6000;border:1px solid rgba(232,210,0,.35)}
.b-g{background:var(--green-lt);color:var(--green);border:1px solid rgba(24,107,58,.2)}
.b-b{background:var(--blue-lt);color:var(--blue);border:1px solid rgba(26,58,110,.2)}
.b-t{background:var(--teal-lt);color:var(--teal);border:1px solid rgba(15,92,92,.2)}
.b-bk{background:rgba(13,13,11,.07);color:var(--ink2);border:1px solid var(--beige3)}
.b-red{background:var(--red-lt);color:var(--red);border:1px solid rgba(176,48,48,.2)}
.s-a{font-size:10.5px;font-weight:700;color:var(--green)}
.s-f{font-size:10.5px;font-weight:700;color:var(--blue)}
.alert{border-radius:var(--r);padding:9px 12px;font-size:12px;margin-bottom:12px;display:flex;gap:7px;align-items:flex-start;line-height:1.4}
.alert-i{background:var(--blue-lt);color:var(--blue);border:1px solid rgba(26,58,110,.2)}
.alert-y{background:rgba(232,210,0,.1);color:#6A6000;border:1px solid rgba(232,210,0,.35)}
.kpi-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:18px}
.kpi-card{background:var(--white);border:1px solid var(--beige3);border-radius:var(--r2);padding:15px 14px;position:relative;overflow:hidden}
.kpi-card::after{content:'';position:absolute;top:0;left:0;right:0;height:3px;border-radius:2px 2px 0 0}
.k-y::after{background:var(--yellow)}.k-g::after{background:var(--green)}.k-b::after{background:var(--blue)}.k-t::after{background:var(--teal)}.k-k::after{background:var(--black3)}
.kpi-lbl{font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);margin-bottom:6px}
.kpi-val{font-size:24px;font-weight:800;color:var(--ink);letter-spacing:-1px;line-height:1;margin-bottom:2px}
.kpi-sub{font-size:10.5px;color:var(--ink3)}
.bar-section{background:var(--white);border:1px solid var(--beige3);border-radius:var(--r2);padding:16px 18px;margin-bottom:16px}
.bar-title{font-size:12.5px;font-weight:700;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between}
.bar-rows{display:flex;flex-direction:column;gap:14px}
.bar-row{display:grid;grid-template-columns:130px 1fr auto;align-items:center;gap:12px}
.bar-lbl{font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px}
.bar-track{height:28px;background:var(--beige2);border-radius:var(--r);overflow:hidden}
.bar-fill{height:100%;border-radius:var(--r);transition:width .6s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;padding-left:10px;min-width:50px}
.bar-fill-lbl{font-size:10px;font-weight:700;color:rgba(255,255,255,.85);white-space:nowrap}
.bar-fill.physio{background:linear-gradient(90deg,#C4B000,#E8D200)}
.bar-fill.trainer{background:linear-gradient(90deg,#186B3A,#21A55C)}
.bar-fill.admin{background:linear-gradient(90deg,#1A3A6E,#2A5AB0)}
.bar-fill.verwaltung{background:linear-gradient(90deg,#0F5C5C,#158888)}
.bar-meta{text-align:right;white-space:nowrap}
.bar-meta-main{font-family:var(--mono);font-size:12px;font-weight:600;color:var(--ink)}
.bar-meta-sub{font-size:10.5px;color:var(--ink3)}
.ftabs{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:12px}
.ftab{padding:4px 11px;border-radius:20px;font-size:11.5px;font-weight:600;cursor:pointer;border:1.5px solid var(--beige3);background:var(--white);color:var(--ink2);display:flex;align-items:center;gap:4px;transition:all .13s}
.ftab:hover{border-color:var(--beige4)}
.ftab.on{background:var(--black);border-color:var(--black);color:var(--white)}
.emp-name{font-weight:700;font-size:13px}
.modal-ov{display:none;position:fixed;inset:0;background:rgba(13,13,11,.65);backdrop-filter:blur(5px);z-index:500;align-items:center;justify-content:center;padding:18px}
.modal-ov.open{display:flex!important}
.modal-box{background:var(--white);border:1px solid var(--beige3);border-radius:var(--r3);width:660px;max-width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--sh2);animation:slideUp .2s cubic-bezier(.16,1,.3,1)}
@keyframes slideUp{from{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}
.modal-hdr{padding:16px 18px 12px;border-bottom:1px solid var(--beige3);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:var(--white);z-index:1}
.modal-title{font-size:16px;font-weight:800;letter-spacing:-.3px}
.modal-close{background:none;border:1.5px solid var(--beige3);border-radius:var(--r);width:28px;height:28px;cursor:pointer;color:var(--ink3);font-size:13px;display:flex;align-items:center;justify-content:center;transition:all .13s}
.modal-close:hover{border-color:var(--red);color:var(--red)}
.modal-body{padding:16px 18px;overflow-y:auto;max-height:calc(90vh - 180px)}
.modal-foot{padding:12px 18px;border-top:1px solid var(--beige3);display:flex;justify-content:flex-end;gap:7px;position:sticky;bottom:0;background:var(--white)}
.modal-result{background:var(--black);border-radius:var(--r2);padding:13px 15px;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between}
.mr-lbl{font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.28);margin-bottom:3px}
.mr-val{font-size:22px;font-weight:800;color:var(--yellow);letter-spacing:-.4px}
.mr-hl{font-family:var(--mono);font-size:11.5px;color:rgba(255,255,255,.45);margin-top:2px}
.msec{margin-bottom:16px}
.msec-title{font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);margin-bottom:7px;display:flex;align-items:center;gap:7px}
.msec-title::after{content:'';flex:1;height:1px;background:var(--beige3)}
.mchips{display:flex;flex-wrap:wrap;gap:4px}
.mchip{display:flex;align-items:center;gap:5px;padding:5px 9px;border-radius:var(--r);border:1.5px solid var(--beige3);background:var(--beige);cursor:pointer;font-size:12px;font-weight:500;color:var(--ink2);transition:all .12s;user-select:none}
.mchip:hover{border-color:var(--beige4);background:var(--beige2)}
.mchip.on{border-color:var(--yellow-dk);background:var(--yellow);color:var(--black);font-weight:700}
.mchip.on .mcbox{background:var(--black);border-color:var(--black)}
.mchip.on .mcbox::after{opacity:1}
.mcbox{width:12px;height:12px;border:1.5px solid var(--beige4);border-radius:3px;flex-shrink:0;position:relative}
.mcbox::after{content:'';position:absolute;left:1px;top:-1px;width:4px;height:6px;border:2px solid var(--white);border-top:none;border-left:none;transform:rotate(45deg);opacity:0}
.mchip.radio .mcbox{border-radius:50%}
.mchip.radio.on .mcbox::after{display:none}
.mchip.radio.on .mcbox::before{content:'';position:absolute;inset:2px;background:var(--black);border-radius:50%}
.mhrs{display:flex;gap:8px}
.mhr-box{flex:1;background:var(--beige);border:1.5px solid var(--beige3);border-radius:var(--r);padding:8px 10px;transition:border-color .13s}
.mhr-box:focus-within{border-color:var(--yellow-dk)}
.mhr-lbl{font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);margin-bottom:3px}
.mhr-in{font-family:var(--mono);font-size:19px;color:var(--ink);background:none;border:none;outline:none;width:100%}
.mhr-in::-webkit-inner-spin-button{display:none}
.m-career-divider{display:flex;align-items:center;gap:8px;margin:14px 0 12px;padding:8px 11px;background:var(--black);border-radius:var(--r)}
.mcd-label{font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--yellow);display:flex;align-items:center;gap:5px}
.mcd-line{flex:1;height:1px;background:rgba(255,255,255,.08)}

/* Print */
@media print{
  body{background:white!important}
  .view{display:none!important}
  #print-page{display:block!important}
  @page{margin:15mm;size:A4}
}
#print-page{display:none}

/* ═══════════════════════════════════════════
   RESPONSIVE — Tablet & Mobile
   ═══════════════════════════════════════════ */

/* Tablet (≤1024px) */


/* Large mobile / small tablet (≤768px) */


/* Phone (≤480px) */


/* Legacy breakpoints */
}
.adm-side{display:none}}


/* Custom date picker */
.ds-btn{display:flex;align-items:center;gap:8px;padding:7px 13px;background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.12);border-radius:var(--r2);cursor:pointer;transition:all .15s;color:var(--white);font-family:var(--mono);font-size:13px;user-select:none}
.ds-btn:hover,.ds-btn.open{border-color:rgba(232,210,0,.5);background:rgba(255,255,255,.12)}
.ds-btn svg{opacity:.5;flex-shrink:0}
.date-popup{position:fixed;z-index:9000;background:#1A1A16;border:1.5px solid rgba(255,255,255,.12);border-radius:var(--r3);padding:18px;box-shadow:0 12px 48px rgba(0,0,0,.5);display:none;min-width:280px}
.date-popup.show{display:block}
.dp-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:8px}
.dp-nav-title{font-size:15px;font-weight:800;color:var(--white);letter-spacing:-.3px;flex:1;text-align:center;cursor:pointer;transition:color .13s}
.dp-nav-title:hover{color:var(--yellow)}
.dp-arr{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:var(--r);width:30px;height:30px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.5);font-size:13px;transition:all .13s;flex-shrink:0;font-family:var(--font)}
.dp-arr:hover{background:var(--yellow);color:var(--black);border-color:var(--yellow)}
.dp-weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:4px}
.dp-wlbl{font-size:9.5px;font-weight:700;letter-spacing:.06em;color:rgba(255,255,255,.2);text-align:center;padding:3px 0}
.dp-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}
.dp-d{padding:7px 2px;text-align:center;font-size:12.5px;font-weight:500;color:rgba(255,255,255,.5);border-radius:var(--r);cursor:pointer;transition:all .12s;line-height:1}
.dp-d:hover{background:rgba(255,255,255,.08);color:var(--white)}
.dp-d.dp-today{color:var(--yellow);font-weight:700}
.dp-d.dp-sel{background:var(--yellow)!important;color:var(--black)!important;font-weight:800}
.dp-d.dp-other{opacity:.2;pointer-events:none}
.dp-quick{display:flex;gap:5px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}
.dp-qb{flex:1;padding:6px 5px;border-radius:var(--r);border:1px solid rgba(255,255,255,.1);background:transparent;color:rgba(255,255,255,.45);font-family:var(--font);font-size:10.5px;font-weight:600;cursor:pointer;transition:all .13s;text-align:center}
.dp-qb:hover{background:rgba(255,255,255,.08);color:var(--white)}
.dp-qb.dp-qb-now{border-color:rgba(232,210,0,.3);color:rgba(232,210,0,.7)}
.dp-qb.dp-qb-now:hover{background:var(--yellow);color:var(--black);border-color:var(--yellow)}


/* ═══ DUAL THEME ═══ */
html.theme-711 .yblob {
  background:radial-gradient(circle,rgba(31,90,163,.18),transparent 68%);
}
html.theme-711 .yblob2 {
  background:radial-gradient(circle,rgba(31,90,163,.08),transparent 65%);
}
html.theme-711 #view-jobs {
  background:#0D1A2E;
}
html.theme-711 .brand-logo {
  background:#1F5AA3;border-radius:50%;
}
html.theme-711 .brand-name {
  color:#FFFFFF;
}
html.theme-711 .jobs-headline em { color:#7EB3F0; }
html.theme-711 .job-card { background:#0F1F35;border-color:rgba(31,90,163,.15); }
html.theme-711 .job-card:hover { border-color:rgba(126,179,240,.55); }
html.theme-711 .job-card::before { background:linear-gradient(135deg,rgba(31,90,163,.1),transparent 55%); }
html.theme-711 .jc-icon { background:rgba(31,90,163,.15); }
html.theme-711 .job-card:hover .jc-icon { background:#1F5AA3; }
html.theme-711 .jc-icon svg { color:#7EB3F0; }
html.theme-711 .job-card:hover .jc-arr { color:#7EB3F0; }
html.theme-711 .date-selector { background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08); }
html.theme-711 .ds-btn { background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1); }
html.theme-711 .ds-btn:hover,.ds-btn.open { border-color:rgba(126,179,240,.4); }
html.theme-711 .ds-now { background:rgba(31,90,163,.2);color:#7EB3F0;border-color:rgba(126,179,240,.25); }
html.theme-711 .dp-arr:hover { background:#1F5AA3;color:#fff;border-color:#1F5AA3; }
html.theme-711 .dp-d.dp-today { color:#7EB3F0; }
html.theme-711 .dp-d.dp-sel { background:#1F5AA3!important;color:#fff!important; }
html.theme-711 .dp-qb.dp-qb-now { border-color:rgba(126,179,240,.3);color:rgba(126,179,240,.7); }
html.theme-711 .dp-qb.dp-qb-now:hover { background:#1F5AA3;color:#fff;border-color:#1F5AA3; }
html.theme-711 .ch-pill { background:#1F5AA3;color:#fff; }
html.theme-711 .ch-back:hover { border-color:#7EB3F0;color:#7EB3F0; }
html.theme-711 .calc-hdr { background:#0D1A2E;border-bottom-color:rgba(255,255,255,.06); }
html.theme-711 .cr-salary { color:#7EB3F0; }
html.theme-711 .cr-row-val.hl { color:#7EB3F0; }
html.theme-711 .cr-date-badge { background:rgba(31,90,163,.2);color:#7EB3F0;border-color:rgba(126,179,240,.25); }
html.theme-711 .cr-bonus-card { background:rgba(31,90,163,.1);border-color:rgba(31,90,163,.25); }
html.theme-711 .cr-bonus-tag { color:rgba(126,179,240,.5); }
html.theme-711 .cr-bonus-val { color:#7EB3F0; }
html.theme-711 .cr-extra-val.highlight { color:#7EB3F0; }
html.theme-711 .hs-total { background:#0D1A2E; }
html.theme-711 .hs-total-val { color:#7EB3F0; }
html.theme-711 .calc-right { background:#0D1A2E; }
html.theme-711 .print-btn:hover { background:#1F5AA3;color:#fff;border-color:#1F5AA3; }
html.theme-711 .chip.on { border-color:#174A8A;background:#1F5AA3;color:#fff; }
html.theme-711 .chip.on .cbox { background:#fff;border-color:#fff; }
html.theme-711 .chip.on .cbox::after { border-color:#1F5AA3; }
html.theme-711 .career-divider { background:#0D1A2E;border-color:rgba(255,255,255,.08); }
html.theme-711 .cd-label { color:#7EB3F0; }
html.theme-711 .intro-box-title svg use { color:#1F5AA3; }
html.theme-711 .intro-box { background:#EEF3FA;border-color:#B8CEED; }
html.theme-711 .intro-box-title { color:#1A6BB5; }
html.theme-711 .intro-box-body { color:#2A4A7A; }
html.theme-711 .intro-box-body strong { color:#1A3A6E; }
html.theme-711 .cs-info-btn.active { background:#1F5AA3;color:#fff; }
html.theme-711 .warn-banner { background:rgba(176,48,48,.1);border-color:rgba(176,48,48,.25); }
html.theme-711 .cr-div { background:rgba(255,255,255,.06); }
html.theme-711 .cr-split-row { background:rgba(255,255,255,.04); }
html.theme-711 .nav-btn.on { background:#1F5AA3;border-left-color:#174A8A;color:#fff; }
html.theme-711 .jtab.on { border-bottom-color:#1F5AA3; }
html.theme-711 .btn-y { background:#1F5AA3;color:#fff; }
html.theme-711 .btn-y:hover { background:#2468B8; }
html.theme-711 .kpi-card.k-y::after { background:#1F5AA3; }
html.theme-711 .bar-fill.physio { background:linear-gradient(90deg,#174A8A,#1F5AA3); }
html.theme-711 .bar-fill.trainer { background:linear-gradient(90deg,#0F5C5C,#158888); }
html.theme-711 .brand-logo svg path { stroke:#FFFFFF; }
html.theme-711 .ch-brand { color:#fff; }
html.theme-711 .ch-brand span { color:#7EB3F0; }
html.theme-711 .adm-back:hover { border-color:#7EB3F0;color:#7EB3F0; }
html.theme-711 .days-selector { border-color:#B8CEED; }
html.theme-711 .day-btn.on { background:#1A6BB5;border-color:#1A6BB5;color:#fff; }
html.theme-711 .hbox:focus-within { background:rgba(26,107,181,.05); }
html.theme-711 .mchip.on { border-color:#174A8A;background:#1F5AA3;color:#fff; }
html.theme-711 .mchip.on .mcbox { background:#fff;border-color:#fff; }
html.theme-711 .mchip.on .mcbox::after { border-color:#1F5AA3; }

/* Status badges for item timeline */
.s-active { font-size:10.5px;font-weight:700;color:#186B3A;background:#D2EDE0;padding:2px 8px;border-radius:20px;white-space:nowrap }
.s-planned { font-size:10.5px;font-weight:700;color:#1A3A6E;background:#D2DDF2;padding:2px 8px;border-radius:20px;white-space:nowrap }
.s-historic { font-size:10.5px;font-weight:700;color:#6A6A62;background:#E8E4D8;padding:2px 8px;border-radius:20px;white-space:nowrap }
.timeline-section { margin-bottom:8px }
.timeline-hdr { font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:5px 10px;border-radius:4px;margin-bottom:4px;display:flex;align-items:center;gap:5px }
.tl-active { background:#D2EDE0;color:#186B3A }
.combo-job-section{margin-bottom:4px}
.combo-chip{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:7px;border:1.5px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:rgba(255,255,255,.55);font-family:var(--font);font-size:12px;font-weight:600;cursor:pointer;transition:all .14s;margin-bottom:4px;white-space:nowrap}
.combo-chip:hover{border-color:rgba(232,210,0,.45);color:var(--yellow);background:rgba(232,210,0,.07)}
.combo-chip-on{border-color:rgba(232,210,0,.6)!important;background:rgba(232,210,0,.12)!important;color:var(--yellow)!important}
html.theme-711 .combo-chip:hover{border-color:rgba(126,179,240,.45);color:#7EB3F0;background:rgba(31,90,163,.08)}
html.theme-711 .combo-chip-on{border-color:rgba(126,179,240,.6)!important;background:rgba(31,90,163,.12)!important;color:#7EB3F0!important}
html.theme-711 #combo-toggle-btn{border-color:rgba(255,255,255,.25)!important;color:rgba(255,255,255,.6)!important}
.tl-planned { background:#D2DDF2;color:#1A3A6E }
.hm-in{font-family:var(--font);font-size:12px;font-weight:600;border:1px solid var(--beige3);border-radius:5px;padding:3px 6px;background:var(--white);color:var(--ink1);transition:border-color .15s}
.hm-in:focus{outline:none;border-color:var(--yellow)}
.hm-row:hover{background:var(--beige2)}
.hm-formula-row td{border-bottom:2px solid #f0e88a}
.tl-historic { background:#F0EDE4;color:#6A6A62 }


/* ═══════════════════════════════════════════════════
   RESPONSIVE — Tablet, iPad, Smartphone
   ═══════════════════════════════════════════════════ */

/* Tablet (≤1024px) */
@media(max-width:1024px){
  .kpi-grid{grid-template-columns:repeat(3,1fr);}
  .calc-body{grid-template-columns:1fr 280px;}
  .calc-left{padding:24px 20px;}
}

/* Tablet portrait / large phone (≤768px) */
@media(max-width:768px){
  /* iOS zoom prevention */
  input,select,textarea{font-size:16px!important;}

  /* ── Startseite ── */
  .jobs-inner{padding:16px 0;}
  .brand-mark{margin-bottom:20px;}
  .jobs-headline{font-size:24px!important;letter-spacing:-1px;margin-bottom:20px;line-height:1.1;}
  .date-selector{flex-wrap:wrap;gap:8px;padding:10px 12px;}
  .ds-btn{flex-shrink:0;font-size:12px;}
  .ds-label{font-size:11px;width:100%;}
  .job-grid{grid-template-columns:1fr 1fr;}
  .view-jobs{padding:0!important;}
  .jobs-footer{padding:12px 16px;}

  /* ── Gehaltsrechner Layout ── */
  .calc-body{
    display:flex!important;
    flex-direction:column!important;
    min-height:unset!important;
    overflow:visible!important;
  }
  #calc-right-panel{
    order:0!important;
    position:static!important;
    height:auto!important;
    max-height:none!important;
    padding:16px!important;
    overflow:visible!important;
  }
  .calc-left{
    order:1!important;
    padding:18px 14px!important;
  }

  /* ── Header ── */
  .calc-hdr{
    padding:6px 10px!important;
    height:auto!important;
    min-height:44px;
    flex-wrap:wrap;
    gap:4px;
  }
  .ch-left{flex-wrap:wrap;gap:5px;flex:1;}
  .ch-right{gap:5px;align-items:center;}
  .ch-brand{font-size:13px;}
  .ch-pill{font-size:10px;padding:3px 8px;}
  #combo-toggle-btn{font-size:10px!important;padding:4px 8px!important;}
  .ch-admbtn{font-size:9px;padding:4px 8px;}
  .ds-badge{font-size:9px;padding:3px 8px;}

  /* ── Tage-Auswahl ── */
  .days-selector{flex-wrap:wrap;padding:10px 12px;gap:8px;}
  .days-btns{flex-wrap:wrap;gap:6px;}
  .day-btn{font-size:12px;padding:6px 12px;min-height:36px;}

  /* ── Qualifikations-Chips ── */
  .mchips{flex-wrap:wrap!important;overflow:visible!important;}
  .mchip{min-height:36px;display:inline-flex;align-items:center;}

  /* ── Zusatz: max 2 Spalten auf Tablet ── */
  .lvl-grid{grid-template-columns:repeat(2,1fr)!important;}

  /* ── Salary Panel ── */
  .cr-salary{font-size:28px;letter-spacing:-1px;}
  .cr-tag{font-size:8px;}
  .cr-salsp{font-size:10px;}
  .cr-rows{gap:7px;}
  .cr-row-lbl{font-size:8px;}
  .cr-row-val{font-size:12px;}

  /* ── Admin ── */
  .adm-body{grid-template-columns:1fr;}
  .adm-side{display:none;}
  .kpi-grid{grid-template-columns:1fr 1fr;}
}

/* Phone (≤480px) */
@media(max-width:480px){
  /* ── Startseite ── */
  .jobs-headline{font-size:20px!important;letter-spacing:-.5px;}
  .job-grid{grid-template-columns:1fr;}
  .job-card{padding:16px 14px 12px;}
  .brand-mark{gap:10px;}

  /* ── Header kompakt ── */
  .calc-hdr{padding:5px 8px!important;gap:4px;}
  .ch-brand{font-size:12px;}
  .ch-pill{font-size:9px;padding:2px 7px;}
  #combo-toggle-btn{font-size:9px!important;padding:3px 7px!important;}
  .ch-admbtn{font-size:9px;padding:3px 7px;}

  /* ── Salary ── */
  .cr-salary{font-size:24px;}
  #calc-right-panel{padding:12px!important;}
  .calc-left{padding:14px 10px!important;}

  /* ── Stunden ── */
  .hboxes{flex-wrap:wrap;}
  .hbox{min-width:80px;flex:1;}
  .hbox-val{font-size:18px;}

  /* ── Zusatz: eine Spalte ── */
  .lvl-grid{grid-template-columns:1fr!important;}

  /* ── KPI ── */
  .kpi-grid{grid-template-columns:1fr;}
  .cr-split-row{font-size:10px;}

  /* ── Days ── */
  .day-btn{font-size:11px;padding:5px 10px;}
}

/* ═══ KLICK TOOL ═══ */
.kt-subtitle{font-size:12px;color:var(--ink3);margin-bottom:20px;line-height:1.5}
.kt-meta-card{background:var(--white);border:1px solid var(--beige3);border-radius:var(--r2);padding:16px;margin-bottom:16px}
.kt-meta-title{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);margin-bottom:12px;display:flex;align-items:center;gap:6px}
.kt-meta-title::before{content:'';width:3px;height:12px;background:var(--yellow-dk);border-radius:2px;display:inline-block}
.kt-grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.kt-canvas-wrap{background:var(--white);border:1px solid var(--beige3);border-radius:var(--r2);overflow:hidden;margin-bottom:16px;display:flex;flex-direction:column;height:calc(100vh - 180px);min-height:400px}
.kt-canvas-toolbar{display:flex;align-items:center;gap:8px;padding:9px 14px;background:var(--beige2);border-bottom:1px solid var(--beige3);flex-wrap:wrap}
.kt-canvas-lbl{font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3)}
.kt-canvas-hint{font-size:10.5px;color:var(--ink4);margin-left:auto}
.kt-canvas{padding:0;overflow:auto;flex:1;background:var(--beige)}
.kt-canvas-inner{display:inline-block;white-space:nowrap;box-sizing:border-box}
#kt-canvas-sizer{min-width:100%;min-height:100%}

/* Zoom compact modes */
/* sm: 50-75% — hide info body, add/delete buttons, mehr-infos section */
.kt-zoom-sm .kt-info-body,
.kt-zoom-sm .kt-add-opts,
.kt-zoom-sm .kt-opt-del,
.kt-zoom-sm .kt-del-btn{display:none!important}
.kt-zoom-sm .kt-info-toggle{pointer-events:none;opacity:.5}

/* xs: below 50% — only show type badge + title, hide everything else */
.kt-zoom-xs .kt-info-wrap,
.kt-zoom-xs .kt-opts,
.kt-zoom-xs .kt-node-meta,
.kt-zoom-xs .kt-del-btn{display:none!important}
.kt-zoom-xs .kt-node{cursor:pointer}
.kt-zoom-xs .kt-title-ta{font-size:11px!important;font-weight:700!important;cursor:default!important;pointer-events:none}
.kt-zoom-xs .kt-type-badge{font-size:8px!important;padding:1px 4px!important}
.kt-col{display:flex;flex-direction:column;align-items:center}
.kt-line-v{width:2px;background:var(--beige3);flex-shrink:0}
.kt-branch-row{display:flex;align-items:flex-start}
.kt-branch-item{display:flex;flex-direction:column;align-items:center;padding:0 14px}
.kt-node{position:relative;background:var(--white);border:2px solid var(--beige3);border-radius:var(--r2);width:260px;transition:border-color .15s}
.kt-node:hover{border-color:var(--beige4)}
.kt-node.kt-decision:hover{border-color:var(--yellow-dk)}
.kt-node.kt-outcome{border-color:var(--green-lt);background:rgba(210,237,224,.25)}
.kt-node.kt-outcome:hover{border-color:var(--green)}
.kt-node.kt-outcome-yes{border-color:var(--green-lt);background:rgba(210,237,224,.25)}
.kt-node.kt-outcome-yes:hover{border-color:var(--green)}
.kt-node.kt-outcome-yes .kt-type-badge{background:var(--green-lt);color:var(--green);border:1px solid rgba(24,107,58,.2)}
.kt-node.kt-outcome-no{border-color:rgba(176,48,48,.3);background:rgba(255,220,220,.25)}
.kt-node.kt-outcome-no:hover{border-color:var(--red)}
.kt-node.kt-outcome-no .kt-type-badge{background:var(--red-lt);color:var(--red);border:1px solid rgba(176,48,48,.2)}
.kt-node.kt-outcome-custom{border-color:rgba(196,176,0,.3);background:rgba(232,210,0,.07)}
.kt-node.kt-outcome-custom:hover{border-color:var(--yellow-dk)}
.kt-node.kt-outcome-custom .kt-type-badge{background:rgba(196,176,0,.13);color:var(--yellow-dk);border:1px solid rgba(196,176,0,.2)}
.kt-node-hdr{padding:.55rem .65rem .4rem;display:flex;align-items:flex-start;gap:.35rem}
.kt-icon-btn{font-size:.95rem;background:none;border:none;cursor:pointer;padding:2px 3px;line-height:1;flex-shrink:0;border-radius:var(--r);transition:background .13s}
.kt-icon-btn:hover{background:var(--beige2)}
.kt-texts{flex:1;min-width:0}
.kt-title-ta{width:100%;background:transparent;border:none;outline:none;color:var(--ink);font-family:var(--font);font-size:12.5px;font-weight:700;padding:2px 3px;border-radius:var(--r);transition:background .13s,font-size .15s;cursor:pointer;resize:none;line-height:1.35;overflow:hidden;min-height:22px}
.kt-title-ta:hover,.kt-title-ta:focus{background:var(--beige);cursor:text}
.kt-info-ta{width:100%;background:transparent;border:none;outline:none;color:var(--ink3);font-family:var(--font);font-size:11px;padding:1px 3px;border-radius:var(--r);transition:background .13s;cursor:pointer;resize:none;line-height:1.4;overflow:hidden;margin-top:1px}
.kt-info-ta:hover,.kt-info-ta:focus{background:var(--beige);cursor:text;color:var(--ink)}
.kt-info-ta::placeholder{color:var(--ink4);font-style:italic}
.kt-node-meta{display:flex;align-items:center;gap:.25rem;padding:.2rem .65rem .45rem;flex-wrap:wrap}
.kt-type-badge{font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:1px 6px;border-radius:3px;cursor:pointer;user-select:none;transition:opacity .13s}
.kt-decision .kt-type-badge{background:rgba(196,176,0,.13);color:var(--yellow-dk);border:1px solid rgba(196,176,0,.25)}
.kt-outcome .kt-type-badge{background:var(--green-lt);color:var(--green);border:1px solid rgba(24,107,58,.2)}
.kt-type-badge:hover{opacity:.65}
.kt-del-btn{margin-left:auto;background:none;border:none;color:var(--ink4);cursor:pointer;font-size:.75rem;padding:2px 4px;border-radius:var(--r);transition:all .13s;line-height:1}
.kt-del-btn:hover{background:var(--red-lt);color:var(--red)}
.kt-opts{padding:0 .55rem .45rem}
.kt-opt-row{display:flex;align-items:center;gap:.25rem;margin-bottom:.25rem}
.kt-opt-badge{font-size:9.5px;font-weight:700;padding:1px 7px;border-radius:10px;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:opacity .13s;border:1px solid transparent;user-select:none}
.kt-opt-badge.yes{background:var(--green-lt);color:var(--green);border-color:rgba(24,107,58,.2)}
.kt-opt-badge.no{background:var(--red-lt);color:var(--red);border-color:rgba(176,48,48,.2)}
.kt-opt-badge.custom{background:rgba(232,210,0,.12);color:#6A6000;border-color:rgba(196,176,0,.25)}
.kt-opt-badge:hover{opacity:.65}
.kt-opt-inp{flex:1;background:transparent;border:none;outline:none;color:var(--ink);font-family:var(--font);font-size:11.5px;padding:2px 4px;border-radius:var(--r);min-width:0;transition:background .13s}
.kt-opt-inp:hover,.kt-opt-inp:focus{background:var(--beige)}
.kt-opt-del{background:none;border:none;color:var(--ink4);cursor:pointer;font-size:.72rem;padding:1px 3px;border-radius:var(--r);flex-shrink:0;transition:all .13s;line-height:1}
.kt-opt-del:hover{background:var(--red-lt);color:var(--red)}
.kt-add-opts{display:flex;gap:.25rem;padding:.05rem .55rem .45rem;flex-wrap:wrap}
.kt-add-opt-btn{font-size:9px;font-weight:700;padding:2px 7px;border-radius:8px;border:1.5px dashed;cursor:pointer;background:transparent;transition:all .13s;font-family:var(--font)}
.kt-add-opt-btn.yes{color:var(--green);border-color:rgba(24,107,58,.3)}.kt-add-opt-btn.yes:hover{background:var(--green-lt)}
.kt-add-opt-btn.no{color:var(--red);border-color:rgba(176,48,48,.25)}.kt-add-opt-btn.no:hover{background:var(--red-lt)}
.kt-add-opt-btn.custom{color:var(--yellow-dk);border-color:rgba(196,176,0,.3)}.kt-add-opt-btn.custom:hover{background:rgba(232,210,0,.1)}
.kt-plus-col{display:flex;flex-direction:column;align-items:center}
.kt-plus-line{width:2px;height:16px;background:var(--beige3)}
.kt-plus-btn{width:24px;height:24px;border-radius:50%;border:1.5px dashed var(--beige4);background:var(--beige);color:var(--ink4);font-size:.88rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;font-family:var(--font);font-weight:700}
.kt-plus-btn:hover{border-color:var(--yellow-dk);color:var(--yellow-dk);background:rgba(232,210,0,.08);transform:scale(1.15)}
.kt-branch-lbl{font-size:9.5px;font-weight:700;padding:1px 8px;border-radius:10px;margin:4px 0;white-space:nowrap}
.kt-branch-lbl.yes{background:var(--green-lt);color:var(--green);border:1px solid rgba(24,107,58,.18)}
.kt-branch-lbl.no{background:var(--red-lt);color:var(--red);border:1px solid rgba(176,48,48,.18)}
.kt-branch-lbl.custom{background:rgba(232,210,0,.1);color:#6A6000;border:1px solid rgba(196,176,0,.2)}
.kt-empty-child{width:160px;border:1.5px dashed var(--beige4);border-radius:var(--r2);padding:.6rem .55rem;text-align:center;color:var(--ink4);font-size:11px;font-weight:600;cursor:pointer;transition:all .18s;background:transparent;font-family:var(--font)}
.kt-insert-btn{width:22px;height:22px;border-radius:50%;background:var(--beige2);border:1.5px solid var(--beige3);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--ink3);transition:all .15s;z-index:2;flex-shrink:0}
.kt-insert-btn:hover{background:var(--acc);border-color:var(--acc);color:var(--ink)}
.kt-empty-child:hover{border-color:var(--yellow-dk);color:var(--yellow-dk);background:rgba(232,210,0,.05)}
.kt-popup{position:fixed;z-index:9100;background:var(--white);border:1px solid var(--beige3);border-radius:var(--r2);padding:.4rem;display:flex;flex-direction:column;gap:.2rem;box-shadow:var(--sh2);min-width:200px;animation:ktPop .13s ease}
@keyframes ktPop{from{opacity:0;transform:scale(.93) translateY(-3px)}to{opacity:1;transform:scale(1)}}
.kt-pp-item{display:flex;align-items:center;gap:.45rem;padding:.38rem .55rem;border-radius:var(--r);font-size:12px;cursor:pointer;color:var(--ink2);transition:all .12s;background:none;border:none;font-family:var(--font);text-align:left;width:100%;font-weight:500}
.kt-pp-item:hover{background:var(--beige);color:var(--ink)}
.kt-pp-icon{font-size:.9rem;width:16px;text-align:center;flex-shrink:0}
.kt-pp-divider{height:1px;background:var(--beige2);margin:.1rem 0}
.kt-pp-lbl{font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink4);padding:.15rem .55rem .05rem}
.kt-start-empty{display:flex;flex-direction:column;align-items:center;padding:3rem 2rem;gap:.65rem;color:var(--ink3)}
.kt-start-empty p{font-size:12.5px;color:var(--ink3)}

/* ═══ MOBILE: Company Selector, Hub, Klick-Tool ═══ */

/* ── Company Selector ── */
#view-company{padding:32px 16px!important;}

/* ── Hub View ── */
#view-hub{padding:32px 16px!important;min-height:100vh;background:#0A0C10;position:relative;overflow:hidden;}
/* ═══════════════════════════════════════════════════
   HUB VIEW
═══════════════════════════════════════════════════ */
#view-hub.active{
  display:flex!important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:100vh;
  background:#0A0C10;
  padding:48px 24px;
  position:relative;
  overflow:hidden;
  box-sizing:border-box;
}
.hub-inner{
  position:relative;
  z-index:1;
  max-width:720px;
  width:100%;
  font-family:var(--font);
}
#view-hub, #view-hub *{
  font-family:var(--font);
}
.hub-back-btn{
  display:inline-flex;
  align-items:center;
  gap:7px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.12);
  color:rgba(255,255,255,.45);
  padding:7px 13px;
  border-radius:8px;
  font-family:var(--font);
  font-size:12.5px;
  font-weight:600;
  cursor:pointer;
  transition:all .15s;
  margin-bottom:32px;
}
/* Physio711 Hub-Theme */
html.theme-711 .hub-back-btn{
  background:rgba(126,179,240,.07);
  border-color:rgba(126,179,240,.2);
  color:rgba(126,179,240,.55);
}
html.theme-711 .hub-card{
  background:rgba(31,90,163,.08);
  border-color:rgba(126,179,240,.12);
}
html.theme-711 .hub-card-arr{
  color:rgba(126,179,240,.55);
}
html.theme-711 .hub-card-icon{
  background:rgba(126,179,240,.12);
}
html.theme-711 .hub-card-glow{
  background:radial-gradient(circle at 50% 0%,rgba(126,179,240,.08),transparent 60%);
}
.hub-cards-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
}
.hub-card{
  background:rgba(255,255,255,.04);
  border:2px solid rgba(255,255,255,.1);
  border-radius:18px;
  padding:36px 28px 30px;
  cursor:pointer;
  transition:all .22s cubic-bezier(.16,1,.3,1);
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  gap:14px;
}
.hub-card-glow{
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 50% 0%,rgba(232,210,0,.07),transparent 60%);
  pointer-events:none;
  transition:opacity .2s;
  opacity:0;
}
.hub-card-icon{
  width:48px;
  height:48px;
  border-radius:12px;
  background:rgba(232,210,0,.12);
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}
.hub-card-title{
  font-size:18px;
  font-weight:800;
  color:rgba(255,255,255,.92);
  letter-spacing:-.3px;
  margin-bottom:6px;
}
.hub-card-desc{
  font-size:12.5px;
  color:rgba(255,255,255,.32);
  line-height:1.55;
}
.hub-card-arr{
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:rgba(232,210,0,.45);
  display:flex;
  align-items:center;
  gap:5px;
  margin-top:4px;
  transition:color .2s;
}

/* ── Klick-Tool User View ── */
#view-klicktool{background:#0D0D0B;min-height:100vh;overflow-y:auto;flex-direction:column}
#view-klicktool.active{display:flex!important;flex-direction:column}
#kt-user-wrap{box-sizing:border-box;width:100%;max-width:1400px;margin:0 auto;padding:90px 48px 60px;flex:1}

/* ═══════════════════════════════════════════════════
   RESPONSIVE — Tablet (≤768px)
═══════════════════════════════════════════════════ */
@media(max-width:768px){
  /* iOS zoom prevention */
  input,select,textarea{font-size:16px!important;}

  /* ── Startseite ── */
  .jobs-inner{padding:16px 0;}
  .brand-mark{margin-bottom:20px;}
  .jobs-headline{font-size:24px!important;letter-spacing:-1px;margin-bottom:20px;line-height:1.1;}
  .date-selector{flex-wrap:wrap;gap:8px;padding:10px 12px;}
  .ds-btn{flex-shrink:0;font-size:12px;}
  .ds-label{font-size:11px;width:100%;}
  .job-grid{grid-template-columns:1fr 1fr;}
  .view-jobs{padding:0!important;}
  .jobs-footer{padding:12px 16px;}

  /* ── Hub ── */
  #view-hub.active{padding:32px 20px;}
  .hub-back-btn{margin-bottom:20px;}
  .hub-cards-grid{grid-template-columns:1fr 1fr;gap:14px;}
  .hub-card{padding:24px 18px 20px!important;border-radius:14px!important;gap:10px!important;}
  .hub-card-title{font-size:16px;}
  .hub-card-desc{font-size:12px;}

  /* ── Klick-Tool User View ── */
  #kt-user-wrap{padding:80px 16px 48px!important;}

  /* ── Gehaltsrechner Layout ── */
  .calc-body{
    display:flex!important;
    flex-direction:column!important;
    min-height:unset!important;
    overflow:visible!important;
  }
  #calc-right-panel{
    order:0!important;
    position:static!important;
    height:auto!important;
    max-height:none!important;
    padding:16px!important;
    overflow:visible!important;
  }
  .calc-left{
    order:1!important;
    padding:18px 14px!important;
  }

  /* ── Header ── */
  .calc-hdr{
    padding:6px 10px!important;
    height:auto!important;
    min-height:44px;
    flex-wrap:wrap;
    gap:4px;
  }
  .ch-left{flex-wrap:wrap;gap:5px;flex:1;}
  .ch-right{gap:5px;align-items:center;}
  .ch-brand{font-size:13px;}
  .ch-pill{font-size:10px;padding:3px 8px;}
  #combo-toggle-btn{font-size:10px!important;padding:4px 8px!important;}
  .ch-admbtn{font-size:9px;padding:4px 8px;}
  .ds-badge{font-size:9px;padding:3px 8px;}

  /* ── Tage-Auswahl ── */
  .days-selector{flex-wrap:wrap;padding:10px 12px;gap:8px;}
  .days-btns{flex-wrap:wrap;gap:6px;}
  .day-btn{font-size:12px;padding:6px 12px;min-height:36px;}

  /* ── Qualifikations-Chips ── */
  .mchips{flex-wrap:wrap!important;overflow:visible!important;}
  .mchip{min-height:36px;display:inline-flex;align-items:center;}

  /* ── Zusatz: max 2 Spalten auf Tablet ── */
  .lvl-grid{grid-template-columns:repeat(2,1fr)!important;}

  /* ── Salary Panel ── */
  .cr-salary{font-size:28px;letter-spacing:-1px;}
  .cr-tag{font-size:8px;}
  .cr-salsp{font-size:10px;}
  .cr-rows{gap:7px;}
  .cr-row-lbl{font-size:8px;}
  .cr-row-val{font-size:12px;}

  /* ── Admin ── */
  .adm-body{grid-template-columns:1fr;}
  .adm-side{display:none;}
  .kpi-grid{grid-template-columns:1fr 1fr;}

  /* ── Company Selector ── */
  #view-company > div > div:nth-child(3){
    font-size:30px!important;letter-spacing:-1px!important;line-height:1.1!important;
  }
  #view-company > div > div:nth-child(4){
    font-size:13px!important;margin-bottom:28px!important;
  }
  #view-company > div > div[style*="grid-template-columns"]{
    grid-template-columns:1fr 1fr!important;gap:14px!important;
  }
}

/* ═══════════════════════════════════════════════════
   RESPONSIVE — Phone (≤480px)
═══════════════════════════════════════════════════ */
@media(max-width:480px){
  /* ── Company selector: stack cards ── */
  #view-company{padding:24px 14px!important;}
  #view-company > div > div[style*="grid-template-columns"]{
    grid-template-columns:1fr!important;gap:12px!important;
  }
  #view-company > div > div:nth-child(3){
    font-size:26px!important;letter-spacing:-.5px!important;
  }

  /* ── Hub: stack cards vertically ── */
  #view-hub.active{padding:24px 14px!important;justify-content:flex-start;padding-top:40px!important;}
  .hub-cards-grid{grid-template-columns:1fr!important;gap:12px!important;}
  .hub-card{padding:20px 16px 16px!important;border-radius:12px!important;gap:10px!important;}
  .hub-card-title{font-size:15px;}
  .hub-card-icon{width:42px!important;height:42px!important;border-radius:10px!important;}
  .hub-back-btn{margin-bottom:16px!important;}

  /* ── Klick-Tool user view ── */
  #kt-user-wrap{padding:72px 12px 40px!important;}
  #view-klicktool > div[style*="fixed"]{padding:10px 14px!important;}
  /* Stack answered nodes more compact */
  #kt-user-wrap .kt-answered-node{padding:8px 12px!important;}

  /* ── Startseite ── */
  .jobs-headline{font-size:20px!important;letter-spacing:-.5px;}
  .job-grid{grid-template-columns:1fr;}
  .job-card{padding:16px 14px 12px;}
  .brand-mark{gap:10px;}

  /* ── Header kompakt ── */
  .calc-hdr{padding:5px 8px!important;gap:4px;}
  .ch-brand{font-size:12px;}
  .ch-pill{font-size:9px;padding:2px 7px;}
  #combo-toggle-btn{font-size:9px!important;padding:3px 7px!important;}
  .ch-admbtn{font-size:9px;padding:3px 7px;}

  /* ── Salary ── */
  .cr-salary{font-size:24px;}
  #calc-right-panel{padding:12px!important;}
  .calc-left{padding:14px 10px!important;}

  /* ── Stunden ── */
  .hboxes{flex-wrap:wrap;}
  .hbox{min-width:80px;flex:1;}
  .hbox-val{font-size:18px;}

  /* ── Zusatz: eine Spalte ── */
  .lvl-grid{grid-template-columns:1fr!important;}

  /* ── KPI ── */
  .kpi-grid{grid-template-columns:1fr!important;}
}

/* ════════════════════════════════════
   WISSENSDATENBANK — nur wdb- und wn- Präfix
   Berührt keine bestehenden App-Klassen
════════════════════════════════════ */
#view-wissensdatenbank{background:var(--beige);flex-direction:column}
#view-wissensdatenbank.active{display:flex!important;flex-direction:column}

/* Nav */
.wdb-nav-item{display:flex;align-items:center;padding:7px 12px;border-radius:var(--r);cursor:pointer;font-size:13.5px;color:var(--ink2);transition:all .12s;gap:6px;margin:1px 0}
.wdb-nav-item:hover{background:var(--beige2);color:var(--ink)}
.wdb-nav-item.active{background:var(--acc-light);color:var(--acc);font-weight:700}
.wdb-nav-arrow{font-size:10px;color:var(--ink4);flex-shrink:0}
.wdb-filter-lbl{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink4);margin:12px 0 6px;padding:0 4px}
.wdb-filter-chips{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:4px}
.wdb-chip{display:inline-flex;align-items:center;padding:3px 10px;background:var(--beige2);color:var(--ink3);border-radius:12px;font-size:12px;cursor:pointer;border:1px solid transparent;transition:all .12s}
.wdb-chip:hover,.wdb-chip.active{background:var(--acc-light);color:var(--acc);border-color:var(--acc)}

/* Cards grid */
.wdb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.wdb-card{background:var(--white);border:1px solid var(--beige3);border-radius:var(--r2);padding:18px;cursor:pointer;transition:all .15s}
.wdb-card:hover{border-color:var(--beige4);box-shadow:var(--sh);transform:translateY(-1px)}
.wdb-card-icon{width:38px;height:38px;border-radius:8px;background:var(--acc-light);display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:10px;flex-shrink:0}
.wdb-card-title{font-size:15px;font-weight:700;color:var(--ink);margin-bottom:4px;line-height:1.3}
.wdb-card-cat{font-size:11.5px;color:var(--ink4);margin-bottom:6px}
.wdb-card-desc{font-size:13px;color:var(--ink3);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.wdb-card-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:10px}

/* Tags */
.wdb-tag{padding:2px 8px;background:var(--beige2);color:var(--ink3);border-radius:10px;font-size:11px;display:inline-block}
.wdb-tag.company{background:var(--acc-light);color:var(--acc)}
.wdb-tag.location{background:var(--blue-lt);color:var(--blue)}
.wdb-tag.loc{background:var(--blue-lt);color:var(--blue)}
.wdb-tag.gen{background:var(--beige3);color:var(--ink2)}

/* Page header */
.wdb-page-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}
.wdb-page-title{font-size:22px;font-weight:800;color:var(--ink);letter-spacing:-.4px}
.wdb-page-sub{font-size:13px;color:var(--ink4);margin-top:2px}
.wdb-empty{text-align:center;padding:48px 20px;color:var(--ink4);font-size:14px;line-height:1.8}

/* Article view */
.wdb-article{max-width:820px}
.wdb-breadcrumb{font-size:12px;color:var(--ink4);margin-bottom:18px}
.wdb-bc-link{color:var(--acc);cursor:pointer}
.wdb-bc-link:hover{text-decoration:underline}
.wdb-art-actions{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}
.wdb-art-hdr{display:flex;align-items:flex-start;gap:14px;margin-bottom:22px}
.wdb-art-icon-lg{width:52px;height:52px;border-radius:10px;background:var(--acc-light);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}
.wdb-art-cat{font-size:11.5px;color:var(--ink4);margin-bottom:4px}
.wdb-art-title{font-size:26px;font-weight:800;color:var(--ink);letter-spacing:-.5px;line-height:1.2}
.wdb-art-meta{display:flex;gap:14px;flex-wrap:wrap;padding:12px 0;border-top:1px solid var(--beige3);border-bottom:1px solid var(--beige3);margin-bottom:22px}
.wdb-meta-item{font-size:12.5px;color:var(--ink4)}
.wdb-meta-item strong{color:var(--ink2);font-weight:600}
.wdb-art-content{font-size:14.5px;line-height:1.78;color:var(--ink)}
.wdb-art-content h2{font-size:19px;font-weight:800;margin:1.4em 0 .5em;color:var(--ink)}
.wdb-art-content h3{font-size:16px;font-weight:700;margin:1.2em 0 .4em;color:var(--ink)}
.wdb-art-content p{margin-bottom:.9em}
.wdb-art-content ul,.wdb-art-content ol{margin:.6em 0 .9em 1.4em}
.wdb-art-content li{margin-bottom:.3em}
.wdb-art-content table{width:100%;border-collapse:collapse;margin:1em 0;font-size:13.5px}
.wdb-art-content th{background:var(--beige2);padding:8px 11px;text-align:left;font-weight:600;border:1px solid var(--beige3)}
.wdb-art-content td{padding:7px 11px;border:1px solid var(--beige3)}
.wdb-art-content strong{font-weight:700}
.wdb-art-content em{font-style:italic}
.wdb-art-content hr{border:none;border-top:1px solid var(--beige3);margin:1.8em 0}
.wdb-art-section{margin-top:22px}
.wdb-art-sec-lbl{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink4);margin-bottom:10px}
.wdb-img-grid{display:flex;flex-wrap:wrap;gap:8px}
.wdb-img-item{width:80px;height:80px;border-radius:6px;overflow:hidden;border:1px solid var(--beige3)}
.wdb-img-item img{width:100%;height:100%;object-fit:cover}
.wdb-docs-list{display:flex;flex-direction:column;gap:6px}
.wdb-doc-row{display:flex;align-items:center;gap:10px;padding:9px 13px;background:var(--beige2);border-radius:var(--r);border:1px solid var(--beige3);font-size:13.5px}

/* Filter chips (admin article list) */
.wdb-fc{display:inline-flex;align-items:center;padding:4px 10px;border-radius:14px;font-size:12px;font-weight:600;cursor:pointer;border:1.5px solid var(--beige3);background:var(--white);color:var(--ink3);transition:all .12s;gap:2px}
.wdb-fc:hover{border-color:var(--beige4);color:var(--ink)}
.wdb-fc.on{background:var(--acc-light);border-color:var(--acc);color:var(--acc)}
.wdb-fc-clear{font-size:12px;color:var(--red);cursor:pointer;padding:4px 8px;border-radius:10px;transition:background .12s}
.wdb-fc-clear:hover{background:var(--red-lt)}

/* ── Notion-Style Editor (wn- prefix only) ── */
.wn-wrap{display:flex;height:calc(100vh - 54px);overflow:hidden;background:var(--white)}
.wn-main{flex:1;overflow-y:auto;display:flex;flex-direction:column}
.wn-topbar{display:flex;align-items:center;gap:10px;padding:12px 20px;border-bottom:1px solid var(--beige3);background:var(--white);position:sticky;top:0;z-index:10;flex-shrink:0}
.wn-sidebar{width:280px;flex-shrink:0;border-left:1px solid var(--beige3);overflow-y:auto;background:var(--beige)}
.wn-sb-section{padding:16px 20px;border-bottom:1px solid var(--beige3)}
.wn-sb-lbl{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--ink4);margin-bottom:10px}
.wn-sb-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;gap:8px}
.wn-sb-key{font-size:12.5px;color:var(--ink3);flex-shrink:0}
.wn-sb-val{font-size:12.5px;color:var(--ink);font-weight:500;flex:1;text-align:right;min-width:0}
.wn-input{width:100%;padding:7px 10px;border:1px solid var(--beige3);border-radius:6px;font-family:var(--font);font-size:13px;background:var(--white);color:var(--ink);outline:none;box-sizing:border-box}
.wn-input:focus{border-color:var(--acc)}
.wn-select{width:100%;padding:7px 10px;border:1px solid var(--beige3);border-radius:6px;font-family:var(--font);font-size:13px;background:var(--white);color:var(--ink);outline:none;box-sizing:border-box;cursor:pointer}
.wn-select:focus{border-color:var(--acc)}
.wn-toolbar{display:flex;gap:1px;padding:6px 20px;border-bottom:1px solid var(--beige3);background:var(--white);flex-wrap:wrap;align-items:center;position:sticky;top:49px;z-index:9;flex-shrink:0}
.wn-tb{padding:4px 8px;border:none;background:transparent;border-radius:4px;cursor:pointer;font-size:13px;font-family:var(--font);color:var(--ink2);transition:all .1s;line-height:1.2;display:inline-flex;align-items:center;gap:3px}
.wn-tb:hover{background:var(--beige2);color:var(--ink)}
.wn-sep{width:1px;height:18px;background:var(--beige3);margin:0 4px;flex-shrink:0;display:inline-block}
.wn-tb-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink4);padding:0 4px;align-self:center}
.wn-content-area{flex:1;padding:40px 80px 80px;max-width:900px;width:100%;box-sizing:border-box;margin:0 auto}
.wn-title-input{width:100%;border:none;outline:none;font-size:36px;font-weight:800;color:var(--ink);font-family:var(--font);line-height:1.2;padding:0;background:transparent;letter-spacing:-.5px;margin-bottom:4px}
.wn-title-input::placeholder{color:var(--beige4)}
.wn-icon-row{display:flex;align-items:center;gap:10px;margin-bottom:24px}
.wn-icon-btn{font-size:36px;cursor:pointer;border:none;background:none;padding:4px;border-radius:6px;line-height:1;transition:background .15s}
.wn-icon-btn:hover{background:var(--beige2)}
.wn-tag-dd{position:relative}
.wn-tag-dd-btn{width:100%;text-align:left;padding:7px 10px;border:1px solid var(--beige3);border-radius:6px;font-family:var(--font);font-size:13px;background:var(--white);color:var(--ink3);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:36px;box-sizing:border-box}
.wn-tag-dd-btn:hover{border-color:var(--beige4)}
.wn-tag-chips{display:flex;flex-wrap:wrap;gap:4px;flex:1}
.wn-tag-pill{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:10px;font-size:11px;font-weight:600;background:var(--acc-light);color:var(--acc)}
.wn-tag-pill.loc{background:var(--blue-lt);color:var(--blue)}
.wn-tag-pill.gen{background:var(--beige3);color:var(--ink3)}
.wn-tag-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--white);border:1px solid var(--beige3);border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.12);z-index:200;overflow:hidden;max-height:260px;overflow-y:auto}
.wn-dd-search{padding:8px 12px;border-bottom:1px solid var(--beige3)}
.wn-dd-search input{width:100%;border:none;outline:none;font-family:var(--font);font-size:13px;color:var(--ink);background:transparent}
.wn-dd-item{display:flex;align-items:center;gap:8px;padding:7px 12px;cursor:pointer;font-size:13px;color:var(--ink);transition:background .1s}
.wn-dd-item:hover{background:var(--beige2)}
.wn-dd-item.selected{color:var(--acc);font-weight:600}
.wn-dd-check{width:14px;height:14px;border:1.5px solid var(--beige4);border-radius:3px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:10px}
.wn-dd-check.on{background:var(--acc);border-color:var(--acc);color:#fff}
.wn-dd-new{padding:7px 12px;font-size:12.5px;color:var(--acc);cursor:pointer;border-top:1px solid var(--beige3)}
.wn-dd-new:hover{background:var(--acc-light)}
.wn-attach-zone{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.wn-attach-img{width:80px;height:80px;border-radius:8px;overflow:hidden;position:relative;border:1px solid var(--beige3);flex-shrink:0}
.wn-attach-img img{width:100%;height:100%;object-fit:cover}
.wn-attach-rm{position:absolute;top:3px;right:3px;background:rgba(0,0,0,.5);color:#fff;border:none;border-radius:50%;width:18px;height:18px;cursor:pointer;font-size:11px;display:flex;align-items:center;justify-content:center;line-height:1}
.wn-doc-row{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--beige);border-radius:6px;border:1px solid var(--beige3);font-size:13px;margin-bottom:5px}
.wn-attach-btn{display:flex;align-items:center;gap:6px;width:100%;padding:9px 12px;background:var(--white);border:1px solid var(--beige3);border-radius:8px;font-family:var(--font);font-size:13px;color:var(--ink2);cursor:pointer;transition:all .13s;box-sizing:border-box}
.wn-attach-btn:hover{background:var(--beige2);border-color:var(--beige4)}

/* Root block styles for Klick-Tool */
.kt-root-block{margin-bottom:24px;border:1.5px solid var(--beige3);border-radius:var(--r2);background:var(--white);overflow:visible;display:inline-block;min-width:100%}
.kt-root-hdr{display:flex;align-items:center;padding:10px 14px;background:var(--beige2);border-bottom:1.5px solid var(--beige3);gap:0;position:sticky;left:0;z-index:2}
.kt-root-arrow{font-size:12px;color:var(--ink4);flex-shrink:0;transition:color .15s;user-select:none}
.kt-root-title-lbl{font-size:13px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}
.kt-site-tag{transition:all .15s}
.kt-site-tag:hover{filter:brightness(1.1)}
.kt-root-tree{padding:28px 32px 36px;overflow:visible;background:var(--beige);width:max-content;min-width:100%;box-sizing:border-box}
.kt-root-tree::-webkit-scrollbar{height:5px;width:5px}
.kt-root-tree::-webkit-scrollbar-track{background:var(--beige2)}
.kt-root-tree::-webkit-scrollbar-thumb{background:var(--beige4);border-radius:3px}
.kt-root-tree::-webkit-scrollbar-corner{background:var(--beige2)}
.kt-add-root-btn{display:block;width:100%;padding:12px;background:transparent;border:2px dashed var(--beige4);border-radius:var(--r2);font-family:var(--font);font-size:12.5px;font-weight:600;color:var(--ink4);cursor:pointer;transition:all .18s;text-align:center;margin-top:4px}
.kt-add-root-btn:hover{border-color:var(--yellow-dk);color:var(--yellow-dk);background:rgba(232,210,0,.04)}
.kt-info-toolbar{display:flex;gap:5px;margin-bottom:5px}
.kt-tb-btn{background:var(--beige2);border:1px solid var(--beige3);border-radius:4px;padding:2px 8px;font-family:var(--font);font-size:10.5px;font-weight:600;color:var(--ink3);cursor:pointer;transition:all .13s}
.kt-tb-btn:hover{background:var(--beige3);color:var(--ink)}

@media(max-width:768px){
  #view-wissensdatenbank > div:nth-child(2) > div:first-child{display:none}
  #wdb-content{padding:16px}
  .wdb-grid{grid-template-columns:1fr}
  .wn-sidebar{display:none}
  .wn-content-area{padding:24px 20px}
  .wn-toolbar{padding:6px 12px}
}

/* ═══════════════════════════════════════════════════
   SCREENING-TOOLS VIEWS
   Gleicher Stil wie #view-hub: schwarzer Hintergrund,
   zentrierter Inhalt, hub-inner + hub-card Klassen.
═══════════════════════════════════════════════════ */
#view-screeningtools,
#view-preseason,
#view-vkbrehab {
  background: #0A0C10;
  min-height: 100vh;
  position: relative;
  overflow: hidden;
}
#view-screeningtools.active,
#view-preseason.active,
#view-vkbrehab.active {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background: #0A0C10;
  padding: 48px 24px;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}
#view-screeningtools *,
#view-preseason *,
#view-vkbrehab * {
  font-family: var(--font);
}