:root {
  --ink:#0e1a2d;
  --muted:#6b7890;
  --muted-2:#8b97aa;
  --navy:#071a3a;
  --navy-2:#0b2857;
  --blue:#246bfd;
  --blue-2:#1757dc;
  --cyan:#18c9de;
  --mint:#2dd4a8;
  --green:#159b72;
  --amber:#d98a12;
  --red:#d74a62;
  --canvas:#f4f7fb;
  --surface:#ffffff;
  --line:#dce4ef;
  --line-2:#e9eef5;
  --shadow:0 18px 45px rgba(22,39,68,.08);
  --shadow-soft:0 8px 24px rgba(22,39,68,.06);
  --radius:22px;
  --sidebar:272px;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--canvas);color:var(--ink);font-family:"Segoe UI Variable","Segoe UI",Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
svg{display:block}
body{overflow-x:hidden}
::selection{background:#dbe7ff;color:#0c2d6d}

.boot-screen{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#fff 0,#f4f7fb 48%,#edf2f9 100%);transition:opacity .35s ease,visibility .35s ease}
.boot-screen.done{opacity:0;visibility:hidden;pointer-events:none}
.boot-card{width:min(410px,calc(100vw - 48px));display:grid;grid-template-columns:64px 1fr;gap:16px;align-items:center;padding:24px;border:1px solid #e3e9f2;background:rgba(255,255,255,.92);border-radius:26px;box-shadow:var(--shadow)}
.boot-logo{width:64px;height:64px;border-radius:18px;object-fit:cover}
.boot-copy{display:flex;flex-direction:column;gap:4px}.boot-copy strong{font-size:23px;letter-spacing:.8px}.boot-copy span{font-size:13px;color:var(--muted)}
.boot-progress{grid-column:1/-1;height:4px;border-radius:999px;background:#eaf0f8;overflow:hidden}.boot-progress i{display:block;width:42%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--cyan));animation:boot 1.1s ease-in-out infinite alternate}@keyframes boot{from{transform:translateX(-20%)}to{transform:translateX(160%)}}

.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(360px,1.08fr) minmax(430px,.92fr);background:#fff}
.login-brand{position:relative;overflow:hidden;background:linear-gradient(145deg,#061734 0%,#0a2859 58%,#0c3874 100%);color:#fff;padding:52px clamp(38px,6vw,88px);display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}
.login-brand:before,.login-brand:after{content:"";position:absolute;border-radius:50%;filter:blur(.1px);pointer-events:none}.login-brand:before{width:460px;height:460px;right:-210px;top:-120px;border:1px solid rgba(90,218,255,.18);box-shadow:0 0 0 70px rgba(64,193,255,.035),0 0 0 145px rgba(64,193,255,.025)}.login-brand:after{width:260px;height:260px;left:-120px;bottom:55px;background:radial-gradient(circle,rgba(24,201,222,.18),transparent 67%)}
.brand-mark{position:relative;z-index:1;display:flex;align-items:center;gap:14px}.brand-mark img{width:52px;height:52px;border-radius:15px}.brand-mark strong{font-size:25px;letter-spacing:1.4px}.brand-mark small{display:block;margin-top:2px;color:#9fb7da;font-weight:600;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.login-story{position:relative;z-index:1;max-width:620px}.story-kicker{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#9eeafb}.story-kicker:before{content:"";width:26px;height:2px;background:var(--cyan)}.login-story h1{font-size:clamp(40px,5vw,66px);line-height:1.02;letter-spacing:-.04em;margin:18px 0 22px;max-width:650px}.login-story p{font-size:17px;line-height:1.7;color:#b8c9e2;max-width:580px;margin:0}.story-points{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.story-chip{padding:9px 12px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);border-radius:999px;color:#d8e5f8;font-size:12px;font-weight:700}
.login-foot{position:relative;z-index:1;color:#7897c1;font-size:12px}
.login-main{display:grid;place-items:center;background:radial-gradient(circle at 90% 5%,#edf4ff,transparent 38%),#fbfcfe;padding:40px}
.login-card{width:min(470px,100%);padding:44px 42px;border:1px solid var(--line-2);background:#fff;border-radius:30px;box-shadow:0 30px 80px rgba(28,52,88,.09)}
.login-card .eyebrow{color:var(--blue);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.11em}.login-card h2{margin:10px 0 8px;font-size:32px;letter-spacing:-.025em}.login-card>p{margin:0 0 28px;color:var(--muted);line-height:1.55}
.field{display:grid;gap:7px;margin-bottom:15px}.field label{font-size:12px;font-weight:800;color:#526078;letter-spacing:.015em}.input-wrap{position:relative}.input-wrap .field-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:19px;height:19px;color:#78879e;pointer-events:none}.input-wrap input,.input-wrap select{width:100%;height:54px;border:1px solid var(--line);border-radius:15px;background:#fff;color:var(--ink);outline:none;padding:0 16px 0 46px;transition:border-color .18s ease,box-shadow .18s ease,background .18s}.input-wrap input:focus,.input-wrap select:focus{border-color:#87aaff;box-shadow:0 0 0 4px rgba(36,107,253,.09)}.input-wrap input::placeholder{color:#9aa6b8}.input-wrap .plain{padding-left:16px}
.login-row{display:flex;justify-content:flex-end;align-items:center;margin:3px 0 20px}.text-link{border:0;background:none;padding:5px;color:var(--blue);font-weight:750;font-size:13px}.login-button{width:100%;height:55px;border:0;border-radius:15px;background:linear-gradient(135deg,var(--blue),#195bdd);color:#fff;font-weight:850;box-shadow:0 12px 24px rgba(36,107,253,.22);transition:transform .15s ease,box-shadow .15s}.login-button:hover{transform:translateY(-1px);box-shadow:0 15px 28px rgba(36,107,253,.28)}.login-button:disabled{opacity:.62;cursor:wait;transform:none}
.login-separator{display:flex;align-items:center;gap:12px;margin:25px 0;color:#9aa5b7;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.login-separator:before,.login-separator:after{content:"";height:1px;background:var(--line-2);flex:1}.login-note{font-size:12px;color:var(--muted);line-height:1.5;text-align:center}

.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);background:var(--canvas)}
.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#071a3a 0%,#081f45 100%);color:#dce6f6;padding:24px 17px 18px;display:flex;flex-direction:column;z-index:50;overflow:hidden}
.sidebar:after{content:"";position:absolute;width:220px;height:220px;right:-140px;top:80px;border-radius:50%;background:radial-gradient(circle,rgba(24,201,222,.11),transparent 68%);pointer-events:none}
.side-brand{position:relative;z-index:1;display:flex;align-items:center;gap:12px;padding:6px 8px 24px}.side-brand img{width:47px;height:47px;border-radius:14px;box-shadow:0 10px 22px rgba(0,0,0,.2)}.side-brand strong{font-size:22px;letter-spacing:1.2px}.side-brand span{display:block;margin-top:2px;font-size:10px;color:#7f9bc1;font-weight:800;text-transform:uppercase;letter-spacing:.12em}
.nav-section-label{padding:8px 12px 7px;color:#607da8;font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.nav{display:grid;gap:4px}.nav-item{position:relative;width:100%;display:flex;align-items:center;gap:12px;padding:12px 13px;border:0;border-radius:14px;background:transparent;color:#aebdd2;text-align:left;font-weight:650;transition:background .16s,color .16s,transform .16s}.nav-item svg{width:20px;height:20px}.nav-item:hover{background:rgba(255,255,255,.055);color:#fff}.nav-item.active{background:linear-gradient(90deg,rgba(59,111,198,.26),rgba(255,255,255,.08));color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}.nav-item.active:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(var(--cyan),#70f1da)}.nav-item.active svg{color:#7ce9f6}.side-spacer{flex:1}.profile-mini{margin-top:18px;padding:13px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.045);border-radius:17px;display:flex;align-items:center;gap:10px}.avatar{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#275fd5,#22c2cf);color:#fff;font-size:13px;font-weight:900;letter-spacing:.04em;flex:0 0 auto}.profile-mini .who{min-width:0;flex:1}.profile-mini strong,.profile-mini span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-mini strong{font-size:12px;color:#fff}.profile-mini span{font-size:10px;color:#7896be;margin-top:2px}.logout-btn{width:34px;height:34px;border-radius:10px;border:0;background:transparent;color:#819bc0;display:grid;place-items:center}.logout-btn:hover{background:rgba(255,255,255,.08);color:#fff}

.main{min-width:0;min-height:100vh}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,3vw,42px);background:rgba(244,247,251,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(220,228,239,.8);position:sticky;top:0;z-index:35}.top-left{display:flex;align-items:center;gap:13px;min-width:0}.menu-btn{display:none;width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--ink);place-items:center}.crumb{font-size:12px;color:var(--muted);font-weight:700}.page-name{font-size:14px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-actions{display:flex;align-items:center;gap:8px}.icon-btn{position:relative;width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:#fff;color:#526078;display:grid;place-items:center;transition:.15s}.icon-btn:hover{border-color:#becce0;color:var(--blue);transform:translateY(-1px)}.icon-btn svg{width:19px;height:19px}.notify-dot{position:absolute;right:8px;top:8px;width:7px;height:7px;background:#f25d74;border:2px solid #fff;border-radius:50%}
.content{padding:28px clamp(22px,3vw,42px) 54px}.content-inner{width:100%;max-width:1480px;margin:0 auto}

.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;margin-bottom:24px}.page-head-copy{min-width:0}.overline{display:flex;align-items:center;gap:8px;color:var(--blue);font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px}.overline:before{content:"";width:22px;height:2px;border-radius:5px;background:linear-gradient(90deg,var(--blue),var(--cyan))}.page-head h1{margin:0;color:var(--ink);font-size:clamp(27px,2.5vw,38px);line-height:1.08;letter-spacing:-.035em}.page-head p{margin:9px 0 0;color:var(--muted);font-size:14px;line-height:1.55;max-width:700px}.head-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.btn{height:43px;padding:0 15px;border-radius:13px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:800;white-space:nowrap;transition:transform .14s,box-shadow .14s,border-color .14s,background .14s}.btn svg{width:17px;height:17px}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--blue),#185adc);color:#fff;box-shadow:0 10px 20px rgba(36,107,253,.17)}.btn-primary:hover{box-shadow:0 13px 24px rgba(36,107,253,.24)}.btn-secondary{background:#fff;border-color:var(--line);color:#34425a}.btn-secondary:hover{border-color:#b9c8dc;background:#fbfdff}.btn-ghost{background:#edf3ff;color:#2558ad}.btn-danger{background:#fff1f3;color:#b9344e;border-color:#ffd7de}

.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.stat-card{position:relative;overflow:hidden;min-height:116px;padding:19px 19px 17px;background:#fff;border:1px solid var(--line-2);border-radius:20px;box-shadow:var(--shadow-soft)}.stat-card:after{content:"";position:absolute;width:95px;height:95px;border-radius:50%;right:-45px;top:-43px;background:var(--tint,#eaf1ff);opacity:.75}.stat-top{display:flex;justify-content:space-between;align-items:flex-start}.stat-icon{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;background:var(--tint,#eaf1ff);color:var(--accent,var(--blue))}.stat-icon svg{width:20px;height:20px}.stat-trend{font-size:10px;font-weight:800;color:var(--muted-2);padding-top:3px}.stat-value{margin-top:15px;font-size:27px;line-height:1;font-weight:900;letter-spacing:-.03em}.stat-label{margin-top:5px;color:var(--muted);font-size:11px;font-weight:750}.stat-card.blue{--tint:#e9f0ff;--accent:#2c65df}.stat-card.mint{--tint:#e3f8f2;--accent:#159b72}.stat-card.cyan{--tint:#e5f7fb;--accent:#168da6}.stat-card.amber{--tint:#fff2dc;--accent:#c77c0d}

.panel{background:#fff;border:1px solid var(--line-2);border-radius:23px;box-shadow:var(--shadow-soft);overflow:hidden}.toolbar{padding:16px 17px;display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--line-2);background:linear-gradient(180deg,#fff,#fcfdff)}.searchbox{position:relative;flex:1;min-width:200px}.searchbox svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#8391a6}.searchbox input{width:100%;height:44px;padding:0 14px 0 43px;border:1px solid var(--line);border-radius:13px;outline:none;background:#fff;color:var(--ink);font-size:13px}.searchbox input:focus{border-color:#9ab5f8;box-shadow:0 0 0 3px rgba(36,107,253,.08)}.filter-select{height:44px;min-width:146px;padding:0 36px 0 13px;border:1px solid var(--line);border-radius:13px;background:#fff;color:#425067;font-size:12px;font-weight:700;outline:none}
.segment-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line-2);padding:0 17px}.segments{display:flex;gap:3px}.segment{position:relative;border:0;background:transparent;color:#7b879a;padding:15px 13px 14px;font-size:12px;font-weight:800}.segment.active{color:#19355f}.segment.active:after{content:"";position:absolute;height:2px;left:9px;right:9px;bottom:-1px;background:linear-gradient(90deg,var(--blue),var(--cyan));border-radius:3px}.result-meta{font-size:11px;color:#8c98aa;font-weight:700}
.table-wrap{overflow:auto;min-height:285px}.data-table{width:100%;border-collapse:collapse;min-width:920px}.data-table th{padding:12px 16px;text-align:left;background:#f9fbfe;color:#8692a5;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:850;border-bottom:1px solid var(--line-2)}.data-table td{padding:14px 16px;border-bottom:1px solid #edf1f6;font-size:12px;color:#40506a;vertical-align:middle}.data-table tbody tr{transition:background .13s}.data-table tbody tr:hover{background:#fbfdff}.data-table tbody tr:last-child td{border-bottom:0}.person{display:flex;align-items:center;gap:10px;min-width:210px}.person-avatar{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#e8efff,#e3f8f3);color:#2356a4;font-size:12px;font-weight:900}.person strong{display:block;color:#1a2940;font-size:12px}.person small{display:block;color:#8a96a8;font-size:10px;margin-top:3px}.code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;color:#60708a;background:#f4f7fb;padding:5px 8px;border-radius:8px}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:850;white-space:nowrap}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge.green{background:#e7f8f1;color:#13835f}.badge.blue{background:#eaf1ff;color:#2c61c6}.badge.amber{background:#fff3df;color:#b36d09}.badge.red{background:#fff0f2;color:#b53950}.badge.gray{background:#eef2f6;color:#657287}.badge.cyan{background:#e6f8fb;color:#187c90}.row-actions{display:flex;justify-content:flex-end;gap:6px}.mini-btn{width:34px;height:34px;border:1px solid var(--line);border-radius:10px;background:#fff;color:#66758b;display:grid;place-items:center}.mini-btn:hover{color:var(--blue);border-color:#b8c9e0;background:#fafdff}.mini-btn svg{width:17px;height:17px}

.empty{min-height:330px;display:grid;place-items:center;padding:45px}.empty-inner{text-align:center;max-width:460px}.empty-art{position:relative;width:94px;height:94px;margin:0 auto 18px;display:grid;place-items:center;border-radius:27px;background:linear-gradient(145deg,#eef4ff,#e7fbf7);color:#275ec0}.empty-art:before{content:"";position:absolute;inset:-8px;border-radius:32px;border:1px dashed #c9d7eb}.empty-art svg{width:38px;height:38px}.empty h3{margin:0 0 8px;font-size:19px}.empty p{margin:0 auto 18px;color:var(--muted);font-size:12px;line-height:1.65}

.hero-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.85fr);gap:16px}.hero-card{position:relative;overflow:hidden;min-height:255px;padding:28px;border-radius:25px;background:linear-gradient(140deg,#071a3a 0%,#0b2b60 58%,#0b4078 100%);color:#fff;box-shadow:0 24px 52px rgba(7,26,58,.18)}.hero-card:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-130px;top:-145px;border:1px solid rgba(72,221,235,.19);box-shadow:0 0 0 45px rgba(50,194,225,.035),0 0 0 95px rgba(50,194,225,.025)}.hero-card .overline{color:#8fe7f0}.hero-card h2{position:relative;z-index:1;font-size:30px;letter-spacing:-.03em;margin:0 0 10px;max-width:650px}.hero-card p{position:relative;z-index:1;max-width:600px;color:#acc0dd;line-height:1.6;font-size:13px}.hero-pills{display:flex;gap:9px;flex-wrap:wrap;margin-top:23px;position:relative;z-index:1}.hero-pill{display:flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.06);border-radius:11px;color:#d8e4f5;font-size:11px;font-weight:750}.hero-pill svg{width:16px;height:16px;color:#76e0eb}.side-insight{padding:22px;background:#fff;border:1px solid var(--line-2);border-radius:24px;box-shadow:var(--shadow-soft)}.side-insight h3{font-size:15px;margin:0 0 18px}.insight-row{display:flex;gap:11px;padding:12px 0;border-top:1px solid #edf1f6}.insight-row:first-of-type{border-top:0;padding-top:0}.insight-icon{width:34px;height:34px;border-radius:10px;background:#eef3ff;color:#3164c7;display:grid;place-items:center;flex:0 0 auto}.insight-icon svg{width:17px;height:17px}.insight-row strong{display:block;font-size:11px}.insight-row span{display:block;font-size:10px;color:var(--muted);margin-top:3px;line-height:1.45}

.placeholder{min-height:560px;display:grid;place-items:center}.placeholder-card{max-width:620px;text-align:center;padding:44px 36px;background:#fff;border:1px solid var(--line-2);border-radius:27px;box-shadow:var(--shadow-soft)}.placeholder-icon{width:68px;height:68px;margin:0 auto 18px;border-radius:21px;background:linear-gradient(145deg,#eaf1ff,#e7faf5);color:#2d62c6;display:grid;place-items:center}.placeholder-icon svg{width:28px;height:28px}.placeholder h2{margin:0 0 9px;font-size:24px}.placeholder p{color:var(--muted);line-height:1.6;font-size:13px;margin:0}

.modal-backdrop{position:fixed;inset:0;z-index:1000;background:rgba(7,20,43,.56);backdrop-filter:blur(5px);display:grid;place-items:center;padding:20px;animation:fadeIn .15s ease}.modal{width:min(660px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#fff;border-radius:26px;border:1px solid #e8edf4;box-shadow:0 35px 100px rgba(7,26,58,.28);animation:modalIn .18s ease}.modal-head{padding:22px 24px 18px;border-bottom:1px solid var(--line-2);display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.modal-head .overline{margin-bottom:6px}.modal-head h3{margin:0;font-size:22px;letter-spacing:-.025em}.modal-head p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.modal-close{width:36px;height:36px;border:1px solid var(--line);border-radius:11px;background:#fff;color:#6e7d92;display:grid;place-items:center}.modal-body{padding:22px 24px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid .wide{grid-column:1/-1}.form-field{display:grid;gap:7px}.form-field label{font-size:11px;font-weight:800;color:#56657b}.form-field input,.form-field select{width:100%;height:47px;border:1px solid var(--line);border-radius:13px;padding:0 13px;background:#fff;color:var(--ink);outline:none;font-size:12px}.form-field input:focus,.form-field select:focus{border-color:#95b0f7;box-shadow:0 0 0 3px rgba(36,107,253,.08)}.form-help{font-size:10px;color:#8d99aa;line-height:1.45}.modal-foot{display:flex;justify-content:flex-end;gap:9px;padding:17px 24px 22px;border-top:1px solid var(--line-2);background:#fbfcfe}
.inline-alert{display:flex;gap:10px;padding:11px 12px;border-radius:12px;font-size:11px;font-weight:650;line-height:1.5}.inline-alert.error{background:#fff1f3;color:#a93349;border:1px solid #ffd8df}.inline-alert.info{background:#eef5ff;color:#2d5b9f;border:1px solid #d6e5ff}.inline-alert svg{width:17px;height:17px;flex:0 0 auto;margin-top:1px}
.toast-host{position:fixed;right:22px;top:20px;z-index:2000;display:grid;gap:10px;width:min(390px,calc(100vw - 44px));pointer-events:none}.toast{pointer-events:auto;position:relative;overflow:hidden;display:grid;grid-template-columns:38px 1fr 28px;gap:10px;align-items:flex-start;padding:14px 13px;background:#fff;border:1px solid var(--line-2);border-radius:16px;box-shadow:0 20px 55px rgba(20,38,66,.16);animation:toastIn .22s ease}.toast:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--toast,#246bfd)}.toast.success{--toast:#18a579}.toast.error{--toast:#d74a62}.toast.warning{--toast:#d98a12}.toast.info{--toast:#246bfd}.toast-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--toast) 10%,white);color:var(--toast)}.toast-icon svg{width:17px;height:17px}.toast-copy strong{display:block;font-size:12px}.toast-copy span{display:block;color:var(--muted);font-size:10.5px;line-height:1.45;margin-top:3px}.toast-x{width:27px;height:27px;border:0;background:transparent;color:#95a0b0;display:grid;place-items:center}.toast-x svg{width:14px;height:14px}@keyframes toastIn{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes modalIn{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}

.loading-row{padding:42px;display:grid;place-items:center;color:var(--muted);gap:12px;font-size:11px;font-weight:700}.spinner{width:26px;height:26px;border:3px solid #e6edf7;border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.mobile-mask{display:none}

@media(max-width:1120px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-grid{grid-template-columns:1fr}}
@media(max-width:900px){:root{--sidebar:250px}.page-head{flex-direction:column}.head-actions{justify-content:flex-start}.login-shell{grid-template-columns:1fr}.login-brand{display:none}.login-main{min-height:100vh}}
@media(max-width:760px){.app-shell{display:block}.sidebar{position:fixed;left:0;top:0;width:min(290px,84vw);transform:translateX(-105%);transition:transform .2s ease;box-shadow:20px 0 60px rgba(7,26,58,.28)}.app-shell.nav-open .sidebar{transform:translateX(0)}.mobile-mask{display:block;position:fixed;inset:0;background:rgba(7,20,43,.43);z-index:45;opacity:0;pointer-events:none;transition:opacity .2s}.app-shell.nav-open .mobile-mask{opacity:1;pointer-events:auto}.menu-btn{display:grid}.topbar{padding:0 16px}.content{padding:22px 16px 44px}.toolbar{flex-wrap:wrap}.filter-select{flex:1}.segment-row{overflow:auto}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.login-main{padding:18px}.login-card{padding:31px 24px;border-radius:23px}.stat-grid{grid-template-columns:1fr}.head-actions{width:100%}.head-actions .btn{flex:1}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.modal-body,.modal-head{padding-left:18px;padding-right:18px}.modal-foot{padding-left:18px;padding-right:18px}.page-head h1{font-size:29px}.content{padding-left:13px;padding-right:13px}.toolbar{padding:13px}.segment-row{padding:0 12px}}

/* ========================================================================== */
/* JOBVY 1.3 — Digitale Mitarbeiterakte                                      */
/* ========================================================================== */
.employee-row{cursor:pointer}.employee-row:hover{background:#f8fbff!important}.mini-btn.text-action{width:auto;padding:0 10px;gap:6px;display:inline-flex;font-size:10px;font-weight:800;color:#315fba;background:#f5f8ff;border-color:#d7e3fb}.mini-btn.text-action:hover{background:#eaf1ff}.mini-btn.danger{color:#c04459}.mini-btn.danger:hover{background:#fff2f4;border-color:#f2c5cd}
.record-loading{min-height:560px;display:grid;place-items:center;align-content:center;gap:9px;color:var(--muted)}.record-loading strong{color:var(--ink);font-size:14px}.record-loading span{font-size:11px}
.record-back{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}.back-link{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;color:#516079;font-size:11px;font-weight:800;padding:7px 0}.back-link:hover{color:var(--blue)}.back-link svg{width:16px;height:16px}.record-context{display:flex;align-items:center;gap:8px;color:#8a96a8;font-size:10px;font-weight:700}.record-context i{width:3px;height:3px;border-radius:50%;background:#bdc6d2}.record-context strong{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#60708a;font-size:10px}
.record-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:27px 29px;border:1px solid #dfe7f2;border-radius:28px;background:linear-gradient(135deg,#fff 0%,#f9fbff 66%,#eef5ff 100%);box-shadow:0 16px 38px rgba(24,48,83,.07)}.record-hero:after{content:"";position:absolute;right:-95px;top:-115px;width:260px;height:260px;border-radius:50%;border:1px solid rgba(36,107,253,.10);box-shadow:0 0 0 38px rgba(36,107,253,.025),0 0 0 78px rgba(24,201,222,.018);pointer-events:none}.record-identity{position:relative;z-index:1;display:flex;align-items:center;gap:18px;min-width:0}.record-avatar{width:76px;height:76px;border-radius:23px;display:grid;place-items:center;background:linear-gradient(145deg,#1e5de2,#1bc0d0);box-shadow:0 15px 28px rgba(35,98,201,.20);color:#fff;font-size:22px;font-weight:900;letter-spacing:.04em;flex:0 0 auto}.record-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#6380a8;font-weight:850}.record-identity h1{margin:4px 0 9px;font-size:31px;letter-spacing:-.035em;color:#10203a}.record-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.record-meta>span:not(.badge){display:inline-flex;align-items:center;gap:6px;color:#6f7f96;font-size:10.5px;font-weight:650}.record-meta svg{width:14px;height:14px;color:#7a94b8}.record-actions{position:relative;z-index:1;display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.record-glance{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}.record-glance-card{display:flex;align-items:center;gap:12px;padding:16px 17px;border:1px solid var(--line-2);border-radius:18px;background:#fff;box-shadow:0 8px 20px rgba(25,48,81,.035);min-width:0}.glance-icon{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;background:#edf3ff;color:#3164c7;flex:0 0 auto}.glance-icon svg{width:18px;height:18px}.record-glance-card span,.record-glance-card strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.record-glance-card span{font-size:9.5px;color:#8b96a7;font-weight:750}.record-glance-card strong{font-size:11px;color:#24334b;margin-top:3px}
.record-tabs{display:flex;align-items:center;gap:5px;padding:6px;border:1px solid #e3eaf3;border-radius:17px;background:#fff;box-shadow:0 8px 22px rgba(25,48,81,.035);overflow:auto;margin:0 0 14px}.record-tab{height:38px;padding:0 14px;border:0;border-radius:11px;background:transparent;color:#718096;font-size:10.5px;font-weight:800;white-space:nowrap;transition:.15s}.record-tab:hover{background:#f5f8fc;color:#315a9b}.record-tab.active{color:#184da9;background:#edf3ff;box-shadow:inset 0 0 0 1px #dce7ff}
.record-grid{display:grid;gap:14px}.record-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.record-grid.documents-layout{grid-template-columns:minmax(0,1.55fr) minmax(290px,.65fr)}.record-grid.notes-layout{grid-template-columns:minmax(300px,.7fr) minmax(0,1.3fr)}.record-lower{margin-top:14px}.record-card{padding:22px;border:1px solid var(--line-2);border-radius:23px;background:#fff;box-shadow:0 10px 27px rgba(25,48,81,.045);min-width:0}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.card-head>div:first-child>span{display:block;color:#7f8ea5;font-size:9.5px;font-weight:850;text-transform:uppercase;letter-spacing:.1em}.card-head h3{margin:4px 0 0;font-size:17px;letter-spacing:-.02em}.card-head p{margin:5px 0 0;color:var(--muted);font-size:10.5px;line-height:1.55;max-width:620px}.card-icon{width:41px;height:41px;border-radius:13px;display:grid;place-items:center;flex:0 0 auto}.card-icon svg{width:19px;height:19px}.card-icon.blue{background:#edf3ff;color:#3164c7}.card-icon.mint{background:#e9faf5;color:#168b6b}.card-icon.amber{background:#fff4e2;color:#ad6c10}.card-icon.cyan{background:#e9f9fb;color:#188499}.btn.compact{height:38px;padding:0 12px;font-size:10px}
.info-stack{display:grid}.info-row{display:grid;grid-template-columns:35px minmax(0,1fr);gap:11px;align-items:center;padding:11px 0;border-top:1px solid #edf1f6}.info-row:first-child{border-top:0;padding-top:1px}.info-icon{width:35px;height:35px;border-radius:11px;background:#f4f7fb;color:#647996;display:grid;place-items:center}.info-icon svg{width:16px;height:16px}.info-row span,.info-row strong{display:block}.info-row span{font-size:9.5px;color:#8b97a9;font-weight:700}.info-row strong{font-size:11.5px;color:#2c3b52;margin-top:2px;line-height:1.4}.mini-timeline{display:grid}.timeline-item{display:grid;grid-template-columns:12px minmax(0,1fr);gap:8px;padding:10px 0;border-top:1px solid #edf1f6}.timeline-item:first-child{border-top:0;padding-top:1px}.timeline-item i{width:7px;height:7px;border-radius:50%;margin-top:4px;background:#5c86df;box-shadow:0 0 0 4px #edf3ff}.timeline-item strong,.timeline-item span{display:block}.timeline-item strong{font-size:10.5px;color:#314158}.timeline-item span{font-size:9px;color:#929dad;margin-top:3px}.soft-empty{padding:24px 5px;color:#8b97a9;font-size:10.5px;text-align:center}
.employment-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.employment-tile{padding:14px;border:1px solid #e7edf5;border-radius:15px;background:#fbfcfe}.employment-tile span,.employment-tile strong{display:block}.employment-tile span{font-size:9px;color:#8b97aa;font-weight:750;text-transform:uppercase;letter-spacing:.05em}.employment-tile strong{margin-top:5px;font-size:11px;color:#25344b;line-height:1.4}
.qualification-grid{display:grid;gap:10px}.qualification-card{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:13px;align-items:flex-start;padding:15px;border:1px solid #e7edf5;border-radius:17px;background:#fbfcfe}.qualification-icon{width:46px;height:46px;border-radius:14px;background:linear-gradient(145deg,#edf3ff,#e8faf5);color:#3666bd;display:grid;place-items:center}.qualification-icon svg{width:21px;height:21px}.qualification-title{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.qualification-title strong{font-size:12px}.qualification-main p{margin:4px 0 8px;color:#8491a4;font-size:10px}.qualification-dates{display:flex;gap:18px;flex-wrap:wrap;color:#8b97a7;font-size:9.5px}.qualification-dates b{color:#55657b}.qualification-note{margin-top:10px;padding:9px 10px;border-radius:10px;background:#f1f5fa;color:#627087;font-size:9.5px;line-height:1.5}.qualification-actions{display:flex;gap:5px}
.record-empty{min-height:240px;display:grid;place-items:center;align-content:center;text-align:center;padding:28px}.record-empty>div:first-child{width:58px;height:58px;border-radius:18px;background:#edf3ff;color:#3164c7;display:grid;place-items:center;margin-bottom:12px}.record-empty>div:first-child svg{width:25px;height:25px}.record-empty h4{margin:0 0 6px;font-size:14px}.record-empty p{margin:0;max-width:440px;color:#8491a4;font-size:10.5px;line-height:1.6}.compact-empty{min-height:210px}
.availability-list{display:grid;gap:8px}.availability-day{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 14px;border:1px solid #e8edf4;border-radius:15px;background:#fafbfd;transition:.15s}.availability-day.on{background:#fff;border-color:#dce6f4}.day-name{display:flex;align-items:center;gap:12px;min-width:180px}.day-name strong,.day-name span{display:block}.day-name strong{font-size:11px}.day-name span{font-size:9px;color:#8c98aa;margin-top:2px}.availability-toggle input{position:absolute;opacity:0;pointer-events:none}.availability-toggle label{display:block;width:37px;height:21px;border-radius:999px;background:#d7dee8;position:relative;cursor:pointer;transition:.15s}.availability-toggle label:after{content:"";position:absolute;width:15px;height:15px;border-radius:50%;left:3px;top:3px;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.15);transition:.15s}.availability-toggle input:checked+label{background:#25b78d}.availability-toggle input:checked+label:after{transform:translateX(16px)}.day-times{display:flex;align-items:center;gap:8px}.day-times input{height:37px;width:105px;border:1px solid #dce4ef;border-radius:10px;background:#fff;padding:0 9px;color:#35445a;font-size:10px}.day-times span{font-size:9px;color:#8c98a9}.day-times input:disabled{background:#f2f4f7;color:#a4adba}
.document-list{display:grid}.document-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #edf1f6}.document-row:first-child{border-top:0}.document-icon{width:42px;height:42px;border-radius:13px;background:#eef3ff;color:#3565bc;display:grid;place-items:center}.document-icon svg{width:19px;height:19px}.document-main{min-width:0}.document-main strong,.document-main span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-main strong{font-size:11px;color:#2a3950}.document-main span{font-size:9px;color:#8b97a8;margin-top:3px}.document-actions{display:flex;gap:5px}.upload-card{align-self:start}.file-drop{margin:14px 0;min-height:155px;border:1px dashed #bbcae0;border-radius:17px;background:linear-gradient(145deg,#fafcff,#f5f9ff);display:grid;place-items:center;align-content:center;text-align:center;padding:18px;cursor:pointer;transition:.15s}.file-drop:hover{border-color:#7ea4ee;background:#f4f8ff}.file-drop>div{width:43px;height:43px;border-radius:14px;background:#e9f1ff;color:#3264c7;display:grid;place-items:center;margin-bottom:9px}.file-drop svg{width:19px;height:19px}.file-drop strong{font-size:11px}.file-drop span{font-size:9px;color:#8c98aa;margin-top:4px}.file-drop input{display:none}
.note-composer{align-self:start}.form-field textarea{width:100%;border:1px solid var(--line);border-radius:13px;padding:12px 13px;background:#fff;color:var(--ink);outline:none;font-size:12px;resize:vertical;line-height:1.5}.form-field textarea:focus{border-color:#95b0f7;box-shadow:0 0 0 3px rgba(36,107,253,.08)}.count-pill{min-width:31px;height:31px;padding:0 9px;border-radius:999px;background:#edf3ff;color:#315fba;display:grid;place-items:center;font-size:10px;font-weight:900}.notes-list{display:grid;gap:9px}.note-card{padding:13px 14px;border:1px solid #e8edf4;border-radius:15px;background:#fbfcfe}.note-top,.note-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.note-top>span:last-child,.note-bottom>span{color:#929dac;font-size:8.5px}.note-category{display:inline-flex;padding:4px 7px;border-radius:999px;background:#eaf1ff;color:#3261b7;font-size:8px;font-weight:850}.note-card p{margin:10px 0 12px;color:#405067;font-size:10.5px;line-height:1.65;white-space:pre-wrap}.note-delete{border:0;background:transparent;color:#bd5367;display:inline-flex;align-items:center;gap:5px;font-size:8.5px;font-weight:800}.note-delete svg{width:13px;height:13px}
.history-list{display:grid}.history-row{display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:10px;align-items:center;padding:13px 0;border-top:1px solid #edf1f6}.history-row:first-child{border-top:0}.history-dot{width:9px;height:9px;border-radius:50%;background:#5c86df;box-shadow:0 0 0 4px #edf3ff}.history-main strong,.history-main span{display:block}.history-main strong{font-size:10.5px;color:#2f3e54}.history-main span{font-size:8.5px;color:#929dab;margin-top:2px}.history-row time{font-size:8.5px;color:#8d98a9;white-space:nowrap}

@media(max-width:1180px){.record-glance{grid-template-columns:repeat(2,minmax(0,1fr))}.employment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.record-grid.documents-layout,.record-grid.notes-layout{grid-template-columns:1fr}.upload-card,.note-composer{align-self:auto}}
@media(max-width:900px){.record-hero{align-items:flex-start;flex-direction:column}.record-actions{justify-content:flex-start}.record-grid.two{grid-template-columns:1fr}}
@media(max-width:680px){.record-context{display:none}.record-hero{padding:20px;border-radius:21px}.record-identity{align-items:flex-start}.record-avatar{width:60px;height:60px;border-radius:18px;font-size:18px}.record-identity h1{font-size:24px}.record-meta{gap:7px}.record-actions{width:100%}.record-actions .btn{flex:1}.record-glance{grid-template-columns:1fr}.record-tabs{margin-left:-2px;margin-right:-2px}.employment-grid{grid-template-columns:1fr}.availability-day{align-items:flex-start;flex-direction:column}.day-times{width:100%}.day-times input{flex:1;width:auto}.qualification-card{grid-template-columns:40px minmax(0,1fr)}.qualification-icon{width:40px;height:40px}.qualification-actions{grid-column:2;justify-content:flex-start}.history-row{grid-template-columns:14px minmax(0,1fr)}.history-row time{grid-column:2}}
.btn-danger{height:42px;border:0;border-radius:12px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#c9465d;color:#fff;font-size:10.5px;font-weight:850;box-shadow:0 8px 18px rgba(201,70,93,.16)}.btn-danger:hover{background:#b83c52}.btn-danger svg{width:15px;height:15px}.confirm-panel{display:grid;grid-template-columns:52px minmax(0,1fr);gap:14px;align-items:flex-start;padding:14px;border:1px solid #f1dce1;border-radius:16px;background:#fff9fa}.confirm-art{width:52px;height:52px;border-radius:16px;background:#fff0f3;color:#c9465d;display:grid;place-items:center}.confirm-art svg{width:23px;height:23px}.confirm-panel strong{font-size:12px}.confirm-panel p{margin:5px 0 0;color:#7c889a;font-size:10.5px;line-height:1.55}


/* --------------------------------------------------------------------------
   JOBVY 1.4 – Kunden & Einsatzbetriebe
   -------------------------------------------------------------------------- */
.customer-panel{overflow:hidden}.customer-stat-grid{margin-bottom:18px}.customer-list-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:6px 2px 18px;border-bottom:1px solid var(--line)}.customer-list-head>div:first-child{display:flex;align-items:baseline;gap:8px}.customer-list-head strong{font-size:22px;color:var(--text)}.customer-list-head span{color:var(--muted);font-size:13px}.customer-head-note{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;font-weight:700}.customer-head-note svg{width:16px;height:16px;color:var(--blue)}
.customer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-top:18px}.customer-card{background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);border:1px solid var(--line);border-radius:22px;padding:18px;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;min-width:0}.customer-card:hover{transform:translateY(-2px);border-color:#c9d8f2;box-shadow:0 16px 34px rgba(16,43,83,.08)}.customer-card-top{display:flex;gap:14px;align-items:flex-start}.company-avatar,.company-record-avatar{display:grid;place-items:center;background:linear-gradient(145deg,#0b2e69,#1468ff);color:#fff;font-weight:900;letter-spacing:.6px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}.company-avatar{width:52px;height:52px;border-radius:17px;flex:0 0 auto}.customer-title{min-width:0;flex:1}.customer-title h3{font-size:17px;margin:5px 0 3px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-title p{margin:0;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-kicker{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.customer-arrow{margin-left:auto}.customer-card-location{display:flex;align-items:center;gap:8px;margin:16px 0;color:#52627a;font-size:13px}.customer-card-location svg{width:17px;height:17px;color:var(--blue)}.customer-card-footer{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-top:1px solid var(--line);padding-top:14px}.customer-card-footer div{min-width:0}.customer-card-footer strong{display:block;font-size:18px;color:var(--text)}.customer-card-footer span{display:block;color:var(--muted);font-size:11px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.customer-hero{background:radial-gradient(circle at 85% 20%,rgba(39,111,255,.13),transparent 34%),linear-gradient(135deg,#fff,#f8fbff)}.company-record-avatar{border-radius:24px}.address-block{display:flex;flex-direction:column;gap:7px;padding:16px;border:1px solid var(--line);background:#fbfdff;border-radius:16px}.address-block strong{font-size:15px}.address-block span{font-size:13px;color:var(--muted)}.customer-notes{margin-top:14px;padding:14px 15px;border-radius:16px;background:#f7f9fd;border:1px solid var(--line)}.customer-notes strong{font-size:12px;color:var(--text)}.customer-notes p{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.55}
.contact-grid,.location-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.contact-card,.location-card{position:relative;display:flex;gap:13px;align-items:flex-start;padding:16px;border:1px solid var(--line);border-radius:18px;background:#fff}.contact-copy,.location-card>div:nth-child(2){min-width:0;flex:1}.contact-name,.location-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.contact-copy>span{display:block;margin-top:3px;color:var(--muted);font-size:12px}.contact-lines{display:flex;flex-direction:column;gap:6px;margin-top:11px}.contact-lines a{display:flex;align-items:center;gap:7px;color:#40526d;text-decoration:none;font-size:12px}.contact-lines a:hover{color:var(--blue)}.contact-lines svg{width:15px;height:15px}.primary-chip{font-size:10px;font-weight:800;color:#0a6c54;background:#e6faf3;border:1px solid #c9f2e5;border-radius:999px;padding:4px 7px}.card-mini-actions{display:flex;gap:5px;flex:0 0 auto}.mini-btn.danger{color:#c24155}.location-icon,.requirement-icon{width:39px;height:39px;border-radius:13px;display:grid;place-items:center;background:#edf4ff;color:var(--blue);flex:0 0 auto}.location-icon svg,.requirement-icon svg{width:19px;height:19px}.location-title strong{font-size:14px}.location-card p{margin:5px 0 0;color:#52627a;font-size:12px}.location-card small{display:block;margin-top:9px;color:var(--muted);line-height:1.45}.requirement-list{display:flex;flex-direction:column;gap:10px}.requirement-row{display:flex;gap:13px;align-items:flex-start;padding:15px;border:1px solid var(--line);border-radius:17px;background:#fff}.requirement-copy{min-width:0;flex:1}.requirement-copy>div{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.requirement-copy strong{font-size:14px}.requirement-copy p{margin:8px 0 0;color:#52627a;font-size:13px;line-height:1.5}.requirement-copy small{display:block;margin-top:7px;color:var(--muted);font-size:11px}.span-2{grid-column:span 2}.form-field textarea{width:100%;resize:vertical;min-height:94px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:12px 13px;color:var(--text);font:inherit;outline:none}.form-field textarea:focus{border-color:#8fb4ff;box-shadow:0 0 0 3px rgba(37,99,235,.09)}.check-field{display:flex;align-items:center;gap:10px;padding:12px 13px;border:1px solid var(--line);border-radius:14px;background:#fbfdff;font-size:13px;font-weight:700;color:#4d5d74}.check-field input{width:17px;height:17px;accent-color:var(--blue)}.mini-empty{padding:18px!important}
@media(max-width:980px){.customer-grid,.contact-grid,.location-grid{grid-template-columns:1fr}.customer-toolbar{flex-wrap:wrap}.customer-toolbar .searchbox{flex:1 1 100%}}
@media(max-width:640px){.customer-list-head{align-items:flex-start;flex-direction:column}.customer-card-footer{grid-template-columns:1fr 1fr 1fr}.span-2{grid-column:span 1}.contact-card,.location-card,.requirement-row{padding:13px}.card-mini-actions{flex-direction:column}}


/* --------------------------------------------------------------------------
   JOBVY 1.5 – Einsatzplanung & Disposition
   -------------------------------------------------------------------------- */
.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.detail-item{min-width:0;padding:13px 14px;border:1px solid var(--line-2);border-radius:15px;background:#fbfcfe}.detail-item span,.detail-item strong{display:block}.detail-item span{color:var(--muted);font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.04em}.detail-item strong{margin-top:5px;color:var(--ink);font-size:12.5px;line-height:1.45;overflow-wrap:anywhere}
.shift-stat-grid{margin-bottom:18px}.shift-panel{overflow:hidden}.shift-list-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:6px 2px 18px;border-bottom:1px solid var(--line)}.shift-list-head>div:first-child{display:flex;align-items:baseline;gap:8px}.shift-list-head strong{font-size:22px;color:var(--ink)}.shift-list-head span{color:var(--muted);font-size:13px}.shift-head-note{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;font-weight:700}.shift-head-note svg{width:16px;height:16px;color:var(--blue)}
.shift-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-top:18px}.shift-card{border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,#fff,#fbfdff);padding:18px;cursor:pointer;transition:.18s;min-width:0}.shift-card:hover{transform:translateY(-2px);border-color:#c8d8f2;box-shadow:0 16px 34px rgba(16,43,83,.08)}.shift-card-head{display:flex;align-items:flex-start;gap:12px}.shift-card-head>div:first-child{min-width:0;flex:1}.shift-kicker{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.shift-card h3{margin:8px 0 4px;color:var(--ink);font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shift-card h3+p{margin:0;color:var(--muted);font-size:12px}.shift-meta-row{display:flex;flex-wrap:wrap;gap:8px 15px;margin:17px 0;color:#52627a;font-size:11.5px}.shift-meta-row span{display:flex;align-items:center;gap:6px}.shift-meta-row svg{width:15px;height:15px;color:#6180ad}.staffing-progress{display:grid;grid-template-columns:auto minmax(100px,1fr) auto;gap:12px;align-items:center;border-top:1px solid var(--line-2);padding-top:14px}.progress-copy strong,.progress-copy span{display:block}.progress-copy strong{font-size:14px;color:var(--ink)}.progress-copy span{font-size:9.5px;color:var(--muted);margin-top:2px}.progress-track{height:7px;border-radius:999px;background:#e9eff7;overflow:hidden}.progress-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--cyan))}.progress-percent{font-size:10px;font-weight:850;color:#52627a}
.shift-hero{background:radial-gradient(circle at 86% 18%,rgba(45,212,168,.12),transparent 32%),linear-gradient(135deg,#fff,#f8fbff)}.shift-record-avatar{background:linear-gradient(145deg,#1161ed,#15bed0)}.staffing-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:start}.assignment-list,.candidate-list{display:grid;gap:9px}.assignment-card,.candidate-card{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid var(--line-2);border-radius:16px;background:#fbfcfe}.assignment-copy,.candidate-copy{min-width:0;flex:1}.assignment-copy strong,.assignment-copy span,.candidate-copy strong,.candidate-copy span,.candidate-copy small{display:block}.assignment-copy strong,.candidate-copy strong{font-size:12px;color:var(--ink)}.assignment-copy>span,.candidate-copy>span{font-size:9.5px;color:var(--muted);margin-top:3px}.assignment-copy>div{margin-top:7px}.assignment-actions{display:flex;gap:5px}.candidate-score{width:46px;height:46px;border-radius:15px;display:flex;align-items:baseline;justify-content:center;padding-top:11px;background:linear-gradient(145deg,#e9f8f4,#eaf3ff);color:#0d765e;flex:0 0 auto}.candidate-score strong{font-size:15px}.candidate-score span{font-size:8px;font-weight:800}.candidate-copy small{margin-top:5px;color:#6f7f96;font-size:9px;line-height:1.4}.candidate-card .btn{flex:0 0 auto}.btn.compact{height:36px;padding:0 11px;font-size:9.5px;border-radius:11px}
@media(max-width:1100px){.shift-grid{grid-template-columns:1fr}.staffing-layout{grid-template-columns:1fr}}@media(max-width:760px){.shift-toolbar{flex-wrap:wrap}.shift-toolbar .searchbox{flex:1 1 100%}.shift-list-head{align-items:flex-start;flex-direction:column}.staffing-progress{grid-template-columns:1fr auto}.progress-track{grid-column:1/-1;grid-row:2}.candidate-card{align-items:flex-start;flex-wrap:wrap}.candidate-card .btn{width:100%}.detail-grid{grid-template-columns:1fr}}


/* --------------------------------------------------------------------------
   JOBVY 1.6 – Arbeitszeiterfassung & digitale Stundenzettel
   -------------------------------------------------------------------------- */
.time-stat-grid{margin-bottom:18px}.time-panel{overflow:hidden}.time-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.time-toolbar .searchbox{flex:1 1 320px}.date-range{display:flex;align-items:flex-end;gap:7px;padding:5px 8px;border:1px solid var(--line);border-radius:14px;background:#fff}.date-range>span{padding:0 2px 9px;color:#9aa5b6}.date-range label{display:grid;gap:3px;color:#8692a5;font-size:8.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.date-range input{width:128px;border:0;outline:0;background:transparent;color:#34445b;font-size:11px;padding:0 3px 4px}.time-list-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 2px 13px;border-bottom:1px solid var(--line)}.time-list-head>div:first-child{display:flex;align-items:baseline;gap:8px}.time-list-head strong{font-size:22px}.time-list-head span{font-size:12px;color:var(--muted)}.time-head-note{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px;font-weight:700}.time-head-note svg{width:15px;height:15px;color:var(--blue)}
.time-table{display:grid}.time-table-row{display:grid;grid-template-columns:minmax(165px,1.15fr) minmax(170px,1.2fr) minmax(120px,.8fr) 78px 78px 78px 108px 26px;gap:12px;align-items:center;padding:14px 8px;border-bottom:1px solid var(--line-2);min-width:0}.time-table-header{padding-top:12px;padding-bottom:9px;color:#909bad;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.time-entry-row{width:100%;border-top:0;border-left:0;border-right:0;background:transparent;text-align:left;color:var(--ink);transition:.15s}.time-entry-row:hover{background:#f8fbff}.time-entry-row>span{min-width:0}.time-person{display:flex;align-items:center;gap:9px}.avatar.tiny{width:35px;height:35px;border-radius:11px;font-size:10px}.time-person strong,.time-person small,.time-shift strong,.time-shift small,.time-clock strong,.time-clock small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.time-person strong,.time-shift strong,.time-clock strong,.time-gross strong,.time-net strong{font-size:11px}.time-person small,.time-shift small,.time-clock small{font-size:8.5px;color:var(--muted);margin-top:3px}.time-clock em{font-style:normal;color:#0b8f6a}.time-chevron{color:#9aa7b9}.time-chevron svg{width:15px;height:15px}.live-pulse{display:inline-flex;margin-top:5px;color:#09825f;background:#e5faf3;border:1px solid #c8f2e4;border-radius:999px;padding:3px 6px;font-size:7px;font-weight:900;letter-spacing:.08em}.live-pulse:before{content:"";width:5px;height:5px;border-radius:50%;background:#16b985;margin-right:4px;animation:livePulse 1s ease-in-out infinite alternate}@keyframes livePulse{to{opacity:.35}}
.time-detail{display:grid;gap:17px}.time-detail-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:18px;border-radius:18px;background:radial-gradient(circle at 90% 15%,rgba(24,201,222,.12),transparent 37%),linear-gradient(135deg,#f7faff,#fff);border:1px solid #e0e8f4}.time-detail-hero h4{font-size:17px;margin:9px 0 4px}.time-detail-hero p{margin:0;color:var(--muted);font-size:11px}.time-total{text-align:right;flex:0 0 auto}.time-total span,.time-total strong{display:block}.time-total span{font-size:9px;color:var(--muted);text-transform:uppercase;font-weight:800;letter-spacing:.06em}.time-total strong{font-size:26px;margin-top:4px;color:#0c2e64}.time-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.time-note{padding:13px 14px;border:1px solid var(--line-2);border-radius:14px;background:#fbfcfe}.time-note strong{font-size:10px}.time-note p{margin:5px 0 0;color:#596980;font-size:11px;line-height:1.5}.compact-head{margin-top:2px}.danger-text{color:#bb3e54!important}
@media(max-width:1150px){.time-table-header{display:none}.time-table{gap:10px;padding-top:14px}.time-table-row{grid-template-columns:minmax(0,1fr) auto auto;border:1px solid var(--line);border-radius:17px;padding:14px;background:#fff}.time-person{grid-column:1}.time-shift{grid-column:1;grid-row:2}.time-clock{grid-column:2;grid-row:1}.time-entry-row>span:nth-child(4){grid-column:2;grid-row:2}.time-entry-row>span:nth-child(5){grid-column:3;grid-row:2}.time-entry-row>span:nth-child(6){grid-column:2;grid-row:3}.time-entry-row>span:nth-child(7){grid-column:3;grid-row:1}.time-entry-row>span:nth-child(8){display:none}}
@media(max-width:760px){.date-range{width:100%;justify-content:space-between}.date-range label{flex:1}.date-range input{width:100%}.time-toolbar .select{flex:1}.time-detail-grid{grid-template-columns:1fr 1fr}.time-detail-hero{flex-direction:column}.time-total{text-align:left}.time-table-row{grid-template-columns:1fr 1fr}.time-clock{grid-column:2}.time-entry-row>span:nth-child(7){grid-column:1;grid-row:3}.time-entry-row>span:nth-child(4){grid-column:1;grid-row:4}.time-entry-row>span:nth-child(5){grid-column:2;grid-row:4}.time-entry-row>span:nth-child(6){grid-column:1;grid-row:5}}


/* JOBVY 1.7 – Urlaub, Krankheit & Abwesenheiten */
.absence-stat-grid{margin-bottom:14px}.absence-panel{overflow:visible}.absence-toolbar{display:grid;grid-template-columns:minmax(260px,1.4fr) auto 150px 150px 42px;gap:10px;align-items:end}.absence-list-head{display:flex;align-items:center;justify-content:space-between;padding:17px 4px 12px}.absence-list-head>div:first-child{display:flex;align-items:baseline;gap:8px}.absence-list-head strong{font-size:20px;color:#17253b}.absence-list-head span{font-size:10px;color:#8491a4;font-weight:700}.absence-head-note{display:flex;align-items:center;gap:7px;color:#647995!important}.absence-head-note svg{width:15px;height:15px;color:#2b64c8}.absence-grid{display:grid;gap:9px}.absence-card{width:100%;display:grid;grid-template-columns:48px minmax(0,1fr) 24px;gap:13px;align-items:center;text-align:left;padding:15px 16px;border:1px solid #e3eaf3;border-radius:18px;background:#fff;color:inherit;box-shadow:0 6px 18px rgba(25,48,81,.025);transition:.15s}.absence-card:hover{border-color:#cddcf2;box-shadow:0 10px 26px rgba(25,48,81,.065);transform:translateY(-1px)}.absence-type-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#eef4ff;color:#2b63c6}.absence-type-icon svg{width:21px;height:21px}.absence-type-icon.sick{background:#fff0f1;color:#c34954}.absence-type-icon.time_off{background:#eafafb;color:#17889a}.absence-type-icon.unpaid,.absence-type-icon.other{background:#f2f4f7;color:#65748a}.absence-card-main{min-width:0}.absence-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.absence-card-top>div strong,.absence-card-top>div span{display:block}.absence-card-top>div strong{font-size:12.5px;color:#23324a}.absence-card-top>div span{margin-top:2px;font-size:9.5px;color:#8b97a8}.absence-card-title{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:9px}.absence-card-title strong{font-size:11px;color:#35445b}.absence-card-title>span:not(.badge){font-size:9.5px;color:#8794a7;font-weight:700}.absence-card-foot{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px}.absence-card-foot>span{display:flex;align-items:center;gap:5px;max-width:520px;color:#8290a5;font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.absence-card-foot svg{width:13px;height:13px;flex:0 0 auto}.absence-card-foot .conflict-note{color:#b76a0d;font-weight:800}.absence-chevron{color:#9aa8ba}.absence-chevron svg{width:17px;height:17px}.readonly-field{height:45px;border:1px solid #dfe7f1;border-radius:13px;background:#f8fafc;display:flex;align-items:center;padding:0 13px;color:#2c3a50;font-size:11px;font-weight:750}.absence-detail-status{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:15px}.detail-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.detail-info-grid>div{padding:13px;border:1px solid #e6edf5;border-radius:15px;background:#fafcff}.detail-info-grid span,.detail-info-grid strong,.detail-info-grid small{display:block}.detail-info-grid span{font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:#8a97a9;font-weight:800}.detail-info-grid strong{font-size:11.5px;color:#25354d;margin-top:4px}.detail-info-grid small{font-size:9.5px;color:#8794a7;margin-top:3px}.detail-note{margin-top:10px;padding:13px 14px;border:1px solid #e6edf5;border-radius:15px}.detail-note span{font-size:9px;color:#8b97a9;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.detail-note p{margin:5px 0 0;color:#394a62;font-size:10.5px;line-height:1.55}.absence-conflicts{display:grid;gap:7px;margin-top:12px}.conflict-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:13px;background:#fff9ef;border:1px solid #f3dfb9}.conflict-row strong,.conflict-row span{display:block}.conflict-row strong{font-size:10.5px;color:#5f461e}.conflict-row span{font-size:9px;color:#9a7845;margin-top:2px}.check-row{display:flex;gap:10px;align-items:center;margin-top:12px;padding:12px;border-radius:14px;background:#f7fafc;border:1px solid #e4ebf3}.check-row input{width:17px;height:17px}.check-row span strong,.check-row span small{display:block}.check-row span strong{font-size:10.5px;color:#2d3d54}.check-row span small{font-size:9px;color:#8694a6;margin-top:2px}.activity-mini{margin-top:16px}.activity-mini h4{margin:0 0 9px;font-size:11px}.activity-line{display:grid;grid-template-columns:8px 1fr;gap:8px;padding:7px 0;border-top:1px solid #edf1f6}.activity-line i{width:7px;height:7px;border-radius:50%;background:#4f7ed9;margin-top:4px}.activity-line strong,.activity-line span{display:block}.activity-line strong{font-size:9.8px;color:#35465e}.activity-line span{font-size:8.8px;color:#8a97a9;margin-top:2px}.leave-balance-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.leave-balance-preview>div{padding:13px;border-radius:14px;background:#f4f8ff;border:1px solid #dfebff}.leave-balance-preview span,.leave-balance-preview strong{display:block}.leave-balance-preview span{font-size:9px;color:#8291a5;font-weight:750}.leave-balance-preview strong{font-size:16px;color:#1f4fa8;margin-top:4px}
@media(max-width:1280px){.absence-toolbar{grid-template-columns:minmax(230px,1fr) auto 145px 145px 42px}}@media(max-width:1050px){.absence-toolbar{grid-template-columns:1fr 1fr}.absence-toolbar .searchbox{grid-column:1/-1}.absence-toolbar>.icon-btn{justify-self:end}.absence-list-head{padding-top:14px}}@media(max-width:720px){.absence-toolbar{grid-template-columns:1fr}.absence-toolbar .searchbox{grid-column:auto}.absence-toolbar>.icon-btn{justify-self:stretch;width:100%}.absence-list-head{align-items:flex-start;gap:9px;flex-direction:column}.absence-card{grid-template-columns:42px minmax(0,1fr) 18px;padding:13px}.absence-type-icon{width:42px;height:42px}.absence-card-top{gap:7px}.detail-info-grid{grid-template-columns:1fr}.leave-balance-preview{grid-template-columns:1fr}}

/* JOBVY 1.8 – Dokumentencenter */
.document-stat-grid{margin-bottom:18px}.document-center-panel{overflow:hidden}.document-toolbar{display:grid;grid-template-columns:minmax(280px,1fr) 180px 185px 145px 42px;gap:10px;align-items:end}.document-list-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2);background:linear-gradient(180deg,#fbfdff,#f8fbff)}.document-list-head>div:first-child{display:flex;align-items:baseline;gap:8px}.document-list-head strong{font-size:18px;color:#18345f}.document-list-head span{font-size:10px;color:#8491a5;font-weight:750}.document-head-note{display:flex;align-items:center;gap:7px;color:#728198;font-size:10px;font-weight:750}.document-head-note svg{width:15px;height:15px;color:#2f7adf}.document-center-list{display:grid;gap:10px;padding:16px}.document-center-card{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:14px;align-items:center;padding:15px 16px;border:1px solid #e4ebf4;border-radius:18px;background:#fff;cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s}.document-center-card:hover{transform:translateY(-1px);border-color:#cbd9ec;box-shadow:0 10px 26px rgba(38,67,104,.08)}.document-file-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#eaf2ff,#e5fbf7);color:#2c6dd2;border:1px solid #d9e7f8}.document-file-icon svg{width:23px;height:23px}.document-file-icon.large{width:60px;height:60px;border-radius:18px}.document-center-main{min-width:0}.document-center-top{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:7px}.document-center-main h3{font-size:13.5px;color:#1b2e4a;margin:0;font-weight:850}.document-center-main p{font-size:10.5px;color:#758399;margin:4px 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.document-association{display:flex;flex-wrap:wrap;gap:12px;color:#8290a3;font-size:9.5px;font-weight:650}.document-association span{display:flex;align-items:center;gap:5px}.document-association svg{width:13px;height:13px}.document-center-side{display:grid;justify-items:end;gap:7px;min-width:128px}.document-center-side strong{font-size:10px;color:#7c899b}.document-empty{padding:42px 20px}.center-file-drop{min-height:116px}.compliance-note{display:flex;gap:11px;align-items:flex-start;margin-top:16px;padding:13px 14px;border:1px solid #dfe9f5;background:linear-gradient(135deg,#f7fbff,#f7fffc);border-radius:15px;color:#3d506a}.compliance-note>svg{width:19px;height:19px;color:#2f77d4;flex:0 0 auto;margin-top:1px}.compliance-note span strong,.compliance-note span small{display:block}.compliance-note span strong{font-size:10.5px}.compliance-note span small{font-size:9.4px;line-height:1.5;color:#79879a;margin-top:3px}.document-detail-hero{display:grid;grid-template-columns:60px minmax(0,1fr);gap:14px;align-items:start;margin-bottom:16px;padding:14px;border-radius:17px;background:linear-gradient(135deg,#f7faff,#f8fffd);border:1px solid #e3ebf5}.document-detail-hero h4{margin:5px 0 4px;color:#21344f;font-size:12.5px}.document-detail-hero p{margin:0;color:#7a8798;font-size:10px;line-height:1.55}.document-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1200px){.document-toolbar{grid-template-columns:minmax(220px,1fr) 160px 170px 135px 42px}.document-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:980px){.document-toolbar{grid-template-columns:1fr 1fr}.document-toolbar .searchbox{grid-column:1/-1}.document-toolbar>.icon-btn{width:100%}.document-center-card{grid-template-columns:50px minmax(0,1fr)}.document-center-side{grid-column:2;justify-items:start;grid-template-columns:auto auto auto;align-items:center;min-width:0}}@media(max-width:680px){.document-toolbar{grid-template-columns:1fr}.document-toolbar .searchbox{grid-column:auto}.document-list-head{align-items:flex-start;flex-direction:column}.document-center-list{padding:12px}.document-center-card{grid-template-columns:44px minmax(0,1fr);padding:13px}.document-file-icon{width:44px;height:44px}.document-center-side{grid-template-columns:1fr auto}.document-center-side .badge{grid-column:1/-1}.document-association{display:grid;gap:5px}.document-detail-grid{grid-template-columns:1fr}.document-detail-hero{grid-template-columns:48px 1fr}.document-file-icon.large{width:48px;height:48px}}


/* ========================================================================== */
/* JOBVY 1.9 – Nachrichten & Benachrichtigungen                               */
/* ========================================================================== */
.nav-item{position:relative}.nav-badge{display:none;margin-left:auto;min-width:22px;height:22px;padding:0 6px;border-radius:999px;align-items:center;justify-content:center;background:#31d7d0;color:#05264b;font-size:11px;font-weight:900}.nav-badge.show{display:inline-flex}.icon-btn{position:relative}.top-badge{display:none;position:absolute;right:-4px;top:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ff476f;color:#fff;border:2px solid #f4f7fb;font-size:9px;font-weight:900;align-items:center;justify-content:center}.top-badge.show{display:flex}.notify-dot{display:none!important}.notify-dot.show{display:block!important}
.comm-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.comm-kpis>div{background:linear-gradient(145deg,#fff,#f7faff);border:1px solid #dce7f5;border-radius:20px;padding:17px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 12px 32px rgba(9,34,72,.05)}.comm-kpis span{font-size:13px;color:#667895;font-weight:700}.comm-kpis strong{font-size:25px;color:#071c3e}.comm-tabs{margin-bottom:16px}.comm-tabs button{display:flex;align-items:center;gap:8px}.comm-tabs svg{width:18px}.comm-tabs b{display:inline-flex;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#2563eb;color:#fff;align-items:center;justify-content:center;font-size:10px}
.comm-workspace{height:min(680px,calc(100vh - 320px));min-height:520px;display:grid;grid-template-columns:360px minmax(0,1fr);border:1px solid #dbe6f3;border-radius:24px;background:#fff;overflow:hidden;box-shadow:0 18px 50px rgba(9,32,66,.07)}.conversation-panel{display:flex;flex-direction:column;background:#f8fbff;border-right:1px solid #e2eaf4;min-width:0}.conversation-search{margin:16px;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #d8e3f1;border-radius:14px;padding:0 13px;flex:none}.conversation-search svg{width:18px;color:#70819b}.conversation-search input{width:100%;border:0;outline:0;background:transparent;padding:13px 0;color:#0b203f;font:inherit}.conversation-list{overflow:auto;padding:0 10px 12px}.conversation-item{width:100%;border:0;background:transparent;border-radius:16px;padding:11px 10px;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;text-align:left;color:inherit;cursor:pointer;margin-bottom:4px}.conversation-item:hover{background:#eef5ff}.conversation-item.active{background:#e8f1ff;box-shadow:inset 3px 0 0 #1e6cff}.conversation-item.unread .conversation-copy strong{font-weight:900;color:#071a3a}.comm-avatar{width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,#e3edff,#c9f8ef);color:#0b56c8;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;flex:none}.comm-avatar.large{width:48px;height:48px;border-radius:15px}.comm-avatar.tiny{width:30px;height:30px;border-radius:10px;font-size:10px}.conversation-copy{min-width:0}.conversation-copy>div{display:flex;gap:8px;align-items:center}.conversation-copy strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.conversation-copy time{margin-left:auto;color:#8a98ac;font-size:10px}.conversation-copy p{margin:4px 0 0;color:#718096;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-unread{min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#2268ef;color:#fff;font-size:10px;display:flex;align-items:center;justify-content:center}.comm-empty-small{padding:48px 18px;text-align:center;color:#718096;display:flex;flex-direction:column;align-items:center;gap:8px}.comm-empty-small svg{width:30px;color:#2f7cf6}.comm-empty-small strong{color:#142642}.comm-empty-small span{font-size:12px;line-height:1.5}
.chat-panel{display:flex;flex-direction:column;min-width:0;background:linear-gradient(180deg,#fff,#fbfdff)}.chat-head{display:flex;align-items:center;gap:12px;padding:15px 18px;border-bottom:1px solid #e5edf6;flex:none}.chat-head>div:nth-child(2){min-width:0;flex:1}.chat-head h3{margin:0;color:#0b1f3c;font-size:16px}.chat-head span{display:block;margin-top:3px;color:#73839a;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-messages{flex:1;overflow:auto;padding:22px 22px 12px;display:flex;flex-direction:column;gap:10px;background-image:radial-gradient(circle at 20% 10%,rgba(64,213,205,.06),transparent 35%),radial-gradient(circle at 90% 90%,rgba(37,99,235,.05),transparent 35%)}.chat-row{display:flex;gap:8px;align-items:flex-end;max-width:78%}.chat-row.mine{align-self:flex-end;justify-content:flex-end}.chat-bubble{background:#f0f5fb;border:1px solid #e1eaf4;border-radius:17px 17px 17px 5px;padding:10px 12px;min-width:120px;box-shadow:0 4px 16px rgba(9,37,72,.03)}.chat-row.mine .chat-bubble{background:linear-gradient(135deg,#1768ff,#0d55db);border-color:transparent;color:#fff;border-radius:17px 17px 5px 17px}.chat-meta{display:flex;align-items:center;gap:10px;margin-bottom:5px}.chat-meta strong{font-size:10px;color:#52647c}.chat-meta time{font-size:9px;color:#8997a9}.chat-row.mine .chat-meta strong,.chat-row.mine .chat-meta time{color:rgba(255,255,255,.76)}.chat-bubble p{margin:0;font-size:13px;line-height:1.5;color:#20334d;overflow-wrap:anywhere}.chat-row.mine .chat-bubble p{color:#fff}.chat-compose{display:flex;align-items:flex-end;gap:10px;padding:13px 15px;border-top:1px solid #e3ebf4;background:#fff}.chat-compose textarea{resize:none;max-height:130px;min-height:46px;flex:1;border:1px solid #d6e2f1;border-radius:15px;padding:12px 14px;font:inherit;color:#10233e;outline:0}.chat-compose textarea:focus{border-color:#4b87ee;box-shadow:0 0 0 3px rgba(37,99,235,.08)}.send-btn{width:46px;height:46px;border:0;border-radius:14px;background:linear-gradient(135deg,#1768ff,#0f54d5);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 20px rgba(23,104,255,.22)}.send-btn svg{width:19px}.send-btn:disabled{opacity:.5}.chat-empty{margin:auto;max-width:400px;text-align:center;padding:36px;color:#6c7b91}.chat-empty>div{width:72px;height:72px;border-radius:22px;margin:0 auto 18px;background:#eaf2ff;color:#1f68e9;display:flex;align-items:center;justify-content:center}.chat-empty svg{width:30px}.chat-empty h3{margin:0 0 8px;color:#0b203f}.chat-empty p{line-height:1.55;margin:0 0 18px}.chat-day-empty{margin:auto;color:#8594a8;font-size:12px}
.notification-center{background:#fff;border:1px solid #dce6f2;border-radius:22px;overflow:hidden;box-shadow:0 16px 40px rgba(9,34,72,.05)}.notification-toolbar{padding:18px 20px;border-bottom:1px solid #e6edf5;display:flex;justify-content:space-between;gap:15px;align-items:center}.notification-toolbar>div{display:flex;flex-direction:column;gap:4px}.notification-toolbar strong{color:#0b203e}.notification-toolbar span{font-size:12px;color:#73839a}.notification-list{padding:8px}.notification-card{width:100%;border:0;border-radius:16px;background:transparent;display:grid;grid-template-columns:46px minmax(0,1fr) 26px;gap:12px;align-items:center;text-align:left;padding:13px;cursor:pointer;color:inherit}.notification-card:hover{background:#f7faff}.notification-card.unread{background:#f1f7ff}.notification-icon{width:44px;height:44px;border-radius:14px;background:#eaf2ff;color:#2268ed;display:flex;align-items:center;justify-content:center}.notification-icon svg{width:20px}.notification-title{display:flex;align-items:center;gap:12px}.notification-title strong{font-size:13px;color:#10233f}.notification-title time{margin-left:auto;color:#8896a8;font-size:10px}.notification-card p{margin:4px 0 0;color:#64758d;font-size:12px;line-height:1.45}.notification-arrow{color:#9aa8ba}.notification-arrow svg{width:18px}.new-label{display:inline-flex;margin-top:6px;padding:3px 7px;border-radius:999px;background:#dce9ff;color:#1d61d9;font-size:8px;font-weight:900;letter-spacing:.08em}
@media(max-width:980px){.comm-workspace{grid-template-columns:310px minmax(0,1fr);height:650px}.comm-kpis{grid-template-columns:1fr 1fr 1fr}.chat-row{max-width:86%}}
@media(max-width:760px){.comm-kpis{grid-template-columns:1fr}.comm-kpis>div{padding:13px 16px}.comm-workspace{display:flex;flex-direction:column;height:auto;min-height:0}.conversation-panel{border-right:0;border-bottom:1px solid #e1eaf3;max-height:330px}.chat-panel{min-height:520px}.notification-toolbar{align-items:flex-start;flex-direction:column}.notification-card{grid-template-columns:42px minmax(0,1fr) 20px}.chat-row{max-width:94%}}


/* ========================================================================== */
/* JOBVY 2.0 – DISPOSITION CONTROL CENTER                                     */
/* ========================================================================== */
.control-loading{min-height:420px;display:grid;place-items:center;align-content:center;gap:14px;color:#62738d;font-size:13px}.control-loading strong{color:#18304f}.cc-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:30px;align-items:center;padding:30px 32px;margin-bottom:18px;border-radius:26px;color:#fff;background:linear-gradient(120deg,#071a3a 0%,#0a2f67 54%,#0f59d6 100%);box-shadow:0 22px 54px rgba(8,34,75,.15)}.cc-hero:before{content:"";position:absolute;width:390px;height:390px;border-radius:50%;right:-130px;top:-240px;background:radial-gradient(circle,rgba(68,231,225,.25),rgba(68,231,225,0) 68%)}.cc-hero:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;left:42%;bottom:-235px;background:radial-gradient(circle,rgba(41,130,255,.46),transparent 69%)}.cc-hero-copy,.cc-pulse{position:relative;z-index:1}.cc-live{display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:900;letter-spacing:.15em;color:#9af4eb}.cc-live i{width:8px;height:8px;border-radius:50%;background:#48ead9;box-shadow:0 0 0 6px rgba(72,234,217,.12);animation:ccpulse 1.8s infinite}@keyframes ccpulse{50%{box-shadow:0 0 0 10px rgba(72,234,217,0)}}.cc-hero h1{margin:10px 0 7px;font-size:clamp(31px,3.2vw,46px);letter-spacing:-.04em;line-height:1.05}.cc-hero p{margin:0;color:#b8cce7;font-size:14px}.cc-hero-actions{display:flex;gap:10px;margin-top:23px}.cc-btn-light{background:#fff!important;color:#0a326e!important;border:0!important;box-shadow:0 10px 26px rgba(0,0,0,.12)!important}.cc-btn-glass{background:rgba(255,255,255,.1)!important;color:#fff!important;border:1px solid rgba(255,255,255,.16)!important}.cc-pulse{justify-self:end;width:190px;padding:21px;border:1px solid rgba(255,255,255,.15);border-radius:21px;background:rgba(255,255,255,.08);backdrop-filter:blur(10px)}.cc-pulse>span,.cc-pulse>small{display:block;color:#9db6d7;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.09em}.cc-pulse strong{display:block;margin:3px 0;font-size:43px;letter-spacing:-.05em}.cc-pulse-line{height:4px;border-radius:99px;background:rgba(255,255,255,.12);margin-top:13px;overflow:hidden}.cc-pulse-line i{display:block;height:100%;background:linear-gradient(90deg,#3de8d8,#7dafff);border-radius:99px}.cc-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:18px}.cc-kpi{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) 22px;align-items:center;gap:12px;text-align:left;padding:17px;border:1px solid #dfe8f3;background:#fff;border-radius:19px;box-shadow:0 10px 30px rgba(9,34,72,.045);color:inherit;transition:.16s}.cc-kpi:hover{transform:translateY(-2px);border-color:#c7d8ed;box-shadow:0 16px 36px rgba(9,34,72,.08)}.cc-kpi-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#eaf2ff;color:#2468e9}.cc-kpi-icon svg{width:21px}.cc-kpi.mint .cc-kpi-icon{background:#e7faf5;color:#0b9e7d}.cc-kpi.cyan .cc-kpi-icon{background:#e7faff;color:#0698b7}.cc-kpi.amber .cc-kpi-icon{background:#fff5df;color:#c47c05}.cc-kpi-copy{min-width:0}.cc-kpi-copy span{display:block;color:#708098;font-size:11px;font-weight:750}.cc-kpi-copy strong{display:block;color:#0b1e3c;font-size:27px;line-height:1.05;margin:3px 0}.cc-kpi-copy small{display:block;color:#8996a8;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-kpi-arrow{color:#a8b6c8}.cc-kpi-arrow svg{width:17px}.cc-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(330px,.8fr);gap:16px;align-items:start}.cc-main-col,.cc-side-col{display:grid;gap:16px}.cc-panel{background:#fff;border:1px solid #dfe8f3;border-radius:22px;box-shadow:0 12px 34px rgba(9,34,72,.045);overflow:hidden}.cc-panel-head{padding:18px 20px 14px;display:flex;align-items:center;justify-content:space-between;gap:14px}.cc-panel-head>div:first-child span{display:block;color:#7b8da5;font-size:9px;font-weight:900;letter-spacing:.13em}.cc-panel-head h2{margin:3px 0 0;color:#0a1d39;font-size:18px}.cc-link{border:0;background:none;color:#2468e9;font-size:11px;font-weight:850;display:flex;align-items:center;gap:4px}.cc-link svg{width:15px}.cc-shifts{padding:0 10px 10px}.cc-shift-row{width:100%;display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:13px;align-items:center;border:0;border-top:1px solid #eef2f7;background:transparent;padding:13px 10px;text-align:left;color:inherit;border-radius:12px}.cc-shift-row:hover{background:#f8fbff}.cc-shift-time strong,.cc-shift-time span{display:block}.cc-shift-time strong{font-size:15px;color:#10233f}.cc-shift-time span{font-size:10px;color:#8b99aa;margin-top:2px}.cc-shift-main>div:first-child{display:flex;justify-content:space-between;gap:14px}.cc-shift-main strong,.cc-shift-main span{display:block}.cc-shift-main strong{font-size:12px;color:#172a46}.cc-shift-main span{font-size:10px;color:#78879d;margin-top:3px}.cc-fill{display:flex;align-items:center;gap:8px;margin-top:8px}.cc-fill>div{height:4px;max-width:180px;flex:1;border-radius:99px;background:#edf1f7;overflow:hidden}.cc-fill i{display:block;height:100%;background:#efa92b;border-radius:99px}.cc-fill i.ok{background:#28b98a}.cc-fill>span{margin:0;color:#7c8a9d;font-size:9px;font-weight:850}.cc-live-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #edf2f7}.cc-live-block{padding:13px 17px 18px}.cc-live-block+ .cc-live-block{border-left:1px solid #edf2f7}.cc-mini-title{display:flex;align-items:center;gap:7px;color:#667890;font-size:11px;font-weight:850;margin-bottom:7px}.cc-mini-title svg{width:16px;color:#2c71ed}.cc-mini-title b{margin-left:auto;background:#eef4fd;color:#3667ad;border-radius:999px;padding:3px 7px;font-size:9px}.cc-person-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid #f0f3f7}.cc-person-row:last-child{border-bottom:0}.cc-person-avatar{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#e8f1ff;color:#2363d6;font-size:10px;font-weight:900}.cc-person-avatar.absence{background:#eef9f3;color:#15825e}.cc-person-row strong,.cc-person-row span{display:block}.cc-person-row strong{font-size:11px;color:#1a2d48}.cc-person-row span{font-size:9px;color:#8391a3;margin-top:2px}.cc-person-row time{font-size:10px;color:#5e6e83;font-weight:850}.cc-soft-empty{padding:22px 5px;color:#8a97a8;font-size:11px}.cc-task-count{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#edf4ff;color:#2468eb;font-size:11px;font-weight:900}.cc-task-list{padding:0 10px 11px}.cc-task{width:100%;display:grid;grid-template-columns:38px minmax(0,1fr) auto 16px;gap:9px;align-items:center;text-align:left;border:0;border-top:1px solid #eef2f7;background:transparent;padding:12px 8px;color:inherit;border-radius:11px}.cc-task:hover{background:#f8fbff}.cc-task-icon{width:36px;height:36px;border-radius:12px;background:#e9f2ff;color:#2c6ee5;display:grid;place-items:center}.cc-task-icon svg{width:17px}.cc-task.warning .cc-task-icon{background:#fff4dc;color:#c07800}.cc-task.urgent .cc-task-icon{background:#fff0f2;color:#d54260}.cc-task strong,.cc-task span{display:block}.cc-task strong{font-size:11px;color:#172a45}.cc-task span{font-size:9px;color:#7e8da2;line-height:1.35;margin-top:3px}.cc-task>b{min-width:24px;height:24px;padding:0 6px;border-radius:8px;display:grid;place-items:center;background:#edf2f8;color:#405673;font-size:10px}.cc-task>svg{width:15px;color:#9eacbc}.cc-all-good{display:flex;gap:10px;align-items:center;padding:18px 10px;color:#19926e}.cc-all-good>svg{width:28px}.cc-all-good strong,.cc-all-good span{display:block}.cc-all-good strong{font-size:12px;color:#173d35}.cc-all-good span{font-size:10px;color:#7d938c;margin-top:2px}.cc-shortcuts{display:grid;grid-template-columns:1fr 1fr;padding:0 11px 12px;gap:7px}.cc-shortcut{display:grid;grid-template-columns:32px minmax(0,1fr) 14px;gap:8px;align-items:center;text-align:left;padding:10px;border:1px solid #e7edf5;border-radius:13px;background:#fbfdff;color:inherit}.cc-shortcut:hover{border-color:#ccdaf0;background:#f5f9ff}.cc-shortcut>div{width:32px;height:32px;border-radius:10px;background:#eef4ff;color:#2468eb;display:grid;place-items:center}.cc-shortcut>div svg{width:16px}.cc-shortcut strong,.cc-shortcut small{display:block}.cc-shortcut strong{font-size:10px;color:#182b46}.cc-shortcut small{font-size:8px;color:#8794a6;margin-top:2px}.cc-shortcut>svg{width:13px;color:#a2afbf}.cc-empty{padding:35px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;color:#7b8b9f}.cc-empty>svg{width:32px;color:#2d73ee;margin-bottom:9px}.cc-empty strong{color:#1a2d48;font-size:12px}.cc-empty span{font-size:10px;margin-top:4px}.record-error{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.record-error-icon{width:70px;height:70px;border-radius:22px;display:grid;place-items:center;background:#fff0f2;color:#d64a64}.record-error-icon svg{width:30px}.record-error h2{font-size:20px;margin:16px 0 7px}.record-error p{color:#738298;margin:0 0 18px;max-width:480px}
@media(max-width:1200px){.cc-kpi-grid{grid-template-columns:1fr 1fr}.cc-layout{grid-template-columns:1fr}.cc-side-col{grid-template-columns:1fr 1fr}.cc-side-col .cc-tasks{min-height:100%}}
@media(max-width:760px){.cc-hero{grid-template-columns:1fr;padding:24px}.cc-pulse{justify-self:stretch;width:auto}.cc-kpi-grid{grid-template-columns:1fr 1fr}.cc-live-grid{grid-template-columns:1fr}.cc-live-block+ .cc-live-block{border-left:0;border-top:1px solid #edf2f7}.cc-side-col{grid-template-columns:1fr}.cc-shortcuts{grid-template-columns:1fr 1fr}.cc-shift-row{grid-template-columns:54px minmax(0,1fr)}.cc-shift-row>.badge{grid-column:2;justify-self:start}.cc-hero-actions{flex-wrap:wrap}}
@media(max-width:520px){.cc-kpi-grid{grid-template-columns:1fr}.cc-shortcuts{grid-template-columns:1fr}.cc-hero h1{font-size:31px}}

/* JOBVY 2.0.1 – Live Messaging & Lesebestätigungen */
.chat-live{display:inline-flex;align-items:center;gap:6px;margin-left:auto;padding:6px 9px;border-radius:999px;background:#edfdf7;color:#0f8a62;font-size:10px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.chat-live i{width:7px;height:7px;border-radius:50%;background:#22c58b;box-shadow:0 0 0 4px rgba(34,197,139,.12);animation:zelyoLivePulse 1.8s ease-in-out infinite}.message-delivery{margin-top:6px;display:flex;align-items:center;justify-content:flex-end;gap:4px;color:rgba(255,255,255,.68);font-size:9px;font-weight:800;letter-spacing:.01em}.message-delivery span{font-size:11px;letter-spacing:-2px;margin-right:2px}.message-delivery.read{color:#9ef4da}.message-delivery.read span{color:#77f0c9}@keyframes zelyoLivePulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.88)}}
@media(max-width:760px){.chat-live{padding:5px 7px;font-size:9px}.chat-head .icon-btn{margin-left:0}}


/* ========================================================================== */
/* JOBVY 2.1 — Rollenportale, Self-Service & Wochen-Stundenzettel             */
/* ========================================================================== */
.portal-loading{min-height:320px;display:grid;place-items:center;align-content:center;gap:12px;color:var(--muted);font-size:11px;font-weight:750}.portal-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:15px}.portal-kpi{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid var(--line-2);border-radius:21px;background:#fff;box-shadow:0 10px 26px rgba(24,48,83,.045)}.portal-kpi-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#eef4ff;color:#2b65cf}.portal-kpi-icon svg{width:20px;height:20px}.portal-kpi.mint .portal-kpi-icon{background:#e9faf5;color:#168b6b}.portal-kpi.cyan .portal-kpi-icon{background:#e8f9fc;color:#16879a}.portal-kpi.amber .portal-kpi-icon{background:#fff4e2;color:#ad6c10}.portal-kpi span,.portal-kpi strong,.portal-kpi small{display:block}.portal-kpi span{font-size:10px;color:#7d899b;font-weight:750}.portal-kpi strong{font-size:26px;color:#13233d;line-height:1.1;margin-top:2px}.portal-kpi small{font-size:9.5px;color:#9aa5b4;margin-top:4px}.portal-panel{border:1px solid var(--line-2);border-radius:24px;background:#fff;box-shadow:0 12px 32px rgba(24,48,83,.045);padding:20px;margin-top:14px}.portal-shift-list{display:grid;gap:8px}.portal-shift-list.large{gap:10px}.portal-shift{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:13px;align-items:center;padding:13px;border:1px solid #edf1f6;border-radius:17px;background:#fbfcfe}.portal-date{width:48px;height:48px;border-radius:14px;background:#edf3ff;color:#235bbb;display:grid;place-items:center;align-content:center}.portal-date strong{font-size:17px;line-height:1}.portal-date span{font-size:8.5px;text-transform:uppercase;font-weight:800;margin-top:3px}.portal-shift-main{min-width:0}.portal-shift-main strong,.portal-shift-main span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portal-shift-main strong{font-size:11.5px;color:#24334b}.portal-shift-main span{font-size:9.5px;color:#7f8da1;margin-top:4px}.shift-fill-mini{text-align:right}.shift-fill-mini strong,.shift-fill-mini span{display:block}.shift-fill-mini strong{font-size:13px;color:#26364e}.shift-fill-mini span{font-size:8.5px;color:#8a96a8}.employee-clock-card{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:24px 26px;border:1px solid #dbe6f5;border-radius:25px;background:linear-gradient(135deg,#fff,#f4f8ff);box-shadow:0 14px 34px rgba(24,48,83,.055);margin-bottom:15px}.employee-clock-card.live{background:linear-gradient(135deg,#081d45,#164fbd);border-color:transparent;color:#fff}.employee-clock-card .eyebrow{font-size:9px;font-weight:900;letter-spacing:.1em;color:#5172a5}.employee-clock-card.live .eyebrow,.employee-clock-card.live p{color:#c9d9fb}.employee-clock-card h2{margin:5px 0 5px;font-size:21px}.employee-clock-card.live h2{color:#fff}.employee-clock-card p{margin:0;color:#7c8ca2;font-size:10.5px}.employee-clock-actions{display:flex;gap:8px;flex-wrap:wrap}.employee-clock-card.live .btn-secondary{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.18);color:#fff}.employee-clock-card.live .btn-primary{background:#fff;color:#123d8b}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#5ef0c8;box-shadow:0 0 0 5px rgba(94,240,200,.13);margin-right:5px}.weekly-panel{padding:0;overflow:hidden}.weekly-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 21px;border-bottom:1px solid #edf1f6}.weekly-head span{font-size:9px;color:#7290ba;font-weight:900;letter-spacing:.09em}.weekly-head h2{font-size:17px;margin:4px 0 0}.week-nav{display:flex;align-items:center;gap:7px}.employee-week-table{padding:0 21px}.employee-week-row{display:grid;grid-template-columns:125px minmax(210px,1fr) 125px 85px 90px 90px;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #eef2f6;font-size:10px;color:#5e6f86}.employee-week-row.head{font-size:8.5px;text-transform:uppercase;letter-spacing:.06em;color:#929dae;font-weight:850}.employee-week-row strong{color:#26364e}.employee-week-row small{display:block;color:#8c98a8;margin-top:3px}.weekly-submit-list{padding:16px 21px 21px;display:grid;gap:9px}.weekly-submit-card{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 16px;border:1px solid #e2eaf5;border-radius:17px;background:#f9fbfe}.weekly-submit-card span,.weekly-submit-card strong,.weekly-submit-card small{display:block}.weekly-submit-card>div>span{font-size:10px;color:#63758e;font-weight:800}.weekly-submit-card>div>strong{font-size:18px;margin-top:2px}.weekly-submit-card>div>small{font-size:9px;color:#8f9aaa;margin-top:3px}.customer-sheet-list{display:grid;gap:8px}.customer-sheet-row{width:100%;border:1px solid #e5ebf3;background:#fff;border-radius:17px;padding:13px;display:grid;grid-template-columns:38px minmax(0,1fr) 100px 115px 18px;gap:12px;align-items:center;text-align:left}.customer-sheet-row:hover{border-color:#cbdaf2;background:#f9fbff}.customer-sheet-main strong,.customer-sheet-main span,.customer-sheet-hours strong,.customer-sheet-hours span{display:block}.customer-sheet-main strong{font-size:11px;color:#26364e}.customer-sheet-main span,.customer-sheet-hours span{font-size:9px;color:#8a96a7;margin-top:3px}.customer-sheet-hours{text-align:right}.customer-sheet-hours strong{font-size:13px;color:#21334e}.timesheet-sign-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:15px}.timesheet-sign-summary>div{padding:13px;border:1px solid #e8edf4;border-radius:15px;background:#fafcff}.timesheet-sign-summary span,.timesheet-sign-summary strong{display:block}.timesheet-sign-summary span{font-size:9px;color:#8a96a8}.timesheet-sign-summary strong{margin-top:4px;font-size:12px}.sheet-entry-list{display:grid;gap:7px}.sheet-entry{display:grid;grid-template-columns:minmax(170px,1fr) 130px 100px 100px;gap:12px;align-items:center;padding:12px 13px;border:1px solid #edf1f5;border-radius:14px;background:#fff;font-size:10px}.sheet-entry>div:first-child strong,.sheet-entry>div:first-child span{display:block}.sheet-entry>div:first-child span{font-size:9px;color:#8995a6;margin-top:3px}.sheet-entry>div:nth-child(n+3) span,.sheet-entry>div:nth-child(n+3) strong{display:block}.sheet-entry>div:nth-child(n+3) span{font-size:8.5px;color:#929dad}.signature-proof{display:flex;align-items:center;gap:11px;margin-top:14px;padding:14px;border:1px solid #cdeede;border-radius:16px;background:#f0fbf6;color:#147c5f}.signature-proof svg{width:20px;height:20px}.signature-proof strong,.signature-proof span{display:block}.signature-proof strong{font-size:10.5px}.signature-proof span{font-size:9px;margin-top:3px;color:#5b8b7b}.signature-disclaimer{display:flex;gap:11px;padding:14px;border:1px solid #dce7f7;border-radius:15px;background:#f6f9ff;margin-bottom:15px}.signature-disclaimer svg{width:19px;color:#2b65cf;flex:0 0 auto}.signature-disclaimer strong{font-size:10.5px}.signature-disclaimer p{margin:4px 0 0;font-size:9.5px;color:#718096;line-height:1.5}.signature-check{display:flex;gap:10px;margin-top:15px;padding:13px;border:1px solid #e2e9f3;border-radius:14px;background:#fafcff;font-size:10px;line-height:1.45}.signature-check input{margin-top:2px}.portal-doc-list{display:grid;gap:8px}.portal-doc-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px;border:1px solid #e8edf4;border-radius:16px}.portal-doc-row>div:nth-child(2) strong,.portal-doc-row>div:nth-child(2) span{display:block}.portal-doc-row>div:nth-child(2) strong{font-size:11px}.portal-doc-row>div:nth-child(2) span{font-size:9px;color:#8b96a7;margin-top:3px}.doc-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#edf3ff;color:#2d63c6}.doc-icon svg{width:18px;height:18px}.form-field small{display:block;font-size:9px;color:#8b96a8;margin-top:5px;line-height:1.4}
@media(max-width:980px){.portal-kpis{grid-template-columns:1fr 1fr}.employee-week-row{grid-template-columns:100px minmax(170px,1fr) 105px 75px 80px 80px}.customer-sheet-row{grid-template-columns:38px minmax(0,1fr) 90px 105px 18px}}
@media(max-width:760px){.portal-kpis{grid-template-columns:1fr}.employee-clock-card{align-items:flex-start;flex-direction:column}.weekly-head{align-items:flex-start;flex-direction:column}.employee-week-table{overflow:auto}.employee-week-row{min-width:720px}.customer-sheet-row{grid-template-columns:36px minmax(0,1fr) auto}.customer-sheet-hours{display:none}.customer-sheet-row>.badge{display:none}.sheet-entry{grid-template-columns:1fr 1fr}.timesheet-sign-summary{grid-template-columns:1fr}.portal-shift{grid-template-columns:50px minmax(0,1fr)}.portal-shift>.badge,.shift-fill-mini{grid-column:2}.portal-doc-row{grid-template-columns:38px 1fr}.portal-doc-row .btn{grid-column:1/-1}}


/* JOBVY 2.2 – Abrechnungsvorbereitung */
.payroll-loading{min-height:420px;display:grid;place-items:center;align-content:center;gap:14px;color:var(--muted)}
.payroll-periodbar{display:grid;grid-template-columns:minmax(210px,.7fr) minmax(300px,1.25fr) auto;gap:14px;align-items:stretch;margin-bottom:16px}.payroll-month,.payroll-period-state,.payroll-period-actions{background:#fff;border:1px solid var(--line-2);border-radius:18px;box-shadow:var(--shadow-soft)}.payroll-month{padding:15px 17px;display:grid;gap:7px}.payroll-month label{font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#8290a4}.payroll-month input{height:40px;border:1px solid var(--line);border-radius:11px;padding:0 12px;font-weight:800;color:#263750;background:#fbfdff}.payroll-period-state{padding:15px 17px;display:flex;gap:12px;align-items:center}.payroll-period-state>svg{width:35px;height:35px;padding:8px;border-radius:11px;background:#eef3ff;color:#2d62c6}.payroll-period-state.locked>svg{background:#e7f8f1;color:#15815f}.payroll-period-state div{display:grid;gap:2px}.payroll-period-state span{font-size:10px;text-transform:uppercase;letter-spacing:.07em;font-weight:850;color:#8491a4}.payroll-period-state strong{font-size:14px;color:#213149}.payroll-period-state small{font-size:10px;color:#8a97a8}.payroll-period-actions{padding:12px;display:flex;align-items:center;justify-content:center}.payroll-note{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid #d8e6fb;border-radius:16px;background:linear-gradient(135deg,#f7fbff,#f4fbfa);margin-bottom:17px;color:#38516f}.payroll-note>svg{width:20px;height:20px;color:#2e67ca;flex:0 0 auto}.payroll-note div{display:grid;gap:3px}.payroll-note strong{font-size:11px}.payroll-note span{font-size:10px;line-height:1.55;color:#6f8096}.payroll-warning{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;margin:-2px 0 16px;background:#fff8ea;border:1px solid #f6dca8;border-radius:16px;color:#8b5b11}.payroll-warning>svg{width:20px;height:20px;flex:0 0 auto}.payroll-warning div{display:grid;gap:3px}.payroll-warning strong{font-size:11px}.payroll-warning span{font-size:10px;color:#9a722e;line-height:1.45}.payroll-stats .stat-card{min-height:120px}.payroll-panel{margin-top:4px}.payroll-table-head{display:flex;align-items:end;justify-content:space-between;gap:18px;padding:18px 18px 14px;border-bottom:1px solid var(--line-2)}.payroll-table-head>div:first-child span{display:block;font-size:9px;font-weight:900;color:#8a97aa;letter-spacing:.1em}.payroll-table-head h2{font-size:18px;margin:3px 0 0}.payroll-search{max-width:360px}.payroll-table{min-width:1360px}.payroll-table td{white-space:nowrap}.payroll-status{border:0;border-radius:999px;padding:7px 10px;display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:850}.payroll-status svg{width:14px;height:14px}.payroll-status.ready{background:#e7f8f1;color:#147d5d}.payroll-status.warning{background:#fff3df;color:#a9680c}.payroll-issues{display:grid;gap:9px}.payroll-issues>div{display:flex;align-items:flex-start;gap:10px;padding:12px 13px;background:#fff7e8;border:1px solid #f5dcaa;border-radius:13px;color:#8b5c15;font-size:11px;font-weight:700}.payroll-issues svg{width:17px;height:17px;flex:0 0 auto}.payroll-person-summary{display:flex;align-items:center;gap:12px;padding:14px;background:#f7faff;border:1px solid #e4ebf5;border-radius:16px;margin-bottom:16px}.payroll-person-summary .avatar{width:43px;height:43px;border-radius:13px}.payroll-person-summary div:last-child{display:grid;gap:3px}.payroll-person-summary strong{font-size:13px}.payroll-person-summary span{font-size:10px;color:var(--muted)}.holiday-add{display:grid;grid-template-columns:160px 1fr auto;gap:10px;align-items:end;margin-bottom:18px}.holiday-list{display:grid;gap:8px}.holiday-row{display:grid;grid-template-columns:120px 1fr auto;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--line-2);border-radius:13px;background:#fbfdff}.holiday-date{font-size:11px;font-weight:850;color:#315d9d}.holiday-row strong{font-size:11px}.payroll-settings-grid{margin-top:14px}
@media(max-width:1000px){.payroll-periodbar{grid-template-columns:1fr 1.4fr}.payroll-period-actions{grid-column:1/-1}.payroll-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.payroll-periodbar{grid-template-columns:1fr}.payroll-period-actions{grid-column:auto}.payroll-stats{grid-template-columns:1fr}.payroll-table-head{align-items:stretch;flex-direction:column}.payroll-search{max-width:none;width:100%}.holiday-add{grid-template-columns:1fr}.holiday-row{grid-template-columns:1fr auto}.holiday-date{grid-column:1/-1}}

/* JOBVY 2.3 – Kundenabrechnung + Brutto/Netto */
.live-time-metrics{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.live-time-metrics>span{min-width:78px;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12)}.live-time-metrics small,.live-time-metrics strong{display:block}.live-time-metrics small{font-size:7.5px;text-transform:uppercase;letter-spacing:.08em;color:#a9c0ed}.live-time-metrics strong{font-size:12px;margin-top:2px;color:#fff}.billing-panel{overflow:hidden}.billing-table th,.billing-table td{white-space:nowrap}.billing-table td:first-child{white-space:normal;min-width:185px}.btn-mini{min-height:30px;padding:6px 10px;font-size:8.5px;border-radius:10px}.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}.invoice-detail{display:grid;gap:15px}.invoice-hero{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.invoice-hero>div{padding:14px;border:1px solid #e5ebf3;border-radius:15px;background:#fafcff}.invoice-hero span,.invoice-hero strong{display:block}.invoice-hero span{font-size:8.5px;color:#8996a8}.invoice-hero strong{font-size:14px;margin-top:4px}.invoice-meta{display:flex;gap:8px;flex-wrap:wrap}.invoice-meta span{padding:7px 10px;border-radius:999px;background:#f2f6fb;color:#6e7f95;font-size:8.5px}.invoice-meta b{color:#26364e}.invoice-items td small{display:block;color:#8c98a8;font-size:8px;margin-top:2px}.customer-invoice-list{display:grid;gap:8px}.customer-invoice-row{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) 130px 18px;gap:12px;align-items:center;padding:13px;border:1px solid #e7edf5;border-radius:16px;background:#fff;text-align:left;color:var(--ink)}.customer-invoice-row:hover{background:#f9fbff;border-color:#cad9ef}.customer-invoice-row>div:nth-child(2) strong,.customer-invoice-row>div:nth-child(2) span,.customer-invoice-row>div:nth-child(3) strong,.customer-invoice-row>div:nth-child(3) span{display:block}.customer-invoice-row>div:nth-child(2) span,.customer-invoice-row>div:nth-child(3) span{font-size:9px;color:#8995a7;margin-top:3px}.customer-invoice-row>div:nth-child(3){text-align:right}@media(max-width:900px){.invoice-hero{grid-template-columns:1fr 1fr}.billing-table{min-width:1050px}}@media(max-width:620px){.invoice-hero{grid-template-columns:1fr}.customer-invoice-row{grid-template-columns:38px minmax(0,1fr) 18px}.customer-invoice-row>div:nth-child(3){grid-column:2;text-align:left}.live-time-metrics{width:100%}.live-time-metrics>span{flex:1}}

/* JOBVY 2.3.1 – Live-Zeiterfassung & Offline-Modus */
.network-banner{margin:0 20px 14px;padding:11px 14px;border-radius:14px;display:flex;align-items:center;gap:11px;border:1px solid #d8e6f8;background:#f4f8ff;color:#31577f;box-shadow:0 8px 24px rgba(23,53,91,.05)}
.network-banner[hidden]{display:none}.network-banner>svg{width:19px;height:19px;flex:0 0 auto}.network-banner>div{min-width:0;display:grid;gap:2px}.network-banner strong{font-size:10.5px}.network-banner span{font-size:9px;line-height:1.4;color:#6d7f96}.network-banner>b{margin-left:auto;font-size:8px;text-transform:uppercase;letter-spacing:.08em;padding:6px 9px;border-radius:999px;white-space:nowrap}
.network-banner.offline{background:#fff7e8;border-color:#f3d49a;color:#8b5b10}.network-banner.offline span{color:#9b7538}.network-banner.offline>b{background:#ffe8b6;color:#85540b}.network-banner.syncing>b{background:#e6f0ff;color:#2a61b6}
.live-sync-panel{margin-bottom:16px}.live-sync-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;font-size:8px;font-weight:900;letter-spacing:.08em}.live-sync-pill i{width:7px;height:7px;border-radius:50%}.live-sync-pill.online{background:#e7f8f1;color:#167c5e}.live-sync-pill.online i{background:#19a97b;box-shadow:0 0 0 4px rgba(25,169,123,.12)}.live-sync-pill.offline{background:#fff1df;color:#96600e}.live-sync-pill.offline i{background:#d98a12}
.live-sync-list{display:grid;gap:8px}.live-sync-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto 54px;gap:11px;align-items:center;padding:11px 12px;border:1px solid #e6edf5;border-radius:15px;background:#fbfdff}.live-sync-avatar{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#235fd9,#22b9c9);color:#fff;font-size:10px;font-weight:900}.live-sync-main{min-width:0}.live-sync-main strong,.live-sync-main span{display:block}.live-sync-main strong{font-size:10.5px}.live-sync-main span{font-size:8.5px;color:#8190a4;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-sync-main b{color:#a96a0c}.live-sync-times{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.live-sync-times span{font-size:7.5px;color:#8a97aa;padding:5px 7px;background:#f1f5fa;border-radius:9px}.live-sync-times b{color:#26384f}.live-sync-row time{font-size:9px;font-weight:850;color:#385f93}.live-sync-empty{display:flex;align-items:center;gap:11px;padding:15px;border:1px dashed #d9e3ef;border-radius:15px;color:#8290a4}.live-sync-empty>svg{width:22px}.live-sync-empty strong,.live-sync-empty span{display:block}.live-sync-empty strong{font-size:10px;color:#526176}.live-sync-empty span{font-size:8.5px;margin-top:3px}
.offline-pending-panel{margin-bottom:15px;border-color:#f1d8aa;background:#fffdf8}.offline-row{background:#fff9ed!important}.offline-row:before{content:"OFFLINE";font-size:7px;font-weight:900;color:#a76a0d;align-self:center}.offline-mode #weeklySheetsBtn,.offline-mode #customerSignSheet,.offline-mode #customerRejectSheet,.offline-mode [data-week-submit]{display:none!important}.offline-mode .notify-dot,.offline-mode .top-badge{display:none!important}.offline-mode .top-actions #notificationBell{opacity:.45;pointer-events:none}
.offline-mode .page-head:after{content:"Offline: Nur lokal verfügbare und zwischengespeicherte Funktionen werden angezeigt.";display:block;grid-column:1/-1;margin-top:10px;padding:8px 10px;border-radius:11px;background:#fff7e8;border:1px solid #f2d9a8;color:#8d621f;font-size:8.5px;font-weight:700}
.inline-alert.warning{background:#fff7e8;color:#8b5b11;border:1px solid #f3d9a8}.inline-alert.warning svg{color:#c17a12}
@media(max-width:760px){.network-banner{margin:0 12px 12px}.live-sync-row{grid-template-columns:36px minmax(0,1fr) 52px}.live-sync-times{grid-column:2/-1;justify-content:flex-start}.live-sync-row time{grid-column:3;grid-row:1;text-align:right}.network-banner>span{display:none}}
body.offline-mode .customer-sheet-row,body.offline-mode .time-entry-row{pointer-events:none;cursor:default}

/* JOBVY 2.4 – Bewerbermanagement & digitales Onboarding */
.applicant-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 18px}
.applicant-panel{overflow:hidden}
.applicant-toolbar{display:flex;gap:12px;align-items:center;padding:18px;border-bottom:1px solid var(--line,#e8edf5)}
.applicant-toolbar .searchbox{flex:1;max-width:none}
.applicant-toolbar select{min-width:190px;height:42px;border:1px solid #dbe3ef;border-radius:12px;background:#fff;padding:0 12px;color:#24324a}
.applicant-pipeline-mini{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:14px 18px;background:#f8fbff;border-bottom:1px solid #e8edf5}
.applicant-pipeline-mini button{border:1px solid #e0e8f3;background:#fff;border-radius:12px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;color:#526178;cursor:pointer}
.applicant-pipeline-mini button.active{border-color:#66aaf9;box-shadow:0 0 0 3px rgba(57,139,245,.08);color:#1264c0}
.applicant-pipeline-mini b{font-size:13px;background:#edf5ff;border-radius:999px;padding:3px 8px}
.applicant-list{display:flex;flex-direction:column}
.applicant-card{display:grid;grid-template-columns:50px minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px 18px;border-bottom:1px solid #edf1f7;transition:.18s ease}
.applicant-card:hover{background:#fbfdff}
.applicant-avatar{width:46px;height:46px;border-radius:14px;background:linear-gradient(145deg,#e9f5ff,#dffcf5);display:grid;place-items:center;font-weight:800;color:#1574c9;box-shadow:inset 0 0 0 1px rgba(21,116,201,.08)}
.applicant-avatar.large{width:62px;height:62px;border-radius:18px;font-size:18px}
.applicant-title{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.applicant-title strong{font-size:15px;color:#17243a}.applicant-title span{font-size:11px;color:#7a889d}
.applicant-main p{margin:4px 0 8px;color:#64748b;font-size:13px}.applicant-meta{display:flex;gap:14px;flex-wrap:wrap;color:#7a889d;font-size:12px}.applicant-meta span{display:flex;align-items:center;gap:5px}.applicant-meta svg{width:14px;height:14px}
.applicant-side{display:grid;grid-template-columns:auto auto auto 36px;gap:10px;align-items:center;text-align:right}.applicant-side small{color:#8a98aa}.applicant-side strong{font-size:12px;color:#42516a}
.applicant-detail-hero{display:grid;grid-template-columns:auto minmax(0,1fr) 180px;align-items:center;gap:16px;padding:16px;border:1px solid #e4ebf5;border-radius:18px;background:linear-gradient(135deg,#fbfdff,#f4fbff)}
.applicant-detail-hero h3{margin:7px 0 3px;font-size:20px}.applicant-detail-hero p{margin:0;color:#6c7a90}
.applicant-progress span{display:block;font-size:11px;color:#8390a3;text-transform:uppercase;letter-spacing:.08em}.applicant-progress strong{font-size:24px;color:#173a63}.applicant-progress>div{height:7px;border-radius:999px;background:#e8eef6;overflow:hidden;margin-top:7px}.applicant-progress i{display:block;height:100%;background:linear-gradient(90deg,#1f8cff,#45d7ae);border-radius:inherit}
.applicant-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}
.applicant-detail-actions{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:8px 0 16px}.applicant-detail-actions .compact{margin-left:auto;min-width:190px}.applicant-detail-actions .compact label{font-size:10px}.applicant-detail-actions select{height:40px}
.applicant-checklist,.applicant-history{margin-top:20px;border-top:1px solid #e8edf5;padding-top:16px}
.onboarding-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}.onboarding-item{border:1px solid #e3eaf4;background:#fff;border-radius:13px;padding:12px;text-align:left;display:flex;align-items:center;gap:10px;cursor:pointer}.onboarding-item:hover{border-color:#add1f7;background:#fbfdff}.onboarding-item.done{border-color:#bfead9;background:#f4fdf9}.onboarding-item.muted{opacity:.65}
.onboard-check{width:28px;height:28px;border-radius:9px;border:1px solid #d7e0ec;display:grid;place-items:center;flex:0 0 auto;background:#f8fafc}.onboarding-item.done .onboard-check{background:#dff8ef;border-color:#a7e6cf;color:#14996b}.onboard-check svg{width:15px}
.onboarding-item strong{display:block;font-size:13px;color:#26364f}.onboarding-item small{display:block;margin-top:2px;color:#8592a5;font-size:11px}
.field-help{height:42px;display:flex;align-items:center;color:#748197;font-size:12px}
@media(max-width:1000px){.applicant-kpis{grid-template-columns:1fr 1fr}.applicant-pipeline-mini{grid-template-columns:repeat(2,1fr)}.applicant-side{grid-template-columns:auto 36px}.applicant-side small,.applicant-side>strong{display:none}.applicant-detail-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.applicant-kpis{grid-template-columns:1fr}.applicant-toolbar{flex-direction:column;align-items:stretch}.applicant-toolbar select{width:100%}.applicant-pipeline-mini{grid-template-columns:1fr 1fr}.applicant-card{grid-template-columns:44px minmax(0,1fr) 40px}.applicant-side .badge{display:none}.applicant-detail-hero{grid-template-columns:auto 1fr}.applicant-progress{grid-column:1/-1}.applicant-detail-grid,.onboarding-list{grid-template-columns:1fr}.applicant-detail-actions .compact{margin-left:0;width:100%}}
.badge.purple{background:#f0e9ff;color:#6d45b5;border-color:#dfd0ff}

/* JOBVY Platform 3.0 – organization, scope and operational cockpit */
.branch-picker{display:flex;align-items:center;gap:8px;padding:6px 9px;border:1px solid #dce5f1;border-radius:12px;background:#f8fbff}.branch-picker span{font-size:8px;font-weight:850;color:#7f8da2;text-transform:uppercase;letter-spacing:.07em}.branch-picker select{border:0;background:transparent;color:#1f385d;font:800 10px/1 inherit;max-width:210px;outline:0}.dpl-control-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 24px;margin-bottom:18px;border-radius:20px;color:#fff;background:linear-gradient(120deg,#0b2e5d,#173e78 58%,#087f93);box-shadow:0 18px 42px rgba(15,47,91,.16)}.dpl-control-hero span{font-size:9px;letter-spacing:.11em;font-weight:900;color:#afd0ff}.dpl-control-hero h2{margin:5px 0;font-size:23px}.dpl-control-hero p{margin:0;color:#d9e9ff;font-size:11px}.dpl-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 18px}.dpl-kpi{min-height:110px;padding:15px;border-radius:17px;border:1px solid #e0e8f3;background:#fff;box-shadow:0 8px 24px rgba(30,57,99,.045);display:grid;align-content:start;gap:5px}.dpl-kpi span{font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#8190a5}.dpl-kpi strong{font-size:27px;line-height:1.05;color:#173a63}.dpl-kpi small{font-size:9px;color:#77879d}.dpl-kpi.navy{border-top:3px solid #0b2e5d}.dpl-kpi.blue{border-top:3px solid #2474d5}.dpl-kpi.cyan{border-top:3px solid #00a7b5}.dpl-kpi.amber{border-top:3px solid #d89218}.dpl-kpi.purple{border-top:3px solid #8255c5}.dpl-kpi.red{border-top:3px solid #d44b55}.dpl-panel{margin-bottom:18px;overflow:hidden}.dpl-branch-list{display:grid}.dpl-branch-list article{display:grid;grid-template-columns:minmax(210px,1.5fr) 1fr 1fr auto;gap:12px;align-items:center;padding:14px 17px;border-top:1px solid #edf1f6;font-size:10px;color:#65768e}.dpl-branch-list article:first-child{border-top:0}.dpl-branch-list strong,.dpl-branch-list small{display:block}.dpl-branch-list strong{font-size:12px;color:#253650}.dpl-branch-list small{font-size:9px;margin-top:3px;color:#8695a8}.dpl-task-list{display:grid}.dpl-task-list>div,.dpl-task-list>button{display:flex;align-items:center;gap:11px;padding:12px 16px;border:0;border-top:1px solid #edf1f6;background:#fff;text-align:left;color:inherit}.dpl-task-list>button:hover{background:#f9fbff}.dpl-task-list span{display:grid;gap:3px}.dpl-task-list strong{font-size:11px;color:#283950}.dpl-task-list small{font-size:9px;color:#8190a5}.dpl-task-list em{margin-left:auto;font-style:normal;font-size:9px;font-weight:850;color:#2372c9}.priority{width:9px;height:9px;flex:0 0 auto;border-radius:99px;background:#76a1d7}.priority.low{background:#9cabbd}.priority.normal{background:#4d85cf}.priority.high{background:#e19b19}.priority.critical{background:#dc4f59}.dpl-cockpit{display:grid;grid-template-columns:1fr 1.22fr 1fr;gap:14px}.dpl-cockpit .panel{min-width:0;overflow:hidden}.dpl-scroll-list{max-height:590px;overflow:auto;display:grid}.dpl-person,.dpl-attention,.dpl-shift{display:flex;align-items:center;gap:10px;padding:11px 13px;border:0;border-top:1px solid #edf1f6;background:#fff;text-align:left;color:#24364f}.dpl-person span,.dpl-attention span,.dpl-shift span{display:grid;gap:3px;min-width:0}.dpl-person strong,.dpl-attention strong,.dpl-shift strong{font-size:10.5px}.dpl-person small,.dpl-attention small,.dpl-shift small{font-size:8.5px;color:#8391a5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dpl-person em{font-size:8px;font-style:normal;margin-left:auto;color:#7c8a9d}.status-dot{width:8px;height:8px;border-radius:50%;background:#9aa8b8}.status-dot.available{background:#28ae7c}.status-dot.assigned{background:#2b78dc}.status-dot.sick{background:#d5505a}.status-dot.vacation{background:#d88c1b}.dpl-shift{width:100%;cursor:pointer}.dpl-shift:hover{background:#f8fbff}.dpl-shift .badge{margin-left:auto}.dpl-shift>svg{width:15px;color:#7692ba}.dpl-match-list{display:grid;gap:9px}.dpl-match-list article{display:flex;justify-content:space-between;align-items:start;gap:12px;padding:13px;border:1px solid #e5ebf3;border-radius:14px;background:#fbfdff}.dpl-match-list article.eligible{border-color:#bfe7d6;background:#f6fdf9}.dpl-match-list article.blocked{border-color:#f0d8d9;background:#fffafb}.dpl-match-list strong,.dpl-match-list small{display:block}.dpl-match-list strong{font-size:12px;color:#26374f}.dpl-match-list small{font-size:9px;color:#8290a4;margin-top:3px}.dpl-match-list p{font-size:9px;line-height:1.6;color:#577087;margin:8px 0 0}.dpl-session-list,.dpl-event-list{display:grid}.dpl-session-list>div,.dpl-event-list>div{display:flex;align-items:center;gap:12px;padding:13px 16px;border-top:1px solid #edf1f6}.dpl-session-list span,.dpl-event-list span{display:grid;gap:3px}.dpl-session-list strong,.dpl-event-list strong{font-size:10.5px}.dpl-session-list small,.dpl-event-list small{font-size:9px;color:#8290a5}.dpl-session-list button{margin-left:auto}.dpl-profile{display:flex;align-items:center;gap:14px;padding:19px}.dpl-profile .avatar.large{width:52px;height:52px;border-radius:16px}.dpl-profile>div:nth-child(2){display:grid;gap:4px;margin-right:auto}.dpl-profile strong{font-size:14px}.dpl-profile small{font-size:10px;color:#7e8da1}.dpl-mfa-secret{display:grid;gap:6px;margin-bottom:14px}.dpl-mfa-secret label{font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.07em;color:#8190a5}.dpl-mfa-secret code,.dpl-mfa-secret textarea,.dpl-recovery-codes{padding:10px;border:1px solid #dfe7f1;border-radius:11px;background:#f8fbff;color:#1d4676;font:800 11px/1.6 ui-monospace,monospace;word-break:break-all}.dpl-mfa-secret textarea{resize:none}.dpl-recovery-codes{columns:2;line-height:2.1}
@media(max-width:1180px){.dpl-kpi-grid{grid-template-columns:repeat(3,1fr)}.dpl-cockpit{grid-template-columns:1fr 1fr}.dpl-cockpit .panel:last-child{grid-column:1/-1}.dpl-branch-list article{grid-template-columns:1.5fr 1fr auto}}
@media(max-width:720px){.branch-picker span{display:none}.branch-picker select{max-width:130px}.dpl-control-hero{align-items:flex-start;flex-direction:column}.dpl-kpi-grid,.dpl-cockpit{grid-template-columns:1fr}.dpl-cockpit .panel:last-child{grid-column:auto}.dpl-branch-list article{grid-template-columns:1fr auto}.dpl-branch-list article>span:nth-child(2){grid-column:1}.dpl-profile{align-items:flex-start;flex-wrap:wrap}.dpl-profile>div:nth-child(2){width:calc(100% - 70px);margin-right:0}.dpl-mfa-secret textarea{font-size:8px}.dpl-recovery-codes{columns:1}}

/* ========================================================================== 
   JOBVY PLATFORM 3.1.1 – CORPORATE EXPERIENCE
   Central design tokens.  The neutral JOBVY app mark is replaceable by an
   approved corporate asset without changing the component system.
   ========================================================================== */
:root{
  --dpl-primary:#0b2e5d;
  --dpl-primary-dark:#071f3e;
  --dpl-secondary:#175c93;
  --dpl-accent:#13838f;
  --dpl-background:#f4f6f8;
  --dpl-surface:#ffffff;
  --dpl-surface-soft:#f8fafc;
  --dpl-text:#10243e;
  --dpl-text-muted:#64748b;
  --dpl-border:#d9e1ea;
  --dpl-success:#17745b;
  --dpl-warning:#a76408;
  --dpl-danger:#b42318;
  --dpl-radius-sm:8px;
  --dpl-radius:12px;
  --dpl-radius-lg:18px;
  --dpl-shadow:0 8px 28px rgba(15,42,74,.07);
  --dpl-space-1:4px;--dpl-space-2:8px;--dpl-space-3:12px;--dpl-space-4:16px;--dpl-space-5:20px;--dpl-space-6:24px;--dpl-space-8:32px;
  --ink:var(--dpl-text);--muted:var(--dpl-text-muted);--navy:var(--dpl-primary-dark);--navy-2:var(--dpl-primary);--blue:var(--dpl-secondary);--blue-2:#124a78;--cyan:var(--dpl-accent);--mint:#2b9177;--green:var(--dpl-success);--amber:var(--dpl-warning);--red:var(--dpl-danger);--canvas:var(--dpl-background);--surface:var(--dpl-surface);--line:var(--dpl-border);--line-2:#e8edf2;--shadow:var(--dpl-shadow);--shadow-soft:0 4px 18px rgba(15,42,74,.055);--radius:var(--dpl-radius-lg)
}
html,body{background:var(--dpl-background);color:var(--dpl-text)}
:focus-visible{outline:3px solid rgba(23,92,147,.28);outline-offset:2px}
.boot-screen{background:var(--dpl-background)}
.boot-card,.login-card,.panel,.portal-panel,.record-card{border-color:var(--dpl-border);box-shadow:var(--dpl-shadow)}
.boot-progress i{background:var(--dpl-secondary)}
.login-brand{background:linear-gradient(155deg,var(--dpl-primary-dark),var(--dpl-primary));}
.login-brand:before,.login-brand:after{display:none}
.story-kicker:before{background:#9ec5dc}.login-story p{color:#d4deea}.story-chip{background:rgba(255,255,255,.07)}
.login-main{background:var(--dpl-background)}
.login-button,.btn-primary{background:var(--dpl-primary);box-shadow:none}
.login-button:hover,.btn-primary:hover{background:var(--dpl-primary-dark);box-shadow:none}
.input-wrap input:focus,.input-wrap select:focus,.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--dpl-secondary);box-shadow:0 0 0 3px rgba(23,92,147,.12)}
.sidebar{background:var(--dpl-primary-dark);box-shadow:12px 0 34px rgba(7,31,62,.08);overflow-y:auto;overflow-x:hidden}
.sidebar:after{display:none}.side-brand{border-bottom:1px solid rgba(255,255,255,.09);margin:0 3px 13px;padding-bottom:19px}.side-brand img{box-shadow:none;border:1px solid rgba(255,255,255,.14)}
.nav{gap:2px}.nav-group-title{padding:15px 13px 5px;color:#7892af;font-size:9px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.nav-group-title:first-child{padding-top:5px}
.nav-item{min-height:43px;border-radius:9px;padding:10px 12px;font-size:13px;color:#b8c7d9}.nav-item:hover{background:rgba(255,255,255,.07)}.nav-item.active{background:#173f6c;box-shadow:none}.nav-item.active:before{top:8px;bottom:8px;background:#69c6cf}.nav-item.active svg{color:#b6e8ec}
.profile-mini{border-radius:12px;background:rgba(255,255,255,.055)}.avatar{background:var(--dpl-secondary);border-radius:10px}.avatar.large{border-radius:14px}
.topbar{background:rgba(244,246,248,.95);border-bottom:1px solid var(--dpl-border)}.content{padding-top:25px}.content-inner{max-width:1500px}
.page-head h1{letter-spacing:-.035em}.page-head .overline,.eyebrow,.cc-panel-head>div>span{color:var(--dpl-secondary)}
.btn{border-radius:9px;min-height:40px}.btn-secondary{border-color:var(--dpl-border);background:#fff;color:var(--dpl-text)}.btn-secondary:hover{border-color:#b6c3d1;background:#f8fafc;color:var(--dpl-primary)}
.icon-btn,.menu-btn{border-radius:9px}.badge{border-radius:999px}
.panel,.portal-panel,.record-card{border-radius:var(--dpl-radius-lg)}
/* Replace the old visual-heavy gradient with a restrained operational banner. */
.cc-hero,.management-hero,.control-hero{background:var(--dpl-primary);box-shadow:none;border-radius:var(--dpl-radius-lg)}
.stat-card,.portal-kpi,.dpl-kpi{border-radius:var(--dpl-radius);box-shadow:none;border:1px solid var(--dpl-border);background:var(--dpl-surface)}
.stat-card:before,.portal-kpi:before,.dpl-kpi:before{height:2px}
.dpl-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.8fr);gap:18px;margin-top:18px;align-items:start}.dpl-dashboard-grid>.portal-panel,.dpl-dashboard-grid>.panel{margin:0}
.dpl-simple-list,.dpl-session-list,.dpl-referral-list,.dpl-qualification-list{display:grid;gap:0}.dpl-simple-list>div,.dpl-session-list>article,.dpl-referral-list>article,.dpl-qualification-list>article{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 2px;border-bottom:1px solid var(--line-2)}.dpl-simple-list>div:last-child,.dpl-session-list>article:last-child,.dpl-referral-list>article:last-child,.dpl-qualification-list>article:last-child{border-bottom:0}.dpl-simple-list span,.dpl-referral-person span{min-width:0}.dpl-simple-list strong,.dpl-simple-list small,.dpl-session-list strong,.dpl-session-list small,.dpl-referral-person strong,.dpl-referral-person small,.dpl-qualification-list strong,.dpl-qualification-list small{display:block}.dpl-simple-list small,.dpl-session-list small,.dpl-referral-person small,.dpl-qualification-list small{margin-top:3px;color:var(--muted);font-size:12px}.dpl-referral-person{display:flex;align-items:center;gap:12px;min-width:0}.dpl-referral-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}.dpl-qualification-list article>div:last-child{display:flex;align-items:center;gap:8px}
.system-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.system-status-grid>div{padding:15px;border:1px solid var(--dpl-border);background:var(--dpl-surface-soft);border-radius:var(--dpl-radius)}.system-status-grid span,.system-status-grid strong{display:block}.system-status-grid span{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.system-status-grid strong{margin-top:7px;font-size:15px;color:var(--dpl-primary)}
.contact-person-card{display:flex;align-items:center;gap:13px;padding:16px;border:1px solid var(--dpl-border);border-radius:var(--dpl-radius);background:var(--dpl-surface-soft)}.contact-person-card>div:nth-child(2){min-width:0;flex:1}.contact-person-card strong,.contact-person-card small{display:block}.contact-person-card small{margin-top:3px;color:var(--muted);font-size:12px}.contact-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.contact-person-card.compact{padding:12px;background:#fff}.panel-copy{color:var(--muted);line-height:1.6;margin:0 0 16px}
.dpl-profile{gap:14px;flex-wrap:wrap}.dpl-profile>div:nth-child(2){flex:1;min-width:220px}.dpl-profile>div:nth-child(2) strong,.dpl-profile>div:nth-child(2) small{display:block}.dpl-profile>div:nth-child(2) small{margin-top:4px;color:var(--muted)}
.dpl-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:12px;margin:0 0 18px}.dpl-kpi-grid .dpl-kpi{min-height:108px}
.portal-kpis{grid-template-columns:repeat(auto-fit,minmax(175px,1fr))}.portal-kpi{min-height:106px}.portal-kpi-icon{background:#eef3f8;color:var(--dpl-primary)}
.employee-clock-card{background:#fff;border:1px solid var(--dpl-border);box-shadow:none}.employee-clock-card.live{background:var(--dpl-primary);color:#fff;border-color:var(--dpl-primary)}
.live-sync-row,.portal-shift{border-radius:10px}.live-sync-avatar{background:var(--dpl-secondary)}
.table-wrap,.data-table-wrap{border-radius:var(--dpl-radius);border-color:var(--dpl-border)}
.modal{border-radius:18px}.modal-backdrop{backdrop-filter:blur(4px)}
.toast{border-radius:10px}
/* Accessible loading/error/empty states */
.loading-row,.portal-loading,.control-loading,.soft-empty,.cc-empty{min-height:80px}.record-error{border-radius:var(--dpl-radius);border:1px solid #f0c5c1;background:#fff8f7;color:#6f1d17}
/* Mobile employee portal: keep actions touch-friendly and content-first. */
@media(max-width:900px){
  .dpl-dashboard-grid{grid-template-columns:1fr}.dpl-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-person-card{align-items:flex-start;flex-wrap:wrap}.contact-actions{width:100%;justify-content:flex-start}.contact-actions .btn{flex:1;min-width:120px}.portal-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  .content{padding:18px 14px 34px}.topbar{padding:0 14px}.page-head{margin-bottom:18px}.page-head h1{font-size:29px}.portal-kpis,.dpl-kpi-grid{grid-template-columns:1fr 1fr;gap:9px}.portal-kpi{min-height:94px;padding:13px}.portal-kpi-icon{width:36px;height:36px}.employee-clock-card{padding:18px}.employee-clock-actions{width:100%;display:grid;grid-template-columns:1fr}.dpl-simple-list>div,.dpl-session-list>article,.dpl-referral-list>article,.dpl-qualification-list>article{align-items:flex-start;flex-direction:column}.dpl-referral-meta{justify-content:flex-start}.system-status-grid{grid-template-columns:1fr 1fr}.modal{width:calc(100vw - 18px);max-height:94vh}.btn{min-height:44px}
}
@media(max-width:390px){.portal-kpis,.dpl-kpi-grid,.system-status-grid{grid-template-columns:1fr}}

/* 3.1.1 – compact, responsive scrollbars */
html{scroll-behavior:smooth;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#aebdce transparent}
*{scrollbar-width:thin;scrollbar-color:#b5c3d2 transparent}
*::-webkit-scrollbar{width:7px;height:7px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{background:#b5c3d2;border:2px solid transparent;background-clip:padding-box;border-radius:999px;min-height:36px}
*::-webkit-scrollbar-thumb:hover{background:#8799ad;border:1px solid transparent;background-clip:padding-box}
*::-webkit-scrollbar-corner{background:transparent}
.sidebar{scrollbar-color:rgba(187,207,229,.48) transparent}
.sidebar{scrollbar-width:thin;scrollbar-color:rgba(187,207,229,.48) transparent}.sidebar::-webkit-scrollbar{width:5px}.sidebar::-webkit-scrollbar-thumb{background:rgba(187,207,229,.42);border:1px solid transparent;background-clip:padding-box}.sidebar::-webkit-scrollbar-thumb:hover{background:rgba(213,229,245,.7)}
.modal,.table-wrap,.data-table-wrap,.segment-row,.dpl-scroll-list,.employee-week-table{overscroll-behavior:contain}
.modal::-webkit-scrollbar,.table-wrap::-webkit-scrollbar,.data-table-wrap::-webkit-scrollbar,.employee-week-table::-webkit-scrollbar{width:6px;height:6px}

/* 3.1.1 – Mitarbeiter werben / Empfehlungen */
.referral-hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.55fr);gap:18px;align-items:stretch;padding:24px;margin-bottom:16px;border:1px solid #d8e4ef;border-radius:var(--dpl-radius-lg);background:linear-gradient(120deg,#f7fafc,#edf4f8);overflow:hidden;position:relative}
.referral-hero:after{content:"";position:absolute;width:230px;height:230px;border:42px solid rgba(31,100,148,.045);border-radius:50%;right:-90px;top:-105px;pointer-events:none}.referral-hero>div{position:relative;z-index:1}.referral-eyebrow{display:block;margin-bottom:8px;font-size:9px;font-weight:900;letter-spacing:.14em;color:var(--dpl-secondary)}.referral-hero h2{margin:0;font-size:27px;letter-spacing:-.035em;color:var(--dpl-primary-dark)}.referral-hero p{max-width:720px;margin:9px 0 18px;color:var(--muted);font-size:12.5px;line-height:1.65}.referral-reward-box{display:grid;align-content:center;justify-items:start;padding:20px;border-radius:15px;background:#fff;border:1px solid var(--dpl-border);box-shadow:0 8px 25px rgba(15,42,74,.05)}.referral-reward-box>span{display:flex;align-items:center;gap:7px;color:var(--dpl-secondary);font-size:9px;font-weight:900;letter-spacing:.09em}.referral-reward-box>span svg{width:17px}.referral-reward-box>strong{font-size:35px;line-height:1;margin:10px 0 6px;color:var(--dpl-primary-dark)}.referral-reward-box>small{color:var(--muted);font-size:11px;line-height:1.5}
.referral-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 18px}.referral-steps>div{display:flex;align-items:flex-start;gap:11px;padding:14px;border:1px solid var(--dpl-border);border-radius:var(--dpl-radius);background:#fff}.referral-steps b{display:grid;place-items:center;width:26px;height:26px;flex:0 0 auto;border-radius:8px;background:#edf4f8;color:var(--dpl-secondary);font-size:11px}.referral-steps span,.referral-steps strong,.referral-steps small{display:block}.referral-steps strong{font-size:11.5px;color:var(--dpl-text)}.referral-steps small{margin-top:3px;font-size:10px;line-height:1.45;color:var(--muted)}
.referral-campaign-panel,.referral-list-panel{padding:0 18px 18px}.referral-campaign-panel .cc-panel-head,.referral-list-panel .cc-panel-head{padding-left:0;padding-right:0}.referral-campaign-list{display:grid;gap:8px}.referral-campaign-card{display:grid;grid-template-columns:38px minmax(0,1fr) minmax(135px,auto) auto;align-items:center;gap:12px;padding:12px;border:1px solid var(--dpl-border);border-radius:12px;background:#fbfcfd}.referral-campaign-icon{width:38px;height:38px;border-radius:11px;background:#edf4f8;color:var(--dpl-secondary);display:grid;place-items:center}.referral-campaign-icon svg{width:18px}.referral-campaign-card>div:nth-child(2){min-width:0}.referral-campaign-card>div:nth-child(2)>span,.referral-campaign-card>div:nth-child(2)>strong,.referral-campaign-card>div:nth-child(2)>small,.referral-campaign-reward small,.referral-campaign-reward strong{display:block}.referral-campaign-card>div:nth-child(2)>span{font-size:8px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:var(--dpl-secondary)}.referral-campaign-card>div:nth-child(2)>strong{margin-top:2px;font-size:11.5px;color:var(--dpl-text)}.referral-campaign-card>div:nth-child(2)>small{margin-top:3px;font-size:9.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.referral-campaign-reward{text-align:right}.referral-campaign-reward small{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.referral-campaign-reward strong{margin-top:3px;font-size:12px;color:var(--dpl-primary)}
.referral-employee-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.referral-card{border:1px solid var(--dpl-border);border-radius:14px;background:#fff}.referral-card.employee-card{padding:14px}.referral-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.referral-card-head .badge{flex:0 0 auto}.referral-progress{height:5px;margin:13px 0 12px;border-radius:999px;background:#edf1f5;overflow:hidden}.referral-progress i{display:block;height:100%;border-radius:inherit;background:var(--dpl-secondary);transition:width .2s ease}.referral-card-foot{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.referral-card-foot>span{display:grid;grid-template-columns:16px minmax(0,1fr);grid-template-rows:auto auto;column-gap:6px;align-items:start;padding:8px;border-radius:9px;background:var(--dpl-surface-soft)}.referral-card-foot svg{grid-row:1/3;width:14px;color:#7991aa;margin-top:2px}.referral-card-foot small,.referral-card-foot strong{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.referral-card-foot small{font-size:7.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.referral-card-foot strong{font-size:9px;color:var(--dpl-text)}.referral-outcome{display:flex;align-items:center;gap:7px;margin-top:10px;padding:8px 9px;border-radius:9px;background:#eef8f3;color:var(--dpl-success);font-size:9.5px}.referral-outcome.neutral{background:#f3f5f7;color:#657487}.referral-outcome svg{width:14px}
.referral-kpis{grid-template-columns:repeat(6,minmax(120px,1fr))}.referral-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) 190px 210px;gap:9px;padding:12px 0;border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2)}.referral-toolbar .searchbox input,.referral-toolbar .filter-select{height:40px}.referral-management-list{display:grid}.referral-card.management-card{display:grid;grid-template-columns:minmax(260px,1.5fr) minmax(150px,.7fr) minmax(165px,.7fr) auto;gap:14px;align-items:center;padding:13px 2px;border:0;border-radius:0;border-bottom:1px solid var(--line-2)}.referral-card.management-card:last-child{border-bottom:0}.referral-main{display:flex;align-items:center;gap:11px;min-width:0}.referral-main>div:last-child{min-width:0}.referral-main strong,.referral-main small,.referral-main em,.referral-context span,.referral-context small,.referral-management-status small{display:block}.referral-main strong{font-size:11.5px;color:var(--dpl-text)}.referral-main small{font-size:9.5px;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.referral-main em{font-style:normal;font-size:8.5px;color:#8d99a8;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.referral-context span{font-size:10px;font-weight:800;color:#40536b}.referral-context small{margin-top:3px;font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.referral-management-status{display:grid;justify-items:start;gap:4px}.referral-management-status small{font-size:9.5px;font-weight:800;color:var(--dpl-primary)}
.referral-empty{grid-column:1/-1;display:flex;align-items:center;gap:12px;min-height:100px;padding:18px;border:1px dashed #cfd9e4;border-radius:13px;background:#fbfcfd;color:#7d8b9d}.referral-empty>svg{width:24px;flex:0 0 auto}.referral-empty>div{flex:1}.referral-empty strong,.referral-empty span{display:block}.referral-empty strong{font-size:11.5px;color:#44566e}.referral-empty span{margin-top:3px;font-size:9.5px;line-height:1.45}.referral-empty.compact{min-height:82px;border:0;border-radius:0}.referral-empty .btn{margin-left:auto}
.referral-form-section{padding:14px 0;border-top:1px solid var(--line-2)}.referral-form-section:first-of-type{padding-top:0;border-top:0}.referral-form-title{display:flex;align-items:center;gap:9px;margin-bottom:12px}.referral-form-title>span{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#edf4f8;color:var(--dpl-secondary);font-size:10px;font-weight:900}.referral-form-title strong,.referral-form-title small{display:block}.referral-form-title strong{font-size:11px}.referral-form-title small{font-size:9px;color:var(--muted);margin-top:2px}.referral-campaign-preview{display:flex;align-items:flex-start;gap:8px;padding:10px 11px;border:1px solid #dbe5ee;border-radius:10px;background:#f7fafc;color:#607187;font-size:9.5px;line-height:1.45}.referral-campaign-preview svg{width:15px;flex:0 0 auto;color:var(--dpl-secondary)}.referral-campaign-preview strong,.referral-campaign-preview small{display:block}.referral-campaign-preview strong{color:var(--dpl-primary);font-size:10px}.referral-campaign-preview small{margin-top:3px}.field-hint{display:block;text-align:right;margin-top:4px;color:var(--muted);font-size:8px}.referral-consent{align-items:flex-start;padding:11px;border-radius:10px;background:#f8fafc;border:1px solid var(--dpl-border)}
.referral-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.referral-detail-grid>div{padding:10px;border:1px solid var(--dpl-border);border-radius:10px;background:#fbfcfd}.referral-detail-grid span,.referral-detail-grid strong{display:block}.referral-detail-grid span{font-size:8px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.referral-detail-grid strong{margin-top:4px;font-size:10.5px;color:var(--dpl-text);word-break:break-word}.referral-note{margin-top:10px;padding:11px;border-left:3px solid #c8d9e7;background:#f8fafc;border-radius:0 9px 9px 0}.referral-note span{font-size:8px;font-weight:900;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}.referral-note p{margin:5px 0 0;font-size:10px;line-height:1.55;color:#52647b}.referral-status-field{margin:13px 0}.referral-activity{margin-top:15px}.referral-activity-head span,.referral-activity-head strong{display:block}.referral-activity-head span{font-size:8px;font-weight:900;letter-spacing:.08em;color:var(--dpl-secondary)}.referral-activity-head strong{font-size:11px;margin-top:2px}.referral-activity-list{display:grid;margin-top:8px}.referral-activity-list>div:not(.soft-empty){display:grid;grid-template-columns:10px minmax(0,1fr);gap:8px;padding:8px 0;border-top:1px solid var(--line-2)}.referral-activity-list i{width:7px;height:7px;border-radius:50%;background:var(--dpl-secondary);margin-top:5px}.referral-activity-list strong,.referral-activity-list small{display:block}.referral-activity-list strong{font-size:9.5px}.referral-activity-list small{font-size:8.5px;color:var(--muted);margin-top:2px}.modal-status-note{align-self:center;margin-right:auto;color:var(--muted);font-size:9px}

@media(max-width:1100px){.referral-kpis{grid-template-columns:repeat(3,1fr)}.referral-card.management-card{grid-template-columns:minmax(240px,1.3fr) minmax(140px,.7fr) auto}.referral-management-status{grid-column:2}.referral-card.management-card>.btn{grid-column:3;grid-row:1/3}.referral-toolbar{grid-template-columns:1fr 1fr}.referral-toolbar .searchbox{grid-column:1/-1}}
@media(max-width:820px){.referral-hero{grid-template-columns:1fr}.referral-reward-box{grid-template-columns:auto 1fr;column-gap:12px;align-items:center}.referral-reward-box>span{grid-column:1/-1}.referral-reward-box>strong{margin:8px 0 0}.referral-reward-box>small{margin-top:8px}.referral-steps{grid-template-columns:1fr}.referral-employee-grid{grid-template-columns:1fr}.referral-campaign-card{grid-template-columns:38px minmax(0,1fr) auto}.referral-campaign-reward{grid-column:2;text-align:left}.referral-campaign-card>.btn{grid-column:3;grid-row:1/3}.referral-card.management-card{grid-template-columns:1fr auto;gap:10px}.referral-context,.referral-management-status{grid-column:1}.referral-card.management-card>.btn{grid-column:2;grid-row:1}.referral-main em{white-space:normal}}
@media(max-width:600px){html{scrollbar-gutter:auto}*::-webkit-scrollbar{width:5px;height:5px}.referral-hero{padding:18px}.referral-hero h2{font-size:23px}.referral-reward-box{padding:14px}.referral-card-foot{grid-template-columns:1fr}.referral-toolbar{grid-template-columns:1fr}.referral-toolbar .searchbox{grid-column:auto}.referral-toolbar .filter-select{width:100%}.referral-kpis{grid-template-columns:1fr 1fr}.referral-campaign-card{grid-template-columns:34px minmax(0,1fr)}.referral-campaign-icon{width:34px;height:34px}.referral-campaign-reward{grid-column:2}.referral-campaign-card>.btn{grid-column:1/-1;grid-row:auto;width:100%}.referral-card.management-card{grid-template-columns:1fr}.referral-card.management-card>.btn{grid-column:1;grid-row:auto;width:100%}.referral-context,.referral-management-status{grid-column:1}.referral-detail-grid{grid-template-columns:1fr}.referral-empty{align-items:flex-start;flex-wrap:wrap}.referral-empty .btn{width:100%;margin:0}.referral-list-panel,.referral-campaign-panel{padding-left:13px;padding-right:13px}.modal-status-note{width:100%;order:2;margin:0}}
@media(max-width:390px){.referral-kpis{grid-template-columns:1fr}}

@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}


/* JOBVY 3.2.0 – production/PWA/MFA/Disposition 4.0 */
.mfa-back{display:block;margin:18px auto 0}.dispatch-40-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 14px}.dispatch-40-toolbar>span{background:var(--surface,#fff);border:1px solid var(--border,#dbe3ec);padding:8px 12px;border-radius:999px;font-weight:700}.dispatch-40-toolbar>small{color:var(--text-muted,#68788d)}
.dispatch-40{display:grid;grid-template-columns:minmax(230px,.72fr) minmax(420px,1.65fr) minmax(220px,.72fr);gap:16px;align-items:start}.dispatch-40 .panel{min-width:0}.dispatch-pool .dpl-scroll-list,.dispatch-attention .dpl-scroll-list{max-height:68vh;overflow:auto}.dispatch-draggable{cursor:grab;user-select:none;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}.dispatch-draggable:active{cursor:grabbing}.dispatch-draggable.dragging{opacity:.48;transform:scale(.985)}.dispatch-shift-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dispatch-drop{border:1px solid var(--dpl-border,#dbe4ef);border-radius:14px;background:#fff;overflow:hidden;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.dispatch-drop.drag-over{border-color:var(--dpl-accent,#00a7b5);box-shadow:0 0 0 3px rgba(0,167,181,.13);transform:translateY(-1px)}.dispatch-open{width:100%;border:0;background:transparent;text-align:left;padding:15px;display:grid;gap:7px;color:inherit;cursor:pointer}.dispatch-open>span{display:flex;justify-content:space-between;gap:10px}.dispatch-open strong{font-size:15px}.dispatch-open small{color:var(--text-muted,#68788d)}.dispatch-fill{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:3px}.dispatch-fill em{font-style:normal;font-size:12px;font-weight:700;color:var(--dpl-primary,#0b2e5d);display:flex;align-items:center;gap:3px}.dispatch-fill svg{width:14px;height:14px}.dispatch-drop-hint{padding:8px 12px;border-top:1px dashed var(--dpl-border,#dbe4ef);font-size:11px;text-align:center;color:var(--text-muted,#68788d);background:#f8fafc}.dispatch-drop.drag-over .dispatch-drop-hint{background:#edfafa;color:#087c86;font-weight:800}
@media(max-width:1180px){.dispatch-40{grid-template-columns:minmax(210px,.7fr) minmax(380px,1.3fr)}.dispatch-attention{grid-column:1/-1}.dispatch-attention .dpl-scroll-list{max-height:280px}}
@media(max-width:820px){.dispatch-40{display:block}.dispatch-40>.panel{margin-bottom:14px}.dispatch-shift-grid{grid-template-columns:1fr}.dispatch-draggable{cursor:default}.dispatch-drop-hint{display:none}}
@media(max-width:520px){.dispatch-40-toolbar{align-items:stretch}.dispatch-40-toolbar>*{width:100%;box-sizing:border-box}.dispatch-open{padding:13px}.dispatch-fill{align-items:flex-start;flex-direction:column}.login-card{max-width:100%}}


/* JOBVY 3.3.0 – Smart GPS Geofencing */
.gps-privacy-banner,.gps-privacy-mini{display:flex;gap:12px;align-items:flex-start;border:1px solid rgba(11,46,93,.14);background:linear-gradient(135deg,rgba(11,46,93,.055),rgba(44,132,180,.055));border-radius:14px;padding:14px 16px;color:var(--dpl-text,#162338)}
.gps-privacy-banner{margin:0 0 18px}.gps-privacy-banner svg,.gps-privacy-mini svg{width:22px;height:22px;flex:0 0 auto;color:var(--dpl-primary,#0b2e5d)}.gps-privacy-banner div,.gps-privacy-mini span{display:grid;gap:3px}.gps-privacy-banner strong{font-size:14px}.gps-privacy-banner span,.gps-privacy-mini span{font-size:12px;line-height:1.45;color:var(--dpl-text-muted,#667085)}
.gps-admin-grid{align-items:start}.gps-location-list,.gps-check-list{display:grid;gap:9px}.gps-location-list article,.gps-check-list article{display:flex;align-items:center;gap:12px;padding:12px 2px;border-bottom:1px solid var(--dpl-border,#e5e9ef)}.gps-location-list article:last-child,.gps-check-list article:last-child{border-bottom:0}.gps-location-list article>div:nth-child(2),.gps-check-list article>div{min-width:0;flex:1;display:grid;gap:3px}.gps-location-list strong,.gps-check-list strong{font-size:13px}.gps-location-list small,.gps-check-list small,.gps-location-list span,.gps-check-list span,.gps-check-list em{font-size:11px;color:var(--dpl-text-muted,#667085)}.gps-check-list em{font-style:normal;background:#f7f8fa;border-radius:8px;padding:5px 7px;margin-top:2px}.gps-location-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#f1f3f6;color:#7b8494}.gps-location-icon.on{background:rgba(16,185,129,.1);color:#0f8a62}.gps-location-icon svg{width:20px;height:20px}
.gps-status{display:flex;gap:11px;align-items:flex-start;padding:12px 14px;border-radius:12px;border:1px solid var(--dpl-border,#e5e9ef);background:#f8fafc}.gps-status svg{width:21px;height:21px;flex:0 0 auto}.gps-status>div{display:grid;gap:2px}.gps-status strong{font-size:13px}.gps-status span{font-size:11px;line-height:1.45;color:var(--dpl-text-muted,#667085)}.gps-status.success{border-color:rgba(16,185,129,.28);background:rgba(16,185,129,.07);color:#087253}.gps-status.warning{border-color:rgba(245,158,11,.32);background:rgba(245,158,11,.08);color:#9a5b00}.gps-status.boundary{border-color:rgba(245,158,11,.38);background:linear-gradient(135deg,rgba(245,158,11,.10),rgba(255,248,231,.88));color:#8f5600}.gps-status.danger{border-color:rgba(212,75,85,.30);background:rgba(212,75,85,.065);color:#aa3039}.gps-status.neutral{color:var(--dpl-primary,#0b2e5d)}
.field-help{display:block;margin-top:6px;color:var(--dpl-text-muted,#667085);font-size:11px}
@media(max-width:760px){.gps-admin-grid{grid-template-columns:1fr!important}.gps-location-list article,.gps-check-list article{align-items:flex-start;flex-wrap:wrap}.gps-location-list article .btn,.gps-check-list article .btn{margin-left:50px}.gps-privacy-banner{padding:12px}.gps-status{padding:11px}.modal-foot #employeeGpsCheck{order:-1;width:100%}}

/* JOBVY GPS Guard / Review Styles */
.gps-review-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:14px}.gps-review-metrics>div,.gps-review-details>div{padding:11px 12px;border:1px solid var(--dpl-border,#e5e9ef);border-radius:11px;background:#f8fafc;min-width:0}.gps-review-metrics span,.gps-review-details span{display:block;color:var(--dpl-text-muted,#667085);font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.04em}.gps-review-metrics strong,.gps-review-details strong{display:block;margin-top:4px;color:var(--dpl-text,#172033);font-size:12.5px;line-height:1.4;overflow-wrap:anywhere}.gps-review-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:12px}.gps-check-list article>.badge{flex:0 0 auto;white-space:nowrap}
@media(max-width:760px){.gps-review-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.gps-review-details{grid-template-columns:1fr}.gps-check-list article>.badge{margin-right:4px}.gps-check-list article .btn{margin-left:0!important;width:100%}}


/* JOBVY 3.3.5 – Precision GPS + boundary classification */
.gps-status.measuring{border-color:rgba(44,132,180,.30);background:linear-gradient(135deg,rgba(44,132,180,.08),rgba(11,46,93,.045));color:var(--dpl-primary,#0b2e5d)}
.gps-status.measuring>div{width:100%}.gps-status.measuring small{display:block;margin-top:6px;color:var(--dpl-text-muted,#667085);font-size:10.5px;line-height:1.4}
.gps-measure-progress{height:5px;width:100%;margin-top:9px;border-radius:999px;background:rgba(11,46,93,.10);overflow:hidden}.gps-measure-progress i{display:block;height:100%;min-width:8%;border-radius:inherit;background:linear-gradient(90deg,var(--dpl-primary,#0b2e5d),var(--dpl-secondary,#2c84b4));transition:width .28s ease}
@media(max-width:760px){.gps-status.measuring small{font-size:10px}.gps-measure-progress{height:4px}}
@media(prefers-reduced-motion:reduce){.gps-measure-progress i{transition:none}}


/* JOBVY 3.4.0 – Pilot Control Center */
.pilot-status{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;margin:0 0 18px;border:1px solid var(--line,#dfe6ee);border-radius:16px;background:var(--surface,#fff)}
.pilot-status strong{font-size:12px;letter-spacing:.12em}.pilot-status span{font-size:13px;opacity:.72}.pilot-status.active strong{font-weight:800}.pilot-table{display:grid}.pilot-row{display:grid;grid-template-columns:1.15fr 1.6fr .65fr .75fr;gap:14px;align-items:center;padding:14px 16px;border-top:1px solid var(--line,#e5eaf0)}.pilot-row.head{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.65;border-top:0}.pilot-row span{min-width:0}.pilot-row span strong,.pilot-row span small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pilot-row span small{margin-top:3px;opacity:.65}@media(max-width:800px){.pilot-row{grid-template-columns:1fr 1fr}.pilot-row.head{display:none}.pilot-row>span:nth-child(3),.pilot-row>span:nth-child(4){justify-self:start}}

/* JOBVY 3.4.1 – Pilot Test & Validation */
.pilot-validation{display:grid;gap:0}.pilot-check{display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center;padding:14px 16px;border-top:1px solid var(--line,#e5eaf0)}.pilot-check:first-child{border-top:0}.pilot-check span strong,.pilot-check span small{display:block}.pilot-check span small{margin-top:3px;opacity:.68}.pilot-check em{font-style:normal;font-size:11px;font-weight:800;letter-spacing:.06em}.pilot-check-dot{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:1px solid currentColor}.pilot-check-dot.passed{opacity:.9}.pilot-check-dot.warning{opacity:.75}.pilot-check-dot.failed{font-weight:900}@media(max-width:650px){.pilot-check{grid-template-columns:32px 1fr}.pilot-check em{grid-column:2}}

/* JOBVY 3.5.5 */
.pilot-incident-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.pilot-incident-actions small{color:#64748b;margin-right:4px}@media(max-width:900px){.pilot-incident-actions{justify-content:flex-start}}

/* JOBVY 3.5.6 – Live Pilot Launch Center */

/* JOBVY 3.5.7 – Employee & Customer Pilot Experience */
.pilot-experience-banner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;margin:0 0 16px;padding:16px 18px;border:1px solid #dce7f5;border-radius:18px;background:linear-gradient(135deg,#f7fbff,#f7fffc);box-shadow:var(--shadow-soft)}
.pilot-experience-banner.employee{background:linear-gradient(135deg,#f4f8ff,#f4fffb)}.pilot-experience-banner.customer{background:linear-gradient(135deg,#f7f9ff,#f4faff)}
.pilot-experience-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#fff;border:1px solid #dce7f5;color:#2d68c8}.pilot-experience-icon svg{width:21px;height:21px}
.pilot-experience-banner div:nth-child(2){display:grid;gap:3px}.pilot-experience-banner span{font-size:9px;font-weight:900;letter-spacing:.11em;color:#66809f}.pilot-experience-banner strong{font-size:14px;color:#1d3555}.pilot-experience-banner small{font-size:10px;color:#73839a;line-height:1.45}
@media(max-width:760px){.pilot-experience-banner{grid-template-columns:auto 1fr}.pilot-experience-banner>.btn{grid-column:1/-1;width:100%}}

/* JOBVY 3.5.8 – Pilot Onboarding & First-Day Assistant */
.onboarding-modal{max-width:560px;padding:28px;border-radius:24px}.onboarding-progress{height:6px;background:#e8eef6;border-radius:999px;overflow:hidden;margin-bottom:24px}.onboarding-progress span{display:block;height:100%;background:linear-gradient(90deg,#164b8f,#2f80ed);border-radius:inherit;transition:width .25s ease}.onboarding-badge{font-size:10px;font-weight:900;letter-spacing:.12em;color:#54708f;margin-bottom:10px}.onboarding-modal h2{font-size:26px;margin:0 0 10px;color:#18324f}.onboarding-modal>p{font-size:14px;line-height:1.65;color:#65788e;margin:0 0 18px}.onboarding-info{padding:14px 16px;border:1px solid #dce7f5;border-radius:14px;background:#f7fbff;color:#536b85;font-size:12px;line-height:1.55;margin:16px 0}.onboarding-modal .modal-actions{margin-top:24px;display:flex;justify-content:flex-end;gap:10px}@media(max-width:640px){.onboarding-modal{margin:14px;padding:22px}.onboarding-modal h2{font-size:22px}.onboarding-modal .modal-actions{flex-direction:column-reverse}.onboarding-modal .btn{width:100%}}

/* JOBVY 3.5.9 – Pilot Admin Setup Wizard */
.pilot-wizard-steps{display:grid;gap:9px;margin-top:14px}.pilot-wizard-step{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid #e1e9f3;border-radius:14px;background:#fff}.pilot-wizard-step>b{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#edf3fa;color:#335a82;font-size:13px}.pilot-wizard-step.passed>b{background:#dff8ef;color:#11865e}.pilot-wizard-step.failed>b{background:#fff0ef;color:#c84943}.pilot-wizard-step.warning>b{background:#fff7df;color:#a06c00}.pilot-wizard-step span strong,.pilot-wizard-step span small{display:block}.pilot-wizard-step span strong{font-size:13px;color:#26364f}.pilot-wizard-step span small{margin-top:3px;font-size:11px;color:#7c8ca0}.pilot-wizard-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}@media(max-width:700px){.pilot-wizard-step{grid-template-columns:34px 1fr}.pilot-wizard-step button{grid-column:1/-1;width:100%}.pilot-wizard-actions .btn{width:100%}}

/* JOBVY 3.7.0 Intelligence Engine */
.intelligence-hero{margin-bottom:18px}.intelligence-rules{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.intelligence-rules>div{padding:18px;border:1px solid var(--line,#dfe5ec);border-radius:16px;background:var(--card,#fff);display:flex;flex-direction:column;gap:4px}.intelligence-rules strong{font-size:28px}.intelligence-rules span{font-size:12px;opacity:.72}@media(max-width:900px){.intelligence-rules{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* JOBVY Assist 1.0 */
.assist-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.assist-suggestions button{border:1px solid var(--line,#dfe5ec);background:var(--card,#fff);border-radius:999px;padding:9px 12px;cursor:pointer}.assist-form{display:flex;gap:10px}.assist-form input{flex:1;min-width:0;padding:13px 14px;border:1px solid var(--line,#dfe5ec);border-radius:12px}.assist-result{margin:16px 0}.assist-answer{padding:16px;border-radius:14px;background:rgba(20,77,120,.06);display:flex;flex-direction:column;gap:6px}.assist-answer span{font-size:11px;opacity:.65;text-transform:uppercase}.assist-cards{display:grid;gap:9px;margin-top:10px}.assist-card{text-align:left;border:1px solid var(--line,#dfe5ec);border-radius:14px;background:var(--card,#fff);padding:13px;display:grid;gap:4px;cursor:pointer}.assist-card.critical{border-left:4px solid #b42318}.assist-card.high{border-left:4px solid #dc6803}.assist-card em{font-style:normal;font-size:12px;font-weight:700;margin-top:4px}

/* 3.7.6 Learning Engine */
.match-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.match-actions .btn{white-space:nowrap}

/* 3.7.7 Safety & Explainability */
.safety-factor-list{display:grid;gap:10px}.safety-factor-list>div{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:12px;border:1px solid var(--line,#dfe5eb);border-radius:12px}.safety-factor-list small{grid-column:1/-1;color:var(--muted,#667085)}


/* ========================================================================== */
/* JOBVY 10.1 — LIVE DESIGN INTEGRATION                                  */
/* Applied to the ACTUAL JOBVY.js runtime, not separate demo HTML pages.      */
/* ========================================================================== */
:root{--wf-navy:#102d49;--wf-navy2:#0b2138;--wf-blue:#1268e8;--wf-bg:#f3f7fa;--wf-line:#dce7ee;--wf-text:#15324b;--wf-muted:#71879a;--wf-green:#12a46f}
body{background:var(--wf-bg);color:var(--wf-text)}
.boot-screen{background:#f5f9fd}.boot-card{border-radius:20px;box-shadow:0 20px 60px rgba(16,45,73,.12)}
.sidebar{background:linear-gradient(180deg,#102d49 0%,#0a2138 100%)!important;border-right:0!important;box-shadow:10px 0 30px rgba(8,31,52,.08)}
.side-brand{padding:18px 16px 22px!important}.side-brand img{width:34px!important;height:34px!important;border-radius:9px!important}.side-brand strong{font-size:14px!important;color:#fff!important}.side-brand span{color:#91aac0!important}
.nav-section-label{color:#6f8ca6!important}.nav-item{border-radius:9px!important;color:#c8d7e4!important}.nav-item:hover{background:#173d61!important;color:#fff!important}.nav-item.active{background:#1c4b77!important;color:#fff!important;box-shadow:inset 3px 0 0 #49a0ff!important}
.profile-mini{background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:13px!important;margin:10px!important}
.topbar{background:rgba(255,255,255,.94)!important;backdrop-filter:blur(12px);border-bottom:1px solid #e3ebf1!important}.crumb{color:#758a9c!important}.page-name{color:#173650!important;font-weight:800!important}
.content{background:#f3f7fa!important}.content-inner{max-width:1500px!important}.page-head{margin-bottom:18px!important}.page-head h1{font-size:27px!important;color:#15324b!important}.overline{color:#3c77bb!important}
.stat-card,.panel,.record-card,.dashboard-card,.data-card,.table-card,.control-card{border-color:#dce7ee!important;border-radius:14px!important;box-shadow:0 5px 18px rgba(23,54,80,.045)!important}
.btn-primary{background:#1268e8!important;border-color:#1268e8!important;box-shadow:none!important}.badge,.status-badge{border-radius:20px!important}
.toolbar,.segment-row{border-color:#dce7ee!important;box-shadow:none!important}

/* PUBLIC LANDING — this is now the real unauthenticated index */
.wf-public{min-height:100vh;background:linear-gradient(135deg,#fbfdff 0%,#eef6ff 56%,#fff 100%);color:#102d49}
.wf-public-nav{height:76px;max-width:1280px;margin:auto;padding:0 26px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.wf-logo{border:0;background:none;display:flex;align-items:center;gap:9px;font-size:20px;color:#102d49;cursor:pointer}.wf-logo span,.wf-brand-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#1268e8;color:#fff;font-weight:900}.wf-public-nav nav{display:flex;gap:30px;font-size:13px;font-weight:650}.wf-public-nav nav a:hover{color:#1268e8}.wf-public-actions,.wf-hero-actions{display:flex;gap:10px}
.wf-btn{border:1px solid #d5e2ec;border-radius:9px;padding:10px 15px;font-weight:800;background:#fff;color:#21445f;cursor:pointer}.wf-btn.primary{background:#1268e8;border-color:#1268e8;color:#fff;box-shadow:0 9px 20px rgba(18,104,232,.18)}.wf-btn.ghost:hover{background:#f2f7fb}.wf-btn.big{padding:13px 20px}
.wf-hero{max-width:1280px;margin:55px auto 0;padding:0 26px 65px;display:grid;grid-template-columns:1.03fr .97fr;gap:55px;align-items:center}.wf-kicker{font-size:11px;font-weight:900;letter-spacing:.12em;color:#55728c}.wf-hero h1{font-size:59px;line-height:1.03;letter-spacing:-.045em;margin:17px 0;color:#10264a}.wf-hero h1 em{font-style:normal;color:#1268e8}.wf-hero-copy>p{font-size:18px;line-height:1.65;color:#3e5a70;max-width:650px}.wf-checks{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:25px;color:#385a74;font-size:13px}.wf-checks span:First-letter{color:#1268e8}
.wf-hero-art{height:470px;border-radius:42px;background:radial-gradient(circle at 50% 40%,#fff 0,#e7f2ff 45%,#d9ebff 100%);position:relative;overflow:hidden;border:1px solid #d6e6f5;box-shadow:0 30px 70px rgba(34,83,128,.12)}.wf-person{position:absolute;width:235px;height:300px;border-radius:120px 120px 30px 30px;left:50%;bottom:-15px;transform:translateX(-50%);background:linear-gradient(145deg,#183a5a,#0c2238);color:#fff;display:grid;place-items:center;font-size:92px;font-weight:900;box-shadow:0 25px 50px rgba(16,45,73,.25)}.wf-person:before{content:"";position:absolute;width:118px;height:118px;border-radius:50%;background:#f0c6aa;top:-62px;left:58px;border:9px solid #25394a}
.wf-float{position:absolute;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e4edf4;border-radius:14px;padding:13px 15px;box-shadow:0 15px 40px rgba(25,61,95,.15)}.wf-float i{width:34px;height:34px;border-radius:10px;background:#e9f8f2;color:#12a46f;display:grid;place-items:center;font-style:normal}.wf-float b,.wf-float small{display:block}.wf-float b{font-size:12px}.wf-float small{color:#8092a2;font-size:10px;margin-top:3px}.wf-float.one{top:68px;left:20px}.wf-float.two{right:18px;top:190px}.wf-float.three{left:48px;bottom:48px}
.wf-role-section{padding:70px 26px 85px;background:#fff}.wf-section-head{text-align:center;max-width:760px;margin:auto}.wf-section-head span{font-size:11px;font-weight:900;letter-spacing:.12em;color:#1268e8}.wf-section-head h2{font-size:37px;letter-spacing:-.035em;margin:10px 0 35px}.wf-role-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.wf-role-grid article{border:1px solid #dde8ef;border-radius:17px;padding:22px;background:#fbfdff;transition:.18s}.wf-role-grid article:hover{transform:translateY(-3px);box-shadow:0 16px 35px rgba(26,63,96,.09)}.wf-role-grid article div{width:42px;height:42px;border-radius:12px;background:#eaf3ff;color:#1268e8;display:grid;place-items:center;font-weight:900;margin-bottom:16px}.wf-role-grid article b{font-size:15px}.wf-role-grid article p{font-size:12px;line-height:1.55;color:#71879a}
.wf-platform-strip{max-width:1200px;margin:50px auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:25px;background:#102d49;color:#fff;padding:28px 32px;border-radius:19px}.wf-platform-strip span{color:#aec2d2}.wf-footer{border-top:1px solid #dce7ee;padding:32px max(26px,calc((100vw - 1200px)/2));display:flex;justify-content:space-between;color:#71879a;background:#fff}.wf-footer b{color:#102d49}

/* LIVE LOGIN */
.wf-login-live{background:#fff!important}.wf-login-live .login-brand{background:linear-gradient(145deg,#0c2a47 0%,#07589f 100%)!important;position:relative;overflow:hidden}.wf-login-live .login-brand:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;border:1px solid rgba(255,255,255,.1);right:-260px;bottom:-260px;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.018)}.wf-brand-mark img{display:none}.wf-brand-mark{position:relative;z-index:2}.wf-brand-icon{display:grid!important}.wf-back-home{position:absolute;top:26px;right:30px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#fff;border-radius:9px;padding:8px 11px;cursor:pointer;z-index:3}.wf-login-live .login-story,.wf-login-live .login-foot{position:relative;z-index:2}.wf-login-live .login-card{border:1px solid #dce7ee!important;box-shadow:0 22px 65px rgba(16,45,73,.10)!important;border-radius:18px!important}.wf-login-live .login-button{background:#1268e8!important;border-radius:9px!important}

/* dashboard polish for existing real role-specific renderers */
.hero-grid,.dashboard-grid,.control-grid{gap:13px!important}.hero-card,.stat-card{background:#fff!important;border:1px solid #dce7ee!important}.stat-value{color:#15324b!important}.table-wrap table thead th{background:#f8fafc!important;color:#647d91!important}.table-wrap table tbody tr:hover{background:#f6faff!important}
@media(max-width:900px){.wf-public-nav nav{display:none}.wf-hero{grid-template-columns:1fr;margin-top:30px}.wf-hero h1{font-size:43px}.wf-hero-art{height:350px}.wf-role-grid{grid-template-columns:1fr 1fr}.wf-platform-strip{margin:25px 16px;grid-template-columns:1fr}.wf-footer{gap:15px;flex-direction:column}}
@media(max-width:560px){.wf-public-actions .primary{display:none}.wf-hero h1{font-size:37px}.wf-checks,.wf-role-grid{grid-template-columns:1fr}.wf-hero-art{height:310px}.wf-float{transform:scale(.82)}.wf-float.two{right:-10px}.wf-float.three{left:5px}.wf-section-head h2{font-size:29px}}

/* JOBVY 11.0 PRODUCT WEBSITE + INTERACTIVE SAFE DEMO */
.wf-site{min-height:100vh;background:#f6f8fc;color:#14213d}.wf-topnote{height:44px;background:#fff;display:flex;justify-content:center;gap:90px;align-items:center;font-size:12px;border-bottom:1px solid #edf0f5}.wf-site-nav{position:sticky;top:0;z-index:50;max-width:1450px;margin:18px auto 0;height:76px;background:#fff;border:1px solid #e4e9f1;border-radius:18px;display:flex;align-items:center;padding:0 26px;box-shadow:0 15px 45px #14213d10}.wf-site-logo{display:flex;align-items:center;gap:9px;border:0;background:none;font-size:24px;color:#172044}.wf-site-logo span,.wf-footer-logo{width:34px;height:34px;border-radius:10px;background:#2459e0;color:#fff;display:inline-grid;place-items:center;font-weight:900}.wf-site-nav nav{display:flex;gap:6px;margin-left:55px}.wf-site-nav nav button,.wf-link-btn{border:0;background:none;padding:12px 14px;color:#68728e;font-weight:700;cursor:pointer}.wf-site-nav nav button:hover{color:#172044}.wf-site-actions{margin-left:auto;display:flex;align-items:center;gap:6px}.wf-pill-btn,.wf-outline-btn{border-radius:999px;padding:11px 18px;font-weight:800;cursor:pointer}.wf-pill-btn{border:1px solid #1b1a55;background:#1b1a55;color:#fff}.wf-outline-btn{border:1px solid #cfd6e3;background:#fff;color:#172044}.wf-pill-btn.xl,.wf-outline-btn.xl{padding:14px 22px}.wf-mega{display:none;position:absolute;left:0;right:0;top:88px;background:#fff;border:1px solid #e1e6ef;border-radius:18px;padding:30px 36px;box-shadow:0 30px 80px #17204424}.wf-mega.open{display:block}.wf-mega-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:38px}.wf-mega-grid h4{font-size:17px;margin:0 0 18px}.wf-mega-grid b{display:block;margin-bottom:10px}.wf-mega-grid a{display:block;padding:5px 0;color:#8088a3;font-size:13px;cursor:pointer}.wf-mega-grid a:hover{color:#2459e0}.wf-mega-res article{border-left:1px solid #edf0f5;padding-left:25px}.wf-resource-art{height:95px;border-radius:12px;background:linear-gradient(135deg,#dce7ff,#f1e7ff);display:grid;place-items:center;font-size:30px;font-weight:900;color:#2459e0;margin-bottom:12px}.wf-mega-res p{font-size:12px;color:#7b849c}.wf-site-hero{max-width:1450px;margin:-94px auto 0;padding:205px 50px 100px;min-height:760px;background:linear-gradient(135deg,#dce5fb 0%,#b9c8e8 55%,#d7def2 100%);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;border-radius:0 0 32px 32px;overflow:hidden}.wf-label,.wf-section-title>span,.wf-demo-band>div>span,.wf-final-cta>span{font-size:11px;letter-spacing:.13em;font-weight:900;color:#2459e0}.wf-site-hero h1{font-size:62px;line-height:1.02;letter-spacing:-.05em;margin:18px 0;color:#151947}.wf-site-hero h1 em{font-style:normal;color:#2459e0}.wf-site-hero-copy>p{font-size:18px;line-height:1.65;color:#3c4b68;max-width:680px}.wf-site-cta{display:flex;gap:10px;margin:28px 0}.wf-proof{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:#44526b}.wf-site-hero-stage{height:480px;position:relative}.wf-stage-glow{position:absolute;inset:30px;border-radius:50%;background:#ffffff80;filter:blur(40px)}.wf-ui-window{position:absolute;left:7%;right:4%;top:55px;height:335px;background:#fff;border-radius:19px;box-shadow:0 35px 70px #1a2e5725;display:grid;grid-template-columns:62px 1fr;overflow:hidden;transform:rotate(-2deg)}.wf-ui-side{background:#132b49;padding:18px 15px;display:flex;flex-direction:column;gap:18px}.wf-ui-side b{background:#2459e0;color:#fff;border-radius:8px;height:32px;display:grid;place-items:center}.wf-ui-side i{height:7px;background:#ffffff35;border-radius:4px}.wf-ui-main{padding:28px}.wf-ui-main small{color:#7d8ba0}.wf-ui-main h3{font-size:22px;margin:5px 0 20px}.wf-mini-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.wf-mini-kpis span{background:#f6f8fc;padding:13px;border-radius:11px}.wf-mini-kpis b,.wf-mini-kpis small{display:block}.wf-mini-kpis b{font-size:20px}.wf-ui-chart{height:120px;display:flex;align-items:flex-end;gap:12px;margin-top:20px}.wf-ui-chart i{flex:1;background:linear-gradient(#6c8ff0,#2459e0);border-radius:5px 5px 0 0}.wf-stage-card{position:absolute;background:#fff;border-radius:13px;padding:13px 16px;box-shadow:0 18px 40px #17204425}.wf-stage-card b,.wf-stage-card small{display:block}.wf-stage-card b{font-size:12px}.wf-stage-card small{font-size:10px;color:#8992a6;margin-top:4px}.wf-stage-card.c1{left:0;top:15px}.wf-stage-card.c2{right:-5px;top:205px}.wf-stage-card.c3{left:80px;bottom:15px}.wf-trust{background:#fff;padding:32px;text-align:center;border-bottom:1px solid #e7eaf1}.wf-trust>span{color:#8b93a5;font-size:12px}.wf-trust>div{display:flex;justify-content:center;gap:55px;margin-top:20px;color:#68728b;font-size:12px}.wf-section{padding:100px max(28px,calc((100vw - 1280px)/2));background:#fff}.wf-section-title{max-width:820px;margin:0 auto 45px;text-align:center}.wf-section-title h2{font-size:43px;line-height:1.08;letter-spacing:-.04em;margin:12px 0}.wf-section-title p{color:#6f7890;line-height:1.6}.wf-dimensions{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.wf-dimensions article{padding:28px;border:1px solid #e1e6ef;border-radius:18px;background:#fbfcfe}.wf-dimensions i{font-style:normal;color:#2459e0;font-weight:900}.wf-dimensions h3{font-size:32px;margin:16px 0 4px}.wf-dimensions p{color:#778198;line-height:1.55}.wf-dark-section{padding:100px max(28px,calc((100vw - 1280px)/2));background:#111d31}.wf-section-title.light h2{color:#fff}.wf-section-title.light>span{color:#78a0ff}.wf-module-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.wf-module-grid article{background:#17273f;border:1px solid #263a57;border-radius:15px;padding:20px;color:#fff;min-height:190px}.wf-module-grid i{font-style:normal;width:38px;height:38px;border-radius:10px;background:#2459e0;display:grid;place-items:center}.wf-module-grid h3{font-size:15px;margin:16px 0 7px}.wf-module-grid p{font-size:12px;line-height:1.5;color:#a9b8ca}.wf-module-grid button{border:0;background:none;color:#8bb0ff;font-size:11px;padding:0;cursor:pointer}.wf-role-tabs{display:flex;justify-content:center;gap:8px;margin-bottom:22px}.wf-role-tabs button{border:1px solid #dce2ec;background:#fff;border-radius:999px;padding:9px 15px;cursor:pointer}.wf-role-tabs button.active{background:#1b1a55;color:#fff;border-color:#1b1a55}.wf-role-preview{max-width:1050px;margin:auto}.wf-role-ui{height:410px;border:1px solid #dfe5ee;border-radius:19px;overflow:hidden;display:grid;grid-template-columns:190px 1fr;box-shadow:0 24px 55px #17204412}.wf-role-ui aside{background:#132b49;color:#c6d2df;padding:24px;display:flex;flex-direction:column;gap:18px}.wf-role-ui aside b{font-size:24px;color:#fff}.wf-role-ui main{padding:38px;background:#f7f9fc}.wf-role-ui main>small{color:#2459e0;font-weight:900}.wf-role-ui main h3{font-size:28px;margin:6px 0 22px}.wf-role-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.wf-role-kpis i{background:#fff;border:1px solid #e1e6ee;padding:18px;border-radius:13px;font-style:normal}.wf-role-kpis b{font-size:18px}.wf-role-ui main p{color:#738097;margin:25px 0}.wf-demo-band{padding:65px max(28px,calc((100vw - 1200px)/2));background:#dfe8fb;display:grid;grid-template-columns:1fr auto;align-items:center;gap:50px}.wf-demo-band h2{font-size:38px;margin:8px 0}.wf-demo-band p{max-width:800px;color:#56657c;line-height:1.6}.wf-pricing{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.wf-pricing article{position:relative;border:1px solid #dfe5ee;border-radius:18px;padding:25px;background:#fff}.wf-pricing article.featured{border:2px solid #2459e0;box-shadow:0 20px 50px #2459e01c}.wf-pricing article>span{font-size:11px;font-weight:900;color:#2459e0}.wf-pricing h3{font-size:32px;margin:13px 0}.wf-pricing h3 small{font-size:12px;color:#8490a3}.wf-pricing p,.wf-pricing li{font-size:12px;color:#758096;line-height:1.6}.wf-pricing ul{padding-left:18px;min-height:150px}.wf-popular{position:absolute;right:15px;top:15px;font-size:9px;background:#e9efff;color:#2459e0;border-radius:999px;padding:5px 8px;font-weight:900}.wf-final-cta{text-align:center;background:#14184a;color:#fff;padding:100px 25px}.wf-final-cta>span{color:#8baaff}.wf-final-cta h2{font-size:52px;line-height:1.05;margin:14px 0}.wf-final-cta p{color:#b7c0d1}.wf-site-footer{padding:60px max(28px,calc((100vw - 1280px)/2));display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;background:#0e1727;color:#b7c1d0}.wf-site-footer>div{display:flex;flex-direction:column;gap:9px}.wf-site-footer b{color:#fff}.wf-site-footer a,.wf-site-footer p{font-size:12px}

/* SAFE INTERACTIVE DEMO */
.wf-demo-shell{min-height:100vh;background:#f4f7fb;display:grid;grid-template-columns:230px 1fr;color:#17324b}.wf-demo-side{background:#102b48;color:#cad8e5;padding:20px 13px;display:flex;flex-direction:column}.wf-demo-logo{display:flex;align-items:center;gap:9px;color:#fff;font-size:19px;padding:3px 8px 20px}.wf-demo-logo span{width:31px;height:31px;border-radius:8px;background:#2459e0;display:grid;place-items:center;font-weight:900}.wf-demo-badge{font-size:9px;letter-spacing:.12em;background:#173c62;border:1px solid #28537b;padding:7px 9px;border-radius:7px;margin:0 8px 15px;color:#8eb8e1}.wf-demo-side nav{display:flex;flex-direction:column;gap:3px}.wf-demo-side nav button,.wf-demo-exit button{border:0;background:none;color:#c6d5e2;text-align:left;padding:11px 12px;border-radius:8px;cursor:pointer}.wf-demo-side nav button:hover,.wf-demo-side nav button.active{background:#1a466f;color:#fff}.wf-demo-exit{margin-top:auto;border-top:1px solid #ffffff18;padding-top:10px}.wf-demo-main{padding:25px}.wf-demo-main>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.wf-demo-main header small{color:#73879a}.wf-demo-main header h2{margin:4px 0;font-size:27px}.wf-demo-role{display:flex;align-items:center;gap:9px;font-size:12px}.wf-demo-role select{padding:9px 12px;border:1px solid #d9e2ea;border-radius:8px;background:#fff}.wf-demo-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.wf-demo-kpis article,.wf-demo-panel{background:#fff;border:1px solid #dce6ed;border-radius:14px;padding:17px;box-shadow:0 5px 18px #1736500b}.wf-demo-kpis small,.wf-demo-kpis b,.wf-demo-kpis span{display:block}.wf-demo-kpis b{font-size:26px;margin:5px 0}.wf-demo-kpis span{font-size:10px;color:#7990a2}.wf-demo-grid{display:grid;grid-template-columns:1.5fr .65fr;gap:12px;margin-top:12px}.wf-panel-head{display:flex;justify-content:space-between;align-items:center}.wf-demo-row{display:grid;grid-template-columns:1.2fr 1.3fr .8fr .8fr auto;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid #e8eef2;font-size:12px}.wf-row-action{border:1px solid #d8e2ea;background:#fff;border-radius:7px;padding:6px 9px;cursor:pointer}.wf-demo-action{width:100%;text-align:left;border:1px solid #e0e8ee;background:#f8fafc;border-radius:9px;padding:11px;margin:5px 0;cursor:pointer}.wf-demo-info{background:#eef5ff;color:#52708b;border-radius:9px;padding:12px;font-size:11px;line-height:1.5;margin-top:15px}.wf-toast{position:fixed;right:25px;bottom:25px;background:#102b48;color:#fff;border-radius:10px;padding:12px 16px;transform:translateY(80px);opacity:0;transition:.2s;z-index:100}.wf-toast.show{transform:none;opacity:1}.wf-demo-modal{position:fixed;inset:0;background:#0b1e3188;z-index:200;display:grid;place-items:center}.wf-demo-modal form{width:min(430px,90vw);background:#fff;border-radius:16px;padding:24px}.wf-demo-modal label{display:block;font-size:12px;margin-top:12px}.wf-demo-modal input,.wf-demo-modal textarea{width:100%;padding:10px;border:1px solid #d9e2ea;border-radius:8px;margin-top:5px}.wf-demo-modal textarea{height:90px}.wf-demo-modal form>div{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}
@media(max-width:1050px){.wf-site-nav nav{display:none}.wf-site-hero{grid-template-columns:1fr;padding-top:190px}.wf-module-grid{grid-template-columns:repeat(2,1fr)}.wf-pricing{grid-template-columns:1fr 1fr}.wf-demo-band{grid-template-columns:1fr}.wf-demo-shell{grid-template-columns:1fr}.wf-demo-side{display:none}.wf-demo-grid{grid-template-columns:1fr}}
@media(max-width:650px){.wf-topnote{display:none}.wf-site-nav{margin:0;border-radius:0}.wf-site-hero{margin-top:-76px;padding:160px 22px 65px}.wf-site-hero h1{font-size:42px}.wf-site-hero-stage{height:340px}.wf-ui-window{left:0;right:0}.wf-trust>div{gap:15px;flex-wrap:wrap}.wf-dimensions,.wf-module-grid,.wf-pricing{grid-template-columns:1fr}.wf-section-title h2{font-size:32px}.wf-role-tabs{overflow:auto;justify-content:flex-start}.wf-role-ui{grid-template-columns:1fr;height:auto}.wf-role-ui aside{display:none}.wf-role-kpis,.wf-demo-kpis{grid-template-columns:1fr 1fr}.wf-site-footer{grid-template-columns:1fr 1fr}.wf-demo-row{grid-template-columns:1fr 1fr}.wf-demo-row>*:nth-child(3),.wf-demo-row>*:nth-child(4){display:none}}

/* JOBVY 11.1 — FUNCTIONAL PUBLIC SUBPAGES */
.wf-subpage{min-height:100vh;background:#fff;color:#14213d}.wf-subnav{height:76px;max-width:1400px;margin:auto;padding:0 25px;display:flex;align-items:center;border-bottom:1px solid #e7ebf1}.wf-subnav nav{display:flex;gap:3px;margin-left:55px}.wf-subnav nav button{border:0;background:none;padding:10px 12px;color:#6f7890;font-weight:700;cursor:pointer}.wf-subnav>div{margin-left:auto;display:flex;gap:5px}.wf-subhero{min-height:600px;background:linear-gradient(135deg,#eef3ff,#dce6fa);display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:70px max(30px,calc((100vw - 1250px)/2));gap:70px}.wf-subhero>div>span,.wf-subflow>div>span{font-size:11px;font-weight:900;letter-spacing:.13em;color:#2459e0}.wf-subhero h1{font-size:58px;line-height:1.04;letter-spacing:-.045em;margin:13px 0}.wf-subhero p{font-size:21px;line-height:1.4;max-width:620px}.wf-subhero small{display:block;font-size:14px;line-height:1.65;color:#63718a;max-width:650px;margin:18px 0 27px}.wf-subhero>div>div{display:flex;gap:9px}.wf-submock{background:#fff;border-radius:20px;padding:25px;box-shadow:0 30px 70px #1720441f;transform:rotate(1.5deg)}.wf-submock-top{display:flex;gap:5px}.wf-submock-top i{width:8px;height:8px;background:#dfe5ed;border-radius:50%}.wf-submock h3{font-size:22px;margin:25px 0 12px}.wf-submock-row{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:13px;border-top:1px solid #edf0f4}.wf-submock-row b{width:30px;height:30px;background:#edf3ff;color:#2459e0;border-radius:8px;display:grid;place-items:center}.wf-submock-row em{font-style:normal;font-size:10px;background:#eaf8f2;color:#18835d;border-radius:999px;padding:5px 8px}.wf-subfeatures{padding:90px max(30px,calc((100vw - 1250px)/2));background:#fff}.wf-subfeatures>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.wf-subfeatures article{border:1px solid #e0e6ee;border-radius:16px;padding:23px;background:#fbfcfe}.wf-subfeatures article i{font-style:normal;color:#2459e0;font-weight:900}.wf-subfeatures article h3{margin:15px 0 7px}.wf-subfeatures article p{font-size:12px;color:#758198;line-height:1.55}.wf-subfeatures article button{border:0;background:none;color:#2459e0;font-weight:800;padding:0;cursor:pointer}.wf-subflow{padding:80px max(30px,calc((100vw - 1200px)/2));background:#111d31;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.wf-subflow h2{font-size:38px;margin:10px 0}.wf-subflow p{color:#aab9c9;line-height:1.6}.wf-flowline{display:flex;align-items:center;justify-content:space-between}.wf-flowline b{width:100px;height:100px;border-radius:50%;border:1px solid #38506d;display:grid;place-items:center;text-align:center;color:#8eafff}.wf-flowline small{color:#fff}.wf-flowline i{font-style:normal;color:#61758c}.wf-subcta{text-align:center;padding:90px 25px;background:#e6edfb}.wf-subcta h2{font-size:40px;margin:0 0 8px}.wf-subcta p{color:#65728a;margin-bottom:22px}
@media(max-width:900px){.wf-subnav nav{display:none}.wf-subhero,.wf-subflow{grid-template-columns:1fr}.wf-subfeatures>div:last-child{grid-template-columns:1fr 1fr}.wf-subhero h1{font-size:43px}}
@media(max-width:560px){.wf-subfeatures>div:last-child{grid-template-columns:1fr}.wf-subhero{padding:55px 22px}.wf-subhero h1{font-size:37px}.wf-flowline{gap:6px}.wf-flowline b{width:72px;height:72px;font-size:11px}}

/* 11.2 COMPLETE PUBLIC INFORMATION ARCHITECTURE */
.wf-dimensions article button,.wf-public-knowledge button{border:0;background:none;color:#2459e0;font-weight:800;padding:0;cursor:pointer}.wf-public-knowledge{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.wf-public-knowledge article{border:1px solid #e0e6ee;border-radius:16px;padding:25px;background:#fbfcfe}.wf-public-knowledge b{font-size:19px}.wf-public-knowledge p{color:#738096;line-height:1.55}.wf-knowledge-card{background:#f7f9fd;border-radius:14px;padding:18px!important;border-left:0!important}.wf-knowledge-card b{font-size:15px}.wf-knowledge-card p{line-height:1.5}.wf-subdetails{padding:85px max(30px,calc((100vw - 1200px)/2));display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;background:#f7f9fc}.wf-subdetails>div>span{font-size:11px;color:#2459e0;font-weight:900;letter-spacing:.12em}.wf-subdetails h2{font-size:37px;margin:10px 0}.wf-subdetails p{color:#6e7b91;line-height:1.65}.wf-benefit-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.wf-benefit-list article{background:#fff;border:1px solid #e0e6ee;border-radius:13px;padding:18px}.wf-benefit-list article p{font-size:12px}.wf-faq-section{padding:85px max(30px,calc((100vw - 950px)/2));background:#fff}.wf-faq-list details{border-bottom:1px solid #e2e7ef;padding:17px 5px}.wf-faq-list summary{font-weight:800;cursor:pointer}.wf-faq-list p{color:#6e7a90;line-height:1.6;max-width:800px}.wf-subfeatures article{min-height:180px}
@media(max-width:850px){.wf-subdetails{grid-template-columns:1fr}.wf-benefit-list{grid-template-columns:1fr}.wf-public-knowledge{grid-template-columns:1fr}}

/* JOBVY 12.0 — UNIFIED PUBLIC NAV + PRODUCT DETAIL + DEMO PRODUCT SHELL */
.wf-sticky-public{position:sticky;top:0;z-index:80;background:#fff}.wf-public-detail .wf-site-nav{max-width:none;padding-left:max(28px,calc((100vw - 1400px)/2));padding-right:max(28px,calc((100vw - 1400px)/2))}
.wf-detail-hero{min-height:620px;padding:78px max(30px,calc((100vw - 1280px)/2));display:grid;grid-template-columns:.95fr 1.05fr;gap:75px;align-items:center;background:linear-gradient(135deg,#f2f6ff 0%,#dfe8fa 100%)}.wf-detail-hero>div>span,.wf-detail-intro span{font-size:11px;font-weight:900;letter-spacing:.14em;color:#2459e0}.wf-detail-hero h1{font-size:60px;letter-spacing:-.05em;line-height:1;margin:13px 0 18px}.wf-detail-hero p{font-size:22px;line-height:1.4;margin:0 0 15px}.wf-detail-hero small{display:block;max-width:650px;font-size:14px;line-height:1.7;color:#65748c;margin-bottom:26px}.wf-detail-hero>div>div{display:flex;gap:9px}.wf-product-shot{background:#fff;border-radius:18px;box-shadow:0 35px 80px #1d315b2b;overflow:hidden;transform:perspective(900px) rotateY(-3deg)}.wf-shot-head{height:48px;padding:0 18px;background:#101d31;color:#fff;display:flex;align-items:center;justify-content:space-between}.wf-shot-head span{font-size:10px;color:#9cb0c9}.wf-shot-body{display:grid;grid-template-columns:62px 1fr;min-height:360px}.wf-shot-body>nav{background:#15243b;display:flex;flex-direction:column;align-items:center;padding-top:24px;gap:18px}.wf-shot-body>nav i{width:25px;height:25px;border-radius:7px;background:#293c59}.wf-shot-body>section{padding:28px}.wf-shot-body section>small{font-size:9px;color:#71809a}.wf-shot-body h3{font-size:24px;margin:5px 0 18px}.wf-shot-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.wf-shot-kpis b{background:#f3f6fb;border-radius:9px;padding:12px;font-size:10px}.wf-shot-kpis em{display:block;font-style:normal;font-size:22px;margin-top:5px}.wf-shot-body section>p{display:flex;justify-content:space-between;padding:13px 3px;margin:0;border-bottom:1px solid #edf0f5;font-size:12px}.wf-shot-body section>p em{font-style:normal;color:#16825d;font-size:10px}.wf-detail-intro{padding:95px max(30px,calc((100vw - 1150px)/2));display:grid;grid-template-columns:1fr 1fr;gap:80px}.wf-detail-intro h2{font-size:42px;letter-spacing:-.035em;margin:10px 0}.wf-detail-intro>p{font-size:17px;color:#69768b;line-height:1.75}.wf-feature-story{padding:20px max(30px,calc((100vw - 1200px)/2)) 90px}.wf-feature-story article{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:65px 0;border-top:1px solid #e3e8ef}.wf-feature-story article.reverse .wf-story-visual{order:2}.wf-story-visual{min-height:330px;background:linear-gradient(135deg,#e5ecfb,#cbd9f4);border-radius:18px;display:grid;place-items:center;padding:40px}.wf-story-ui{width:88%;background:#fff;border-radius:13px;padding:23px;box-shadow:0 22px 50px #263b6424}.wf-story-ui small{font-size:8px;color:#8290a5}.wf-story-ui h4{font-size:20px;margin:7px 0 20px}.wf-story-bars{display:grid;gap:8px}.wf-story-bars i{height:9px;background:#dce6fb;border-radius:8px}.wf-story-ui p{border-top:1px solid #edf0f4;margin-top:22px;padding-top:15px;font-size:11px}.wf-story-ui p b{font-size:20px;margin-right:5px}.wf-story-ui p em{float:right;font-style:normal;color:#17805d}.wf-story-copy>span{font-weight:900;color:#2459e0}.wf-story-copy h2{font-size:38px;margin:9px 0}.wf-story-copy p{color:#69768b;line-height:1.7}.wf-story-copy li{margin:9px 0;color:#43516a}.wf-story-copy button{border:0;background:none;color:#2459e0;font-weight:900;padding:8px 0;cursor:pointer}.wf-detail-benefits{background:#111e32;color:#fff;padding:90px max(30px,calc((100vw - 1200px)/2))}.wf-detail-benefits>div:last-child{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.wf-detail-benefits article{border:1px solid #2d405a;border-radius:14px;padding:22px}.wf-detail-benefits article>b{color:#7fa4ff}.wf-detail-benefits article p{font-size:12px;color:#aab8c9;line-height:1.6}.wf-process-links{padding:90px max(30px,calc((100vw - 1200px)/2))}.wf-process-links>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.wf-process-links button{background:#f7f9fc;border:1px solid #e1e6ee;border-radius:12px;padding:18px;text-align:left;font-weight:800;cursor:pointer}.wf-process-links button i{float:right;font-style:normal;color:#2459e0}
.wf-provider-product-shell{background:#eef2f7!important}.wf-provider-product-shell .wf-demo-top{background:#101d31!important}.wf-provider-product-shell .wf-demo-side{background:#15243b!important}.wf-provider-product-shell .wf-demo-main{background:#f3f6fa!important}
@media(max-width:900px){.wf-detail-hero,.wf-detail-intro,.wf-feature-story article{grid-template-columns:1fr}.wf-feature-story article.reverse .wf-story-visual{order:0}.wf-detail-benefits>div:last-child{grid-template-columns:1fr 1fr}.wf-detail-hero h1{font-size:44px}.wf-process-links>div:last-child{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.wf-detail-benefits>div:last-child,.wf-process-links>div:last-child{grid-template-columns:1fr}.wf-detail-hero{padding:55px 22px}.wf-detail-hero h1{font-size:38px}}

/* 12.3: Demo uses the production product shell. This bar is the only demo-specific chrome. */
.wf-production-demo-bar{position:sticky;top:0;z-index:100000;min-height:42px;background:#f2b84b;color:#13223a;display:flex;align-items:center;gap:14px;padding:7px 18px;font:600 12px/1.2 system-ui,sans-serif;box-shadow:0 2px 10px #0002}
.wf-production-demo-bar b{letter-spacing:.08em}.wf-production-demo-bar span{opacity:.78}.wf-production-demo-bar select{margin-left:auto;background:#fff;border:1px solid #c78f25;border-radius:7px;padding:6px 9px}.wf-production-demo-bar button{background:#13223a;color:#fff;border:0;border-radius:7px;padding:7px 11px;cursor:pointer}

/* 12.6 END-TO-END DEMO */
.wf-e2e{min-height:100vh;background:#f3f6fa;color:#142238;font-family:system-ui,sans-serif}.wf-e2e-top{height:66px;background:#10213a;color:#fff;display:flex;align-items:center;gap:18px;padding:0 28px;position:sticky;top:0;z-index:20}.wf-e2e-top>div{display:flex;flex-direction:column;margin-right:20px}.wf-e2e-top>div b{font-size:20px}.wf-e2e-top>div span{font-size:9px;color:#8eabd1}.wf-e2e-top nav{display:flex;gap:5px;flex:1}.wf-e2e-top button{border:1px solid #344a68;background:#172c49;color:#fff;border-radius:8px;padding:8px 11px;cursor:pointer}.wf-e2e-head{padding:55px max(25px,calc((100vw - 1280px)/2)) 30px;background:#fff}.wf-e2e-head span,.wf-e2e-grid article>span{font-size:10px;font-weight:900;letter-spacing:.12em;color:#2266df}.wf-e2e-head h1{font-size:42px;margin:8px 0}.wf-e2e-head p{color:#65748a}.wf-e2e-flow{padding:22px max(25px,calc((100vw - 1280px)/2));display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:#fff;border-bottom:1px solid #dfe5ee}.wf-e2e-flow article{border:1px solid #e0e6ef;border-radius:12px;padding:13px;display:flex;align-items:center;gap:10px}.wf-e2e-flow i{width:28px;height:28px;border-radius:50%;background:#e8f0ff;color:#2266df;display:grid;place-items:center;font-style:normal;font-weight:900}.wf-e2e-flow div{display:flex;flex-direction:column;flex:1}.wf-e2e-flow small{color:#8190a4;font-size:9px}.wf-e2e-flow em{font-style:normal;font-size:9px;background:#e8f8ef;color:#16704e;padding:4px 6px;border-radius:10px}.wf-e2e-grid{max-width:1280px;margin:30px auto;display:grid;grid-template-columns:repeat(3,1fr);gap:13px;padding:0 25px}.wf-e2e-grid article{background:#fff;border:1px solid #dfe5ee;border-radius:15px;padding:22px;min-height:190px;box-shadow:0 8px 25px #263a5b0c}.wf-e2e-grid h2{margin:8px 0;font-size:22px}.wf-e2e-grid p{color:#647389;line-height:1.6;min-height:55px}.wf-e2e-grid button{border:0;background:#1769e8;color:#fff;border-radius:8px;padding:9px 12px;font-weight:800;cursor:pointer}.wf-e2e-grid button:disabled{opacity:.35;cursor:not-allowed}.wf-e2e-actions{display:flex;flex-wrap:wrap;gap:5px}.wf-e2e-actions button{font-size:10px;padding:7px 8px}.wf-e2e-timeline{max-width:1230px;margin:20px auto 60px;background:#fff;border:1px solid #dfe5ee;border-radius:15px;padding:22px}.wf-e2e-timeline h2{margin-top:0}.wf-e2e-timeline p{border-top:1px solid #edf0f4;padding:11px;margin:0;color:#53637a}.wf-e2e-timeline time{display:inline-block;width:60px;color:#8b99aa;font-size:11px}
@media(max-width:900px){.wf-e2e-flow,.wf-e2e-grid{grid-template-columns:1fr 1fr}.wf-e2e-top nav{display:none}}@media(max-width:560px){.wf-e2e-flow,.wf-e2e-grid{grid-template-columns:1fr}.wf-e2e-head h1{font-size:32px}}

/* 12.7 SALES PRESENTATION */.wf-sales-badge{display:inline-flex;background:#eaf2ff;color:#1762d1;border:1px solid #cfe0ff;border-radius:999px;padding:7px 11px;font-size:10px;font-weight:900;letter-spacing:.08em;margin-bottom:13px}.wf-sales-controls{display:flex;gap:9px;align-items:end;margin-top:20px;flex-wrap:wrap}.wf-sales-controls label{display:flex;flex-direction:column;gap:5px;font-size:10px;font-weight:800;color:#66768c}.wf-sales-controls select{min-width:235px;border:1px solid #ccd6e4;border-radius:9px;padding:10px;background:#fff}.wf-sales-controls button{border:0;border-radius:9px;padding:11px 14px;background:#152a48;color:#fff;font-weight:800;cursor:pointer}.wf-demo-tour{position:fixed;inset:0;background:#08162a99;z-index:200000;display:flex;align-items:flex-end;justify-content:center;padding:30px}.wf-demo-tour-card{width:min(560px,calc(100vw - 30px));background:#fff;border-radius:18px;padding:24px;box-shadow:0 25px 80px #0006}.wf-demo-tour-progress{height:5px;background:#e8edf4;border-radius:10px;overflow:hidden;margin-bottom:17px}.wf-demo-tour-progress i{display:block;height:100%;background:#1769e8}.wf-demo-tour-card h3{font-size:25px;margin:7px 0}.wf-demo-tour-card p{color:#627187;line-height:1.6}.wf-demo-tour-card>div:last-child{display:flex;justify-content:flex-end;gap:7px}.wf-demo-tour-card button{border:1px solid #d4dce8;background:#fff;border-radius:8px;padding:9px 12px;font-weight:800}.wf-demo-tour-card button.primary{background:#1769e8;color:#fff}.wf-presentation .wf-e2e-top nav,.wf-presentation #e2eReset,.wf-presentation #e2eExit{display:none}.wf-presentation .wf-e2e-head h1{font-size:48px}

/* 12.8 REALISTIC COMPANY SIMULATOR */
.wf-company-sim{max-width:1280px;margin:28px auto 0;padding:24px 25px;display:grid;grid-template-columns:1fr 1.4fr;gap:25px;align-items:center}.wf-company-sim>div:first-child{background:#12233d;color:#fff;border-radius:16px;padding:24px}.wf-company-sim span,.wf-demo-data-preview>div>span{font-size:9px;font-weight:900;letter-spacing:.12em;color:#75a5ff}.wf-company-sim h2{margin:6px 0}.wf-company-sim p{color:#aab8cb;line-height:1.5}.wf-company-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.wf-company-kpis b{background:#fff;border:1px solid #dde4ed;border-radius:12px;padding:16px;font-size:25px}.wf-company-kpis small{display:block;font-size:9px;color:#7b899c;margin-top:4px}.wf-demo-data-preview{max-width:1230px;margin:20px auto;padding:24px;background:#fff;border:1px solid #dfe5ee;border-radius:15px}.wf-demo-data-preview>div:first-child h2{margin:6px 0 18px}.wf-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.wf-preview-grid article{border:1px solid #e1e7ef;border-radius:12px;padding:15px}.wf-preview-grid h3{margin-top:0}.wf-preview-grid p{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #eef1f5;padding:9px 0;margin:0;font-size:11px}.wf-preview-grid p span{color:#718096;text-align:right}@media(max-width:800px){.wf-company-sim,.wf-preview-grid{grid-template-columns:1fr}.wf-company-kpis{grid-template-columns:repeat(2,1fr)}}

/* 12.9 ROLE PORTALS */
.wf-role-portal{min-height:100vh;background:#f4f7fb;color:#142238;font-family:system-ui,sans-serif}.wf-role-portal>header{height:66px;background:#10213a;color:#fff;display:flex;align-items:center;gap:12px;padding:0 24px;position:sticky;top:0;z-index:20}.wf-role-portal>header>div{display:flex;flex-direction:column;margin-right:12px}.wf-role-portal>header>div b{font-size:19px}.wf-role-portal>header small{font-size:9px;color:#91a8c6}.wf-role-portal nav{display:flex;gap:4px;flex:1;overflow:auto}.wf-role-portal header button{white-space:nowrap;border:1px solid #334b6b;background:#172d4a;color:#fff;border-radius:8px;padding:8px 9px;font-size:10px;cursor:pointer}.wf-rp-hero{padding:42px max(25px,calc((100vw - 1240px)/2)) 22px;background:#fff;border-bottom:1px solid #e0e6ef}.wf-rp-hero span,.wf-rp-title span,.wf-role-portal aside>span{font-size:9px;font-weight:900;letter-spacing:.12em;color:#1769e8}.wf-rp-hero h1{font-size:36px;margin:6px 0}.wf-rp-hero p{color:#69798e}.wf-rp-kpis{max-width:1240px;margin:22px auto 0;padding:0 25px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.wf-rp-kpis article{background:#fff;border:1px solid #dfe6ef;border-radius:13px;padding:17px}.wf-rp-kpis small{display:block;color:#7c8999;font-size:10px}.wf-rp-kpis b{display:block;font-size:28px;margin-top:4px}.wf-rp-grid{max-width:1240px;margin:13px auto 50px;padding:0 25px;display:grid;grid-template-columns:1fr 300px;gap:12px}.wf-rp-main,.wf-role-portal aside{background:#fff;border:1px solid #dfe6ef;border-radius:14px;padding:19px}.wf-rp-title{display:flex;justify-content:space-between;align-items:center}.wf-rp-title h2{margin:5px 0 14px}.wf-rp-title button,.wf-role-portal aside button{border:0;background:#1769e8;color:#fff;border-radius:8px;padding:9px 11px;font-weight:800;cursor:pointer}.wf-rp-table{overflow:auto}.wf-rp-table table{width:100%;border-collapse:collapse}.wf-rp-table td{border-top:1px solid #edf1f5;padding:12px 7px;font-size:11px}.wf-rp-status{background:#eaf7ef;color:#14714c;border-radius:999px;padding:4px 7px;font-size:9px}.wf-role-portal aside h2{margin:7px 0}.wf-role-portal aside p{color:#637288;line-height:1.55}.wf-role-portal aside hr{border:0;border-top:1px solid #e6ebf1;margin:20px 0}@media(max-width:900px){.wf-role-portal nav{display:none}.wf-rp-grid{grid-template-columns:1fr}.wf-rp-kpis{grid-template-columns:1fr 1fr}}

/* 13.0 INTERACTIVE SANDBOX */
.wf-sandbox{min-height:100vh;background:#f3f6fa;color:#142238;font-family:system-ui,sans-serif}.wf-sandbox>header{height:64px;background:#10213a;color:#fff;display:flex;align-items:center;gap:8px;padding:0 25px}.wf-sandbox>header>div{display:flex;flex-direction:column;flex:1}.wf-sandbox header small{font-size:9px;color:#91a8c6}.wf-sandbox header button{border:1px solid #38506f;background:#172d4a;color:#fff;border-radius:8px;padding:8px 10px;cursor:pointer}.wf-sb-hero{padding:42px max(25px,calc((100vw - 1240px)/2));background:#fff}.wf-sb-hero span,.wf-sb-grid form>span{font-size:9px;color:#1769e8;font-weight:900;letter-spacing:.12em}.wf-sb-hero h1{font-size:38px;margin:7px 0}.wf-sb-hero p{color:#69798e}.wf-sb-kpis{max-width:1240px;margin:22px auto 0;padding:0 25px;display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.wf-sb-kpis article{background:#fff;border:1px solid #dfe5ee;border-radius:12px;padding:14px}.wf-sb-kpis small{display:block;color:#7d8999;font-size:9px}.wf-sb-kpis b{font-size:25px}.wf-sb-grid{max-width:1240px;margin:12px auto;padding:0 25px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.wf-sb-grid form{background:#fff;border:1px solid #dfe5ee;border-radius:14px;padding:18px}.wf-sb-grid h2{font-size:18px;margin:5px 0 12px}.wf-sb-grid input,.wf-sb-grid select{width:100%;box-sizing:border-box;border:1px solid #d5dde8;border-radius:8px;padding:9px;margin:4px 0;background:#fff}.wf-sb-grid button{width:100%;border:0;background:#1769e8;color:#fff;border-radius:8px;padding:10px;margin-top:7px;font-weight:800;cursor:pointer}.wf-sb-lists{max-width:1240px;margin:12px auto 50px;padding:0 25px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.wf-sb-lists article{background:#fff;border:1px solid #dfe5ee;border-radius:14px;padding:18px}.wf-sb-lists p{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #edf1f5;padding:9px 0;margin:0;font-size:10px}.wf-sb-lists p span{color:#738196;text-align:right}@media(max-width:900px){.wf-sb-kpis{grid-template-columns:repeat(3,1fr)}.wf-sb-grid,.wf-sb-lists{grid-template-columns:1fr}}@media(max-width:520px){.wf-sb-kpis{grid-template-columns:1fr 1fr}}

/* 13.1 DEEP SANDBOX INTEGRATION */
.wf-deep-search{position:relative;max-width:720px;margin-top:18px}.wf-deep-search>input{width:100%;box-sizing:border-box;border:1px solid #ccd8e8;border-radius:11px;padding:13px 15px;font-size:13px}.wf-deep-search-results{position:absolute;top:50px;left:0;right:0;background:#fff;border:1px solid #dce4ee;border-radius:12px;box-shadow:0 15px 40px #1c304522;z-index:30;max-height:330px;overflow:auto;padding:6px}.wf-deep-search-results button{width:100%;display:flex;flex-direction:column;align-items:flex-start;border:0;border-bottom:1px solid #edf1f5;background:#fff;padding:11px;border-radius:7px;cursor:pointer;text-align:left}.wf-deep-search-results button:hover{background:#f3f7fd}.wf-deep-search-results span{font-size:9px;color:#77879b;margin-top:3px}.wf-sb-record{width:100%;display:flex;justify-content:space-between;gap:8px;border:0;border-top:1px solid #edf1f5;background:#fff;padding:10px 0;font-size:10px;cursor:pointer;text-align:left}.wf-sb-record span{color:#738196}.wf-record{min-height:100vh;background:#f3f6fa;font-family:system-ui;color:#142238}.wf-record header{height:62px;background:#10213a;color:#fff;display:flex;align-items:center;gap:15px;padding:0 25px}.wf-record header button{border:1px solid #3a5271;background:#172d4a;color:#fff;border-radius:8px;padding:8px 10px}.wf-record header span{margin-left:auto;color:#91a8c6;font-size:9px}.wf-record>section{max-width:800px;margin:35px auto;background:#fff;border:1px solid #dfe6ef;border-radius:15px;padding:25px}.wf-record>section>span{font-size:9px;font-weight:900;color:#1769e8;letter-spacing:.12em}.wf-record h1{margin:7px 0 22px}.wf-record form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wf-record label{font-size:10px;font-weight:800;color:#67778b;text-transform:capitalize}.wf-record input{display:block;width:100%;box-sizing:border-box;margin-top:5px;border:1px solid #d6dee9;border-radius:8px;padding:10px}.wf-record form button{grid-column:1/-1;border:0;background:#1769e8;color:#fff;border-radius:9px;padding:11px;font-weight:800;cursor:pointer}@media(max-width:600px){.wf-record form{grid-template-columns:1fr}}
.wf-rec-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.wf-rec-actions button,.wf-rec-actions select{padding:9px;border-radius:8px;border:1px solid #d5deea}.wf-d132{min-height:100vh;background:#f3f6fa;font-family:system-ui;color:#142238}.wf-d132 header{height:62px;background:#10213a;color:#fff;display:flex;align-items:center;gap:15px;padding:0 24px}.wf-d132 header span{margin-left:auto}.wf-db132{max-width:1240px;margin:25px auto;display:grid;grid-template-columns:280px 1fr;gap:12px;padding:0 20px}.wf-db132 aside,.wf-drop132{background:#fff;border:1px solid #dfe6ef;border-radius:13px;padding:15px}.wf-emp132{border:1px solid #e1e7ef;border-radius:8px;padding:9px;margin:5px 0;cursor:grab}.wf-emp132 small{display:block;color:#758499}.wf-sh132{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wf-drop132 button{display:block;width:100%;margin-top:5px;padding:7px;border:1px solid #d8e1ed;background:#f7faff;border-radius:7px;text-align:left}.wf-drop132 button:disabled{opacity:.4}@media(max-width:800px){.wf-db132,.wf-sh132{grid-template-columns:1fr}}
/* 13.3 EMPLOYEE + CUSTOMER 360 */
.wf-360{min-height:100vh;background:#f3f6fa;color:#142238;font-family:system-ui}.wf-360>header{height:62px;background:#10213a;color:#fff;display:flex;align-items:center;gap:15px;padding:0 25px}.wf-360>header button{border:1px solid #3a5271;background:#172d4a;color:#fff;border-radius:8px;padding:8px 10px}.wf-360>header span{margin-left:auto;color:#92a9c7;font-size:9px}.wf-360hero{background:#fff;padding:32px max(25px,calc((100vw - 1200px)/2));display:flex;align-items:center;gap:18px;border-bottom:1px solid #e2e8f0}.wf-avatar{width:58px;height:58px;border-radius:14px;background:#17365f;color:#fff;display:grid;place-items:center;font-size:20px;font-weight:900}.wf-360hero>div:nth-child(2){flex:1}.wf-360hero span{font-size:9px;font-weight:900;letter-spacing:.12em;color:#1769e8}.wf-360hero h1{margin:4px 0;font-size:30px}.wf-360hero p{margin:0;color:#718096}.wf-360status{background:#eaf7ef;color:#14714c;border-radius:999px;padding:7px 11px;font-size:10px;font-weight:900}.wf-360tabs{max-width:1200px;margin:16px auto 0;padding:0 25px;display:flex;gap:5px;overflow:auto}.wf-360tabs button{border:1px solid #dbe3ed;background:#fff;border-radius:8px;padding:9px 11px;white-space:nowrap;cursor:pointer}.wf-360tabs button.active{background:#17365f;color:#fff;border-color:#17365f}.wf-360body{max-width:1200px;margin:10px auto 45px;padding:0 25px}.wf-360kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.wf-360kpi article,.wf-360cards article,.wf-360list{background:#fff;border:1px solid #dfe6ef;border-radius:13px;padding:17px}.wf-360kpi small{display:block;color:#7b899b;font-size:9px}.wf-360kpi b{font-size:24px}.wf-360cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.wf-360cards h2,.wf-360list h2{margin-top:0}.wf-360cards p,.wf-360list p{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #edf1f5;padding:10px 0;margin:0;font-size:11px}.wf-360cards p span,.wf-360list p span{color:#728196}.wf-360cards button{border:0;background:#1769e8;color:#fff;border-radius:8px;padding:8px 10px;margin-top:10px}@media(max-width:750px){.wf-360kpi{grid-template-columns:1fr 1fr}.wf-360cards{grid-template-columns:1fr}.wf-360hero{align-items:flex-start}.wf-360status{display:none}}

/* 13.4 RECRUITING 360 + ONBOARDING */
.wf-rec360 select{width:100%;border:1px solid #d6deea;border-radius:8px;padding:9px}.wf-noteadd{display:flex;gap:7px;margin-bottom:12px}.wf-noteadd input{flex:1;border:1px solid #d6deea;border-radius:8px;padding:9px}.wf-noteadd button,.wf-rec360 .wf-360cards button{border:0;background:#1769e8;color:#fff;border-radius:8px;padding:9px 11px;font-weight:800}.wf-onstep{display:block;border-top:1px solid #edf1f5;padding:10px 0;font-size:11px}.wf-recruit-board{min-height:100vh;background:#f3f6fa;color:#142238;font-family:system-ui}.wf-recruit-board>header{height:62px;background:#10213a;color:#fff;display:flex;align-items:center;gap:15px;padding:0 25px}.wf-recruit-board>header button{border:1px solid #3a5271;background:#172d4a;color:#fff;border-radius:8px;padding:8px}.wf-recruit-board>header span{margin-left:auto;color:#91a8c6}.wf-r-head{background:#fff;padding:35px max(25px,calc((100vw - 1280px)/2))}.wf-r-head span{font-size:9px;font-weight:900;color:#1769e8;letter-spacing:.12em}.wf-r-head h1{font-size:32px;margin:5px 0}.wf-r-head p{color:#6d7d91}.wf-kanban{max-width:1280px;margin:18px auto;padding:0 20px;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;align-items:start}.wf-kanban article{background:#e9eef5;border-radius:12px;padding:9px;min-height:300px}.wf-kanban h2{font-size:11px;text-transform:uppercase;display:flex;justify-content:space-between}.wf-kanban h2 small{background:#fff;border-radius:999px;padding:2px 6px}.wf-kanban article>button{width:100%;border:1px solid #dce4ee;background:#fff;border-radius:9px;padding:11px;margin:5px 0;text-align:left;cursor:pointer}.wf-kanban article>button b,.wf-kanban article>button span,.wf-kanban article>button small{display:block}.wf-kanban article>button span{font-size:9px;color:#61728a;margin:4px 0}.wf-kanban article>button small{font-size:8px;color:#8b98a9}@media(max-width:900px){.wf-kanban{grid-template-columns:1fr 1fr}}@media(max-width:520px){.wf-kanban{grid-template-columns:1fr}}

/* 13.5 OPERATIONS + LIVE JOBVY CENTER */
.wf-ops135{min-height:100vh;background:#f3f6fa;color:#142238;font-family:system-ui}.wf-ops135>header{height:62px;background:#10213a;color:#fff;display:flex;align-items:center;gap:14px;padding:0 24px}.wf-ops135>header button{border:1px solid #3a5271;background:#172d4a;color:#fff;border-radius:8px;padding:8px 10px}.wf-ops135>header span{margin-left:auto;color:#91a8c6;font-size:9px}.wf-ophero{background:#fff;padding:32px max(25px,calc((100vw - 1240px)/2))}.wf-ophero>span{font-size:9px;color:#1769e8;font-weight:900;letter-spacing:.12em}.wf-ophero h1{font-size:34px;margin:5px 0}.wf-ophero p{color:#6e7e92}.wf-opkpi{max-width:1240px;margin:18px auto 0;padding:0 20px;display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.wf-opkpi article{background:#fff;border:1px solid #dfe6ef;border-radius:12px;padding:14px}.wf-opkpi small{display:block;color:#7b899a;font-size:9px}.wf-opkpi b{font-size:25px}.wf-opgrid{max-width:1240px;margin:10px auto 45px;padding:0 20px;display:grid;grid-template-columns:2fr 1fr;gap:10px}.wf-opgrid>div,.wf-opgrid>aside{background:#fff;border:1px solid #dfe6ef;border-radius:13px;padding:16px}.wf-opshift{display:grid;grid-template-columns:1fr auto 115px auto;align-items:center;gap:8px;border-top:1px solid #edf1f5;padding:11px 0}.wf-opshift span,.wf-opshift p{font-size:9px;color:#718197;margin:2px 0}.wf-opshift h3{margin:3px 0}.wf-opshift select,.wf-opshift button,.wf-opgrid aside button{border:1px solid #d5deea;background:#fff;border-radius:7px;padding:7px;font-size:9px}.wf-opstatus{border-radius:999px;padding:5px 8px;font-size:9px}.wf-opstatus.working{background:#e8f7ee;color:#14724b}.wf-opstatus.break{background:#fff4d8;color:#946700}.wf-opstatus.missing,.wf-opstatus.sick{background:#fdebea;color:#a63732}.wf-opstatus.planned{background:#eaf2ff;color:#1d5eae}.wf-opgrid aside article{border-top:1px solid #edf1f5;padding:10px 0}.wf-opgrid aside article b,.wf-opgrid aside article span{display:block}.wf-opgrid aside article span{font-size:9px;color:#748399;margin:4px 0}.wf-opgrid aside h2:not(:first-child){margin-top:25px}@media(max-width:850px){.wf-opkpi{grid-template-columns:repeat(3,1fr)}.wf-opgrid{grid-template-columns:1fr}.wf-opshift{grid-template-columns:1fr auto}}@media(max-width:500px){.wf-opkpi{grid-template-columns:1fr 1fr}}
.wf-fin136{min-height:100vh;background:#f3f6fa;color:#142238;font-family:system-ui}.wf-fin136>header{height:62px;background:#10213a;color:#fff;display:flex;align-items:center;gap:14px;padding:0 24px}.wf-fin136>header span{margin-left:auto}.wf-fhero{background:#fff;padding:32px max(25px,calc((100vw - 1280px)/2))}.wf-fhero>span{font-size:9px;color:#1769e8;font-weight:900}.wf-fhero h1{font-size:33px;margin:5px 0}.wf-fhero p{color:#6e7e92}.wf-fkpi{max-width:1280px;margin:18px auto 8px;padding:0 20px;display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.wf-fkpi article{background:#fff;border:1px solid #dfe6ef;border-radius:12px;padding:14px}.wf-fkpi small{display:block;color:#7b899a;font-size:9px}.wf-fkpi b{font-size:20px}.wf-ftable{max-width:1280px;margin:auto;padding:0 20px}.wf-fhead,.wf-ftable>article{display:grid;grid-template-columns:1.3fr .7fr .8fr 1.15fr .7fr 1.5fr;gap:8px;align-items:center}.wf-fhead{padding:10px;font-size:9px;color:#718096}.wf-ftable>article{background:#fff;border:1px solid #e0e6ee;border-radius:10px;padding:11px;margin-bottom:5px}.wf-ftable>article div>b,.wf-ftable>article div>span{display:block}.wf-ftable>article div>span{font-size:8px;color:#748399;margin-top:3px}.wf-ftable button{border:1px solid #d3ddea;background:#f7faff;border-radius:6px;padding:5px;margin:4px 3px 0 0;font-size:8px}@media(max-width:900px){.wf-fkpi{grid-template-columns:repeat(3,1fr)}.wf-fhead{display:none}.wf-ftable>article{grid-template-columns:1fr 1fr}}.wf-ex137{min-height:100vh;background:#f3f6fa;color:#142238;font-family:system-ui}.wf-ex137>header{height:62px;background:#10213a;color:#fff;display:flex;align-items:center;gap:14px;padding:0 24px}.wf-ex137>header span{margin-left:auto}.wf-exhero{background:#fff;padding:30px max(25px,calc((100vw - 1280px)/2));display:flex;align-items:center;gap:8px}.wf-exhero>div{flex:1}.wf-exhero span{font-size:9px;color:#1769e8;font-weight:900}.wf-exhero h1{font-size:34px;margin:5px 0}.wf-exkpi{max-width:1280px;margin:18px auto 8px;padding:0 20px;display:grid;grid-template-columns:repeat(8,1fr);gap:7px}.wf-exkpi button,.wf-exgrid article,.wf-exdetail{background:#fff;border:1px solid #dfe6ef;border-radius:12px;padding:13px}.wf-exkpi small{display:block;color:#7a899c;font-size:8px}.wf-exkpi b{font-size:18px}.wf-exgrid{max-width:1280px;margin:auto;padding:0 20px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.wf-exgrid p{display:flex;justify-content:space-between;border-top:1px solid #edf1f5;padding:9px 0;margin:0;font-size:9px}.wf-exdetail{max-width:1240px;margin:9px auto 45px}.wf-exdetail>div{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:7px 0}.wf-exdetail button{border:1px solid #dfe6ef;background:#f9fbfe;border-radius:8px;padding:9px;text-align:left}.wf-exdetail button b,.wf-exdetail button span{display:block}.wf-exdetail button span{font-size:8px;color:#758499}@media(max-width:950px){.wf-exkpi{grid-template-columns:repeat(4,1fr)}.wf-exgrid{grid-template-columns:1fr 1fr}.wf-exdetail>div{grid-template-columns:1fr 1fr}}
/* 13.8 DOCUMENT CONTRACT COMPLIANCE CENTER */
.wf-co138{min-height:100vh;background:#f3f6fa;color:#142238;font-family:system-ui}.wf-co138>header{height:62px;background:#10213a;color:#fff;display:flex;align-items:center;gap:14px;padding:0 24px}.wf-co138>header span{margin-left:auto;font-size:9px;color:#91a8c6}.wf-cohero{background:#fff;padding:31px max(25px,calc((100vw - 1240px)/2))}.wf-cohero>span{font-size:9px;color:#1769e8;font-weight:900;letter-spacing:.12em}.wf-cohero h1{font-size:33px;margin:5px 0}.wf-cohero p{color:#6e7e92}.wf-cokpi{max-width:1240px;margin:18px auto 8px;padding:0 20px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.wf-cokpi article,.wf-cogrid>div,.wf-cogrid>aside{background:#fff;border:1px solid #dfe6ef;border-radius:12px;padding:14px}.wf-cokpi small{display:block;color:#7b899a;font-size:9px}.wf-cokpi b{font-size:25px}.wf-cogrid{max-width:1240px;margin:0 auto 45px;padding:0 20px;display:grid;grid-template-columns:3fr 1fr;gap:9px}.wf-cofilter{display:flex;gap:5px;margin-bottom:9px}.wf-cofilter button,.wf-corow button,.wf-cogrid aside button{border:1px solid #d5deea;background:#f8faff;border-radius:7px;padding:7px;font-size:9px}.wf-corow{display:grid;grid-template-columns:1.4fr .5fr .7fr 1.3fr;gap:8px;align-items:center;border-top:1px solid #edf1f5;padding:10px 0}.wf-corow div>b,.wf-corow div>span{display:block}.wf-corow div>span{font-size:8px;color:#748399}.wf-cost{border-radius:999px;padding:4px 7px;font-size:8px;text-align:center}.wf-cost.valid{background:#e7f7ee;color:#14724b}.wf-cost.missing{background:#fdebea;color:#a63732}.wf-cost.expiring{background:#fff3d5;color:#8b6500}.wf-cogrid aside p{display:flex;justify-content:space-between;border-top:1px solid #edf1f5;padding:9px 0;font-size:9px}.wf-cogrid aside button{width:100%;margin:3px 0}@media(max-width:800px){.wf-cogrid{grid-template-columns:1fr}.wf-corow{grid-template-columns:1fr 1fr}.wf-cokpi{grid-template-columns:1fr 1fr}}
.wf-cmd139{min-height:100vh;background:#f3f6fa;color:#142238;font-family:system-ui}.wf-cmd139>header{height:62px;background:#10213a;color:#fff;display:flex;align-items:center;gap:14px;padding:0 24px}.wf-cmd139>header span{margin-left:auto}.wf-cmdhero{background:#fff;padding:31px max(25px,calc((100vw - 1240px)/2))}.wf-cmdhero span{font-size:9px;color:#1769e8;font-weight:900}.wf-cmdhero h1{font-size:33px;margin:5px 0}.wf-cmdkpi{max-width:1240px;margin:18px auto 8px;padding:0 20px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.wf-cmdkpi article,.wf-cmdgrid>div,.wf-cmdgrid>aside{background:#fff;border:1px solid #dfe6ef;border-radius:12px;padding:14px}.wf-cmdkpi small{display:block;color:#7b899a;font-size:9px}.wf-cmdkpi b{font-size:25px}.wf-cmdgrid{max-width:1240px;margin:auto;padding:0 20px;display:grid;grid-template-columns:1.5fr 1fr;gap:9px}.wf-msg{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;border-top:1px solid #edf1f5;padding:11px}.wf-msg.unread{background:#f6f9ff}.wf-msg div span,.wf-msg div p,.wf-cmdgrid aside article span{font-size:9px;color:#718096}.wf-cmdgrid aside>article{border-top:1px solid #edf1f5;padding:10px 0}.wf-cmdgrid aside>article.done{opacity:.55}.wf-cmdadd{display:flex;gap:5px}.wf-cmdadd input{flex:1;padding:8px}.wf-cmdlinks{max-width:1240px;margin:9px auto 45px;padding:0 20px;display:flex;gap:6px}@media(max-width:800px){.wf-cmdgrid{grid-template-columns:1fr}.wf-cmdkpi{grid-template-columns:1fr 1fr}}
/* 13.10 CUSTOMER PORTAL 360 + SELF SERVICE */
.wf-cp1310{min-height:100vh;background:#f3f6fa;color:#142238;font-family:system-ui}.wf-cp1310>header{height:62px;background:#10213a;color:#fff;display:flex;align-items:center;gap:14px;padding:0 24px}.wf-cp1310>header span{margin-left:auto;font-size:9px;color:#91a8c6}.wf-cphero{background:#fff;padding:31px max(25px,calc((100vw - 1240px)/2));display:flex;align-items:center;gap:10px}.wf-cphero>div{flex:1}.wf-cphero span{font-size:9px;color:#1769e8;font-weight:900}.wf-cphero h1{font-size:33px;margin:5px 0}.wf-cpkpi{max-width:1240px;margin:18px auto 8px;padding:0 20px;display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.wf-cpkpi article{background:#fff;border:1px solid #dfe6ef;border-radius:12px;padding:14px}.wf-cpkpi small{display:block;color:#7b899a;font-size:9px}.wf-cpkpi b{font-size:22px}.wf-cptabs,.wf-cpbody{max-width:1240px;margin:0 auto;padding:0 20px}.wf-cptabs{display:flex;gap:5px;flex-wrap:wrap}.wf-cptabs button,.wf-cphero button,.wf-cpbody button{border:1px solid #d5deea;background:#fff;border-radius:7px;padding:8px}.wf-cpbody{margin-top:8px;margin-bottom:45px}.wf-cpbody>article,.wf-cpform{background:#fff;border:1px solid #dfe6ef;border-radius:10px;padding:12px;margin:5px 0}.wf-cpbody article b,.wf-cpbody article span{display:block}.wf-cpbody article span{font-size:9px;color:#718096;margin-top:4px}.wf-cpform{display:flex;gap:7px;align-items:center}.wf-cpform input,.wf-cpform textarea{border:1px solid #d5deea;border-radius:7px;padding:9px;flex:1}@media(max-width:800px){.wf-cpkpi{grid-template-columns:repeat(3,1fr)}.wf-cpform{flex-direction:column;align-items:stretch}}@media(max-width:480px){.wf-cpkpi{grid-template-columns:1fr 1fr}}
.wf-ep1311{min-height:100vh;background:#f3f6fa;color:#142238;font-family:system-ui}.wf-ep1311>header{height:62px;background:#10213a;color:#fff;display:flex;align-items:center;gap:14px;padding:0 24px}.wf-ep1311>header span{margin-left:auto}.wf-ephero{background:#fff;padding:31px max(25px,calc((100vw - 1240px)/2));display:flex;align-items:center}.wf-ephero>div{flex:1}.wf-ephero span{font-size:9px;color:#1769e8;font-weight:900}.wf-ephero h1{font-size:33px;margin:5px 0}.wf-epkpi{max-width:1240px;margin:18px auto 8px;padding:0 20px;display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.wf-epkpi article,.wf-epbody>article,.wf-epform,.wf-epactions{background:#fff;border:1px solid #dfe6ef;border-radius:10px;padding:12px}.wf-epkpi small{display:block;color:#7b899a;font-size:9px}.wf-epkpi b{font-size:22px}.wf-eptabs,.wf-epbody{max-width:1240px;margin:0 auto;padding:0 20px}.wf-eptabs{display:flex;gap:5px;flex-wrap:wrap}.wf-eptabs button,.wf-ephero button,.wf-epbody button{border:1px solid #d5deea;background:#fff;border-radius:7px;padding:8px}.wf-epbody{margin-top:8px;margin-bottom:45px}.wf-epbody>article{margin:5px 0}.wf-epbody article b,.wf-epbody article span{display:block}.wf-epbody article span{font-size:9px;color:#718096;margin:4px 0}.wf-epform,.wf-epactions{display:flex;gap:7px;margin:5px 0}.wf-epform input,.wf-epform textarea{flex:1;padding:9px;border:1px solid #d5deea;border-radius:7px}@media(max-width:800px){.wf-epkpi{grid-template-columns:repeat(3,1fr)}.wf-epform,.wf-epactions{flex-direction:column}}
/* 13.11.1 JOBVY loader fix */
.workforce-boot-logo{display:grid!important;place-items:center;background:#0b2e5d;color:#fff;font:800 28px/1 system-ui;border-radius:16px;box-shadow:inset 0 0 0 5px #fff,inset 0 0 0 8px #0b2e5d}

/* 13.11.2 JOBVY DEMO PROFESSIONALIZATION */
.wf-demo-help-fab{position:fixed;right:22px;bottom:22px;z-index:9998;width:46px;height:46px;border:0;border-radius:50%;background:#10213a;color:#fff;font-size:20px;font-weight:800;box-shadow:0 8px 28px #10213a38;cursor:pointer}.wf-guide-modal{position:fixed;inset:0;z-index:9999;background:#0b1728b8;backdrop-filter:blur(5px);display:grid;place-items:center;padding:22px}.wf-guide-card{position:relative;width:min(820px,94vw);max-height:90vh;overflow:auto;background:#fff;border-radius:18px;padding:28px;box-shadow:0 30px 80px #0004}.wf-guide-x{position:absolute;right:18px;top:15px;border:0;background:#eef3f8;border-radius:50%;width:34px;height:34px;font-size:20px}.wf-guide-kicker{font-size:10px;font-weight:900;letter-spacing:.13em;color:#1769e8}.wf-guide-card h2{font-size:28px;margin:7px 0}.wf-guide-card>p{color:#64748b}.wf-guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.wf-guide-grid article{border:1px solid #e1e8f0;border-radius:12px;padding:14px;background:#f9fbfd}.wf-guide-grid p{font-size:12px;color:#64748b;line-height:1.5}.wf-guide-note{padding:12px;border-radius:10px;background:#eef5ff;color:#264b75;font-size:12px}.wf-guide-ok{margin-top:16px;border:0;border-radius:9px;background:#1769e8;color:#fff;padding:11px 16px;font-weight:800}.wf-msgcenter{min-height:100vh;background:#f3f6fa;color:#142238}.wf-msgcenter header{height:62px;background:#10213a;color:#fff;display:flex;align-items:center;gap:12px;padding:0 24px}.wf-msgcenter header b{flex:1}.wf-msgcenter>section{max-width:1000px;margin:24px auto;padding:0 20px}.wf-msg-compose,.wf-msgcenter article{background:#fff;border:1px solid #dfe6ef;border-radius:12px;padding:14px;margin:8px 0}.wf-msg-compose{display:grid;gap:8px}.wf-msg-compose input,.wf-msg-compose textarea{padding:10px;border:1px solid #d5deea;border-radius:8px}.wf-demo-error{max-width:720px;margin:12vh auto;background:#fff;padding:30px;border-radius:16px;border:1px solid #dfe6ef}button{transition:transform .12s ease,box-shadow .12s ease}button:hover{transform:translateY(-1px)}@media(max-width:650px){.wf-guide-grid{grid-template-columns:1fr}}

/* 13.11.4 PROFESSIONAL DEMO REBUILD */
.wf-demo-pro{min-height:100vh;background:#f5f7fb;color:#15243a;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;display:grid;grid-template-columns:245px 1fr}.wf-demo-side{background:#0d1d33;color:#fff;padding:22px 14px;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh}.wf-demo-brand{display:flex;align-items:center;gap:11px;padding:0 8px 22px;border-bottom:1px solid #ffffff12}.wf-demo-brand>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#fff;color:#1266df;font-size:20px;font-weight:900}.wf-demo-brand b,.wf-demo-brand small{display:block}.wf-demo-brand small{font-size:10px;color:#9db0c9;margin-top:2px}.wf-demo-side nav{display:grid;gap:3px;margin-top:18px;overflow:auto}.wf-demo-side nav button,.wf-demo-sidefoot button{border:0;background:transparent;color:#b9c8db;text-align:left;padding:10px;border-radius:8px;display:flex;align-items:center;gap:9px;font-size:12px}.wf-demo-side nav button:hover{background:#ffffff0d;color:#fff}.wf-nav-dot{width:7px;height:7px;border-radius:50%;background:#4389ed}.wf-demo-sidefoot{margin-top:auto;display:grid;gap:4px;border-top:1px solid #ffffff12;padding-top:14px}.wf-demo-main{min-width:0}.wf-demo-top{height:64px;background:#fff;border-bottom:1px solid #e5eaf1;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:20}.wf-demo-top>div{display:flex;align-items:center;gap:10px}.wf-demo-top button,.wf-page-top button{border:1px solid #dbe3ed;background:#fff;border-radius:8px;padding:8px 11px;color:#31445e;font-weight:650}.wf-demo-pill{font-size:9px;font-weight:900;letter-spacing:.1em;background:#e9f7ef;color:#16744c;padding:5px 8px;border-radius:999px}.wf-demo-welcome{margin:28px;display:grid;grid-template-columns:1.7fr .8fr;gap:16px;background:linear-gradient(135deg,#10213a,#173d70);color:#fff;border-radius:18px;padding:34px;box-shadow:0 14px 40px #13243a12}.wf-demo-welcome>div>span,.wf-demo-sectionhead span,.wf-demo-module>div>span,.wf-page-top span,.wf-compose-card>span{font-size:9px;font-weight:900;letter-spacing:.12em;color:#65a5ff}.wf-demo-welcome h1{font-size:36px;letter-spacing:-.03em;margin:7px 0}.wf-demo-welcome p{color:#c2d0e3;max-width:700px}.wf-demo-quick{display:flex;gap:7px;margin-top:18px}.wf-demo-quick button{border:0;border-radius:8px;padding:10px 13px;font-weight:750}.wf-demo-status{align-self:stretch;background:#ffffff0c;border:1px solid #ffffff17;border-radius:14px;padding:20px;display:flex;flex-direction:column;justify-content:center}.wf-demo-status small,.wf-demo-status span,.wf-demo-status i{color:#afc2da}.wf-demo-status b{font-size:25px;margin:7px 0}.wf-demo-status i{font-size:10px;margin-top:12px;font-style:normal}.wf-demo-sectionhead{margin:0 28px 12px;display:flex;align-items:end;justify-content:space-between}.wf-demo-sectionhead h2{margin:4px 0;font-size:22px}.wf-demo-sectionhead p{font-size:11px;color:#718096}.wf-demo-modules{margin:0 28px 42px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.wf-demo-module{background:#fff;border:1px solid #e1e7ef;border-radius:14px;padding:17px;text-align:left;display:flex;gap:13px;min-height:145px;box-shadow:0 4px 14px #18283d08}.wf-demo-module:hover{border-color:#b8cceb;box-shadow:0 10px 28px #18283d12;transform:translateY(-2px)}.wf-module-icon{flex:0 0 39px;height:39px;border-radius:10px;background:#edf4ff;color:#1769e8;display:grid;place-items:center;font-weight:900}.wf-demo-module h3{margin:3px 0 6px;font-size:16px}.wf-demo-module p{font-size:11px;line-height:1.45;color:#718096;margin:0 0 12px}.wf-demo-module b{font-size:10px;color:#1769e8}.wf-demo-page{min-height:100vh;background:#f5f7fb;color:#15243a}.wf-page-top{height:68px;background:#fff;border-bottom:1px solid #e3e9f0;display:flex;align-items:center;gap:18px;padding:0 28px}.wf-page-top>div{flex:1}.wf-page-top h1{font-size:19px;margin:1px 0}.wf-page-intro{max-width:1180px;margin:24px auto 10px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;gap:18px}.wf-page-intro h2{font-size:27px;margin:0}.wf-page-intro p{color:#718096}.wf-page-kpis{display:flex;gap:8px}.wf-page-kpis article{background:#fff;border:1px solid #e0e7ef;border-radius:11px;padding:11px 16px;min-width:100px}.wf-page-kpis small,.wf-page-kpis b{display:block}.wf-page-kpis small{font-size:9px;color:#718096}.wf-page-kpis b{font-size:22px}.wf-message-layout{max-width:1180px;margin:0 auto 40px;padding:0 22px;display:grid;grid-template-columns:1.5fr .8fr;gap:10px}.wf-message-list,.wf-compose-card{background:#fff;border:1px solid #e0e7ef;border-radius:14px;padding:14px}.wf-message-row{width:100%;border:0;border-bottom:1px solid #edf1f5;background:#fff;text-align:left;padding:13px}.wf-message-row.unread{background:#f5f9ff}.wf-message-row span,.wf-message-row b,.wf-message-row p,.wf-message-row small{display:block}.wf-message-row span,.wf-message-row small{font-size:9px;color:#718096}.wf-message-row p{font-size:11px;color:#53657c}.wf-compose-card label{display:grid;gap:5px;font-size:10px;font-weight:700;margin:10px 0}.wf-compose-card input,.wf-compose-card textarea{border:1px solid #d9e2ed;border-radius:8px;padding:10px;font:inherit}.wf-compose-card textarea{min-height:120px}.wf-compose-card>button{width:100%;border:0;background:#1769e8;color:#fff;border-radius:8px;padding:10px;font-weight:800}.wf-compose-card>small{display:block;color:#7a899b;margin-top:8px}.wf-guide-head{display:flex;gap:12px;align-items:center}.wf-guide-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#1769e8;color:#fff;font-weight:900;font-size:19px}@media(max-width:1050px){.wf-demo-pro{grid-template-columns:1fr}.wf-demo-side{display:none}.wf-demo-modules{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.wf-demo-welcome{grid-template-columns:1fr;margin:12px;padding:22px}.wf-demo-modules{grid-template-columns:1fr;margin:0 12px 30px}.wf-demo-sectionhead{margin:0 12px 10px}.wf-demo-top{padding:0 12px}.wf-demo-top>div:first-child b{display:none}.wf-message-layout{grid-template-columns:1fr}.wf-page-intro{align-items:flex-start;flex-direction:column}.wf-demo-quick{flex-direction:column}}

/* 13.11.5 CLASSIC DASHBOARD DEMO */
.wf-classic-demo-home{background:#f4f7fb!important;min-height:100vh}
.wf-classic-demo-home>header{position:sticky;top:0;z-index:40;background:#10213a!important;color:#fff!important;box-shadow:0 2px 12px #10213a18}
.wf-classic-demo-home>header button{background:#ffffff0d!important;border:1px solid #ffffff1c!important;color:#dbe7f5!important;border-radius:8px!important}
.wf-classic-demo-home>header button:hover{background:#ffffff18!important;color:#fff!important}
.wf-classic-demo-home .wf-sb-hero{background:linear-gradient(135deg,#fff,#f7faff)!important;border:1px solid #dfe7f1!important;border-radius:16px!important;box-shadow:0 7px 25px #1a2b4210!important}
.wf-classic-demo-home .wf-sb-hero h1{letter-spacing:-.025em!important}
.wf-classic-demo-home .wf-sb-kpis article,.wf-classic-demo-home .wf-sb-card,.wf-classic-demo-home .wf-sb-list,.wf-classic-demo-home section article{border-color:#e0e7ef!important;box-shadow:0 3px 12px #1a2b4208}
.wf-classic-demo-home input,.wf-classic-demo-home select,.wf-classic-demo-home textarea{border-color:#d8e1ec!important;border-radius:8px!important}
.wf-classic-demo-home button{cursor:pointer}
.wf-presentation{all:unset}

/* 13.11.6 NORMAL PRODUCT DASHBOARD IN DEMO */
.wf-normal-demo-bar{height:34px;background:#0d1d33;color:#dce8f6;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font:11px/1.2 Inter,system-ui,sans-serif;position:relative;z-index:1000;border-bottom:1px solid #ffffff12}.wf-normal-demo-bar b{color:#fff}.wf-normal-demo-bar>div{display:flex;gap:6px}.wf-normal-demo-bar button{border:1px solid #ffffff20;background:#ffffff0b;color:#fff;border-radius:6px;padding:5px 8px;font-size:10px;cursor:pointer}.wf-normal-demo-bar button:hover{background:#ffffff18}

/* =========================================================
   JOBVY 14.0 — UNIFIED LIGHT EXPERIENCE
   ========================================================= */
:root{--wf14-bg:#f4f8fd;--wf14-card:#fff;--wf14-line:#e2eaf4;--wf14-text:#14213d;--wf14-muted:#6f82a2;--wf14-blue:#1687f8;--wf14-navy:#0f2342}
.wf14-shell{min-height:100vh;background:radial-gradient(circle at 68% 0,#eaf4ff 0,transparent 34%),var(--wf14-bg);color:var(--wf14-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;display:grid;grid-template-columns:240px 1fr}
.wf14-side{background:rgba(255,255,255,.96);border-right:1px solid var(--wf14-line);padding:20px 13px;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh;z-index:30}.wf14-brand{display:flex;align-items:center;gap:11px;padding:0 8px 22px}.wf14-logo{width:43px;height:43px;border-radius:13px;background:linear-gradient(145deg,#3156ff,#00a9ef);display:grid;place-items:center;color:#fff;font-size:24px;font-weight:900;box-shadow:0 9px 20px #1687f82c}.wf14-brand b{display:block;font-size:20px}.wf14-brand small{display:block;color:#7185a4;font-size:9px;margin-top:2px}.wf14-side nav{display:grid;gap:3px}.wf14-side nav button,.wf14-side-bottom button{border:0;background:transparent;border-radius:9px;min-height:42px;padding:0 10px;display:grid;grid-template-columns:27px 1fr 14px;align-items:center;text-align:left;color:#3c5375;cursor:pointer}.wf14-side nav button i{display:grid;place-items:center}.wf14-side svg{width:18px;height:18px;fill:#7893b8}.wf14-side nav button.active{background:linear-gradient(100deg,#197bf3,#20b4f7);color:#fff;box-shadow:0 8px 20px #1687f82c}.wf14-side nav button.active svg{fill:#fff}.wf14-side nav button:hover:not(.active){background:#f1f6fc}.wf14-side nav em{font-style:normal;font-size:18px;opacity:.65}.wf14-side-bottom{margin-top:auto;border-top:1px solid var(--wf14-line);padding-top:12px}.wf14-side-bottom>small{font-size:8px;color:#91a0b5;padding:0 10px}.wf14-main{min-width:0}.wf14-top{height:66px;background:rgba(255,255,255,.86);backdrop-filter:blur(14px);border-bottom:1px solid var(--wf14-line);display:flex;align-items:center;justify-content:space-between;padding:0 26px;position:sticky;top:0;z-index:25}.wf14-search{width:min(640px,52vw);height:40px;border:1px solid #d8e3f0;background:#f8fbff;border-radius:10px;display:flex;align-items:center;padding:0 12px;gap:8px}.wf14-search svg{width:18px;fill:#6e88ac}.wf14-search input{border:0;outline:0;background:transparent;flex:1;color:#203657}.wf14-search kbd{border:0;background:#eef3f9;border-radius:6px;padding:4px 7px;color:#61728a;font:10px inherit}.wf14-top-actions{display:flex;align-items:center;gap:8px}.wf14-top-actions button.icon{width:38px;height:38px;border:0;background:transparent;border-radius:9px;position:relative;color:#48617f}.wf14-top-actions button.icon:hover{background:#f0f5fb}.wf14-top-actions svg{width:19px;fill:#48617f}.wf14-top-actions button.icon b{position:absolute;right:2px;top:1px;background:#f62463;color:#fff;width:15px;height:15px;border-radius:50%;font-size:8px;display:grid;place-items:center}.wf14-profile{display:flex;align-items:center;gap:9px;border-left:1px solid var(--wf14-line);padding-left:14px;margin-left:5px}.wf14-profile>span,.wf14-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(145deg,#e7f2ff,#dce9fb);display:grid;place-items:center;font-weight:800;color:#176bd9}.wf14-profile b,.wf14-profile small{display:block}.wf14-profile b{font-size:11px}.wf14-profile small{font-size:8px;color:#7588a5;margin-top:2px}.wf14-demo-strip{height:32px;background:#edf7ff;border-bottom:1px solid #d6eafa;display:flex;align-items:center;justify-content:space-between;padding:0 27px;font-size:9px;color:#42607f}.wf14-demo-strip button{border:0;background:transparent;color:#0878e8;font-weight:800}.wf14-content{padding:25px 26px 38px;max-width:1600px;margin:auto}.wf14-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.wf14-heading>div>span{font-size:9px;letter-spacing:.12em;font-weight:900;color:#1687f8}.wf14-heading h1{font-size:29px;line-height:1.1;margin:4px 0 3px;letter-spacing:-.035em}.wf14-heading p{font-size:11px;color:#6f82a2;margin:0}.wf14-filters{display:flex;gap:8px}.wf14-filters button,.wf14-card header button{background:#fff;border:1px solid var(--wf14-line);border-radius:9px;padding:9px 12px;color:#405878;font-size:10px}.wf14-primary{border:0;background:#1687f8;color:#fff;border-radius:9px;padding:10px 14px;font-weight:800}.wf14-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.wf14-kpi{position:relative;overflow:hidden;min-height:108px;background:#fff;border:1px solid var(--wf14-line);border-radius:14px;padding:15px;display:grid;grid-template-columns:48px 1fr auto;align-items:start;text-align:left;box-shadow:0 5px 18px #20385809}.wf14-kpi>i{width:45px;height:45px;border-radius:11px;display:grid;place-items:center}.wf14-kpi>i svg{width:23px;fill:#fff}.wf14-kpi>i.blue{background:linear-gradient(145deg,#0d70f7,#18a9ff)}.wf14-kpi>i.green{background:linear-gradient(145deg,#00a981,#17d9ad)}.wf14-kpi>i.purple{background:linear-gradient(145deg,#6b4df8,#9a63ff)}.wf14-kpi>i.orange{background:linear-gradient(145deg,#ff8d24,#ffb14b)}.wf14-kpi>div b,.wf14-kpi>div span{display:block}.wf14-kpi>div b{font-size:23px}.wf14-kpi>div span{font-size:10px;color:#70829e;margin-top:2px}.wf14-kpi>em{font-size:9px;color:#0aaf72;font-style:normal;font-weight:800}.wf14-kpi>svg{position:absolute;right:0;bottom:0;width:48%;height:35px;fill:none;stroke:#1687f8;stroke-width:1.5;opacity:.65}.wf14-grid-top{display:grid;grid-template-columns:1.65fr 1fr .75fr;gap:10px;margin-bottom:10px}.wf14-grid-bottom{display:grid;grid-template-columns:1fr 1.08fr .88fr;gap:10px;margin-bottom:10px}.wf14-card{background:#fff;border:1px solid var(--wf14-line);border-radius:14px;box-shadow:0 4px 15px #20385808;min-width:0}.wf14-card>header{min-height:49px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf2f7}.wf14-card header h2{font-size:13px;margin:0}.wf14-card header p{font-size:8px;color:#8291a7;margin:2px 0 0}.wf14-card header a{font-size:9px;color:#0879e9;cursor:pointer}.wf14-bars{height:176px;padding:18px 24px 8px;display:flex;align-items:flex-end;justify-content:space-around;background:repeating-linear-gradient(to top,transparent 0,transparent 34px,#eef3f8 35px)}.wf14-bars>div{height:145px;width:9%;display:flex;align-items:flex-end;justify-content:center;gap:3px;position:relative;padding-bottom:18px}.wf14-bars span,.wf14-bars i,.wf14-bars em{width:7px;border-radius:3px 3px 0 0}.wf14-bars span{background:#1b7ff4}.wf14-bars i{background:#22caa4}.wf14-bars em{background:#ff9f43}.wf14-bars small{position:absolute;bottom:0;color:#7385a0;font-size:8px}.wf14-chart footer{padding:0 18px 12px;display:flex;gap:17px;font-size:8px;color:#71839d}.wf14-chart footer span:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.wf14-chart .b1:before{background:#1b7ff4}.wf14-chart .b2:before{background:#22caa4}.wf14-chart .b3:before{background:#ff9f43}.wf14-statusbody{padding:19px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12px}.wf14-donut{width:128px;height:128px;border-radius:50%;background:conic-gradient(#17c99c 0 46%,#1888f6 46% 62%,#ffac4b 62% 71%,#8d65f5 71% 82%,#bdd0e8 82%);display:grid;place-items:center;position:relative;margin:auto}.wf14-donut:after{content:'';position:absolute;inset:20px;background:#fff;border-radius:50%}.wf14-donut b,.wf14-donut span{z-index:1;position:absolute}.wf14-donut b{font-size:24px;margin-top:-12px}.wf14-donut span{font-size:9px;margin-top:25px}.wf14-status ul{list-style:none;padding:0;margin:0}.wf14-status li{display:grid;grid-template-columns:10px 1fr auto;gap:5px;font-size:8px;color:#627792;padding:5px 0}.wf14-status li i{width:7px;height:7px;background:#17c99c;border-radius:50%}.wf14-status li:nth-child(2)i{background:#1888f6}.wf14-status li:nth-child(3)i{background:#ffac4b}.wf14-status li:nth-child(4)i{background:#8d65f5}.wf14-status li:nth-child(5)i{background:#bdd0e8}.wf14-tasks>button,.wf14-list>button{width:100%;border:0;border-bottom:1px solid #edf2f7;background:#fff;padding:10px 12px;display:flex;align-items:center;gap:9px;text-align:left}.wf14-tasks>button:last-child,.wf14-list>button:last-child{border-bottom:0}.wf14-tasks>button>i,.wf14-list>button>i{width:31px;height:31px;border-radius:8px;background:#edf5ff;display:grid;place-items:center}.wf14-tasks svg,.wf14-list svg{width:16px;fill:#1687f8}.wf14-tasks button div,.wf14-list button div{flex:1;min-width:0}.wf14-tasks b,.wf14-tasks span,.wf14-list b,.wf14-list span{display:block}.wf14-tasks b,.wf14-list b{font-size:9px}.wf14-tasks span,.wf14-list span,.wf14-list small{font-size:8px;color:#7789a3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wf14-tasks em,.wf14-list em{font-style:normal;color:#1687f8}.wf14-list time{width:38px;height:38px;background:#eff5fd;border-radius:9px;display:grid;place-items:center}.wf14-list time b{font-size:15px}.wf14-list time span{font-size:7px}.wf14-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.wf14-shortcuts>button{background:#fff;border:1px solid var(--wf14-line);border-radius:12px;padding:11px;display:grid;grid-template-columns:38px 1fr 12px;align-items:center;gap:9px;text-align:left}.wf14-shortcuts>button>i{width:36px;height:36px;border-radius:9px;background:#eaf4ff;display:grid;place-items:center}.wf14-shortcuts svg{width:18px;fill:#1687f8}.wf14-shortcuts b,.wf14-shortcuts span{display:block}.wf14-shortcuts b{font-size:10px}.wf14-shortcuts span{font-size:8px;color:#7487a2;margin-top:2px}.wf14-shortcuts em{font-style:normal;color:#1687f8}.wf14-avatar{flex:0 0 34px}.wf14-portalgrid,.wf14-grid-owner{display:grid;grid-template-columns:1.4fr .8fr;gap:10px}.wf14-bigrow{padding:24px}.wf14-bigrow b,.wf14-bigrow span{display:block}.wf14-bigrow span{font-size:10px;color:#71839d;margin:5px 0 16px}.wf14-bigrow button,.wf14-actions button{border:0;background:#edf5ff;color:#0879e9;border-radius:8px;padding:9px 11px;font-weight:750}.wf14-actions{padding:16px;display:grid;gap:8px}.wf14-health{padding:20px}.wf14-health p{font-size:10px;color:#607590}.wf14-health p i{display:inline-block;width:8px;height:8px;background:#13bd83;border-radius:50%;margin-right:6px}.wf14-health small{color:#8a99ad;font-size:8px}
@media(max-width:1200px){.wf14-grid-top{grid-template-columns:1.4fr 1fr}.wf14-tasks{grid-column:1/-1}.wf14-grid-bottom{grid-template-columns:1fr 1fr}.wf14-grid-bottom>*:last-child{grid-column:1/-1}.wf14-shortcuts{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.wf14-shell{grid-template-columns:1fr}.wf14-side{display:none}.wf14-top{padding:0 12px}.wf14-search{width:60vw}.wf14-content{padding:16px 12px}.wf14-kpis{grid-template-columns:1fr 1fr}.wf14-grid-top,.wf14-grid-bottom,.wf14-portalgrid,.wf14-grid-owner{grid-template-columns:1fr}.wf14-tasks,.wf14-grid-bottom>*:last-child{grid-column:auto}}@media(max-width:540px){.wf14-kpis,.wf14-shortcuts{grid-template-columns:1fr}.wf14-profile div,.wf14-search kbd{display:none}.wf14-heading{align-items:flex-start;flex-direction:column}.wf14-search{width:52vw}}

/* 14.1 UNIFIED MODULE EXPERIENCE — every major page lives inside the same shell */
.wf14-module-content>main,.wf14-module-content>.wf-fin136,.wf14-module-content>.wf-d132,
.wf14-module-content>.wf-ops135,.wf14-module-content>.wf-rb134,.wf14-module-content>.wf-360,
.wf14-module-content>.wf-e2e,.wf14-module-content>.wf-command,.wf14-module-content>.wf-compliance{
 min-height:0!important;background:transparent!important;padding:0!important;margin:0!important;max-width:none!important
}
.wf14-module-content>main>header,.wf14-module-content>.wf-fin136>header,.wf14-module-content>.wf-d132>header,
.wf14-module-content>.wf-ops135>header,.wf14-module-content>.wf-rb134>header{
 background:#fff!important;border:1px solid var(--wf14-line)!important;border-radius:12px!important;
 min-height:52px!important;padding:0 14px!important;margin:0 0 12px!important;box-shadow:0 4px 15px #20385808!important
}
.wf14-module-content section,.wf14-module-content article,.wf14-module-content aside{
 border-color:var(--wf14-line)!important
}
.wf14-module-content button{font-family:inherit}
.wf14-module-content h1,.wf14-module-content h2,.wf14-module-content h3{color:var(--wf14-text)}
.wf14-module-content p,.wf14-module-content small,.wf14-module-content span{font-family:inherit}
.wf14-module-content .wf-fhero,.wf14-module-content .wf-oh135,.wf14-module-content .wf-rhero134{
 background:linear-gradient(135deg,#fff,#f3f8ff)!important;color:var(--wf14-text)!important;border:1px solid var(--wf14-line)!important;
 box-shadow:0 5px 18px #20385809!important
}
.wf14-module-content .wf-fhero p,.wf14-module-content .wf-oh135 p,.wf14-module-content .wf-rhero134 p{color:var(--wf14-muted)!important}
.wf14-module-content input,.wf14-module-content select,.wf14-module-content textarea{
 background:#fff!important;border:1px solid #d8e3f0!important;border-radius:9px!important;color:#203657!important
}
.wf14-module-content table,.wf14-module-content .wf-ftable,.wf14-module-content .wf-sh132{
 background:transparent!important
}

/* 14.2 REAL + DEMO UNIFIED SHELL
   Production keeps its proven route/pageContent contract, but uses the same 14.x visual language. */
.app-shell{background:radial-gradient(circle at 68% 0,#eaf4ff 0,transparent 34%),var(--wf14-bg)!important;color:var(--wf14-text)!important;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
.app-shell .sidebar{background:rgba(255,255,255,.97)!important;border-right:1px solid var(--wf14-line)!important;box-shadow:none!important}
.app-shell .side-brand{min-height:70px!important;padding:13px 16px!important;border-bottom:1px solid #edf2f7!important}
.app-shell .side-brand .wf14-logo{flex:0 0 43px}
.app-shell .side-brand strong{color:#14213d!important;font-size:18px!important;letter-spacing:-.02em}
.app-shell .side-brand span:not(.wf14-logo){color:#7185a4!important}
.app-shell .nav-section-label{color:#9aa9bc!important;font-size:9px!important;letter-spacing:.11em!important}
.app-shell .nav a,.app-shell .nav button{border-radius:9px!important;color:#405878!important}
.app-shell .nav a:hover,.app-shell .nav button:hover{background:#f1f6fc!important}
.app-shell .nav .active,.app-shell .nav a.active,.app-shell .nav button.active{background:linear-gradient(100deg,#197bf3,#20b4f7)!important;color:#fff!important;box-shadow:0 8px 20px #1687f82c!important}
.app-shell .profile-mini{border-top:1px solid var(--wf14-line)!important;background:#fff!important}
.app-shell .topbar{height:66px!important;background:rgba(255,255,255,.9)!important;backdrop-filter:blur(14px);border-bottom:1px solid var(--wf14-line)!important;box-shadow:none!important}
.app-shell .content{background:transparent!important}
.app-shell .content-inner{max-width:1600px!important;margin:auto!important;padding:25px 26px 38px!important}
.app-shell .page-head,.app-shell .cc-panel,.app-shell .panel,.app-shell .card,.app-shell .record-card{
 border-color:var(--wf14-line)!important;border-radius:14px!important;box-shadow:0 4px 15px #20385808!important
}
.app-shell input,.app-shell select,.app-shell textarea{border-color:#d8e3f0!important;border-radius:9px!important}
.app-shell .btn{border-radius:9px!important}
@media(max-width:850px){.app-shell .content-inner{padding:16px 12px!important}}

/* 14.3 NAVIGATION, CONTEXT HELP & PUBLIC ERROR HARDENING */
.wf14-nav-groups{display:flex;flex-direction:column;gap:5px;padding:9px}
.wf14-nav-group{border-radius:10px;overflow:hidden}
.wf14-nav-parent{width:100%;display:grid!important;grid-template-columns:25px 1fr 18px!important;align-items:center!important;text-align:left!important;padding:10px 11px!important;border:0!important;background:transparent!important;color:#405878!important;font-weight:700!important}
.wf14-nav-parent:hover{background:#f4f8fd!important}
.wf14-nav-parent i,.wf14-nav-children i{display:grid;place-items:center}
.wf14-nav-parent svg,.wf14-nav-children svg{width:17px;height:17px;fill:currentColor}
.wf14-nav-parent em{font-style:normal;font-size:19px;transition:transform .18s ease;color:#8aa0ba}
.wf14-nav-group.open .wf14-nav-parent em{transform:rotate(90deg)}
.wf14-nav-children{display:none;padding:1px 4px 7px 28px}
.wf14-nav-group.open .wf14-nav-children{display:flex;flex-direction:column;gap:3px}
.wf14-nav-children button{display:grid!important;grid-template-columns:22px 1fr!important;align-items:center!important;text-align:left!important;width:100%;border:0!important;background:transparent!important;padding:8px 10px!important;border-radius:8px!important;color:#617895!important;font-size:12px!important}
.wf14-nav-children button:hover{background:#eef5fd!important;color:#1c66c7!important}
.wf14-nav-children button.active{background:linear-gradient(100deg,#197bf3,#20b4f7)!important;color:#fff!important;box-shadow:0 7px 18px #1687f826!important}
.wf-friendly-error,.wf-public-error{max-width:760px;margin:34px auto;padding:24px;border:1px solid #dbe6f2;border-radius:16px;background:#fff;box-shadow:0 10px 34px #2038580d;color:#203657}
.wf-friendly-error{display:flex;gap:16px;align-items:flex-start}
.wf-friendly-error-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#fff4df;color:#9a6500;font-weight:900}
.wf-friendly-error h3,.wf-public-error h1{margin:0 0 7px}.wf-friendly-error p,.wf-public-error p{color:#607896;line-height:1.55}
.wf-friendly-error small{display:block;color:#8ba0b8;margin-top:8px}
.wf-public-error button,.wf-friendly-error button{border:0;border-radius:9px;padding:10px 14px;background:#1677e8;color:#fff;font-weight:750;margin:8px 8px 0 0}

/* 14.4 PRODUCT COMPLETION & INTERACTION HARDENING */
.wf14-breadcrumb{display:flex;align-items:center;gap:7px;color:#8a9db5;font-size:11px;font-weight:650;margin:0 0 13px}
.wf14-breadcrumb span{display:flex;gap:7px;align-items:center}.wf14-breadcrumb em{font-style:normal;color:#b6c3d1}
.wf14-toast-host{position:fixed;right:22px;top:82px;z-index:10050;display:flex;flex-direction:column;gap:9px;width:min(390px,calc(100vw - 28px))}
.wf14-toast{display:grid;grid-template-columns:34px 1fr 24px;gap:10px;align-items:start;background:#fff;border:1px solid #dbe6f2;border-radius:13px;padding:13px;box-shadow:0 16px 45px #2038581f;animation:wf14in .2s ease}
.wf14-toast.out{opacity:0;transform:translateX(12px);transition:.2s}.wf14-toast-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#eaf8f1;color:#12885c;font-weight:900}
.wf14-toast.warning .wf14-toast-icon{background:#fff5df;color:#9a6800}.wf14-toast.error .wf14-toast-icon{background:#fff0f0;color:#bd3434}.wf14-toast.info .wf14-toast-icon{background:#eaf4ff;color:#1675dc}
.wf14-toast b{color:#1c3354;font-size:13px}.wf14-toast p{margin:3px 0 0;color:#687e99;font-size:12px;line-height:1.4}.wf14-toast button{border:0;background:transparent;color:#8aa0b8;font-size:18px;cursor:pointer}
@keyframes wf14in{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}
.wf14-confirm-overlay{position:fixed;inset:0;z-index:10060;background:#15263c55;backdrop-filter:blur(3px);display:grid;place-items:center;padding:18px}
.wf14-confirm{width:min(430px,100%);background:#fff;border-radius:17px;padding:24px;box-shadow:0 25px 70px #14263c33;text-align:center}
.wf14-confirm-mark{width:44px;height:44px;border-radius:13px;background:#eef6ff;color:#1978e7;display:grid;place-items:center;margin:auto auto 12px;font-size:20px;font-weight:900}
.wf14-confirm h3{margin:0;color:#1c3354}.wf14-confirm p{color:#6c819a;line-height:1.55}.wf14-confirm>div{display:flex;justify-content:center;gap:9px;margin-top:18px}
.wf14-confirm button{border:1px solid #d8e3ef;background:#fff;color:#385270;border-radius:9px;padding:10px 15px;font-weight:750}.wf14-confirm button[data-yes]{background:#1779e8;color:#fff;border-color:#1779e8}.wf14-confirm button.danger{background:#c84444;border-color:#c84444}
.wf14-empty{text-align:center;padding:36px 20px;border:1px dashed #cfdceb;border-radius:14px;background:#fbfdff;color:#6c819a}.wf14-empty>span{width:44px;height:44px;margin:auto;display:grid;place-items:center;border-radius:12px;background:#edf6ff;color:#1779e8}.wf14-empty svg{width:22px}.wf14-empty h3{margin:12px 0 5px;color:#294564}.wf14-empty p{margin:0 auto 13px;max-width:470px}.wf14-empty button{border:0;background:#1779e8;color:#fff;padding:9px 13px;border-radius:9px;font-weight:750}
.wf14-busy{position:relative;opacity:.75;cursor:wait!important}.wf14-busy:before{content:"";display:inline-block;width:11px;height:11px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;margin-right:7px;vertical-align:-1px;animation:wf14spin .7s linear infinite}@keyframes wf14spin{to{transform:rotate(360deg)}}
.wf14-invalid{border-color:#d84d4d!important;box-shadow:0 0 0 3px #d84d4d12!important}
.wf14-module-content label{font-weight:650;color:#405978}.wf14-module-content label input,.wf14-module-content label select,.wf14-module-content label textarea{font-weight:450}
@media(max-width:700px){.wf14-toast-host{right:14px;top:72px}.wf14-breadcrumb{padding:0 2px}.wf14-confirm{padding:20px}}

/* 14.5 ROLE / PACKAGE / SCOPE */
.wf145-context{display:flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid #dbe6f2;border-radius:9px;background:#f8fbff;color:#617895;font-size:10px;font-weight:750;white-space:nowrap}
.wf145-context i{font-style:normal;color:#b0bfd0}.wf145-disabled{opacity:.45!important;cursor:not-allowed!important;filter:grayscale(.25)}
.wf145-locked{max-width:720px;margin:45px auto;background:#fff;border:1px solid var(--wf14-line);border-radius:18px;padding:32px;text-align:center;box-shadow:0 12px 38px #2038580c}
.wf145-locked>span{width:54px;height:54px;display:grid;place-items:center;margin:auto auto 14px;border-radius:15px;background:#edf6ff;color:#1779e8}.wf145-locked svg{width:27px}
.wf145-locked small{color:#7f93ad;font-weight:800;letter-spacing:.08em}.wf145-locked h1{margin:8px 0;color:#1c3354}.wf145-locked p{color:#687e99}
.wf145-locked>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:440px;margin:20px auto;text-align:left;background:#f7faff;padding:14px;border-radius:11px}.wf145-locked>div b{color:#536b87}.wf145-locked>div span{color:#1e3d62}
.wf145-locked button{border:0;border-radius:9px;background:#1779e8;color:#fff;padding:10px 15px;font-weight:750}
.wf145-access header{background:#fff;border:1px solid var(--wf14-line);border-radius:15px;padding:22px}.wf145-access header small{font-weight:850;letter-spacing:.08em;color:#1880ed}.wf145-access header h1{margin:5px 0}.wf145-access header p{color:#687e99;margin-bottom:0}
.wf145-access-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:13px 0}.wf145-access-grid article{background:#fff;border:1px solid var(--wf14-line);border-radius:13px;padding:16px}.wf145-access-grid span,.wf145-access-grid small{display:block;color:#7d91a9}.wf145-access-grid b{display:block;font-size:20px;color:#203657;margin:4px 0}
.wf145-matrix{display:grid;grid-template-columns:1fr 1fr;gap:13px}.wf145-matrix>div{background:#fff;border:1px solid var(--wf14-line);border-radius:14px;padding:18px}.wf145-matrix h2{margin-top:0}.wf145-matrix p{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf2f7;padding:9px 0;margin:0}.wf145-matrix b{font-size:11px;padding:4px 8px;border-radius:20px}.wf145-matrix .yes{background:#eaf8f1;color:#12885c}.wf145-matrix .no{background:#f2f5f8;color:#7c8fa5}
.wf145-note{margin-top:13px;padding:15px 17px;border:1px solid #d7e7fa;border-radius:12px;background:#f5faff;color:#506a88}.wf145-note p{margin:4px 0 0;line-height:1.5}
@media(max-width:850px){.wf145-context{display:none}.wf145-access-grid,.wf145-matrix{grid-template-columns:1fr}}

/* 14.6 DEMO EXPERIENCE & GUIDED TOURS */
.wf146-demo-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.wf146-demo-actions button{display:flex;align-items:center;gap:5px}.wf146-demo-actions svg{width:14px;height:14px;fill:currentColor}
.wf146-role-menu{position:fixed;right:20px;top:112px;z-index:10070;width:min(390px,calc(100vw - 28px));background:#fff;border:1px solid #dbe6f2;border-radius:15px;box-shadow:0 24px 70px #17304e2b;padding:9px}
.wf146-role-menu header{display:flex;align-items:center;justify-content:space-between;padding:8px 8px 10px}.wf146-role-menu header div{display:flex;flex-direction:column}.wf146-role-menu header small{font-size:9px;color:#8a9db5;font-weight:850;letter-spacing:.08em}.wf146-role-menu header b{color:#203657}.wf146-role-menu header button{border:0;background:transparent;font-size:20px;color:#8397af}
.wf146-role-menu>button[data-role]{width:100%;border:0;background:transparent;text-align:left;padding:10px 11px;border-radius:9px;display:flex;flex-direction:column;gap:2px}.wf146-role-menu>button[data-role]:hover,.wf146-role-menu>button.active{background:#eef6ff}.wf146-role-menu>button span{font-weight:750;color:#294766}.wf146-role-menu>button small{color:#788da7;line-height:1.35}
.wf146-tour-overlay{position:fixed;inset:0;z-index:10080;background:#10243a3d;pointer-events:auto}.wf146-tour-card{position:fixed;right:24px;bottom:24px;width:min(410px,calc(100vw - 30px));background:#fff;border-radius:17px;padding:21px;box-shadow:0 25px 75px #10243a3d;border:1px solid #dce7f2;z-index:10082}
.wf146-tour-card small{color:#1780ec;font-size:9px;font-weight:900;letter-spacing:.09em}.wf146-tour-card h3{margin:7px 0;color:#1d3554;font-size:20px}.wf146-tour-card p{color:#657d99;line-height:1.55;margin:0 0 18px}.wf146-tour-progress{display:flex;gap:5px;margin-bottom:13px}.wf146-tour-progress i{height:4px;flex:1;border-radius:5px;background:#e3ebf4}.wf146-tour-progress i.on{background:#1681ed}
.wf146-tour-actions{display:flex;justify-content:space-between;gap:8px}.wf146-tour-actions button{border:1px solid #d8e3ef;background:#fff;color:#4d6785;border-radius:9px;padding:9px 13px;font-weight:750}.wf146-tour-actions button[data-next]{background:#1779e8;border-color:#1779e8;color:#fff}
.wf146-highlight{position:relative!important;z-index:10081!important;outline:4px solid #2994ff!important;outline-offset:5px!important;border-radius:10px!important;box-shadow:0 0 0 9999px #10243a22!important}
.wf146-process header{background:linear-gradient(120deg,#fff,#f3f9ff);border:1px solid var(--wf14-line);border-radius:16px;padding:24px}.wf146-process header small{font-size:10px;color:#1779e8;font-weight:900;letter-spacing:.09em}.wf146-process header h1{margin:6px 0;color:#1c3354}.wf146-process header p{color:#657d99;max-width:800px}
.wf146-process section{display:flex;flex-direction:column;gap:9px;margin-top:13px}.wf146-process article{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:14px;background:#fff;border:1px solid var(--wf14-line);border-radius:13px;padding:14px}.wf146-process article>b{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#eaf4ff;color:#1779e8}.wf146-process h2{font-size:15px;margin:0;color:#294766}.wf146-process article p{margin:3px 0 0;color:#7489a3;font-size:12px}.wf146-process article button{border:0;border-radius:9px;background:#1779e8;color:#fff;padding:9px 12px;font-weight:750}.wf146-process aside{margin-top:13px;border:1px solid #d7e7fa;background:#f6faff;border-radius:12px;padding:14px;color:#526d8c}.wf146-process aside p{margin:4px 0 0}
#wf146GuideTour{margin-top:8px;border:0;border-radius:8px;background:#1779e8;color:#fff;padding:8px 11px;font-weight:750}
@media(max-width:800px){.wf146-demo-actions button{font-size:10px}.wf146-process article{grid-template-columns:38px 1fr}.wf146-process article button{grid-column:2}.wf146-tour-card{right:15px;bottom:15px}}

/* 14.7 MOBILE & TABLET EXPERIENCE */
.wf147-menu{display:none;border:0;background:#f3f7fc;color:#365474;width:38px;height:38px;border-radius:10px;place-items:center}.wf147-menu svg{width:19px;height:19px;fill:currentColor}
.wf147-bottom{display:none}
.wf147-drawer-overlay{position:fixed;inset:0;z-index:10100;background:#10243a66;backdrop-filter:blur(2px)}
.wf147-drawer{position:absolute;left:0;top:0;bottom:0;width:min(350px,88vw);overflow:auto;background:#fff;padding:13px;box-shadow:20px 0 60px #10243a26}
.wf147-drawer header{display:flex;align-items:center;justify-content:space-between;padding:6px 4px 14px;border-bottom:1px solid #e6edf5}.wf147-drawer header>div{display:flex;align-items:center;gap:9px;color:#1d3859}.wf147-drawer header button{border:0;background:transparent;font-size:24px;color:#7890aa}
.wf147-drawer-role{margin:12px 0;padding:12px;border-radius:11px;background:#f5f9fe}.wf147-drawer-role small{display:block;font-size:9px;font-weight:850;color:#8498b0;letter-spacing:.08em}.wf147-drawer-role b{display:block;color:#294766;margin:3px 0}.wf147-drawer-role button{border:0;background:#1779e8;color:#fff;border-radius:8px;padding:7px 9px;font-size:11px;font-weight:750;margin-top:7px}
.wf147-drawer section{margin:13px 0}.wf147-drawer h3{font-size:10px;color:#8a9db5;text-transform:uppercase;letter-spacing:.08em;padding:0 8px}.wf147-drawer section button{width:100%;display:grid;grid-template-columns:25px 1fr;align-items:center;text-align:left;border:0;background:transparent;border-radius:9px;padding:10px;color:#45617f;font-weight:700}.wf147-drawer section button:hover{background:#eef6ff;color:#1779e8}.wf147-drawer section svg{width:17px;height:17px;fill:currentColor}
.wf147-table-scroll{max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;border-radius:11px}.wf147-table-scroll table{min-width:720px}
.wf147-clock-card{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;background:linear-gradient(120deg,#1678e8,#16a5e8);color:#fff;border-radius:16px;padding:19px;margin-bottom:13px;box-shadow:0 12px 32px #147ed329}.wf147-clock-card small{font-size:9px;font-weight:900;letter-spacing:.09em;opacity:.8}.wf147-clock-card h2{margin:4px 0;font-size:20px}.wf147-clock-card p{margin:0;opacity:.82}.wf147-clock-card>div:last-child{display:flex;gap:7px}.wf147-clock-card button{border:1px solid #ffffff4a;background:#ffffff18;color:#fff;border-radius:9px;padding:10px 12px;font-weight:750;display:flex;align-items:center;gap:5px}.wf147-clock-card button:first-child{background:#fff;color:#176fc9}.wf147-clock-card svg{width:15px;height:15px;fill:currentColor}
@media (max-width:1180px){
 .wf14-side{width:220px}.wf14-content{padding:18px}.wf14-top{padding:0 16px}.wf14-search{max-width:520px}
 .wf14-profile>div,.wf145-context{display:none}
 .wf14-module-content .wf-page-kpis,.wf14-module-content .wf-cokpi{grid-template-columns:repeat(2,1fr)!important}
}
@media (max-width:760px){
 html,body{overflow-x:hidden}.wf14-shell{display:block!important}.wf14-side{display:none!important}.wf14-main{min-width:0!important;width:100%!important;padding-bottom:74px}
 .wf14-top{height:62px!important;padding:0 11px!important;gap:8px;position:sticky;top:0;z-index:80;background:#fff;border-bottom:1px solid #e5edf5}
 .wf147-menu{display:grid;flex:0 0 38px}.wf14-search{height:38px!important;min-width:0;flex:1}.wf14-search kbd{display:none}.wf14-search input{font-size:14px}
 .wf14-top-actions{gap:4px}.wf14-top-actions .icon{width:36px!important;height:36px!important}.wf14-profile{display:none!important}
 .wf14-demo-strip{padding:8px 11px!important;align-items:flex-start!important;gap:7px!important}.wf14-demo-strip>span{font-size:10px;line-height:1.35}.wf146-demo-actions{width:100%;overflow:auto;flex-wrap:nowrap!important;padding-bottom:2px}.wf146-demo-actions button{white-space:nowrap;min-height:34px}
 .wf14-content{padding:12px 11px 18px!important}.wf14-breadcrumb{overflow:auto;white-space:nowrap;margin-bottom:9px}
 .wf147-bottom{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;z-index:95;background:#fff;border-top:1px solid #dfe8f2;padding:5px max(5px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(5px,env(safe-area-inset-left));box-shadow:0 -8px 30px #1b36520c}
 .wf147-bottom button{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:50px;color:#7890aa;font-size:9px;font-weight:750;border-radius:9px}.wf147-bottom button i{height:21px;display:grid;place-items:center}.wf147-bottom svg{width:18px;height:18px;fill:currentColor}.wf147-bottom button.active{color:#1779e8;background:#eef6ff}
 .wf147-touch{min-height:44px!important}.wf14-module-content button{min-height:42px}.wf14-module-content input,.wf14-module-content select,.wf14-module-content textarea{font-size:16px!important;min-height:44px}
 .wf14-module-content h1{font-size:24px!important;line-height:1.15}.wf14-module-content h2{font-size:17px!important}
 .wf14-module-content .wf-page-top,.wf14-module-content header{gap:9px;flex-wrap:wrap}.wf14-module-content .wf-page-intro,.wf-message-layout,.wf-cogrid,.wf145-access-grid,.wf145-matrix{grid-template-columns:1fr!important}
 .wf14-module-content .wf-page-kpis,.wf14-module-content .wf-cokpi{grid-template-columns:repeat(2,1fr)!important;gap:7px!important}
 .wf14-module-content article,.wf14-module-content section{max-width:100%}
 .wf-message-layout{display:grid!important}.wf-message-list{max-height:none!important}.wf-compose-card{position:static!important}
 .wf147-clock-card{grid-template-columns:1fr;padding:16px}.wf147-clock-card>div:last-child{display:grid;grid-template-columns:1fr 1fr}.wf147-clock-card button:last-child{grid-column:1/-1}
 .wf146-tour-card{left:10px!important;right:10px!important;bottom:calc(70px + env(safe-area-inset-bottom))!important;width:auto!important;padding:17px!important}.wf146-highlight{outline-width:3px!important;outline-offset:3px!important}
 .wf146-role-menu{left:10px;right:10px;top:70px;width:auto;max-height:calc(100vh - 90px);overflow:auto}
 .wf14-toast-host{left:10px;right:10px;top:70px;width:auto}.wf14-confirm-overlay{align-items:end;padding:10px}.wf14-confirm{border-radius:18px 18px 12px 12px}
 .wf146-process header{padding:18px}.wf146-process article{padding:11px}.wf145-locked{margin:15px auto;padding:22px 16px}.wf145-locked>div{grid-template-columns:1fr}
}
@media (max-width:390px){
 .wf14-top-actions .icon:first-child{display:none}.wf14-module-content .wf-page-kpis,.wf14-module-content .wf-cokpi{grid-template-columns:1fr!important}
 .wf147-bottom button{font-size:8px}.wf147-bottom svg{width:17px;height:17px}
}
@media (hover:none) and (pointer:coarse){
 button,a,[role="button"]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
 .wf14-nav-parent:hover,.wf14-nav-children button:hover{background:inherit}
}

/* 14.9 SECURITY STATUS */
.wf149-sec header{background:#fff;border:1px solid var(--wf14-line);border-radius:15px;padding:22px}.wf149-sec header small{font-size:10px;color:#1779e8;font-weight:900;letter-spacing:.09em}.wf149-sec header h1{margin:5px 0}.wf149-sec header p{color:#687e99;max-width:800px}
.wf149-list{margin-top:13px;background:#fff;border:1px solid var(--wf14-line);border-radius:14px;padding:8px 17px}.wf149-list p{display:flex;justify-content:space-between;gap:15px;margin:0;padding:12px 0;border-top:1px solid #edf2f7}.wf149-list p:first-child{border-top:0}.wf149-list span{color:#536c88}.wf149-list b{font-size:11px;border-radius:20px;padding:4px 8px;background:#eef4f9;color:#627991}.wf149-list b.pass{background:#eaf8f1;color:#12885c}.wf149-list b.warning{background:#fff5df;color:#946300}.wf149-sec aside{margin-top:12px;padding:14px 16px;background:#f7faff;border:1px solid #dce8f4;border-radius:12px;color:#5f7691}.wf149-sec aside p{margin:4px 0 0}

/* 15.0 PILOT RELEASE CANDIDATE */
.wf150-mini-rc{float:right;font-size:8px;background:#eaf4ff;color:#1779e8;border-radius:20px;padding:2px 6px;font-weight:900;letter-spacing:.04em}
.wf150-pilot header{display:flex;justify-content:space-between;align-items:flex-start;background:linear-gradient(120deg,#fff,#f3f9ff);border:1px solid var(--wf14-line);border-radius:16px;padding:23px}.wf150-pilot header small{font-size:10px;color:#1779e8;font-weight:900;letter-spacing:.09em}.wf150-pilot header h1{margin:5px 0;color:#1d3554}.wf150-pilot header p{margin:0;color:#6a809a}.wf150-rc{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#1779e8;color:#fff;font-weight:900}
.wf150-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:13px 0}.wf150-overview article{background:#fff;border:1px solid var(--wf14-line);border-radius:13px;padding:15px}.wf150-overview span,.wf150-overview small{display:block;color:#7a8fa7;font-size:11px}.wf150-overview b{display:block;color:#294766;font-size:17px;margin:4px 0}
.wf150-body{display:grid;grid-template-columns:1.7fr .8fr;gap:13px}.wf150-body>div,.wf150-body>aside{background:#fff;border:1px solid var(--wf14-line);border-radius:14px;padding:16px}.wf150-head{display:flex;align-items:center;justify-content:space-between}.wf150-head h2,.wf150-body aside h2{font-size:16px;margin:0 0 12px}.wf150-head button{border:1px solid #d7e3ef;background:#fff;color:#41617f;border-radius:8px;padding:7px 10px;font-weight:750}
.wf150-status{display:flex;justify-content:space-between;gap:10px;border-radius:11px;padding:12px 13px;margin-bottom:8px}.wf150-status.ready{background:#eaf8f1;color:#147953}.wf150-status.review{background:#fff6e2;color:#8c6509}.wf150-status.blocked{background:#fff0f0;color:#a33b3b}.wf150-status span{font-size:12px}
.wf150-check{display:grid;grid-template-columns:31px 1fr;gap:10px;align-items:center;border-top:1px solid #edf2f7;padding:11px 2px}.wf150-check i{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:900}.wf150-check.pass i{background:#e8f8f0;color:#13865b}.wf150-check.warning i{background:#fff3d9;color:#986600}.wf150-check.fail i{background:#ffeded;color:#b23d3d}.wf150-check b{display:block;color:#34516f}.wf150-check span{font-size:12px;color:#788da5}.wf150-request{display:block;color:#98a8ba;margin-top:10px}
.wf150-body aside label{display:flex;gap:9px;align-items:flex-start;padding:9px 0;border-top:1px solid #edf2f7;color:#536d89;font-size:12px}.wf150-body aside input{margin-top:2px;accent-color:#1779e8}.wf150-body aside p{background:#f6f9fd;border-radius:9px;padding:10px;color:#70849c;font-size:11px;line-height:1.45}
@media(max-width:800px){.wf150-overview,.wf150-body{grid-template-columns:1fr}.wf150-pilot header{padding:17px}.wf150-rc{width:40px;height:40px}.wf150-status{flex-direction:column}}

/* 15.1 BILLING INFO */
.wf151-info header{background:#fff;border:1px solid var(--wf14-line);border-radius:15px;padding:22px}.wf151-info header small{font-size:10px;color:#1779e8;font-weight:900;letter-spacing:.09em}.wf151-info header h1{margin:5px 0}.wf151-info header p{color:#6f839b}.wf151-info>section{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;margin-top:12px}.wf151-info article{background:#fff;border:1px solid var(--wf14-line);border-radius:14px;padding:17px}.wf151-info article h2{font-size:16px}.wf151-info article p{color:#6d829b;line-height:1.5}.wf151-info button{border:0;background:#1779e8;color:#fff;border-radius:9px;padding:9px 11px;font-weight:800}@media(max-width:760px){.wf151-info>section{grid-template-columns:1fr}}

/* JOBVY 16.7 Trial Customer Journey */
.wf-trial-card{margin:16px 0}.wf-trial-progress{height:9px;border-radius:999px;background:#e9eef5;overflow:hidden;margin:12px 0}.wf-trial-progress>div{height:100%;background:currentColor;border-radius:999px}.wf-trial-card small{letter-spacing:.06em;font-weight:800}


/* JOBVY 16.13 — Public Website & Pricing Experience */
.wf-home-1613{background:#fff;color:#17243a}.wf-home-hero{max-width:1420px;margin:0 auto;padding:88px 46px 76px;display:grid;grid-template-columns:1.02fr .98fr;gap:72px;align-items:center}.wf-eyebrow,.wf-package-head>div>span,.wf-trial-explain>div>span{font-size:11px;letter-spacing:.14em;font-weight:900;color:#2467d8}.wf-home-copy h1{font-size:64px;line-height:1.02;letter-spacing:-.055em;margin:16px 0 22px;max-width:720px}.wf-home-copy h1 em{font-style:normal;color:#2467d8}.wf-home-copy>p{font-size:18px;line-height:1.7;color:#62738a;max-width:670px}.wf-home-actions{display:flex;gap:10px;margin:28px 0 20px}.wf-home-facts{display:flex;gap:18px;flex-wrap:wrap;color:#53677f;font-size:12px;font-weight:700}.wf-home-product{background:#fff;border:1px solid #dce5ef;border-radius:22px;box-shadow:0 28px 70px #16304f18;overflow:hidden;transform:rotate(-1deg)}.wf-home-product-top{padding:15px 18px;border-bottom:1px solid #e8edf3;display:flex;align-items:center;gap:10px}.wf-home-product-top small{margin-left:auto;color:#7c8b9e}.wf-brand-dot{width:30px;height:30px;border-radius:9px;background:#173f63;color:#fff;display:grid;place-items:center;font-weight:900}.wf-home-product-body{display:grid;grid-template-columns:64px 1fr;min-height:370px}.wf-home-product-body>aside{background:#142a44;padding:22px 16px;display:flex;flex-direction:column;gap:22px}.wf-home-product-body>aside i{height:8px;background:#ffffff38;border-radius:5px}.wf-home-product-body>section{padding:34px}.wf-home-product-body h3{font-size:26px;margin:6px 0 22px}.wf-home-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.wf-home-kpis article{background:#f5f8fb;border:1px solid #e4eaf1;border-radius:12px;padding:15px}.wf-home-kpis b,.wf-home-kpis span{display:block}.wf-home-kpis b{font-size:24px}.wf-home-kpis span{font-size:11px;color:#718198}.wf-home-list{margin-top:22px}.wf-home-list p{display:grid;grid-template-columns:10px 1fr auto;gap:10px;align-items:center;border-top:1px solid #edf1f5;padding:13px 2px;margin:0;font-size:12px}.wf-home-list i{width:8px;height:8px;border-radius:50%;background:#4d7dd3}.wf-home-list b{font-size:11px}.wf-home-rolebar{border-top:1px solid #e8edf3;border-bottom:1px solid #e8edf3;padding:25px max(24px,calc((100vw - 1280px)/2));display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;color:#52637a;font-size:12px}.wf-home-rolebar span{color:#8a96a7}.wf-home-section{padding:95px max(28px,calc((100vw - 1280px)/2));background:#f8fafc}.wf-home-process{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.wf-home-process article{background:#fff;border:1px solid #e0e7ef;border-radius:16px;padding:25px}.wf-home-process article>span{color:#2467d8;font-weight:900}.wf-home-process h3{font-size:22px;margin:18px 0 8px}.wf-home-process p{color:#6e7e92;line-height:1.55;min-height:58px}.wf-home-process button{border:0;background:none;padding:0;color:#2467d8;font-weight:800;cursor:pointer}.wf-package-section{padding:100px max(28px,calc((100vw - 1320px)/2));background:#fff}.wf-package-head{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end}.wf-package-head h2{font-size:46px;line-height:1.08;letter-spacing:-.04em;margin:10px 0}.wf-package-head p{color:#6d7c90}.wf-cycle{display:flex;background:#f1f5f9;border:1px solid #dce5ee;border-radius:12px;padding:4px}.wf-cycle button{border:0;background:transparent;padding:10px 18px;border-radius:9px;font-weight:800;color:#607289;cursor:pointer}.wf-cycle button.active{background:#173f63;color:#fff}.wf-package-info{margin:24px 0 15px;padding:12px 15px;background:#f7f9fc;border-radius:10px;color:#62738a;font-size:12px}.wf-package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}.wf-price-card{position:relative;border:1px solid #dce4ed;border-radius:18px;padding:28px;background:#fff;display:flex;flex-direction:column;min-width:0}.wf-price-card.featured{border:2px solid #245fbe;box-shadow:0 18px 48px #234d8318}.wf-price-card>small{font-size:10px;letter-spacing:.1em;font-weight:900;color:#2467d8}.wf-price-card h3{font-size:28px;margin:10px 0}.wf-price-desc{color:#6c7d92;line-height:1.55;min-height:64px}.wf-price-value{display:flex;align-items:center;gap:10px;margin:16px 0}.wf-price-value>b{font-size:42px;letter-spacing:-.04em}.wf-price-value>span{font-size:11px;color:#65778d;line-height:1.4}.wf-price-value em{font-style:normal;font-weight:800;color:#314a66}.wf-price-divider{height:1px;background:#e7ecf2;margin:18px 0}.wf-price-card h4{margin:0 0 12px}.wf-price-card ul{list-style:none;padding:0;margin:0 0 22px;flex:1}.wf-price-card li{display:flex;gap:9px;padding:8px 0;color:#43566e;font-size:12px}.wf-price-card li i{font-style:normal;color:#2467d8;font-weight:900}.wf-price-popular{position:absolute;right:18px;top:18px;background:#eaf1ff;color:#245fbe;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:900}.wf-trial-chip{align-self:flex-start;background:#eaf8f0;color:#197148;padding:7px 10px;border-radius:999px;font-size:10px;font-weight:900}.wf-price-actions{display:grid;gap:8px}.wf-order-btn,.wf-trial-btn,.wf-enterprise button{border:0;border-radius:10px;padding:12px 14px;font-weight:850;cursor:pointer}.wf-order-btn{background:#173f63;color:#fff}.wf-trial-btn{background:#eef4fb;color:#173f63;border:1px solid #d6e1ec}.wf-trial-note,.wf-billing-note{font-size:10px!important;line-height:1.55!important;color:#78889b!important;margin:14px 0 0!important}.wf-enterprise{margin-top:16px;border:1px solid #dce4ed;border-radius:16px;padding:24px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px;background:#f8fafc}.wf-enterprise small{color:#2467d8;font-weight:900}.wf-enterprise h3{margin:5px 0}.wf-enterprise p{margin:0;color:#6c7c90}.wf-enterprise button{background:#fff;border:1px solid #cad8e5;color:#173f63}.wf-trial-explain{padding:85px max(28px,calc((100vw - 1220px)/2));background:#13263d;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.wf-trial-explain h2{font-size:40px;line-height:1.08;margin:12px 0}.wf-trial-explain p{color:#b8c5d3;line-height:1.7}.wf-trial-flow{display:flex;align-items:center;gap:12px}.wf-trial-flow article{flex:1;background:#1b334f;border:1px solid #2a4869;border-radius:14px;padding:18px;text-align:center}.wf-trial-flow article b{display:block;font-size:28px;color:#8fb4ff}.wf-trial-flow article span{font-size:11px;color:#d6e0ea}.wf-trial-flow>i{font-style:normal;color:#7e9bbb}.wf-light-btn{border:1px solid #ffffff50;background:#fff;color:#17243a;border-radius:999px;padding:13px 20px;font-weight:850;margin-left:8px;cursor:pointer}
@media(max-width:1000px){.wf-home-hero{grid-template-columns:1fr;padding-top:60px}.wf-home-copy h1{font-size:52px}.wf-home-process{grid-template-columns:1fr 1fr}.wf-package-grid{grid-template-columns:1fr}.wf-package-head,.wf-trial-explain{grid-template-columns:1fr}.wf-cycle{justify-self:start}}@media(max-width:650px){.wf-home-hero{padding:45px 20px}.wf-home-copy h1{font-size:40px}.wf-home-actions{flex-direction:column;align-items:stretch}.wf-home-product-body{grid-template-columns:45px 1fr}.wf-home-product-body>section{padding:20px}.wf-home-kpis{grid-template-columns:1fr}.wf-home-process{grid-template-columns:1fr}.wf-package-head h2{font-size:34px}.wf-package-section{padding:70px 18px}.wf-trial-flow{flex-direction:column;align-items:stretch}.wf-trial-flow>i{transform:rotate(90deg);text-align:center}.wf-enterprise{align-items:flex-start;flex-direction:column}.wf-light-btn{margin:8px 0 0}.wf-final-cta>div{display:flex;flex-direction:column;align-items:center}}

/* JOBVY 16.15.4 unified brand icon */
.logo img,.og-logo img,.boot-logo img,.brand i img,.sitebrand i img{width:100%;height:100%;object-fit:contain;display:block;border-radius:inherit}.logo:has(img),.og-logo:has(img),.boot-logo:has(img),.brand i:has(img),.sitebrand i:has(img){background:transparent!important;color:transparent!important;box-shadow:none!important;padding:0!important;overflow:hidden}

.mark img{width:100%;height:100%;object-fit:contain;display:block;border-radius:inherit}.mark:has(img){background:transparent!important;color:transparent!important;padding:0!important;overflow:hidden}