:root{--ink:#171716;--muted:#79766f;--paper:#f5f2eb;--white:#fff;--line:#e6e0d6;--gold:#c6a53c;--gold-2:#e2cb78;--warm:#f1e8cf;--green:#3e8b67;--red:#b44c4c;--blue:#4677a8;--purple:#745f9d;--shadow:0 16px 48px rgba(38,31,20,.08);--radius:22px;--font:Inter,"Segoe UI",Arial,sans-serif}*{box-sizing:border-box}html{font-family:var(--font);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}body{margin:0;min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%}.eyebrow,.admin-kicker{display:block;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#8b7540}.eyebrow.light{color:#d4bd78}.muted{color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:0 18px;border:1px solid transparent;border-radius:13px;font-weight:750;font-size:14px;transition:.2s}.button:hover{transform:translateY(-1px)}.button.primary,.button.gold{background:var(--gold);color:#17140d;box-shadow:0 10px 28px rgba(198,165,60,.25)}.button.dark{background:#1c1b19;color:#fff}.button.soft{background:#fff;border-color:var(--line)}.button.outline{border-color:#3c3e45;background:transparent;color:inherit}.button.wide{width:100%}.button-row{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.text-link{font-size:14px;font-weight:750;text-decoration:underline;text-underline-offset:5px}.alert{padding:14px 16px;border-radius:14px;margin:14px 0;font-size:14px;line-height:1.45}.alert.error{background:#fff0ee;color:#8e3832;border:1px solid #f0c6c1}.alert.success{background:#e9f6ef;color:#276a4c;border:1px solid #bde2cd}.alert ul{margin:8px 0 0;padding-left:20px}.status{display:inline-flex;align-items:center;white-space:nowrap;border-radius:999px;padding:6px 9px;font-size:11px;font-style:normal;font-weight:800}.status.success{background:#e5f4eb;color:#26724d}.status.error{background:#f9e7e5;color:#a43e38}.status.neutral{background:#efefef;color:#686868}.pill{display:inline-flex;padding:7px 10px;border-radius:999px;font-size:11px;font-weight:800}.pill.warm{background:#f3e9d1;color:#7a6121}

/* Login & setup */
.login-page{background:#151514}.login-shell{display:grid;grid-template-columns:minmax(440px,1.08fr) minmax(420px,.92fr);min-height:100vh}.login-story{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:58px 64px;color:#fff;background:radial-gradient(circle at 82% 14%,rgba(203,172,83,.19),transparent 30%),linear-gradient(145deg,#171716,#25221d 68%,#2e281d)}.login-story:after{content:"HR";position:absolute;right:-3vw;bottom:-10vw;color:rgba(255,255,255,.023);font-weight:900;font-size:35vw;line-height:1}.login-group-logo{width:190px;filter:none}.login-copy{position:relative;z-index:1;max-width:680px;margin:10vh 0}.login-copy h1{font-size:clamp(42px,5.4vw,84px);line-height:.99;letter-spacing:-.055em;margin:20px 0 28px}.login-copy p{max-width:570px;color:#c6c2b9;font-size:18px;line-height:1.7}.login-proof{position:relative;z-index:1;display:flex;align-items:center;gap:14px;color:#bdb7aa;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.login-proof i{display:block;width:4px;height:4px;border-radius:50%;background:var(--gold)}.login-panel{display:grid;place-items:center;padding:56px;background:#faf8f3}.login-form-wrap{width:min(430px,100%)}.login-form-wrap h2{font-size:38px;letter-spacing:-.04em;margin:12px 0 8px}.login-form-wrap>.muted{margin:0 0 34px}.mobile-brand{display:none}.stack-form,.setup-form{display:grid;gap:18px}.stack-form label,.setup-form label,.config-form label,.modal label{display:grid;gap:8px;font-size:13px;font-weight:700;color:#4b4842}.stack-form input,.setup-form input,.config-form input,.config-form select,.modal input,.modal select{width:100%;height:50px;border:1px solid #dcd6cb;border-radius:12px;background:#fff;padding:0 14px;color:#171716;outline:none;transition:.2s}.stack-form input:focus,.setup-form input:focus,.config-form input:focus,.config-form select:focus,.modal input:focus,.modal select:focus{border-color:#b6973d;box-shadow:0 0 0 4px rgba(198,165,60,.13)}.login-help{text-align:center;color:#969188;font-size:12px;margin-top:28px}.setup-page{background:#171716;padding:48px 20px}.setup-shell{max-width:1020px;margin:auto}.setup-head{display:flex;align-items:center;gap:60px;color:#fff;margin-bottom:34px}.setup-head img{width:180px}.setup-head h1{font-size:38px;margin:8px 0}.setup-head p{color:#a8a59e;max-width:650px;line-height:1.6}.setup-card{background:#f9f7f1;border-radius:28px;padding:34px;box-shadow:0 30px 90px #0008}.setup-progress{display:flex;align-items:center;max-width:280px;margin:0 auto 26px}.setup-progress span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#ddd;color:#777;font-size:12px;font-weight:800}.setup-progress span.active{background:var(--gold);color:#19160e}.setup-progress i{height:2px;background:#d8d2c7;flex:1}.requirements{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.requirements span{font-size:11px;font-weight:700;padding:7px 9px;border-radius:8px;background:#eee}.requirements .ok{color:#28724e;background:#e5f4eb}.requirements .bad{color:#a43e38;background:#f9e7e5}.setup-form fieldset,.config-form fieldset{border:0;border-top:1px solid var(--line);padding:22px 0 4px;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:18px}.setup-form legend,.config-form legend{font-weight:850;font-size:14px;padding-right:12px}.setup-form .full,.config-form .full,.modal .full{grid-column:1/-1}.setup-form small{color:var(--muted);font-weight:500}

/* User application */
.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:26px 18px 18px;background:#1a1917;color:#e9e5dc;z-index:30}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:0 12px 26px;border-bottom:1px solid #34322f}.sidebar-brand img{width:130px}.sidebar-brand span{border-left:1px solid #494640;padding-left:12px;color:#d9bd68;font-size:13px;font-weight:800;letter-spacing:.12em}.main-nav{display:grid;gap:4px;padding:24px 0;overflow:auto}.main-nav a{display:grid;grid-template-columns:28px 1fr auto;align-items:center;min-height:46px;padding:0 12px;border-radius:12px;color:#a9a59d;font-size:14px;font-weight:650}.main-nav a b{font-size:17px;color:#817c73}.main-nav a.active,.main-nav a:hover{background:#2a2824;color:#fff}.main-nav a.active b{color:#d6b95d}.main-nav a em{display:grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#c9aa48;color:#16130d;font-size:10px;font-style:normal}.sidebar-help{margin-top:auto;padding:15px;border:1px solid #393732;border-radius:14px;background:#211f1c}.sidebar-help span{font-size:12px;font-weight:800;color:#e2ca81}.sidebar-help p{font-size:11px;line-height:1.5;color:#89857d;margin:6px 0 0}.sidebar-user,.admin-person{display:grid;grid-template-columns:38px 1fr 24px;gap:10px;align-items:center;margin-top:14px;padding:14px 5px 0}.avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#d8bd67,#9e8131);color:#18140d;font-size:12px;font-weight:900}.sidebar-user div,.admin-person div{min-width:0}.sidebar-user strong,.admin-person strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.sidebar-user small,.admin-person small{color:#817d75;font-size:10px}.workspace{min-width:0;background:var(--paper)}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 34px;background:rgba(250,248,243,.91);border-bottom:1px solid var(--line);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}.menu-toggle{display:none}.brand-switcher{display:grid;grid-template-columns:10px auto auto;align-items:center;gap:9px}.brand-dot{width:9px;height:9px;border-radius:50%;background:var(--brand)}.brand-switcher select{border:0;background:transparent;font-weight:850;font-size:14px}.brand-switcher small{color:var(--muted);font-size:11px}.top-actions{display:flex;align-items:center;gap:10px}.search-button{display:flex;align-items:center;gap:10px;width:260px;height:40px;padding:0 12px;border:1px solid var(--line);border-radius:11px;background:#fff;color:#8c8880;text-align:left}.search-button span{flex:1}.search-button kbd{padding:3px 6px;border-radius:6px;background:#f1eee8;color:#9b968e;font-size:9px}.admin-link,.notification-button{display:grid;place-items:center;height:40px;border:1px solid var(--line);border-radius:11px;background:#fff;font-size:12px;font-weight:800}.admin-link{padding:0 13px}.notification-button{width:40px}.content{padding:34px;max-width:1600px;margin:auto}.page-title{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:26px}.page-title h1{font-size:36px;letter-spacing:-.04em;margin:6px 0}.page-title p{margin:0;color:var(--muted);font-size:14px}.welcome-card{position:relative;overflow:hidden;display:grid;grid-template-columns:1.3fr .7fr;min-height:260px;padding:34px;border-radius:28px;background:linear-gradient(120deg,#21201d,#312b20);color:#fff;box-shadow:var(--shadow)}.welcome-card h2{font-size:30px;line-height:1.12;letter-spacing:-.035em;margin:16px 0 10px;max-width:620px}.welcome-card p{color:#bcb6aa;line-height:1.55;max-width:650px}.welcome-art{position:relative;display:grid;place-items:center}.welcome-art img{position:relative;z-index:2;max-width:260px;filter:drop-shadow(0 10px 35px #0006)}.welcome-art span{position:absolute;width:260px;height:260px;border:1px solid #7d6b37;border-radius:50%}.welcome-art i{position:absolute;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,#c5a34644,transparent 65%)}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:18px 0}.metric-card{position:relative;display:grid;grid-template-columns:1fr auto;gap:7px;padding:21px;border:1px solid var(--line);border-radius:18px;background:#fff}.metric-card>span{font-size:12px;color:var(--muted);font-weight:700}.metric-card>strong{grid-row:2;font-size:32px;letter-spacing:-.05em}.metric-card>small{grid-row:3;font-size:10px;color:#8b887f}.metric-icon{grid-column:2;grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;font-weight:900}.metric-icon.gold{background:#f4ead0;color:#84691c}.metric-icon.green{background:#e0f1e7;color:#337859}.metric-icon.blue{background:#e3edf7;color:#3d6c99}.metric-icon.purple{background:#ebe5f4;color:#68558b}.dashboard-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:16px}.panel{border:1px solid var(--line);border-radius:20px;background:#fff;padding:22px;box-shadow:0 8px 30px rgba(30,24,15,.035)}.panel.large{grid-row:span 2}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.panel-kicker{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#99948a;font-weight:850}.panel h3{font-size:19px;margin:6px 0}.chip{border:1px solid var(--line);border-radius:10px;background:#faf9f6;padding:8px 10px;color:#747068;font-size:11px}.count-badge{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#f2eee5;font-weight:900}.funnel-empty{display:grid;grid-template-columns:1fr 180px;align-items:center;gap:30px;min-height:280px}.funnel-steps{display:grid;gap:8px}.funnel-steps span{display:flex;justify-content:space-between;align-items:center;width:var(--w);min-width:180px;height:38px;padding:0 14px;border-radius:9px;background:linear-gradient(90deg,#dfc979,#eee3bd);font-size:11px;font-weight:750;color:#54471e}.funnel-steps span:nth-child(2){margin-left:7%}.funnel-steps span:nth-child(3){margin-left:14%}.funnel-steps span:nth-child(4){margin-left:21%}.funnel-steps span:nth-child(5){margin-left:28%}.funnel-empty>p{font-size:12px;line-height:1.55;color:var(--muted)}.friendly-empty{text-align:center;padding:24px 10px 8px}.friendly-empty>div{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:#e6f3eb;color:#377c59;margin:auto;font-weight:900}.friendly-empty h4{margin:12px 0 5px}.friendly-empty p{font-size:11px;line-height:1.5;color:var(--muted);margin:0}.quick-list{display:grid;margin-top:8px}.quick-list a{display:grid;grid-template-columns:30px 1fr 20px;gap:10px;align-items:center;padding:12px 0;border-top:1px solid #eeeae2}.quick-list b{display:grid;place-items:center;width:26px;height:26px;border-radius:9px;background:#f2ead7;color:#775f1d;font-size:11px}.quick-list strong,.quick-list small{display:block}.quick-list strong{font-size:12px}.quick-list small{color:var(--muted);font-size:10px;margin-top:2px}.quick-list i{font-style:normal;color:#aaa49a}.empty-page{text-align:center;padding:70px 30px}.empty-page h2{font-size:28px;margin:15px 0 8px}.empty-page>p{max-width:600px;margin:0 auto 25px;color:var(--muted);line-height:1.6}.empty-illustration{display:grid;place-items:center;width:92px;height:92px;border-radius:30px;background:linear-gradient(145deg,#f1e7cb,#fff);margin:0 auto 18px;font-size:34px;color:#8a6e22}

/* Super admin */
.admin-page{background:#111215;color:#e7e7e5}.admin-shell{display:grid;grid-template-columns:274px minmax(0,1fr);min-height:100vh}.admin-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:28px 20px 18px;border-right:1px solid #2c2e34;background:#111215;z-index:30}.admin-brand{display:grid;gap:12px;padding:0 10px 26px;border-bottom:1px solid #292b30}.admin-brand img{width:150px}.admin-brand span{color:#8a8b91;font-size:9px;font-weight:900;letter-spacing:.28em}.admin-sidebar nav{display:grid;gap:4px;padding:24px 0}.admin-sidebar nav a{display:grid;grid-template-columns:28px 1fr;align-items:center;min-height:47px;padding:0 12px;border-radius:10px;color:#8f9197;font-size:13px;font-weight:700}.admin-sidebar nav a b{font-size:16px}.admin-sidebar nav a.active,.admin-sidebar nav a:hover{background:#25272d;color:#fff}.admin-sidebar nav a.active b{color:#e0be55}.admin-back{margin-top:auto;padding:16px;border:1px solid #2a2c31;border-radius:12px}.admin-back a{font-size:12px;font-weight:800;color:#d8bd68}.admin-back p{font-size:10px;line-height:1.45;color:#686b72;margin:8px 0 0}.admin-person{border-top:1px solid #27292e}.admin-workspace{min-width:0;background:#17191d}.admin-topbar{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid #2b2d33;background:rgba(23,25,29,.9);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.admin-topbar h1{font-size:20px;margin:4px 0 0}.admin-crumb{font-size:9px;letter-spacing:.15em;color:#6c6f77;font-weight:800}.system-status{display:flex;align-items:center;gap:8px;font-size:11px;color:#a9abb0}.system-status i{width:7px;height:7px;border-radius:50%;background:#54b985;box-shadow:0 0 0 5px #54b9851c}.system-status small{margin-left:8px;padding:5px 7px;border:1px solid #34363d;border-radius:7px;color:#73767e}.admin-content{max-width:1600px;margin:auto;padding:34px}.admin-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 300px;min-height:300px;padding:40px;border:1px solid #31333a;border-radius:22px;background:radial-gradient(circle at 76% 40%,#c39e3126,transparent 26%),linear-gradient(135deg,#202228,#17191d)}.admin-hero h2{font-size:44px;line-height:1.02;letter-spacing:-.045em;margin:16px 0}.admin-hero p{max-width:620px;color:#8f9299;line-height:1.65}.admin-hero-mark{display:flex;align-items:center;justify-content:center;font-size:110px;font-weight:950;letter-spacing:-.1em;color:#26282e}.admin-hero-mark span{align-self:flex-end;margin:0 0 45px 10px;color:#b89a43;font-size:18px;letter-spacing:.1em}.admin-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:18px 0;background:#303239;border:1px solid #303239;border-radius:18px;overflow:hidden}.admin-metrics article{background:#1e2025;padding:22px}.admin-metrics span,.admin-metrics small{display:block;color:#787b83;font-size:10px}.admin-metrics strong{display:block;font-size:30px;margin:7px 0}.admin-grid{display:grid;grid-template-columns:1.6fr .9fr;gap:18px}.admin-panel{border:1px solid #303239;border-radius:18px;background:#1d1f24;padding:24px}.admin-panel.span2{min-width:0}.admin-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.admin-panel-head span{font-size:9px;letter-spacing:.16em;color:#777a82;font-weight:850}.admin-panel-head h3{font-size:19px;margin:6px 0}.admin-panel-head em{font-style:normal;color:#d3b85f;font-weight:850}.launch-steps{display:grid}.launch-steps a{display:grid;grid-template-columns:38px 1fr 22px;align-items:center;gap:12px;padding:16px 0;border-top:1px solid #2d2f35}.launch-steps b{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#292b31;color:#8d9097;font-size:11px}.launch-steps b.done{background:#273e34;color:#69c391}.launch-steps strong,.launch-steps small{display:block}.launch-steps strong{font-size:13px}.launch-steps small{font-size:10px;color:#777a82;margin-top:4px}.launch-steps i{font-style:normal;color:#656870}.clean-list{display:grid;gap:15px;list-style:none;padding:0;margin:20px 0}.clean-list li{display:flex;gap:9px;color:#a3a5aa;font-size:12px}.clean-list i{color:#6ec796;font-style:normal}.admin-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:26px}.admin-page-head h2{font-size:34px;letter-spacing:-.035em;margin:7px 0}.admin-page-head p{color:#858890;margin:0}.brand-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.brand-cards article{padding:24px;border:1px solid #303239;border-radius:18px;background:#1e2025}.brand-card-top{display:flex;justify-content:space-between;align-items:start}.brand-card-top>span{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:color-mix(in srgb,var(--accent) 24%,#25272c);color:var(--accent);font-size:13px;font-weight:900}.brand-cards h3{font-size:24px;margin:20px 0 5px}.brand-cards p{color:#777a82;font-size:12px}.brand-cards dl{display:grid;grid-template-columns:repeat(3,1fr);margin:22px 0;border-top:1px solid #303239;border-bottom:1px solid #303239}.brand-cards dl div{padding:14px 0}.brand-cards dt{color:#70737b;font-size:9px}.brand-cards dd{margin:4px 0 0;font-size:15px;font-weight:850}.brand-cards>a{color:#d1b657;font-size:12px;font-weight:800}.modal{width:min(620px,calc(100% - 32px));padding:0;border:1px solid #3a3c43;border-radius:20px;background:#202228;color:#eee;box-shadow:0 30px 100px #000b}.modal::backdrop{background:#050506b8;backdrop-filter:blur(5px)}.modal form{padding:25px}.modal-head{display:flex;justify-content:space-between;margin-bottom:22px}.modal-head span{font-size:9px;letter-spacing:.16em;color:#8e9097}.modal-head h3{font-size:24px;margin:7px 0}.modal-head p{color:#888b92;font-size:12px}.modal-head button{width:34px;height:34px;border:1px solid #42444b;border-radius:10px;background:#2b2d33;color:#aaa;font-size:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.modal input,.modal select,.config-form input,.config-form select{border-color:#3a3c43;background:#17191d;color:#eee}.admin-table-wrap{overflow:auto;border:1px solid #303239;border-radius:18px;background:#1e2025}.admin-table{width:100%;border-collapse:collapse;min-width:760px}.admin-table th{text-align:left;padding:14px 18px;border-bottom:1px solid #34363d;color:#747780;font-size:9px;letter-spacing:.1em;text-transform:uppercase}.admin-table td{padding:15px 18px;border-bottom:1px solid #2b2d33;color:#b5b7bb;font-size:12px;vertical-align:middle}.admin-table tr:last-child td{border:0}.admin-table code{color:#d5bb68;background:#292b30;padding:5px 7px;border-radius:6px}.person-cell{display:flex;align-items:center;gap:11px}.person-cell strong,.person-cell small{display:block}.person-cell strong{color:#eee;font-size:12px}.person-cell small{color:#70737a;font-size:10px;margin-top:3px}.role-tag{display:inline-flex;margin:2px;padding:5px 7px;border-radius:7px;background:#292c32;color:#aeb1b7;font-size:9px}.role-tag.gold{background:#3b3420;color:#dbc064}.mini-button{border:1px solid #3b3d44;border-radius:8px;background:#26282e;color:#aaa;padding:7px 9px;font-size:10px}.connection-layout{display:grid;grid-template-columns:330px 1fr;gap:18px}.connection-list{border:1px solid #303239;border-radius:18px;background:#1d1f24;padding:18px;height:max-content}.connection-list h3{font-size:14px;margin:0 0 14px}.connection-list>a{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:12px;border-radius:12px}.connection-list>a.active,.connection-list>a:hover{background:#292b31}.connection-logo{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#353124;color:#d4b85c;font-size:10px;font-weight:900}.connection-list strong,.connection-list small{display:block}.connection-list strong{font-size:12px}.connection-list small{color:#757880;font-size:9px;margin-top:3px}.connection-list .status{font-size:8px}.connection-list .new-connection{display:block;margin-top:10px;border:1px dashed #3d3f46;text-align:center;color:#bda248;font-size:11px;font-weight:800}.small-empty,.table-empty{text-align:center;color:#747780;font-size:11px;padding:30px 10px}.config-form fieldset{border-color:#34363d}.config-form label{color:#aaa}.check-label{display:flex!important;align-items:center!important;grid-template-columns:20px 1fr!important}.check-label input{width:18px!important;height:18px!important}.connection-actions{display:flex;gap:10px;border-top:1px solid #34363d;margin-top:24px;padding-top:20px}.test-result{display:flex;gap:12px;align-items:center;margin-top:16px;padding:14px;border-radius:12px;background:#24262c}.test-result>b{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#344;color:#fff}.test-result.success>b{background:#284737;color:#71c798}.test-result.error>b{background:#4c2e2f;color:#e8958f}.test-result strong,.test-result small{display:block}.test-result strong{font-size:11px}.test-result small{color:#7d8088;font-size:9px;margin-top:3px}.system-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.system-list{display:grid;margin:0}.system-list div{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #303239}.system-list dt{color:#7d8088;font-size:11px}.system-list dd{margin:0;font-size:12px;font-weight:800}

@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.panel.large{grid-row:auto}.brand-cards{grid-template-columns:repeat(2,1fr)}.admin-grid{grid-template-columns:1fr}.connection-layout{grid-template-columns:1fr}.connection-list{display:flex;overflow:auto}.connection-list h3,.connection-list .small-empty{display:none}.connection-list>a{min-width:270px}.connection-list .new-connection{min-width:150px}}
@media(max-width:820px){.login-shell{grid-template-columns:1fr}.login-story{display:none}.login-panel{min-height:100vh;padding:28px}.mobile-brand{display:block;margin-bottom:50px}.mobile-brand img{width:160px}.app-shell,.admin-shell{display:block}.sidebar,.admin-sidebar{position:fixed;left:0;top:0;transform:translateX(-102%);width:280px;transition:.25s;box-shadow:20px 0 60px #0005}.sidebar.open,.admin-sidebar.open{transform:none}.menu-toggle{display:grid}.topbar,.admin-topbar{padding:0 18px}.search-button{width:42px}.search-button span,.search-button kbd,.admin-link{display:none}.content,.admin-content{padding:22px 16px}.welcome-card{grid-template-columns:1fr;padding:25px}.welcome-art{display:none}.admin-hero{grid-template-columns:1fr;padding:28px}.admin-hero h2{font-size:36px}.admin-hero-mark{display:none}.admin-metrics{grid-template-columns:repeat(2,1fr)}.system-grid{grid-template-columns:1fr}.setup-head{display:block}.setup-head img{margin-bottom:20px}}
@media(max-width:560px){.page-title,.admin-page-head{align-items:flex-start;flex-direction:column}.page-title h1,.admin-page-head h2{font-size:30px}.metric-grid,.brand-cards{grid-template-columns:1fr}.funnel-empty{grid-template-columns:1fr}.funnel-steps span{min-width:120px}.setup-card{padding:22px 16px}.setup-form fieldset,.config-form fieldset,.form-grid{grid-template-columns:1fr}.setup-form .full,.config-form .full,.modal .full{grid-column:auto}.admin-metrics{grid-template-columns:1fr 1fr}.system-status span{display:none}.connection-actions{flex-direction:column}.topbar{gap:8px}.brand-switcher small{display:none}.login-form-wrap h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* v0.1.1 — custom controls and contrast pass */
*{scrollbar-width:thin;scrollbar-color:#aaa49a transparent}.admin-page *{scrollbar-color:#4b4e57 #181a1e}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#aaa49a;border:2px solid transparent;border-radius:999px;background-clip:padding-box}.admin-page ::-webkit-scrollbar-track,.sidebar ::-webkit-scrollbar-track{background:#181a1e}.admin-page ::-webkit-scrollbar-thumb,.sidebar ::-webkit-scrollbar-thumb{background:#4b4e57;border:2px solid #181a1e}
.brand-wordmark{display:inline-flex!important;align-items:baseline!important;gap:4px!important;white-space:nowrap!important;text-transform:lowercase!important;letter-spacing:-.045em!important;border:0!important;padding:0!important}.brand-wordmark b{color:#d1b45c;font-size:23px;font-weight:850;line-height:1}.brand-wordmark i{color:#f1eee7;font-size:20px;font-style:normal;font-weight:450;line-height:1}.sidebar-brand .brand-wordmark{border:0;padding:0;letter-spacing:-.045em}.sidebar-brand .hr-mark{margin-left:auto;border-left:1px solid #4a463e;padding-left:15px;color:#e5c85e;font-size:15px;font-weight:900;font-style:normal;letter-spacing:.16em}.admin-brand .brand-wordmark{border:0;padding:0;letter-spacing:-.045em}.admin-brand .brand-wordmark b{font-size:25px}.admin-brand .brand-wordmark i{font-size:21px;color:#e9e7e1}.admin-brand small{color:#a8abb3;font-size:9px;font-weight:900;letter-spacing:.28em}.admin-crumb{color:#999ca5}.admin-kicker{color:#c0a24d}.admin-panel-head span{color:#9699a2}.admin-hero-mark{color:#41444d;text-shadow:0 12px 40px #0007}.admin-hero-mark span{color:#d7b84f;text-shadow:0 0 24px #c8a93d33}
.smart-select{position:relative;width:100%;min-width:0}.smart-select-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;inset:auto!important}.smart-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:50px;padding:0 14px;border:1px solid #dcd6cb;border-radius:12px;background:#fff;color:#171716;text-align:left;font-size:13px;font-weight:750;outline:none;transition:border-color .18s,box-shadow .18s,background .18s}.smart-select-trigger:hover{border-color:#c6b782}.smart-select-trigger:focus,.smart-select.open .smart-select-trigger{border-color:#b6973d;box-shadow:0 0 0 4px rgba(198,165,60,.13)}.smart-select-trigger i{position:relative;width:10px;height:10px;flex:0 0 10px}.smart-select-trigger i:before,.smart-select-trigger i:after{content:"";position:absolute;top:4px;width:7px;height:2px;border-radius:2px;background:currentColor;transition:transform .18s}.smart-select-trigger i:before{left:0;transform:rotate(45deg)}.smart-select-trigger i:after{right:0;transform:rotate(-45deg)}.smart-select.open .smart-select-trigger i:before{transform:rotate(-45deg)}.smart-select.open .smart-select-trigger i:after{transform:rotate(45deg)}.smart-select-menu{position:absolute;z-index:1000;top:calc(100% + 8px);left:0;display:none;width:max(100%,190px);max-height:280px;overflow:auto;padding:7px;border:1px solid #e2ddd3;border-radius:14px;background:#fff;box-shadow:0 20px 55px rgba(35,28,17,.18)}.smart-select.open .smart-select-menu{display:grid;gap:3px;animation:selectIn .16s ease-out}.smart-select-option{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:40px;padding:8px 10px;border:0;border-radius:9px;background:transparent;color:#3a3732;text-align:left;font-size:12px;font-weight:650}.smart-select-option:hover{background:#f4f0e7;color:#171716}.smart-select-option.selected{background:#eee3c4;color:#5d4810;font-weight:850}.smart-select-option i{color:#9a7921;font-style:normal;font-weight:900}.smart-select-option:disabled{opacity:.45;cursor:not-allowed}.brand-switcher .smart-select{width:auto;min-width:90px}.brand-switcher .smart-select-trigger{min-height:38px;padding:0 10px;border:0;background:transparent;box-shadow:none;font-size:14px}.brand-switcher .smart-select-menu{left:-12px;min-width:180px}.admin-page .smart-select-trigger{border-color:#3a3c43;background:#17191d;color:#eee}.admin-page .smart-select-trigger:hover{border-color:#585b64;background:#1d1f24}.admin-page .smart-select-trigger:focus,.admin-page .smart-select.open .smart-select-trigger{border-color:#b89a43;box-shadow:0 0 0 4px #b89a431d}.admin-page .smart-select-menu{border-color:#41434b;background:#24262c;box-shadow:0 24px 65px #0009}.admin-page .smart-select-option{color:#c8c9cd}.admin-page .smart-select-option:hover{background:#30333a;color:#fff}.admin-page .smart-select-option.selected{background:#42391f;color:#efd16e}.check-label input[type="checkbox"]{appearance:none!important;-webkit-appearance:none!important;width:22px!important;height:22px!important;border:1px solid #4c4f58!important;border-radius:7px!important;background:#17191d!important;cursor:pointer;transition:.18s}.check-label input[type="checkbox"]:checked{border-color:#d2b34f!important;background:#d2b34f!important;box-shadow:inset 0 0 0 5px #29271e!important}.check-label input[type="checkbox"]:focus{outline:0;box-shadow:0 0 0 4px #b89a4322!important}@keyframes selectIn{from{opacity:0;transform:translateY(-5px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:560px){.smart-select-menu{position:fixed;left:16px;right:16px;top:auto;bottom:16px;width:auto;max-height:50vh;border-radius:18px;padding:10px}.smart-select-option{min-height:48px}.brand-wordmark b{font-size:21px}.brand-wordmark i{font-size:18px}}

/* v0.1.3 — branch scope management */
.branch-explainer{display:grid;grid-template-columns:220px 1fr;gap:22px;margin-bottom:18px;padding:18px 20px;border:1px solid #4a4028;border-radius:16px;background:linear-gradient(135deg,#29251c,#202126);color:#aeb0b5}.branch-explainer b{color:#e4c769;font-size:13px}.branch-explainer span{font-size:11px;line-height:1.65}.branch-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:18px}.branch-metrics article{padding:18px;border:1px solid #303239;border-radius:15px;background:#1e2025}.branch-metrics span{display:block;color:#858890;font-size:10px}.branch-metrics strong{display:block;margin-top:6px;font-size:27px}.branch-metrics .included{border-color:#315142;background:#1c2924}.branch-metrics .included strong{color:#76c89c}.branch-metrics .excluded{border-color:#493437;background:#292022}.branch-metrics .excluded strong{color:#d88b86}.branch-toolbar{display:grid;grid-template-columns:180px minmax(240px,1fr) 190px 190px auto auto;align-items:end;gap:10px;margin-bottom:14px;padding:15px;border:1px solid #303239;border-radius:16px;background:#1e2025}.branch-toolbar label{display:grid;gap:7px;color:#9699a1;font-size:10px;font-weight:750}.branch-toolbar input{min-height:50px;border-color:#3a3c43;background:#17191d;color:#eee}.branch-toolbar .button{min-height:50px;white-space:nowrap}.branch-table-wrap{border-radius:16px 16px 0 0}.branch-table{min-width:1160px}.branch-table .check-column{width:48px;padding-right:4px}.table-check{appearance:none;-webkit-appearance:none;width:20px;height:20px;margin:0;border:1px solid #50535c;border-radius:6px;background:#17191d;cursor:pointer;vertical-align:middle}.table-check:checked{border-color:#d1b452;background:#d1b452;box-shadow:inset 0 0 0 5px #29271f}.table-check:indeterminate{border-color:#d1b452;background:linear-gradient(#d1b452,#d1b452) center/10px 2px no-repeat #29271f}.table-check:focus{outline:0;box-shadow:0 0 0 4px #b89a4326}.branch-table tr.branch-excluded td{opacity:.6}.branch-table tr.branch-excluded:hover td,.branch-table tr:has(.table-check:checked) td{opacity:1}.branch-name strong,.branch-name small{display:block}.branch-name strong{max-width:330px;color:#efefef;font-size:12px}.branch-name small{margin-top:4px;color:#70737b;font-size:9px}.branch-address{max-width:280px;line-height:1.45}.external-id{display:block;max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7f828a;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.scope-status{display:inline-flex;padding:6px 9px;border-radius:8px;font-size:9px;font-weight:850}.scope-status.on{background:#263d33;color:#79cb9e}.scope-status.off{background:#3b292c;color:#d98c87}.branch-bulk-bar{position:sticky;z-index:20;bottom:0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:14px 16px;border:1px solid #3a3c43;border-top-color:#4a4d56;border-radius:0 0 16px 16px;background:#23252b;box-shadow:0 -14px 35px #111318d9}.branch-bulk-bar>span{color:#aaa;font-size:11px}.branch-bulk-bar>span b{color:#e4c760;font-size:16px}.branch-bulk-bar p{margin:0;color:#7f828a;font-size:10px}.branch-bulk-bar>div{display:flex;gap:9px}.branch-bulk-bar button:disabled{opacity:.35;cursor:not-allowed;filter:saturate(0)}
@media(max-width:1250px){.branch-toolbar{grid-template-columns:repeat(2,minmax(0,1fr)) auto}.branch-search{grid-column:span 1}.branch-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.branch-explainer{grid-template-columns:1fr;gap:8px}.branch-toolbar{grid-template-columns:1fr 1fr}.branch-toolbar .button{width:100%}.branch-bulk-bar{grid-template-columns:1fr}.branch-bulk-bar p{display:none}.branch-bulk-bar>div{display:grid;grid-template-columns:1fr 1fr}.branch-metrics{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.branch-toolbar{grid-template-columns:1fr}.branch-metrics{grid-template-columns:1fr 1fr}.branch-bulk-bar>div{grid-template-columns:1fr}.branch-bulk-bar .button{width:100%}}
.branch-metrics .archived{border-color:#41444c;background:#202228}.branch-metrics .archived strong{color:#9296a0}

/* v0.2.0 — iiko workforce */
.workforce-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.workforce-metrics article{padding:20px;border:1px solid #303239;border-radius:16px;background:#1e2025}.workforce-metrics span,.workforce-metrics small{display:block;color:#858890;font-size:10px}.workforce-metrics strong{display:block;margin:6px 0;font-size:29px}.workforce-metrics .warning{border-color:#594827;background:#29251d}.workforce-metrics .warning strong{color:#dfbe5b}.workforce-toolbar{display:grid;grid-template-columns:160px minmax(230px,1fr) 160px 210px 210px auto;align-items:end;gap:10px;margin-bottom:14px;padding:15px;border:1px solid #303239;border-radius:16px;background:#1e2025}.workforce-toolbar label{display:grid;gap:7px;color:#9699a1;font-size:10px;font-weight:750}.workforce-toolbar input{min-height:50px;border-color:#3a3c43;background:#17191d;color:#eee}.workforce-toolbar .button{min-height:50px}.workforce-table{min-width:980px}.workforce-ref{display:flex;align-items:center;gap:7px}.workforce-ref b{padding:5px 7px;border-radius:7px;background:#3b3420;color:#dbc064;font-size:9px}.positions-details{margin-top:16px;border:1px solid #303239;border-radius:16px;background:#1e2025}.positions-details summary{padding:18px 20px;color:#ddd;font-size:12px;font-weight:850;cursor:pointer}.positions-details summary span{margin-left:8px;padding:4px 7px;border-radius:7px;background:#303239;color:#d4b95e}.positions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border-top:1px solid #303239;background:#303239}.positions-grid article{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px;background:#1e2025}.positions-grid strong,.positions-grid small{display:block}.positions-grid strong{font-size:11px}.positions-grid small{margin-top:4px;color:#777a82;font-size:9px}.employee-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.employee-summary article{padding:20px;border:1px solid #e1dcd2;border-radius:17px;background:#fff}.employee-summary span{display:block;color:#8b877f;font-size:11px}.employee-summary strong{display:block;margin-top:7px;font-size:28px}.employee-summary .warning{border-color:#ddc77f;background:#fffaf0}.employee-summary .warning strong{color:#9b7715}.employee-filters{display:grid;grid-template-columns:minmax(240px,1fr) 170px 230px 230px auto;align-items:end;gap:10px;margin-bottom:16px;padding:15px;border:1px solid #e1dcd2;border-radius:17px;background:#fff}.employee-filters label{display:grid;gap:7px;color:#77726b;font-size:10px;font-weight:800}.employee-filters .button{min-height:50px}.employee-directory{display:grid;gap:10px}.employee-directory>article{display:grid;grid-template-columns:minmax(260px,1.25fr) minmax(190px,1fr) minmax(180px,1fr) auto;align-items:center;gap:20px;padding:17px 20px;border:1px solid #e1dcd2;border-radius:17px;background:#fff;box-shadow:0 8px 25px #5c4b2d0a}.employee-person{display:flex;align-items:center;gap:12px}.employee-person strong,.employee-person small,.employee-assignment span,.employee-assignment strong{display:block}.employee-person strong{font-size:13px}.employee-person small{margin-top:4px;color:#918c84;font-size:10px}.employee-assignment span{margin-bottom:5px;color:#98938b;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.employee-assignment strong{font-size:11px}.employee-assignment em{color:#ad7c3b;font-size:10px;font-style:normal}.employee-state{padding:7px 10px;border-radius:9px;font-size:9px;font-weight:850}.employee-state.active{background:#e5f4eb;color:#26744c}.employee-state.inactive{background:#eceae6;color:#817d76}
@media(max-width:1300px){.workforce-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}.workforce-metrics{grid-template-columns:repeat(2,1fr)}.employee-filters{grid-template-columns:repeat(2,minmax(0,1fr)) auto}.employee-directory>article{grid-template-columns:1.25fr 1fr 1fr}.employee-state{justify-self:start}}
@media(max-width:820px){.workforce-toolbar,.employee-filters{grid-template-columns:1fr 1fr}.positions-grid{grid-template-columns:1fr 1fr}.employee-directory>article{grid-template-columns:1fr 1fr}.employee-person{grid-column:1/-1}.employee-summary{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:560px){.workforce-toolbar,.employee-filters,.positions-grid,.employee-directory>article{grid-template-columns:1fr}.workforce-metrics{grid-template-columns:1fr 1fr}.employee-summary{grid-template-columns:1fr}.employee-person{grid-column:auto}}

/* v0.2.1 — primary branch, position groups and people analytics */
.workforce-metrics{grid-template-columns:repeat(6,1fr)}
.workforce-toolbar{grid-template-columns:150px minmax(210px,1fr) 170px 210px 190px 210px auto}
.workforce-table{min-width:1260px}.match-source,.raw-position{display:block;margin-top:5px;color:#7e828b;font-size:9px}.quality-badge{display:inline-flex;max-width:190px;padding:7px 9px;border-radius:9px;font-size:9px;font-weight:800;line-height:1.4}.quality-badge.good{background:#233b31;color:#7bd0a2}.quality-badge.bad{background:#402b2e;color:#df958f}.position-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;border-top:1px solid #303239}.position-groups>section{overflow:hidden;border:1px solid #34363d;border-radius:14px;background:#1a1c21}.position-groups header{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;background:#25272d}.position-groups header strong{font-size:11px}.position-groups header span{padding:4px 7px;border-radius:7px;background:#3b3420;color:#d8bb5d;font-size:9px;font-weight:850}.position-groups article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px;border-top:1px solid #2e3036}.position-groups article strong,.position-groups article small{display:block}.position-groups article strong{font-size:10px}.position-groups article small{margin-top:4px;color:#737780;font-size:8px}
.employee-filters{grid-template-columns:minmax(210px,1fr) 150px 210px 180px 210px auto}
.analytics-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:16px}.analytics-kpis article{padding:20px;border:1px solid #e1dcd2;border-radius:18px;background:#fff;box-shadow:0 8px 25px #5c4b2d0a}.analytics-kpis span,.analytics-kpis small{display:block}.analytics-kpis span{color:#837e76;font-size:10px;font-weight:750}.analytics-kpis strong{display:block;margin:7px 0 5px;font-size:30px}.analytics-kpis small{color:#a09b93;font-size:9px;line-height:1.4}.analytics-kpis .female{border-color:#e7cfdb;background:#fff9fc}.analytics-kpis .female strong,.female-text{color:#a74f79}.analytics-kpis .male{border-color:#cedceb;background:#f9fcff}.analytics-kpis .male strong,.male-text{color:#426f9e}.analytics-kpis .warn{border-color:#e7cf90;background:#fffaf0}.analytics-kpis .warn strong{color:#a77b14}.analytics-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;margin-bottom:16px}.analytics-card{padding:22px;border:1px solid #e1dcd2;border-radius:20px;background:#fff;box-shadow:0 10px 30px #5c4b2d0a}.analytics-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.analytics-card>header span{color:#9d7d2d;font-size:9px;font-weight:900;letter-spacing:.13em}.analytics-card>header h3{margin:5px 0 0;font-size:18px}.analytics-card>header small{color:#918c84;font-size:9px}.analytics-bars{display:grid;gap:13px}.analytics-bars>div{display:grid;grid-template-columns:80px 1fr 35px;align-items:center;gap:10px}.analytics-bars span{font-size:10px;color:#716d66}.analytics-bars i,.branch-analytics i{display:block;height:9px;overflow:hidden;border-radius:99px;background:#f0ece4}.analytics-bars b,.branch-analytics b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#c19b2b,#e0c461)}.analytics-bars strong{text-align:right;font-size:11px}.quality-list{display:grid;gap:8px}.quality-list>div{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border-radius:11px;background:#f7f3eb}.quality-list span{font-size:10px}.quality-list strong{min-width:30px;text-align:right;color:#a45c43;font-size:14px}.quality-card p{margin:14px 0 0;color:#8b867e;font-size:9px;line-height:1.6}.analytics-wide{margin-bottom:16px}.analytics-table{display:grid}.analytics-table>div{display:grid;grid-template-columns:minmax(180px,1fr) repeat(4,110px);align-items:center;gap:12px;padding:12px 10px;border-top:1px solid #eee9df}.analytics-table-head{border-top:0!important;color:#9a958d;font-size:9px;font-weight:800;text-transform:uppercase}.analytics-table>div strong,.analytics-table>div span{font-size:10px}.branch-analytics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 28px}.branch-analytics>div{display:grid;grid-template-columns:minmax(170px,1fr) 1.2fr 115px;align-items:center;gap:12px}.branch-analytics strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.branch-analytics span{color:#77726b;text-align:right;font-size:9px}
@media(max-width:1450px){.workforce-metrics,.analytics-kpis{grid-template-columns:repeat(3,1fr)}.workforce-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}.employee-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.branch-analytics{grid-template-columns:1fr}}
@media(max-width:900px){.analytics-grid{grid-template-columns:1fr}.analytics-table>div{grid-template-columns:minmax(130px,1fr) repeat(4,65px)}.position-groups{grid-template-columns:1fr}.analytics-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.analytics-kpis,.workforce-metrics{grid-template-columns:1fr 1fr}.analytics-table{overflow:auto}.analytics-table>div{min-width:580px}.branch-analytics>div{grid-template-columns:1fr}.branch-analytics span{text-align:left}.employee-filters,.workforce-toolbar{grid-template-columns:1fr}}

/* v0.2.3 — authoritative iiko 8.3.6 employee fields */
.api-source-panel{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px;padding:22px 24px;border:1px solid #4b4129;border-radius:18px;background:linear-gradient(135deg,#28241b,#1e2025)}.api-source-panel h3{margin:7px 0 8px;color:#f0f0ee;font-size:18px}.api-source-panel p{max-width:980px;margin:0;color:#9b9da3;font-size:11px;line-height:1.65}.api-source-panel code{padding:2px 5px;border-radius:5px;background:#17191d;color:#e2c665}.api-source-panel .button{flex:0 0 auto}.api-diagnostic-hint{margin:10px 0 0;color:#747780;font-size:10px;line-height:1.5}@media(max-width:760px){.api-source-panel{align-items:flex-start;flex-direction:column}.api-source-panel .button{width:100%}}

/* v0.3.4 — branch analytics grouping fix */
.raw-person-picker{display:flex;align-items:center;gap:8px}.raw-person-picker select{width:190px;height:46px;padding:0 10px;border:1px solid #3c3e45;border-radius:13px;background:#17191d;color:#e6e6e4;font-size:11px}.raw-person-picker select:focus{border-color:#c4a642;outline:none}

.workforce-head-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.workforce-head-actions form{margin:0}
.gender-import-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.8fr);align-items:center;gap:28px;margin-bottom:18px;padding:22px 24px;border:1px solid #34363d;border-radius:18px;background:#1e2025}.gender-import-panel h3{margin:7px 0 8px;font-size:18px}.gender-import-panel p{max-width:850px;margin:0;color:#91949b;font-size:11px;line-height:1.65}.gender-import-panel form{display:grid;grid-template-columns:minmax(260px,1fr) auto;align-items:end;gap:10px}.gender-import-panel label{display:grid;gap:7px;color:#95989f;font-size:10px;font-weight:800}.gender-import-panel input[type=file]{min-height:48px;padding:8px;border:1px solid #3b3d44;border-radius:13px;background:#17191d;color:#d9d9d7}.gender-import-panel input[type=file]::file-selector-button{height:30px;margin-right:10px;padding:0 12px;border:0;border-radius:8px;background:#2b2d33;color:#e0c361;font-weight:800;cursor:pointer}.gender-import-panel .button{min-height:48px}.gender-preview{margin-bottom:18px;padding:24px;border:1px solid #6b5725;border-radius:18px;background:linear-gradient(135deg,#28241b,#1e2025)}.gender-preview>header,.gender-preview>footer{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.gender-preview h3{margin:7px 0 5px;font-size:18px}.gender-preview p{margin:0;color:#96989e;font-size:11px;line-height:1.6}.gender-preview-stats{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin:18px 0}.gender-preview-stats article{padding:14px;border:1px solid #37383e;border-radius:13px;background:#1a1c20}.gender-preview-stats span{display:block;color:#858890;font-size:9px}.gender-preview-stats strong{display:block;margin-top:6px;font-size:22px}.gender-preview-stats .good{border-color:#315b45;background:#1c2a23}.gender-preview-stats .good strong{color:#63c18e}.gender-preview-stats .warn{border-color:#68412f;background:#2b211d}.gender-preview-stats .warn strong{color:#e19a75}.gender-preview-table{margin:0 0 18px;border:1px solid #37393f;border-radius:13px;overflow:auto}.gender-preview-table>div{display:grid;grid-template-columns:minmax(260px,1.4fr) minmax(150px,.7fr) 130px 130px;gap:12px;min-width:760px;padding:11px 14px;border-top:1px solid #303238;background:#1d1f24;font-size:10px}.gender-preview-table>div:first-child{border-top:0;background:#292b30;color:#8f9299}.gender-preview-table code{color:#dbbf62}.gender-preview-table small{color:#858890}.gender-preview>footer{align-items:center;padding-top:4px}.gender-preview>footer p{max-width:780px}.gender-preview button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:1200px){.gender-import-panel{grid-template-columns:1fr}.gender-preview-stats{grid-template-columns:repeat(4,1fr)}}@media(max-width:700px){.gender-import-panel form{grid-template-columns:1fr}.gender-preview-stats{grid-template-columns:repeat(2,1fr)}.gender-preview>header,.gender-preview>footer{flex-direction:column}.gender-preview>footer form,.gender-preview>footer .button{width:100%}}
.onboarding-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:16px;padding:23px 26px;border:1px solid #d8c68f;border-radius:20px;background:linear-gradient(135deg,#fffaf0,#fff)}.onboarding-intro h2{margin:7px 0;font-size:23px}.onboarding-intro p{max-width:760px;margin:0;color:#777169;font-size:12px;line-height:1.6}.onboarding-flow{display:flex;align-items:center;gap:10px;white-space:nowrap}.onboarding-flow span{padding:9px 11px;border-radius:10px;background:#211f1b;color:#f2ede2;font-size:10px;font-weight:850}.onboarding-flow b{color:#af8e31}.onboarding-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px;margin-bottom:16px}.onboarding-form,.onboarding-side,.onboarding-history{padding:24px}.required-note{color:#9e7830;font-size:9px;font-weight:800}.onboarding-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.onboarding-grid label{display:grid;gap:7px;color:#625e57;font-size:11px;font-weight:800}.onboarding-grid label.wide{grid-column:1/-1}.onboarding-grid input,.onboarding-grid select{width:100%;height:50px;padding:0 14px;border:1px solid #ddd7cc;border-radius:12px;background:#fff;color:#171716;outline:0}.onboarding-grid input[type="file"]{height:auto;min-height:50px;padding:12px}.onboarding-grid input:focus,.onboarding-grid select:focus{border-color:#b6973d;box-shadow:0 0 0 4px rgba(198,165,60,.13)}.onboarding-grid label>small{color:#989188;font-size:9px;font-weight:500;line-height:1.45}.form-divider{display:flex;align-items:center;gap:12px;margin:24px 0 18px;color:#95752a;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.form-divider:after{content:"";height:1px;flex:1;background:#ebe5da}.form-confirm{display:flex;align-items:flex-start;gap:11px;margin:20px 0;padding:13px 14px;border-radius:13px;background:#f5f1e8}.form-confirm span{display:grid;place-items:center;width:24px;height:24px;flex:0 0 24px;border-radius:8px;background:#d9bf69;color:#1c180e;font-weight:900}.form-confirm p{margin:1px 0 0;color:#69645d;font-size:10px;line-height:1.55}.onboarding-submit{width:100%;min-height:52px}.onboarding-side h3{margin:7px 0 15px}.onboarding-side ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}.onboarding-side li{position:relative;padding-left:19px;color:#625e57;font-size:11px;line-height:1.45}.onboarding-side li:before{content:"✓";position:absolute;left:0;color:#a3832b;font-weight:900}.onboarding-side code,.api-note code{padding:2px 4px;border-radius:5px;background:#f0ece3;color:#806416}.api-note{margin-top:22px;padding:15px;border:1px solid #e5d7ad;border-radius:14px;background:#fffbf1}.api-note b{font-size:11px}.api-note p{margin:6px 0 0;color:#7c756b;font-size:10px;line-height:1.6}.onboarding-history{overflow:hidden}.onboarding-list{display:grid;gap:8px}.onboarding-list>article{display:grid;grid-template-columns:40px minmax(220px,1fr) 130px 120px;align-items:center;gap:14px;padding:14px;border:1px solid #e8e2d8;border-radius:14px}.onboarding-person strong,.onboarding-person small,.onboarding-list>article>div>small,.onboarding-list>article>div>strong{display:block}.onboarding-person strong{font-size:12px}.onboarding-person small,.onboarding-list>article>div>small{margin-top:4px;color:#918b82;font-size:9px}.onboarding-list>article>div>strong{margin-top:4px;font-size:10px}.send-state{justify-self:start;padding:7px 9px;border-radius:9px;font-size:9px;font-weight:900}.send-state.sent{background:#e4f3e9;color:#28704d}.send-state.pending{background:#f4ecd4;color:#876b1d}.send-state.error{background:#f7e5e3;color:#a3423d}.onboarding-error{grid-column:2/-1!important;display:flex!important;align-items:center;justify-content:space-between;gap:15px;padding:10px 12px;border-radius:10px;background:#fff3f1}.onboarding-error small{color:#984742!important}.employee-directory.detailed>article{grid-template-columns:minmax(230px,1.1fr) minmax(155px,.8fr) minmax(145px,.7fr) minmax(330px,1.5fr) auto}.employee-photo{width:42px;height:42px;flex:0 0 42px;border-radius:13px;object-fit:cover;background:#eee}.employee-facts{display:grid;grid-template-columns:repeat(4,minmax(70px,1fr));gap:8px}.employee-facts>span{color:#9a958d;font-size:8px;text-transform:uppercase;letter-spacing:.05em}.employee-facts strong{display:block;margin-top:5px;color:#383531;font-size:9px;text-transform:none;letter-spacing:0}.employee-facts strong:where(:not(:empty)){font-weight:800}
@media(max-width:1200px){.onboarding-layout{grid-template-columns:1fr}.onboarding-side{display:grid;grid-template-columns:1fr 1fr;gap:20px}.api-note{margin-top:0}.employee-directory.detailed>article{grid-template-columns:1fr 1fr}.employee-facts{grid-column:1/-1}.onboarding-list>article{grid-template-columns:40px minmax(180px,1fr) 110px 110px}}
@media(max-width:720px){.onboarding-intro{align-items:flex-start;flex-direction:column}.onboarding-flow{width:100%;overflow:auto}.onboarding-grid,.onboarding-side{grid-template-columns:1fr}.onboarding-grid label.wide{grid-column:auto}.onboarding-list>article{grid-template-columns:40px 1fr}.onboarding-list>article>div:nth-of-type(2),.send-state{grid-column:2}.onboarding-error{grid-column:1/-1!important}.employee-facts{grid-template-columns:1fr 1fr}}
.employee-facts{grid-template-columns:repeat(5,minmax(68px,1fr))}@media(max-width:720px){.employee-facts{grid-template-columns:1fr 1fr}}

/* v0.4.2 — MySQL-safe workforce analytics */
/* v0.4.2 — report aggregation is calculated outside strict SQL grouping */
.workforce-metrics .danger{border-color:#7b3f42;background:#342124}.workforce-metrics .danger strong{color:#f08c82}.workforce-discrepancy{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:-4px 0 18px;padding:18px 20px;border:1px solid #8b4548;border-radius:16px;background:linear-gradient(135deg,#3b2326,#2b2022);color:#f4c4be}.workforce-discrepancy strong,.workforce-discrepancy span{display:block}.workforce-discrepancy strong{font-size:13px}.workforce-discrepancy span{color:#dca8a3;font-size:10px}.workforce-risk-row td{background:#2b2022}.quality-badge.critical{background:#6b3034;color:#ffd5cf}
.employee-summary.expanded{grid-template-columns:repeat(6,minmax(0,1fr))}.employee-summary article small{display:block;margin-top:5px;color:#aaa39a;font-size:8px;line-height:1.4}.employee-summary .urgent{border-color:#e2a49b;background:#fff5f3}.employee-summary .urgent strong{color:#b44336}.employee-filters.ajax-filters{grid-template-columns:minmax(220px,1fr) repeat(5,minmax(125px,175px)) auto}.employee-results-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 2px 12px;color:#918b82;font-size:10px}.employee-results-head strong{color:#49453f;font-size:11px}.card-count{display:inline-flex;margin-left:6px;padding:3px 6px;border-radius:7px;background:#f1e7c8;color:#8b6d19;font-size:8px;font-style:normal;vertical-align:middle}.employee-directory>article.employee-risk{border-color:#e2a49b;background:#fff8f6}.employee-directory>article.employee-missing{border-color:#dfcf9c;background:#fffdf6}.employee-state.risk{background:#f6deda;color:#a33d33}.employee-state.missing{background:#f4ecd4;color:#876b1d}.employee-pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin:18px 0 4px}.employee-pagination a{display:grid;place-items:center;width:42px;height:38px;border:1px solid #ddd6ca;border-radius:11px;background:#fff;color:#6b6253;font-weight:900}.employee-pagination a:hover{border-color:#b99b43;color:#8b6c17}.employee-pagination a.disabled{pointer-events:none;opacity:.35}.employee-pagination span{color:#7c766d;font-size:10px}.is-loading{pointer-events:none;opacity:.55;transition:opacity .18s}.analytics-kpis .positive{border-color:#bedecb;background:#f6fcf8}.analytics-kpis .positive strong{color:#28744d}.analytics-kpis .negative{border-color:#e5c0ba;background:#fff8f7}.analytics-kpis .negative strong{color:#ad463b}.employment-flow-list{display:grid;gap:8px}.flow-head,.flow-row{display:grid;grid-template-columns:85px 1fr 1fr 80px;align-items:center;gap:14px}.flow-head{padding:0 10px 8px;color:#99938b;font-size:8px;font-weight:850;text-transform:uppercase}.flow-row{padding:10px;border-top:1px solid #eee8dd}.flow-row>strong{font-size:10px}.flow-row>div{position:relative;height:28px;overflow:hidden;border-radius:9px;background:#f3f0e9}.flow-row i{display:block;height:100%;min-width:2px;border-radius:inherit}.flow-row i.hired{background:linear-gradient(90deg,#8bc4a1,#c6e5d1)}.flow-row i.fired{background:linear-gradient(90deg,#d8897e,#edc3bd)}.flow-row b{position:absolute;inset:0;display:flex;align-items:center;padding:0 10px;font-size:10px}.flow-row em{justify-self:center;padding:6px 8px;border-radius:8px;font-size:10px;font-style:normal;font-weight:900}.flow-row em.up{background:#e6f3ea;color:#28704d}.flow-row em.down{background:#f8e4e1;color:#a44339}.tenure-table{display:grid}.tenure-table>div{display:grid;grid-template-columns:minmax(180px,1fr) repeat(3,150px);align-items:center;gap:14px;padding:12px 10px;border-top:1px solid #eee9df}.tenure-table .tenure-head{border-top:0;color:#99938b;font-size:8px;font-weight:850;text-transform:uppercase}.tenure-table strong,.tenure-table span,.tenure-table b{font-size:10px}.tenure-table b{color:#8a6b18}.analytics-empty{margin:0;padding:22px;color:#918b82;font-size:10px;text-align:center}
@media(max-width:1450px){.employee-summary.expanded{grid-template-columns:repeat(3,1fr)}.employee-filters.ajax-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.employee-summary.expanded{grid-template-columns:repeat(2,1fr)}.flow-head,.flow-row{grid-template-columns:65px 1fr 1fr 55px}.tenure-table>div{grid-template-columns:minmax(130px,1fr) repeat(3,85px)}}
@media(max-width:620px){.employee-filters.ajax-filters,.employee-summary.expanded{grid-template-columns:1fr}.employee-results-head{align-items:flex-start;flex-direction:column}.employment-flow-list,.tenure-table{overflow:auto}.flow-head,.flow-row{min-width:620px}.tenure-table>div{min-width:590px}}

/* v0.5.0 — Candidate workflow, filterable analytics and stable employee directory */
.button.success{background:#2f7b57;color:#fff;box-shadow:0 9px 22px rgba(47,123,87,.18)}
.button.danger{background:#a9443f;color:#fff;box-shadow:0 9px 22px rgba(169,68,63,.16)}
.button.mini{min-height:34px;padding:0 11px;border-radius:10px;font-size:10px}
.panel{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 10px 30px rgba(38,31,20,.04)}

.candidate-summary.big-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:16px}
.candidate-summary.big-summary article{min-height:126px;padding:20px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#fff,#fbf8f1)}
.candidate-summary.big-summary span{display:block;color:#807970;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.candidate-summary.big-summary strong{display:block;margin:12px 0 7px;font-size:30px;letter-spacing:-.045em}
.candidate-summary.big-summary small{color:#9a9389;font-size:9px;line-height:1.45}
.candidate-filters,.report-filters{display:grid;grid-template-columns:minmax(240px,1.35fr) repeat(3,minmax(150px,.72fr)) auto;align-items:end;gap:13px;padding:17px;margin-bottom:16px}
.candidate-filters label,.report-filters label,.action-box label{display:grid;gap:7px;color:#6f695f;font-size:10px;font-weight:800}
.candidate-filters input,.candidate-filters select,.report-filters input,.report-filters select,.action-box input,.action-box select,.action-box textarea,.candidate-form-grid input,.candidate-form-grid select,.candidate-form-grid textarea,.onboarding-grid textarea{width:100%;min-height:44px;padding:10px 12px;border:1px solid #ddd6ca;border-radius:11px;background:#fff;color:#171716;outline:0}
.action-box textarea,.candidate-form-grid textarea,.onboarding-grid textarea{min-height:78px;resize:vertical}
.candidate-filters input:focus,.candidate-filters select:focus,.report-filters input:focus,.report-filters select:focus,.action-box input:focus,.action-box select:focus,.action-box textarea:focus,.candidate-form-grid input:focus,.candidate-form-grid select:focus,.candidate-form-grid textarea:focus,.onboarding-grid textarea:focus{border-color:#b5963a;box-shadow:0 0 0 4px rgba(198,165,60,.12)}
.candidate-list{display:grid;gap:14px}
.candidate-card{overflow:hidden;border:1px solid #e5ded3;border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(38,31,20,.035)}
.candidate-card.focused{border-color:#c4a445;box-shadow:0 0 0 3px rgba(198,165,60,.13),0 18px 40px rgba(38,31,20,.08)}
.candidate-card>header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border-bottom:1px solid #eee8de}
.candidate-person{display:flex;align-items:center;gap:12px;min-width:0}.candidate-person>div{min-width:0}
.candidate-person strong{display:block;font-size:14px}.candidate-person small{display:block;margin-top:4px;color:#8e887f;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.candidate-stage{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 10px;border-radius:999px;background:#efede8;color:#686159;font-size:9px;font-weight:900;white-space:nowrap}
.stage-operations_review,.stage-operations_interview{background:#efe8f6;color:#72519a}.stage-candidate{background:#f3ecd6;color:#866b21}.stage-trainer_scheduled,.stage-trainer_intern{background:#e7eef8;color:#3b6898}.stage-branch_scheduled,.stage-branch_intern{background:#e6f2eb;color:#347355}.stage-pre_employee{background:#fff0c8;color:#836317}.stage-employee{background:#daf0e3;color:#256d49}.stage-closed{background:#f3dfdc;color:#9c423a}
.candidate-facts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;background:#eee8de;border-bottom:1px solid #eee8de}
.candidate-facts>span{min-width:0;padding:12px 14px;background:#fff;color:#9b948a;font-size:8px;text-transform:uppercase;letter-spacing:.055em}
.candidate-facts strong{display:block;margin-top:5px;color:#403c37;font-size:10px;text-transform:none;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.candidate-route{display:flex;align-items:center;gap:16px;padding:14px 20px;background:#fbf9f4;border-bottom:1px solid #eee8de}
.candidate-route>div{min-width:160px}.candidate-route>div span{display:block;color:#9a9388;font-size:8px;text-transform:uppercase;letter-spacing:.06em}.candidate-route>div strong{display:block;margin-top:4px;font-size:10px}.candidate-route>b{color:#b19139}.candidate-route>a{margin-left:auto}
.candidate-actions{padding:16px 20px;background:#fff}
.action-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.action-box{display:grid;grid-template-columns:minmax(160px,1fr) minmax(150px,.65fr) minmax(180px,1fr) auto;align-items:end;gap:10px;padding:14px;border:1px solid #e9e2d7;border-radius:15px;background:#fcfaf6}
.action-box>b{grid-column:1/-1;font-size:11px}.action-box.compact{grid-template-columns:minmax(130px,1fr) minmax(160px,1fr) auto}.action-box textarea{min-height:44px}.action-box.compact textarea{min-height:44px}
.inline-buttons{display:flex;gap:8px;flex-wrap:wrap}.action-box .inline-buttons{align-self:end}.candidate-close{margin-top:12px;padding-top:12px;border-top:1px dashed #e7dfd3}.candidate-close summary{cursor:pointer;color:#8d4d47;font-size:10px;font-weight:850}.candidate-close form{display:grid;grid-template-columns:180px 1fr auto;gap:10px;align-items:end;margin-top:10px}
.candidate-history{border-top:1px solid #eee8de}.candidate-history summary{cursor:pointer;padding:13px 20px;color:#766f65;font-size:10px;font-weight:800}.timeline{display:grid;gap:0;padding:0 20px 18px}.timeline>div{position:relative;display:grid;grid-template-columns:125px minmax(180px,.65fr) minmax(0,1fr);gap:12px;padding:10px 0 10px 18px;border-left:1px solid #ded6c8}.timeline i{position:absolute;left:-4px;top:15px;width:7px;height:7px;border-radius:50%;background:#bd9b3e}.timeline span{color:#989188;font-size:9px}.timeline strong{font-size:10px}.timeline small{color:#756e65;font-size:9px;line-height:1.45}

.candidate-modal{position:fixed;inset:0;z-index:100;display:none;place-items:center;padding:20px;background:rgba(17,16,14,.58);backdrop-filter:blur(7px)}
.candidate-modal.open{display:grid}.candidate-modal .modal-card{width:min(940px,96vw);max-height:92vh;overflow:auto;padding:24px;border-radius:24px;background:#faf8f3;box-shadow:0 30px 90px #0005}.candidate-modal .modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.candidate-modal .modal-head h2{margin:5px 0 0;font-size:26px}.candidate-modal .modal-head button{border:0;background:transparent;font-size:24px;color:#7d766d}.candidate-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.candidate-form-grid label{display:grid;gap:7px;color:#615b52;font-size:10px;font-weight:800}.candidate-form-grid .wide{grid-column:1/-1}.candidate-form-grid .span-2{grid-column:span 2}.candidate-form-note{grid-column:1/-1;padding:12px 14px;border-radius:12px;background:#f2ead4;color:#745d20;font-size:10px;line-height:1.5}.candidate-modal .modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}

.onboarding-queue-layout{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.55fr);gap:16px}.onboarding-queue,.onboarding-form-area{padding:18px}.onboarding-queue{align-self:start}.onboarding-queue h3{margin:4px 0 14px}.queue-list{display:grid;gap:8px}.queue-person{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:11px;border:1px solid #e7e0d5;border-radius:13px;background:#fff}.queue-person:hover,.queue-person.active{border-color:#c8aa52;background:#fffcf3}.queue-person strong{display:block;font-size:11px}.queue-person small{display:block;margin-top:3px;color:#918b82;font-size:9px}.queue-person em{font-size:9px;font-style:normal;color:#917327}.prefilled-person{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0 18px}.prefilled-person span{padding:11px;border:1px solid #ebe4d8;border-radius:12px;background:#fcfaf6;color:#9a938a;font-size:8px;text-transform:uppercase}.prefilled-person strong{display:block;margin-top:4px;color:#393631;font-size:10px;text-transform:none}.onboarding-form.integrated{border-top:1px solid #eee7dd;padding-top:18px}

.report-filters{grid-template-columns:repeat(5,minmax(145px,1fr)) auto}.analytics-kpis.analytics-kpis-large{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.analytics-kpis.analytics-kpis-large article{min-height:124px;padding:18px}.analytics-kpis.analytics-kpis-large strong{font-size:28px}.sortable-table{overflow:auto}.recruiter-analytics header{align-items:center}.sort-control select{min-height:38px;padding:0 10px;border:1px solid #ddd6ca;border-radius:10px;background:#fff;font-size:10px}.recruiter-table{min-width:850px;overflow:auto}.recruiter-table>div{display:grid;grid-template-columns:minmax(170px,1.5fr) repeat(7,minmax(78px,.7fr));align-items:center;gap:8px;padding:11px 10px;border-top:1px solid #eee8de}.recruiter-table .recruiter-head{border-top:0;color:#999188;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.035em}.recruiter-table strong,.recruiter-table span,.recruiter-table b{font-size:10px}.recruiter-table b{justify-self:start;padding:5px 7px;border-radius:8px;background:#f0ece3}.recruiter-table b.good{background:#e1f1e7;color:#28704d}.recruiter-table b.bad{background:#f8e3df;color:#a34238}
.notification-list{padding:0;overflow:hidden}.notification-list>article{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 18px;border-top:1px solid #eee8de}.notification-list>article:first-child{border-top:0}.notification-list>article.unread{background:#fffcf3}.notification-list>article.read{opacity:.72}.notification-list article>div:first-child span{display:block;color:#9a9389;font-size:8px}.notification-list strong{display:block;margin-top:4px;font-size:11px}.notification-list p{margin:5px 0 0;color:#716a61;font-size:10px}.notification-list article>div:last-child{display:flex;align-items:center;gap:10px}

@media(max-width:1450px){.candidate-summary.big-summary{grid-template-columns:repeat(3,1fr)}.candidate-facts{grid-template-columns:repeat(3,1fr)}.analytics-kpis.analytics-kpis-large{grid-template-columns:repeat(3,1fr)}.report-filters{grid-template-columns:repeat(3,1fr)}.report-filters .button{align-self:end}.candidate-filters{grid-template-columns:repeat(2,minmax(0,1fr)) auto}.action-box{grid-template-columns:repeat(2,minmax(0,1fr))}.action-box .button{justify-self:start}}
@media(max-width:1050px){.candidate-route{flex-wrap:wrap}.candidate-route>a{margin-left:0}.action-stack{grid-template-columns:1fr}.onboarding-queue-layout{grid-template-columns:1fr}.prefilled-person{grid-template-columns:repeat(2,1fr)}.candidate-form-grid{grid-template-columns:repeat(2,1fr)}.candidate-form-grid .span-2{grid-column:span 2}}
@media(max-width:760px){.candidate-summary.big-summary,.analytics-kpis.analytics-kpis-large,.candidate-filters,.report-filters,.candidate-facts,.prefilled-person,.candidate-form-grid{grid-template-columns:1fr}.candidate-form-grid .span-2,.candidate-form-grid .wide{grid-column:auto}.candidate-card>header{align-items:flex-start;flex-direction:column}.candidate-route{align-items:flex-start;flex-direction:column}.candidate-route>b{transform:rotate(90deg);margin-left:25px}.action-box,.action-box.compact,.candidate-close form{grid-template-columns:1fr}.timeline>div{grid-template-columns:1fr;gap:4px}.queue-person{grid-template-columns:38px 1fr}.queue-person em{grid-column:2}.notification-list>article{align-items:flex-start;flex-direction:column}.recruiter-table{overflow:auto}.recruiter-table>div{min-width:850px}}
.candidate-modal[open]{display:grid}
.candidate-modal>form{width:min(940px,96vw);max-height:92vh;overflow:auto;padding:24px;border:0;border-radius:24px;background:#faf8f3;box-shadow:0 30px 90px #0005}
/* Candidate dialog overrides the dark Super Admin modal theme. */
.candidate-modal{position:fixed;inset:auto;width:min(940px,calc(100% - 32px));height:auto;max-width:940px;max-height:92vh;margin:auto;padding:0;border:1px solid #e4dccf;border-radius:24px;background:#faf8f3;color:var(--ink);box-shadow:0 30px 90px #0005;overflow:auto;backdrop-filter:none}
.candidate-modal[open]{display:block}
.candidate-modal::backdrop{background:rgba(17,16,14,.58);backdrop-filter:blur(7px)}
.candidate-modal>form{width:100%;max-height:none;overflow:visible;padding:24px;border:0;border-radius:0;background:transparent;box-shadow:none}
.candidate-modal .modal-head h3{color:var(--ink)}

/* v0.5.1 — application shell / navigation visual hotfix */
.app-page{overflow-x:hidden;background:var(--paper)}
.app-shell{grid-template-columns:272px minmax(0,1fr)}
.sidebar{width:272px;padding:22px 16px 16px;background:linear-gradient(180deg,#191918 0%,#171716 100%);border-right:1px solid #2d2c29;box-shadow:12px 0 38px rgba(17,16,14,.04)}
.sidebar-brand{min-height:72px;padding:0 10px 20px;gap:14px}
.sidebar-brand .brand-wordmark{min-width:0;flex:1;gap:5px!important}
.sidebar-brand .brand-wordmark b{font-size:25px}
.sidebar-brand .brand-wordmark i{font-size:20px}
.sidebar-brand .hr-mark{flex:0 0 auto;margin-left:0!important;padding-left:14px!important;font-size:15px!important;line-height:24px}

.main-nav{display:flex!important;flex-direction:column!important;gap:5px!important;margin:0!important;padding:18px 0!important;overflow-x:hidden!important;overflow-y:auto!important}
.main-nav a{position:relative;display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;width:100%;min-height:48px!important;padding:6px 10px!important;border:1px solid transparent;border-radius:13px;color:#aaa69e!important;font-size:13px!important;font-weight:700!important;line-height:1.15;white-space:nowrap;transition:background .16s,border-color .16s,color .16s,transform .16s}
.main-nav a:hover{background:#24231f!important;border-color:#302f2a;color:#f5f2eb!important;transform:translateX(1px)}
.main-nav a.active{background:linear-gradient(90deg,#302b1d,#26241e)!important;border-color:#403821;color:#fff!important;box-shadow:inset 3px 0 0 #d1b452}
.main-nav .nav-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#22211e;color:#858078;font-size:15px;font-weight:900;line-height:1}
.main-nav a:hover .nav-icon{background:#302e28;color:#c9b36a}
.main-nav a.active .nav-icon{background:#443a20;color:#e1c55f}
.main-nav .nav-label{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.sidebar-bottom{margin-top:auto;padding-top:13px;border-top:1px solid #302f2c}
.sidebar-user{grid-template-columns:42px minmax(0,1fr)!important;gap:11px!important;margin:0!important;padding:8px 7px 10px!important}
.sidebar-user .avatar{width:42px;height:42px;border-radius:13px;font-size:13px}
.sidebar-user strong{font-size:12px!important;color:#f4f1e9}
.sidebar-user small{display:block;margin-top:4px;color:#89857e!important;font-size:10px!important;line-height:1.25}
.logout-link{display:flex;align-items:center;gap:10px;min-height:42px;padding:0 10px;border-radius:11px;color:#8e8a83;font-size:12px;font-weight:750;transition:.16s}
.logout-link:hover{background:#24231f;color:#f2eee5}
.logout-link>span:first-child{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#22211e;color:#a19b91;font-size:13px}

.workspace{min-width:0;overflow:hidden}
.topbar{height:76px;padding:0 30px;background:rgba(249,247,241,.96);border-bottom-color:#e0dbd1;box-shadow:0 1px 0 rgba(255,255,255,.8);z-index:60}
.topbar-left{display:flex;align-items:center;gap:12px;min-width:0}
.icon-button{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid var(--line);border-radius:12px;background:#fff;color:#26241f;font-size:19px;font-weight:800;box-shadow:0 4px 14px rgba(38,31,20,.035)}
.menu-toggle{display:none}
.brand-switcher{display:flex;align-items:center;gap:10px;min-width:0}
.brand-dot{width:10px;height:10px;flex:0 0 10px;box-shadow:0 0 0 5px color-mix(in srgb,var(--brand) 12%,transparent)}
.brand-select-wrap{min-width:0}
.brand-switcher .smart-select{width:auto;min-width:112px}
.brand-switcher .smart-select-trigger{min-width:112px;min-height:42px;padding:0 13px;border:1px solid #e2ddd3;border-radius:12px;background:#fff;color:#20201e;font-size:13px;font-weight:850;box-shadow:0 4px 14px rgba(38,31,20,.035)}
.brand-switcher .smart-select-trigger:hover{border-color:#d4c9aa;background:#fffdf8}
.brand-switcher .smart-select-trigger:focus,.brand-switcher .smart-select.open .smart-select-trigger{border-color:#c9aa48;box-shadow:0 0 0 4px rgba(198,165,60,.12)}
.brand-switcher .smart-select-menu{left:0;top:calc(100% + 7px);min-width:220px;padding:7px;border-color:#e0d9cd;border-radius:14px;box-shadow:0 20px 50px rgba(30,24,15,.17)}
.brand-switcher .smart-select-option{min-height:42px;padding:9px 11px;border-radius:10px;font-size:12px}
.brand-switcher small{white-space:nowrap;color:#8c8880;font-size:11px}

.top-actions{gap:8px;flex:0 0 auto}
.admin-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 12px;border-color:#e1dcd2;border-radius:12px;background:#fff;color:#26241f;box-shadow:0 4px 14px rgba(38,31,20,.035);font-size:11px;font-weight:800;white-space:nowrap}
.admin-link:hover,.notification-button:hover{border-color:#d2c7a8;background:#fffdf8}
.admin-link-mark{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#1f1e1b;color:#d9bc5c;font-size:8px;font-weight:900;letter-spacing:.04em}
.notification-button{display:grid;place-items:center;width:42px;height:42px;border-color:#e1dcd2;border-radius:12px;background:#fff;box-shadow:0 4px 14px rgba(38,31,20,.035)}
.bell-icon{position:relative;display:block;width:16px;height:17px;border:2px solid #2c2a26;border-top-left-radius:9px;border-top-right-radius:9px;border-bottom:0;transform:translateY(1px)}
.bell-icon:before{content:"";position:absolute;left:50%;top:-5px;width:4px;height:4px;border-radius:50%;background:#2c2a26;transform:translateX(-50%)}
.bell-icon:after{content:"";position:absolute;left:50%;bottom:-5px;width:6px;height:3px;border-radius:0 0 6px 6px;background:#2c2a26;transform:translateX(-50%)}

.content{padding:30px 34px 40px}
.page-title{margin-bottom:24px}
.page-title h1{font-size:clamp(30px,3vw,42px);line-height:1.04}

@media(max-width:1100px) and (min-width:821px){
  .app-shell{grid-template-columns:238px minmax(0,1fr)}
  .sidebar{width:238px;padding-left:12px;padding-right:12px}
  .sidebar-brand .brand-wordmark b{font-size:22px}
  .sidebar-brand .brand-wordmark i{font-size:18px}
  .main-nav a{grid-template-columns:34px minmax(0,1fr)!important;gap:8px!important;padding-left:8px!important;padding-right:8px!important}
  .topbar{padding-left:22px;padding-right:22px}
}

@media(max-width:820px){
  .app-shell{display:block}
  .sidebar{position:fixed;left:0;top:0;width:min(286px,86vw);height:100dvh;transform:translateX(-104%);padding:20px 14px 14px;box-shadow:24px 0 70px rgba(0,0,0,.38);z-index:120}
  .sidebar.open{transform:none}
  .menu-toggle{display:grid}
  .topbar{height:70px;padding:0 14px;gap:8px}
  .brand-switcher{gap:8px}
  .brand-switcher .smart-select{min-width:92px}
  .brand-switcher .smart-select-trigger{min-width:92px;min-height:40px;padding:0 10px}
  .brand-switcher small{font-size:10px}
  .admin-link{display:inline-flex;width:42px;padding:0}
  .admin-link>span:last-child{display:none}
  .admin-link-mark{margin:0}
  .content{padding:22px 16px 34px}
}

@media(max-width:560px){
  .brand-switcher small{display:none}
  .brand-switcher .smart-select-menu{position:absolute;left:0;right:auto;top:calc(100% + 7px);bottom:auto;width:210px;max-height:300px;border-radius:14px;padding:7px}
  .brand-switcher .smart-select-option{min-height:42px}
  .top-actions{gap:6px}
  .page-title h1{font-size:31px}
}

/* v0.5.2 — current roster + historical HR analytics */
.roster-rule-note,.analytics-rule-note{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:16px;padding:18px 22px;border:1px solid #dfd7c9;border-radius:18px;background:linear-gradient(135deg,#fffdf8,#f7f2e7)}
.roster-rule-note>div,.analytics-rule-note>div{display:grid;gap:5px;min-width:280px}.roster-rule-note span,.analytics-rule-note span{color:#9b7922;font-size:9px;font-weight:900;letter-spacing:.14em}.roster-rule-note strong,.analytics-rule-note strong{font-size:14px;color:#24211d}.roster-rule-note p,.analytics-rule-note p{max-width:850px;margin:0;color:#777169;font-size:10px;line-height:1.65}
.employee-summary.current-roster-summary{grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:16px}.employee-summary.current-roster-summary article{min-height:118px}.employee-summary.current-roster-summary .attention-soft{border-color:#e7c98b;background:#fff9e9}.employee-summary.current-roster-summary .attention-soft strong{color:#9e6e12}
.employee-filters.roster-filters{grid-template-columns:minmax(250px,1.25fr) repeat(3,minmax(155px,.8fr)) minmax(120px,.55fr) minmax(130px,.55fr);align-items:end}.employee-filters.roster-filters .button{min-height:50px}
.current-roster-directory>article{grid-template-columns:minmax(250px,1.15fr) minmax(190px,.85fr) minmax(170px,.75fr) minmax(300px,1.35fr) auto!important}.current-roster-directory .employee-facts{grid-template-columns:repeat(4,minmax(80px,1fr))}

.analytics-rule-note{border-color:#d9c58d;background:linear-gradient(135deg,#fffaf0,#fff)}
.report-filters-expanded{grid-template-columns:repeat(6,minmax(140px,1fr)) auto;align-items:end}.report-filters-expanded .button{min-height:50px;white-space:nowrap}
.analytics-kpis-v052{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.analytics-kpis-v052 article{position:relative;min-height:132px;padding:18px 19px;border:1px solid #e5dfd4;border-radius:17px;background:#fff;overflow:hidden}.analytics-kpis-v052 article:after{content:"";position:absolute;right:-18px;bottom:-27px;width:82px;height:82px;border-radius:50%;background:#f4efe4}.analytics-kpis-v052 article.featured{border-color:#d6b95c;background:linear-gradient(135deg,#fff9e7,#fff)}.analytics-kpis-v052 article.featured:after{background:#ead78955}.analytics-kpis-v052 article.positive{border-color:#cfe4d7}.analytics-kpis-v052 article.negative{border-color:#edd1cd}.analytics-kpis-v052 span{position:relative;z-index:1;display:block;color:#837c72;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.analytics-kpis-v052 strong{position:relative;z-index:1;display:block;margin-top:9px;color:#171715;font-size:31px;line-height:1}.analytics-kpis-v052 small{position:relative;z-index:1;display:block;margin-top:10px;color:#999187;font-size:9px;line-height:1.45}.analytics-kpis-v052 .positive strong{color:#387451}.analytics-kpis-v052 .negative strong{color:#a34b45}
.flow-head.flow-five,.flow-row.flow-five{grid-template-columns:100px minmax(130px,1fr) minmax(130px,1fr) 90px 90px}.flow-headcount{justify-self:end;font-size:12px;font-weight:900;color:#25221d}
.analytics-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.analytics-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.gender-analytics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:18px}.gender-analytics>div{padding:15px 13px;border:1px solid #ebe4d8;border-radius:13px;background:#faf8f3}.gender-analytics span,.gender-analytics small{display:block;color:#8e877e;font-size:9px}.gender-analytics strong{display:block;margin:7px 0 4px;font-size:26px;color:#27241f}.gender-analytics small{font-weight:800;color:#a18127}.analytics-action{margin-top:16px}.logic-points{display:grid;gap:10px;margin-top:17px}.logic-points p{display:grid;gap:4px;margin:0;padding:12px 13px;border-radius:12px;background:#f7f3eb}.logic-points b{font-size:10px;color:#332f29}.logic-points span{color:#827b72;font-size:9px;line-height:1.55}
.branch-movement-table{overflow:auto;border:1px solid #ece5da;border-radius:14px}.branch-movement-table>div{display:grid;grid-template-columns:minmax(220px,1.4fr) repeat(7,minmax(82px,.52fr));align-items:center;gap:12px;min-width:920px;padding:12px 14px;border-top:1px solid #eee8de;font-size:10px}.branch-movement-table>div:first-child{border-top:0}.branch-movement-head{background:#f4f0e8;color:#898177;font-size:9px!important;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.branch-movement-table>div:not(.branch-movement-head):hover{background:#fffaf0}.branch-movement-table strong{font-size:10px}.branch-movement-table span{color:#676159}.positive-text{color:#3e805c!important;font-weight:800}.negative-text{color:#aa514b!important;font-weight:800}
.reconciliation-ok{color:#3e805c!important;font-weight:900}.reconciliation-bad{color:#aa514b!important;font-weight:900;background:#fff1ef;border-radius:999px;padding:4px 8px;display:inline-flex;justify-content:center;min-width:34px}

.workforce-bulk-form{margin:0}.workforce-bulk-form .check-column{width:44px;text-align:center}.workforce-bulk-bar{position:sticky;bottom:12px;z-index:15;display:grid;grid-template-columns:auto 180px 180px auto minmax(220px,1fr);align-items:end;gap:12px;margin:12px 0 18px;padding:13px 15px;border:1px solid #4a4330;border-radius:14px;background:rgba(25,26,30,.97);box-shadow:0 16px 45px rgba(0,0,0,.28);backdrop-filter:blur(12px)}.workforce-bulk-bar>span{align-self:center;color:#d5d4d0;font-size:11px;font-weight:800}.workforce-bulk-bar>span b{color:#e0c361}.workforce-bulk-bar label{display:grid;gap:6px;color:#8e9197;font-size:9px;font-weight:800}.workforce-bulk-bar select{width:100%;height:42px;padding:0 10px;border:1px solid #3a3c42;border-radius:10px;background:#202227;color:#ecebe7}.workforce-bulk-bar .button{min-height:42px}.workforce-bulk-bar small{align-self:center;color:#7f8289;font-size:9px;line-height:1.45}.table-check{width:17px;height:17px;accent-color:#d0ad40;cursor:pointer}

@media(max-width:1450px){.employee-summary.current-roster-summary{grid-template-columns:repeat(3,1fr)}.employee-filters.roster-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.report-filters-expanded{grid-template-columns:repeat(4,minmax(0,1fr))}.analytics-kpis-v052{grid-template-columns:repeat(4,1fr)}.analytics-grid-three{grid-template-columns:1fr 1fr}.analytics-grid-three>article:last-child{grid-column:1/-1}.workforce-bulk-bar{grid-template-columns:auto 160px 160px auto}.workforce-bulk-bar small{grid-column:1/-1}}
@media(max-width:1050px){.roster-rule-note,.analytics-rule-note{align-items:flex-start;flex-direction:column;gap:8px}.employee-filters.roster-filters,.report-filters-expanded{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-kpis-v052{grid-template-columns:repeat(2,1fr)}.analytics-grid-three,.analytics-grid-two{grid-template-columns:1fr}.analytics-grid-three>article:last-child{grid-column:auto}.current-roster-directory>article{grid-template-columns:1fr 1fr!important}.current-roster-directory .employee-facts{grid-column:1/-1}.flow-head.flow-five,.flow-row.flow-five{grid-template-columns:80px minmax(110px,1fr) minmax(110px,1fr) 70px 70px}}
@media(max-width:720px){.employee-summary.current-roster-summary,.employee-filters.roster-filters,.report-filters-expanded,.analytics-kpis-v052{grid-template-columns:1fr}.current-roster-directory>article{grid-template-columns:1fr!important}.current-roster-directory .employee-facts{grid-template-columns:1fr 1fr}.employment-flow-list{overflow:auto}.flow-head.flow-five,.flow-row.flow-five{min-width:650px}.gender-analytics{grid-template-columns:1fr}.workforce-bulk-bar{position:static;grid-template-columns:1fr}.workforce-bulk-bar small{grid-column:auto}}

/* v0.5.4 — clickable sorting on every table header */
.column-sort-button{appearance:none;border:0;background:transparent;color:inherit;font:inherit;font-weight:inherit;letter-spacing:inherit;text-transform:inherit;display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:0;cursor:pointer;text-align:inherit;white-space:nowrap}
.column-sort-button:after{content:"↕";font-size:11px;line-height:1;opacity:.32;transform:translateY(-1px)}
.column-sort-button:hover:after{opacity:.75}
.column-sort-button[data-sort-direction="asc"]:after{content:"↑";opacity:1;color:#a37d19}
.column-sort-button[data-sort-direction="desc"]:after{content:"↓";opacity:1;color:#a37d19}
.column-sort-button:focus-visible{outline:2px solid #c8a43e;outline-offset:4px;border-radius:3px}
.admin-page .column-sort-button[data-sort-direction="asc"]:after,.admin-page .column-sort-button[data-sort-direction="desc"]:after{color:#e1c45e}
.admin-table th:has(.column-sort-button){cursor:pointer;user-select:none}
[data-sort-head]>*:has(.column-sort-button){cursor:pointer;user-select:none}
.grid-column-sort-button{width:100%}
.branch-movement-head .grid-column-sort-button,.analytics-table-head .grid-column-sort-button,.recruiter-head .grid-column-sort-button,.flow-head .grid-column-sort-button{justify-content:flex-start}
.branch-movement-head>*:not(:first-child) .grid-column-sort-button,.analytics-table-head>*:not(:first-child) .grid-column-sort-button,.recruiter-head>*:not(:first-child) .grid-column-sort-button,.flow-head>*:not(:first-child) .grid-column-sort-button{justify-content:flex-end}
.identity-card-badge{display:inline-flex;align-items:center;margin-left:7px;padding:3px 7px;border:1px solid #5a4d2b;border-radius:999px;background:#2a261c;color:#dfc45e;font-size:8px;font-style:normal;font-weight:850;vertical-align:middle;white-space:nowrap}

/* v0.5.5 — branch movement numeric alignment and clearer reconciliation */
.branch-movement-table>div:not(.branch-movement-head)>strong{align-self:center}
.branch-movement-table>div>span.metric-cell,.branch-movement-table .branch-movement-head>span:not(:first-child){display:flex;align-items:center;justify-content:center;text-align:center;min-height:28px;font-variant-numeric:tabular-nums;white-space:nowrap}
.branch-movement-table .branch-movement-head>span:first-child{display:flex;align-items:center}
.reconciliation-cell{padding:0!important;background:transparent!important;border-radius:0!important;min-width:0!important}
.reconciliation-badge{display:inline-flex;align-items:center;justify-content:center;height:24px;min-width:52px;padding:0 12px;border-radius:999px;background:#fff0ee;color:#aa514b;font-weight:900;font-variant-numeric:tabular-nums;line-height:1}
.reconciliation-empty{display:inline-flex;align-items:center;justify-content:center;color:#aaa39a;font-weight:800;line-height:1}
.turnover-cell{color:#676159!important}
.analytics-formula{margin-top:12px;padding:12px 14px;border-radius:12px;background:#faf7f1;color:#746d63;font-size:11px;line-height:1.5}
.analytics-formula b{color:#151515}.analytics-formula span{color:#8d857a}

/* v0.5.7 — quarter/year analytics and LFL */
.period-report-filters{grid-template-columns:repeat(4,minmax(160px,1fr));align-items:end}
.period-report-filters .button{min-height:50px}
.period-report-filters label[data-quarter-field].period-disabled{opacity:.5}
.period-report-filters label small{color:#9a9287;font-size:8px;font-weight:600;line-height:1.35}
.analytics-period-strip{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:18px;margin:-2px 0 16px;padding:13px 16px;border:1px solid #e5dcc8;border-radius:14px;background:linear-gradient(135deg,#fffaf0,#fff)}
.analytics-period-strip>div{display:grid;gap:3px}.analytics-period-strip span{color:#9a7b28;font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.analytics-period-strip strong{font-size:11px;color:#27231d}.analytics-period-strip>small{color:#8c857a;font-size:9px;text-align:right}
.flow-head.flow-seven,.flow-row.flow-seven{grid-template-columns:90px 90px minmax(125px,1fr) minmax(125px,1fr) 90px 90px 90px}
.flow-row.flow-seven>span.flow-number,.flow-row.flow-seven>.flow-headcount{justify-self:center;font-size:11px;font-weight:850;font-variant-numeric:tabular-nums}.flow-row.flow-seven>em{justify-self:center}
.lfl-card>header{align-items:center}.lfl-badge{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border:1px solid #d9be70;border-radius:999px;background:#fff8df;color:#8a6712;font-size:9px;font-weight:900;white-space:nowrap}
.lfl-empty{display:grid;gap:6px;padding:24px;border:1px dashed #d9d0c1;border-radius:14px;background:#faf8f3;text-align:center}.lfl-empty strong{font-size:14px}.lfl-empty span{color:#8d857a;font-size:10px;line-height:1.5}
.lfl-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:15px}.lfl-kpis article{padding:14px 15px;border:1px solid #e8e1d6;border-radius:13px;background:#faf8f3}.lfl-kpis span,.lfl-kpis small{display:block}.lfl-kpis span{color:#887f73;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.lfl-kpis strong{display:block;margin:6px 0 4px;font-size:23px;font-variant-numeric:tabular-nums}.lfl-kpis small{color:#9a9288;font-size:8px;line-height:1.4}
.lfl-table{overflow:auto;border:1px solid #ece5da;border-radius:14px}.lfl-table>div{display:grid;grid-template-columns:minmax(210px,1.35fr) repeat(6,minmax(120px,.7fr));align-items:center;gap:10px;min-width:1080px;padding:11px 13px;border-top:1px solid #eee8de;font-size:10px}.lfl-table>div:first-child{border-top:0}.lfl-head{background:#f4f0e8;color:#898177;font-size:8px!important;font-weight:850;text-transform:uppercase;letter-spacing:.035em}.lfl-table>div:not(.lfl-head):hover{background:#fffaf0}.lfl-table strong{font-size:10px}.lfl-table span{font-variant-numeric:tabular-nums;text-align:center;color:#666056}.lfl-not-comparable{opacity:.72;background:#faf9f6}.lfl-no-base{color:#9b6f1b!important;font-size:8px!important;line-height:1.35}
@media(max-width:1450px){.period-report-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.lfl-kpis{grid-template-columns:repeat(3,1fr)}.analytics-period-strip{grid-template-columns:1fr 1fr}.analytics-period-strip>small{grid-column:1/-1;text-align:left}}
@media(max-width:1050px){.period-report-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.lfl-kpis{grid-template-columns:repeat(2,1fr)}.flow-head.flow-seven,.flow-row.flow-seven{min-width:840px}.employment-flow-list{overflow:auto}}
@media(max-width:720px){.period-report-filters,.lfl-kpis,.analytics-period-strip{grid-template-columns:1fr}.analytics-period-strip>small{grid-column:auto}.flow-head.flow-seven,.flow-row.flow-seven{min-width:820px}}

/* v0.5.8 — fast, guided HR forms */
.field-label{display:flex;align-items:center;gap:5px;color:#4f4a43;font-size:11px;font-weight:850;line-height:1.25}.field-label i{color:#b44c4c;font-style:normal}.field-label em{margin-left:auto;color:#a34a43;font-size:8px;font-style:normal;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.candidate-modal{width:min(900px,calc(100% - 28px));max-width:900px;max-height:94vh;border-radius:26px;overflow:hidden;background:#fbfaf7}.candidate-modal>form{padding:0!important}.candidate-wizard-head{position:sticky;top:0;z-index:8;display:flex;align-items:flex-start;justify-content:space-between;gap:22px;padding:24px 28px 17px;background:rgba(251,250,247,.97);border-bottom:1px solid #ebe5dc;backdrop-filter:blur(14px)}.candidate-wizard-title>span{color:#9c7a2a;font-size:9px;font-weight:900;letter-spacing:.16em}.candidate-wizard-title h3{margin:6px 0 4px!important;font-size:28px!important;letter-spacing:-.035em}.candidate-wizard-title p{margin:0;color:#817a71;font-size:11px;line-height:1.5}.candidate-modal-close{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border:1px solid #e4ddd2;border-radius:12px;background:#fff;color:#766f66;font-size:22px;line-height:1}.candidate-modal-close:hover{border-color:#d0b557;background:#fffaf0;color:#1b1812}.candidate-stepper{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:12px;padding:16px 28px;background:#f6f2ea;border-bottom:1px solid #eae3d8}.candidate-stepper>i{height:1px;background:#ded6c9}.candidate-step{appearance:none;display:flex;align-items:center;gap:9px;padding:0;border:0;background:transparent;color:#9a9389;text-align:left}.candidate-step>b{display:grid;place-items:center;width:30px;height:30px;border:1px solid #dbd3c6;border-radius:10px;background:#fff;color:#8a8378;font-size:10px}.candidate-step span{display:grid;gap:2px}.candidate-step strong{font-size:10px;white-space:nowrap}.candidate-step small{font-size:8px;font-weight:600;white-space:nowrap}.candidate-step.active,.candidate-step.done{color:#27231c}.candidate-step.active>b{border-color:#c9a83c;background:#cfad43;color:#18140c;box-shadow:0 5px 16px rgba(198,165,60,.22)}.candidate-step.done>b{border-color:#c9decf;background:#e7f3ea;color:#34734f}.candidate-wizard-body{padding:24px 28px 12px}.candidate-wizard-panel{display:none}.candidate-wizard-panel.active{display:block;animation:candidatePanelIn .18s ease-out}@keyframes candidatePanelIn{from{opacity:.3;transform:translateY(4px)}to{opacity:1;transform:none}}.form-section-heading{margin-bottom:18px}.form-section-heading>span{color:#a17d27;font-size:8px;font-weight:900;letter-spacing:.13em}.form-section-heading h4{margin:5px 0 4px;font-size:19px;letter-spacing:-.02em}.form-section-heading p{margin:0;color:#8a8379;font-size:10px;line-height:1.55}.candidate-form-grid-v2{gap:16px}.candidate-form-grid-v2 label{align-content:start}.candidate-form-grid-v2 label>small{min-height:13px;color:#999187;font-size:8px;font-weight:600;line-height:1.4}.candidate-form-grid-v2 input,.candidate-form-grid-v2 select{height:48px;border-radius:13px;background:#fff}.candidate-form-grid-v2 input::placeholder{color:#b6afa5}.input-prefix{display:grid;grid-template-columns:auto 1fr;align-items:center;height:48px;border:1px solid #ddd6ca;border-radius:13px;background:#fff;overflow:hidden;transition:.2s}.input-prefix:focus-within{border-color:#b5963a;box-shadow:0 0 0 4px rgba(198,165,60,.12)}.input-prefix>b{padding:0 0 0 13px;color:#6e685f;font-size:11px}.input-prefix input{height:46px!important;border:0!important;padding-left:7px!important;box-shadow:none!important}.resume-drop{position:relative}.resume-drop>input{position:absolute!important;width:1px!important;height:1px!important;opacity:0;pointer-events:none}.resume-drop-ui{display:grid;grid-template-columns:38px 1fr;column-gap:12px;align-items:center;min-height:78px;padding:13px 15px;border:1.5px dashed #d5c59a;border-radius:14px;background:#fffaf0;cursor:pointer;transition:.18s}.resume-drop-ui:hover{border-color:#b89532;background:#fff7e4}.resume-drop-ui>b{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#ead899;color:#5c4916;font-size:19px}.resume-drop-ui>strong{align-self:end;color:#4b453c;font-size:10px}.resume-drop-ui>small{align-self:start;color:#9a8e74;font-size:8px}.resume-drop.resume-required .resume-drop-ui{border-color:#cb857d;background:#fff7f5}.resume-drop.resume-required .field-label em:after{content:"обязательно"}.candidate-review{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:18px;padding:12px;border:1px solid #e7dfd2;border-radius:15px;background:#f7f3eb}.candidate-review>div{min-width:0;padding:10px 11px;border-radius:11px;background:#fff}.candidate-review span{display:block;color:#9c958c;font-size:7px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.candidate-review strong{display:block;margin-top:5px;overflow:hidden;text-overflow:ellipsis;color:#34302a;font-size:9px;white-space:nowrap}.candidate-wizard-footer{position:sticky;bottom:0;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 28px 18px;border-top:1px solid #e8e1d6;background:rgba(251,250,247,.97);backdrop-filter:blur(14px)}.candidate-wizard-progress{display:grid;gap:7px;width:min(260px,36%)}.candidate-wizard-progress>span{color:#898177;font-size:8px;font-weight:800}.candidate-wizard-progress>i{display:block;height:4px;border-radius:999px;background:#ebe5db;overflow:hidden}.candidate-wizard-progress>i>b{display:block;width:33.333%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#b8922a,#ddc568);transition:width .2s}.candidate-wizard-buttons{display:flex;justify-content:flex-end;gap:9px}.candidate-wizard-buttons .button{min-width:126px}.candidate-invalid{border-color:#c65a50!important;box-shadow:0 0 0 4px rgba(180,76,76,.1)!important}.smart-select.candidate-invalid .smart-select-trigger{border-color:#c65a50!important;box-shadow:0 0 0 4px rgba(180,76,76,.1)!important}

/* workflow action forms: same visual language, fewer "raw browser form" elements */
.candidate-actions{display:grid;gap:10px}.action-stack{gap:10px}.action-box{position:relative;border-color:#e5ded2;background:linear-gradient(180deg,#fff,#fcfaf6);box-shadow:0 6px 18px rgba(32,27,19,.035)}.action-box>b{display:flex;align-items:center;gap:8px;color:#312d27;font-size:12px}.action-box>b:before{content:"";width:7px;height:7px;border-radius:50%;background:#c7a63d;box-shadow:0 0 0 4px #f4ecd1}.action-box input,.action-box select,.action-box textarea{border-radius:12px;background:#fff}.action-box input[type="datetime-local"]{min-width:195px}.action-box textarea::placeholder{color:#aaa298}.candidate-close{padding:12px 14px;border:1px solid #f0dedb;border-radius:13px;background:#fff8f7}.candidate-close summary{list-style:none}.candidate-close summary::-webkit-details-marker{display:none}.candidate-close summary:after{content:"⌄";margin-left:7px}.candidate-close[open] summary:after{content:"⌃"}

/* onboarding: visual sections and conditional change reason */
.onboarding-form-v2{display:grid;gap:13px;padding-top:14px!important}.onboarding-form-section{padding:16px;border:1px solid #e8e1d6;border-radius:16px;background:#fff}.onboarding-section-head{display:flex;align-items:center;gap:11px;margin-bottom:14px}.onboarding-section-head>span{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:10px;background:#f1e5bb;color:#725a18;font-size:10px;font-weight:900}.onboarding-section-head b,.onboarding-section-head small{display:block}.onboarding-section-head b{font-size:12px}.onboarding-section-head small{margin-top:2px;color:#999187;font-size:8px}.onboarding-form-v2 .onboarding-grid label>small{margin-top:-2px}.onboarding-change-warning{display:flex;align-items:center;gap:8px;padding:11px 13px;border:1px solid #ead2a1;border-radius:12px;background:#fff8e9;color:#6e5518}.onboarding-change-warning b{font-size:9px}.onboarding-change-warning span{color:#8f7a4d;font-size:8px}.onboarding-photo-field input[type=file]{border-style:dashed;background:#fffaf0}.onboarding-form-v2 [data-final-comment-wrap]{transition:.18s}.onboarding-form-v2 [data-final-comment-wrap].required-comment .field-label:after{content:" *";color:#b44c4c}.onboarding-form-v2 [data-final-comment-wrap]:not(.required-comment){opacity:.76}

@media(max-width:820px){.candidate-modal{width:min(96vw,900px);max-height:96vh}.candidate-wizard-head{padding:19px 18px 14px}.candidate-stepper{grid-template-columns:repeat(3,1fr);gap:6px;padding:11px 18px}.candidate-stepper>i{display:none}.candidate-step{justify-content:center}.candidate-step span small{display:none}.candidate-step strong{font-size:8px}.candidate-wizard-body{padding:19px 18px 8px}.candidate-wizard-footer{padding:12px 18px 14px}.candidate-wizard-progress{display:none}.candidate-wizard-buttons{width:100%}.candidate-wizard-buttons .button{flex:1}.candidate-review{grid-template-columns:1fr}.candidate-form-grid-v2{grid-template-columns:1fr!important}.candidate-form-grid-v2 .wide{grid-column:auto}.onboarding-form-section{padding:13px}}
.workflow-field{display:grid!important;align-content:end;gap:6px!important;min-width:0;color:#6f695f!important;font-size:9px!important;font-weight:800!important}.workflow-field-label{color:#8a8278;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.035em}.workflow-field .smart-select{width:100%}.workflow-field input,.workflow-field textarea{margin:0}.candidate-close .workflow-field{align-self:end}

/* v0.5.9 — candidate dialog centered horizontally and full viewport height */
.candidate-modal{
  position:fixed!important;
  inset:0!important;
  width:min(1080px,100vw)!important;
  max-width:1080px!important;
  height:100dvh!important;
  max-height:100dvh!important;
  margin:0 auto!important;
  border-radius:0!important;
  overflow:hidden!important;
}
.candidate-modal[open]{display:block!important}
.candidate-modal>form{
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  max-height:100%!important;
  overflow:hidden!important;
}
.candidate-wizard-head,
.candidate-stepper,
.candidate-wizard-footer{flex:0 0 auto}
.candidate-wizard-body{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}
@media(max-width:820px){
  .candidate-modal{
    width:100vw!important;
    max-width:none!important;
    height:100dvh!important;
    max-height:100dvh!important;
    border-radius:0!important;
  }
}


/* v0.6.0 — visual stabilization + role-safe live notifications */
.admin-page{min-height:100dvh;background:#111215!important;overflow-x:hidden}.admin-shell{min-height:100dvh;background:#17191d;align-items:stretch}.admin-sidebar{height:100dvh;min-height:0;overflow:hidden}.admin-sidebar nav{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:18px 0}.admin-back{flex:0 0 auto;margin-top:12px}.admin-person{flex:0 0 auto;margin-top:12px;padding:12px 5px 0;background:#111215}.admin-workspace{min-height:100dvh}.admin-content{min-height:calc(100dvh - 90px)}

.employee-filters.roster-filters{padding:20px;gap:14px;border-radius:20px;box-shadow:0 10px 30px rgba(40,32,18,.035)}.employee-filters.roster-filters label{align-self:end;gap:8px;font-size:10px}.employee-filters.roster-filters input{width:100%;height:50px;min-height:50px;padding:0 14px;border:1px solid #ddd6ca;border-radius:12px;background:#fff;color:#171716;outline:0;font-size:12px;font-weight:650}.employee-filters.roster-filters input:focus{border-color:#b6973d;box-shadow:0 0 0 4px rgba(198,165,60,.13)}.employee-filters.roster-filters .smart-select-trigger{height:50px}.employee-filters.roster-filters .button{height:50px}

.notification-button{position:relative;overflow:visible}.notification-count{position:absolute;right:-7px;top:-7px;display:grid;place-items:center;min-width:21px;height:21px;padding:0 5px;border:2px solid #f9f7f1;border-radius:999px;background:#b83f35;color:#fff;font-size:9px;font-style:normal;font-weight:950;line-height:1;box-shadow:0 7px 16px rgba(136,38,31,.25)}.notification-button.has-unread{border-color:#d3b54f;background:#fffaf0}.notification-button.has-unread .bell-icon{animation:bellAttention 2.4s ease-in-out infinite}.notification-button.notification-hit{animation:notificationBellHit .75s cubic-bezier(.2,.8,.2,1)}@keyframes bellAttention{0%,78%,100%{transform:translateY(1px) rotate(0)}82%{transform:translateY(1px) rotate(13deg)}87%{transform:translateY(1px) rotate(-12deg)}92%{transform:translateY(1px) rotate(7deg)}}@keyframes notificationBellHit{0%{transform:scale(1)}35%{transform:scale(1.18) rotate(-6deg)}65%{transform:scale(.96) rotate(5deg)}100%{transform:none}}

.notification-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:14px;padding:22px 24px;background:linear-gradient(135deg,#fff,#fffaf0)}.notification-toolbar h3{margin:5px 0 3px;font-size:20px}.notification-toolbar p{margin:0;color:#817a71;font-size:10px;line-height:1.5}.notification-toolbar>div:last-child{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:9px;row-gap:8px;min-width:180px}.notification-toolbar>div:last-child>b{font-size:31px;line-height:1;color:#a77f17}.notification-toolbar>div:last-child>span{color:#8e877d;font-size:9px;font-weight:800}.notification-toolbar form{grid-column:1/-1}.notification-toolbar .button{width:100%;min-height:38px;font-size:10px}
.notification-list{padding:0;overflow:hidden}.notification-list>article{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:15px;padding:17px 20px;border-top:1px solid #eee8de;transition:.18s}.notification-list>article:first-child{border-top:0}.notification-list>article.unread{background:linear-gradient(90deg,#fff9e7 0,#fffdfa 26%,#fff 100%)}.notification-list>article.unread:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 6px 6px 0;background:#c9a83a}.notification-list>article.read{opacity:.66}.notification-event-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#f1ead8;color:#98751d;font-size:15px;font-weight:950}.notification-list>article.unread .notification-event-icon{background:#d3b248;color:#17140d;box-shadow:0 8px 22px rgba(198,165,60,.2)}.notification-copy{min-width:0}.notification-meta{display:flex;align-items:center;gap:8px}.notification-meta span{color:#9a9389;font-size:8px}.notification-meta em{padding:4px 7px;border-radius:999px;background:#f0ede6;color:#7e786f;font-size:7px;font-style:normal;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.notification-list strong{display:block;margin-top:5px;color:#24211d;font-size:12px}.notification-list p{margin:5px 0 0;color:#716a61;font-size:10px;line-height:1.45}.notification-actions{display:flex;align-items:center;gap:8px}.notification-actions form{margin:0}.notification-read-button{min-height:36px;padding:0 11px;border:1px solid #ddd5c7;border-radius:10px;background:#fff;color:#756d61;font-size:9px;font-weight:800;text-decoration:none}.notification-read-button:hover{border-color:#c7aa4a;background:#fffaf0;color:#4e411e}

.notification-live{position:fixed;z-index:2500;left:50%;top:18px;display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:15px;width:min(760px,calc(100vw - 32px));padding:16px 17px;border:1px solid #d4b44c;border-radius:19px;background:linear-gradient(110deg,#171716,#29261e 65%,#3a321b);color:#fff;box-shadow:0 26px 80px rgba(0,0,0,.35),0 0 0 1px rgba(255,225,124,.08) inset;transform:translate(-50%,-130%);opacity:0;pointer-events:none}.notification-live.visible{animation:notificationLiveIn .58s cubic-bezier(.16,.9,.24,1.18) forwards;pointer-events:auto}.notification-live.leaving{animation:notificationLiveOut .28s ease-in forwards}.notification-live:before{content:"";position:absolute;inset:-1px;border-radius:inherit;box-shadow:0 0 0 0 rgba(222,187,75,.38);animation:notificationPulse 1.4s ease-out 2;pointer-events:none}.notification-live-mark{position:relative;display:grid;place-items:center;width:50px;height:50px}.notification-live-mark>span{position:absolute;inset:0;border:1px solid #d5b64f;border-radius:17px;animation:notificationMarkSpin 2.8s linear infinite}.notification-live-mark>b{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#d3b248;color:#17140d;font-size:20px;font-weight:950}.notification-live-copy{min-width:0}.notification-live-copy small{display:block;color:#e2c66a;font-size:8px;font-weight:950;letter-spacing:.16em}.notification-live-copy strong{display:block;margin-top:4px;overflow:hidden;text-overflow:ellipsis;color:#fff;font-size:15px;font-weight:950;text-transform:uppercase;white-space:nowrap}.notification-live-copy p{margin:4px 0 0;overflow:hidden;text-overflow:ellipsis;color:#c3beb4;font-size:10px;white-space:nowrap}.notification-live-actions{display:flex;align-items:center;gap:8px}.notification-live .button{min-height:38px;border-color:#d8bd5e;background:#d3b248;color:#17140d;font-size:10px}.notification-live-close{display:grid;place-items:center;width:36px;height:36px;border:1px solid #48453c;border-radius:11px;background:#24231f;color:#bdb7aa;font-size:20px}@keyframes notificationLiveIn{0%{transform:translate(-50%,-130%) scale(.94);opacity:0}70%{transform:translate(-50%,5px) scale(1.01);opacity:1}100%{transform:translate(-50%,0) scale(1);opacity:1}}@keyframes notificationLiveOut{to{transform:translate(-50%,-120%);opacity:0}}@keyframes notificationPulse{0%{box-shadow:0 0 0 0 rgba(222,187,75,.45)}100%{box-shadow:0 0 0 26px rgba(222,187,75,0)}}@keyframes notificationMarkSpin{to{transform:rotate(360deg)}}

@media(max-width:760px){.notification-toolbar{align-items:flex-start;flex-direction:column}.notification-toolbar>div:last-child{width:100%;grid-template-columns:auto 1fr}.notification-list>article{grid-template-columns:36px minmax(0,1fr)}.notification-actions{grid-column:2;flex-wrap:wrap}.notification-live{top:10px;grid-template-columns:44px minmax(0,1fr);width:calc(100vw - 20px);padding:13px}.notification-live-mark{width:42px;height:42px}.notification-live-mark>b{width:32px;height:32px}.notification-live-actions{grid-column:1/-1;justify-content:flex-end}.notification-live-copy strong{font-size:12px}.notification-live-copy p{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}
@media(prefers-reduced-motion:reduce){.notification-button.has-unread .bell-icon,.notification-live:before,.notification-live-mark>span{animation:none!important}}


/* v0.6.1 — unified centered table presentation */
.analytics-table,
.tenure-table,
.recruiter-table,
.branch-movement-table,
.lfl-table,
.gender-preview-table,
.admin-table-wrap{
  max-width:100%;
  margin-inline:auto;
  border-radius:16px;
}

.analytics-table,
.tenure-table,
.recruiter-table,
.branch-movement-table,
.lfl-table,
.gender-preview-table{
  border:1px solid #ece5da;
  background:#fffdfa;
  box-shadow:0 8px 24px rgba(92,75,45,.04);
}

.analytics-table>div,
.tenure-table>div,
.recruiter-table>div,
.branch-movement-table>div,
.lfl-table>div,
.gender-preview-table>div{
  align-items:center;
}

.analytics-table>div > *:first-child,
.tenure-table>div > *:first-child,
.recruiter-table>div > *:first-child,
.branch-movement-table>div > *:first-child,
.lfl-table>div > *:first-child,
.gender-preview-table>div > *:first-child{
  justify-self:start;
  text-align:left;
}

.analytics-table>div > *:not(:first-child),
.tenure-table>div > *:not(:first-child),
.recruiter-table>div > *:not(:first-child),
.branch-movement-table>div > *:not(:first-child),
.lfl-table>div > *:not(:first-child),
.gender-preview-table>div > *:not(:first-child){
  justify-self:center;
  text-align:center;
  font-variant-numeric:tabular-nums;
}

.analytics-table-head > *:not(:first-child),
.tenure-head > *:not(:first-child),
.recruiter-head > *:not(:first-child),
.branch-movement-head > *:not(:first-child),
.lfl-head > *:not(:first-child),
.gender-preview-table>div:first-child > *:not(:first-child){
  justify-self:center;
  text-align:center;
}

.analytics-table-head .grid-column-sort-button,
.tenure-head .grid-column-sort-button,
.recruiter-head .grid-column-sort-button,
.branch-movement-head .grid-column-sort-button,
.lfl-head .grid-column-sort-button{
  width:100%;
}

.analytics-table-head > *:first-child .grid-column-sort-button,
.tenure-head > *:first-child .grid-column-sort-button,
.recruiter-head > *:first-child .grid-column-sort-button,
.branch-movement-head > *:first-child .grid-column-sort-button,
.lfl-head > *:first-child .grid-column-sort-button{
  justify-content:flex-start;
}

.analytics-table-head > *:not(:first-child) .grid-column-sort-button,
.tenure-head > *:not(:first-child) .grid-column-sort-button,
.recruiter-head > *:not(:first-child) .grid-column-sort-button,
.branch-movement-head > *:not(:first-child) .grid-column-sort-button,
.lfl-head > *:not(:first-child) .grid-column-sort-button{
  justify-content:center;
}

.analytics-table strong,
.analytics-table span,
.tenure-table strong,
.tenure-table span,
.tenure-table b,
.recruiter-table strong,
.recruiter-table span,
.branch-movement-table strong,
.branch-movement-table span,
.lfl-table strong,
.lfl-table span,
.gender-preview-table strong,
.gender-preview-table small,
.gender-preview-table code{
  font-variant-numeric:tabular-nums;
}

.branch-movement-table .reconciliation-cell,
.branch-movement-table .turnover-cell{
  justify-self:center;
  text-align:center;
}

@media(max-width:820px){
  .analytics-table,
  .tenure-table,
  .recruiter-table,
  .branch-movement-table,
  .lfl-table,
  .gender-preview-table,
  .admin-table-wrap{
    border-radius:14px;
  }
}

/* v0.6.2 — larger analytics typography + explicit percentage shares */
.analytics-table>div,
.tenure-table>div,
.recruiter-table>div,
.branch-movement-table>div,
.lfl-table>div,
.gender-preview-table>div{
  font-size:12px;
  min-height:50px;
}
.analytics-table-head,
.tenure-head,
.recruiter-head,
.branch-movement-head,
.lfl-head,
.gender-preview-table>div:first-child{
  font-size:10px!important;
  letter-spacing:.045em;
}
.analytics-table>div strong,
.analytics-table>div span,
.tenure-table strong,
.tenure-table span,
.tenure-table b,
.recruiter-table strong,
.recruiter-table span,
.branch-movement-table strong,
.branch-movement-table span,
.lfl-table strong,
.lfl-table span{
  font-size:11px;
}
.composition-table>div>span:not(.composition-total){
  display:flex;
  align-items:baseline;
  justify-content:center;
  gap:7px;
}
.composition-table>div>span b{font-size:12px;color:#29251f}
.composition-table>div>span small{font-size:9px;color:#9a7b28;font-weight:850}
.composition-table .composition-total{font-size:12px!important;font-weight:850;color:#29251f}
.analytics-bars>div{grid-template-columns:100px 1fr 92px;gap:12px}
.analytics-bars span{font-size:11px;font-weight:750}
.analytics-bars strong{display:flex;align-items:baseline;justify-content:flex-end;gap:7px;font-size:12px}
.analytics-bars strong small{font-size:9px;color:#9a7b28;font-weight:850}
.branch-analytics>div{grid-template-columns:minmax(180px,1fr) 1.2fr 135px}
.branch-analytics strong{font-size:11px}
.branch-analytics span{display:flex;justify-content:flex-end;align-items:baseline;gap:7px;font-size:10px;font-variant-numeric:tabular-nums}
.branch-analytics span small{font-size:9px;color:#9a7b28;font-weight:850}
.admin-table th{font-size:10px}
.admin-table td{font-size:13px}
.person-cell strong{font-size:13px}.person-cell small{font-size:11px}
@media(max-width:900px){
  .analytics-bars>div{grid-template-columns:90px 1fr 82px}
  .branch-analytics>div{grid-template-columns:1fr}
  .branch-analytics span{justify-content:flex-start}
}

/* v0.7.0 — management analytics, staffing and recruiter-friendly position groups */
.lfl-table>div{
  grid-template-columns:minmax(220px,1.25fr) 125px 125px 145px minmax(190px,.95fr) minmax(190px,.95fr) minmax(205px,1fr)!important;
  min-width:1260px!important;
  gap:14px!important;
}
.lfl-head{min-height:58px}
.lfl-head .column-sort-button{white-space:normal!important;line-height:1.25;justify-content:center!important;text-align:center}
.lfl-head>span:first-child .column-sort-button{justify-content:flex-start!important;text-align:left}
.lfl-table>div>span{display:flex;align-items:center;justify-content:center;min-height:34px;white-space:nowrap}

.workforce-insight-card{overflow:hidden}
.workforce-insight-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}
.workforce-insight-kpis article{padding:16px 18px;border:1px solid #e8e1d6;border-radius:15px;background:#faf8f3}
.workforce-insight-kpis article.danger{border-color:#eccac4;background:#fff8f6}
.workforce-insight-kpis span,.workforce-insight-kpis small{display:block;color:#8b8378;font-size:10px}
.workforce-insight-kpis strong{display:block;margin:7px 0 5px;font-size:30px;line-height:1;color:#29251f;font-variant-numeric:tabular-nums}
.workforce-insight-kpis .danger strong{color:#aa4d43}
.workforce-insight-grid{display:grid;grid-template-columns:1fr 1.2fr 1.2fr;gap:14px}
.insight-chart{min-width:0;padding:18px;border:1px solid #e8e1d6;border-radius:16px;background:linear-gradient(180deg,#fff,#fcfaf6)}
.insight-chart-head{margin-bottom:15px}.insight-chart-head>span{color:#9d7d2d;font-size:9px;font-weight:900;letter-spacing:.1em}.insight-chart-head h4{margin:5px 0 2px;font-size:16px}.insight-chart-head small{color:#928a80;font-size:9px}
.donut-layout{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:18px}
.hr-donut{display:grid;place-items:center;width:146px;height:146px;border-radius:50%;position:relative;box-shadow:inset 0 0 0 1px rgba(95,77,35,.07)}
.hr-donut:after{content:"";position:absolute;width:88px;height:88px;border-radius:50%;background:#fff;box-shadow:0 2px 14px rgba(63,49,20,.08)}
.hr-donut>div{position:relative;z-index:1;text-align:center}.hr-donut strong,.hr-donut span{display:block}.hr-donut strong{font-size:27px;line-height:1}.hr-donut span{margin-top:4px;color:#8f877d;font-size:9px}
.donut-legend{display:grid;gap:8px}.donut-legend>div{display:grid;grid-template-columns:9px minmax(0,1fr) auto;align-items:center;gap:7px}.donut-legend i{width:9px;height:9px;border-radius:3px}.donut-legend .c1{background:#b78d21}.donut-legend .c2{background:#d0ad42}.donut-legend .c3{background:#e1c76d}.donut-legend .c4{background:#a9822b}.donut-legend .c5{background:#786538}.donut-legend span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.donut-legend b{font-size:9px;color:#6d665d;font-variant-numeric:tabular-nums}
.rank-bars{display:grid;gap:11px}.rank-bars>div>header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:5px}.rank-bars header span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#4c473f;font-size:10px;font-weight:800}.rank-bars header b{color:#9b453d;font-size:11px;font-variant-numeric:tabular-nums}.rank-bars>div>i{display:block;height:9px;overflow:hidden;border-radius:99px;background:#f0ece4}.rank-bars>div>i>b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#c8a23b,#e4cd7e)}.rank-bars>div>small{display:block;margin-top:4px;color:#928b81;font-size:8px}.deficit-bars>div>i>b{background:linear-gradient(90deg,#b85a50,#df938a)}.insight-success{padding:18px;border:1px solid #cfe1d4;border-radius:13px;background:#f4fbf6;color:#34704d;font-size:10px;font-weight:800;line-height:1.5}

.staffing-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:16px;padding:24px 26px}.staffing-intro h2{margin:5px 0 6px;font-size:24px}.staffing-intro p{max-width:850px;margin:0;color:#847d73;font-size:10px;line-height:1.6}.staffing-date{display:grid;gap:4px;min-width:150px;padding:13px 15px;border:1px solid #e5dcc8;border-radius:13px;background:#fffaf0}.staffing-date span{color:#9a7b28;font-size:8px;font-weight:900;text-transform:uppercase}.staffing-date strong{font-size:14px}
.staffing-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px}.staffing-summary article{padding:17px 18px;border:1px solid #e5dfd5;border-radius:16px;background:#fff}.staffing-summary span,.staffing-summary small{display:block}.staffing-summary span{color:#827b72;font-size:10px;font-weight:800}.staffing-summary strong{display:block;margin:7px 0 4px;font-size:29px;font-variant-numeric:tabular-nums}.staffing-summary small{color:#9a9389;font-size:8px;line-height:1.4}.staffing-summary .negative{border-color:#ebc9c3;background:#fff8f6}.staffing-summary .negative strong{color:#a94b42}.staffing-summary .positive{border-color:#cee1d4;background:#f7fcf8}.staffing-summary .positive strong{color:#367550}.vacancy-summary{grid-template-columns:repeat(3,minmax(0,1fr))}
.staffing-plan-form{display:grid;grid-template-columns:minmax(260px,1.15fr) repeat(4,minmax(145px,.7fr)) auto;align-items:end;gap:12px;margin-bottom:16px;padding:20px 22px}.staffing-plan-form>div{align-self:center}.staffing-plan-form h3{margin:4px 0;font-size:17px}.staffing-plan-form p{margin:0;color:#8e877d;font-size:8px;line-height:1.4}.staffing-plan-form label{display:grid;gap:6px}.staffing-plan-form label>span{color:#6d665c;font-size:9px;font-weight:800}.staffing-plan-form input,.staffing-plan-form select{min-height:46px}.staffing-plan-form .button{min-height:46px}
.staffing-table,.vacancy-table{overflow:auto;border:1px solid #ece5da;border-radius:16px;background:#fffdfa;box-shadow:0 8px 24px rgba(92,75,45,.04)}
.staffing-table>div{display:grid;grid-template-columns:minmax(220px,1.3fr) minmax(145px,.85fr) repeat(5,minmax(100px,.55fr));align-items:center;gap:12px;min-width:1000px;padding:13px 15px;border-top:1px solid #eee8de;font-size:11px}.staffing-table>div:first-child,.vacancy-table>div:first-child{border-top:0}.staffing-table-head,.vacancy-table-head{background:#f4f0e8;color:#8c857a;font-size:9px!important;font-weight:850;text-transform:uppercase;letter-spacing:.035em}.staffing-table>div>*:not(:first-child),.vacancy-table>div>*:not(:first-child){justify-self:center;text-align:center;font-variant-numeric:tabular-nums}.staffing-table-head .grid-column-sort-button,.vacancy-table-head .grid-column-sort-button{justify-content:center!important}.staffing-table-head>span:first-child .grid-column-sort-button,.vacancy-table-head>span:first-child .grid-column-sort-button{justify-content:flex-start!important}.staffing-table>div:not(.staffing-table-head):hover,.vacancy-table>div:not(.vacancy-table-head):hover{background:#fffaf0}
.vacancy-table>div{display:grid;grid-template-columns:minmax(220px,1.3fr) minmax(145px,.8fr) 100px minmax(140px,.8fr) 110px 100px;align-items:center;gap:12px;min-width:920px;padding:13px 15px;border-top:1px solid #eee8de;font-size:11px}.vacancy-grid{align-items:start}

@media(max-width:1300px){.workforce-insight-grid{grid-template-columns:1fr 1fr}.donut-chart{grid-column:1/-1}.staffing-summary{grid-template-columns:repeat(3,1fr)}.staffing-plan-form{grid-template-columns:repeat(3,1fr)}.staffing-plan-form>div{grid-column:1/-1}}
@media(max-width:850px){.workforce-insight-kpis,.workforce-insight-grid,.staffing-summary,.vacancy-summary,.staffing-plan-form{grid-template-columns:1fr}.donut-chart{grid-column:auto}.donut-layout{grid-template-columns:1fr;justify-items:center}.donut-legend{width:100%}.staffing-intro{align-items:flex-start;flex-direction:column}.staffing-date{width:100%}}

/* v0.7.1 — preset staffing-plan import */
.staffing-preset{display:grid;gap:18px;margin-bottom:18px;border-color:#e2d7b7;background:linear-gradient(135deg,#fffdf8,#fff)}
.staffing-preset.preset-ready{box-shadow:0 12px 36px rgba(116,91,26,.07)}
.staffing-preset.preset-blocked{border-color:#e6c1bb;background:#fff9f8}
.staffing-preset-head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px}.staffing-preset-head h3{margin:6px 0 6px;font-size:22px;letter-spacing:-.025em}.staffing-preset-head p{max-width:850px;margin:0;color:#817a70;font-size:11px;line-height:1.55}.preset-state{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 13px;border-radius:999px;font-size:9px;font-weight:900;white-space:nowrap}.preset-state.ok{background:#e7f3ea;color:#2f7650}.preset-state.bad{background:#f9e6e2;color:#a3453d}
.staffing-preset-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.staffing-preset-kpis article{padding:15px;border:1px solid #e9e1d3;border-radius:14px;background:#fff}.staffing-preset-kpis span,.staffing-preset-kpis small{display:block}.staffing-preset-kpis span{color:#8d857a;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.staffing-preset-kpis strong{display:block;margin:6px 0 4px;font-size:26px;font-variant-numeric:tabular-nums}.staffing-preset-kpis small{color:#9b9388;font-size:9px}
.preset-warnings,.preset-errors{display:grid;gap:8px}.preset-warnings p,.preset-errors p{display:grid;grid-template-columns:minmax(150px,220px) 1fr;gap:12px;margin:0;padding:11px 13px;border-radius:12px;font-size:10px;line-height:1.5}.preset-warnings p{border:1px solid #ead79f;background:#fff9e9;color:#80671f}.preset-errors p{border:1px solid #ebc2bc;background:#fff5f3;color:#9d443c}.preset-warnings b,.preset-errors b{font-size:10px}.preset-warnings span{color:#82734c}
.preset-mapping{border:1px solid #e9e1d5;border-radius:13px;background:#fbfaf7;overflow:hidden}.preset-mapping summary{cursor:pointer;padding:12px 14px;color:#665d50;font-size:10px;font-weight:850;user-select:none}.preset-mapping[open] summary{border-bottom:1px solid #e9e1d5;background:#f7f3eb}.preset-mapping-table{max-height:360px;overflow:auto}.preset-mapping-table>div{display:grid;grid-template-columns:1fr 1fr 90px;align-items:center;gap:14px;padding:10px 14px;border-top:1px solid #eee8de;font-size:10px}.preset-mapping-table>div:first-child{position:sticky;top:0;z-index:1;border-top:0;background:#f2eee6;color:#8a8277;text-transform:uppercase;font-size:8px}.preset-mapping-table>div>*:last-child{text-align:center;font-variant-numeric:tabular-nums}.preset-mapping-table span{color:#615b53}.preset-mapping-table strong{font-size:11px}
.preset-import-form{display:flex;align-items:center;gap:14px}.preset-import-form .button{min-width:250px}.preset-import-form small{color:#8f887e;font-size:9px;line-height:1.45}.preset-import-form button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:900px){.staffing-preset-kpis{grid-template-columns:repeat(2,1fr)}.staffing-preset-head{flex-direction:column}.preset-import-form{align-items:stretch;flex-direction:column}.preset-import-form .button{width:100%}.preset-warnings p,.preset-errors p{grid-template-columns:1fr}.preset-mapping-table>div{min-width:650px}.preset-mapping-table{overflow:auto}}
@media(max-width:620px){.staffing-preset-kpis{grid-template-columns:1fr}}

/* v0.7.4 — staffing network summary + branch-grouped drill-down */
.staffing-filter{display:grid;grid-template-columns:minmax(260px,1fr) minmax(320px,1.2fr) auto auto;align-items:end;gap:14px;margin-bottom:16px;padding:20px 22px;position:relative;overflow:visible}.staffing-filter-copy h3{margin:4px 0;font-size:18px}.staffing-filter-copy p{margin:0;color:#8d857a;font-size:9px;line-height:1.45}.staffing-filter>.button{min-height:48px;white-space:nowrap}
.staffing-branch-picker{position:relative;z-index:20}.staffing-branch-picker>summary{list-style:none;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;min-height:48px;padding:8px 13px;border:1px solid #ddd6ca;border-radius:13px;background:#fff;cursor:pointer}.staffing-branch-picker>summary::-webkit-details-marker{display:none}.staffing-branch-picker>summary span{color:#8e877d;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.staffing-branch-picker>summary strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#27231d;font-size:11px}.staffing-branch-picker>summary b{color:#8f7b49;font-size:13px}.staffing-branch-picker[open]>summary{border-color:#c8a33c;box-shadow:0 0 0 4px rgba(198,165,60,.1)}
.staffing-branch-picker-popover{position:absolute;top:56px;right:0;width:min(620px,72vw);padding:13px;border:1px solid #ddd3c4;border-radius:16px;background:#fff;box-shadow:0 24px 70px rgba(50,40,20,.18)}.staffing-branch-all{display:flex;align-items:center;gap:11px;padding:11px 12px;margin-bottom:9px;border-radius:11px;background:#fff8e7;cursor:pointer}.staffing-branch-all input,.staffing-branch-options input{width:17px;height:17px;accent-color:#c6a438}.staffing-branch-all span{display:grid}.staffing-branch-all b{font-size:11px}.staffing-branch-all small{margin-top:2px;color:#918979;font-size:8px}.staffing-branch-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-height:320px;overflow:auto;padding-right:4px}.staffing-branch-options label{display:flex;align-items:center;gap:8px;min-width:0;padding:9px 10px;border:1px solid #eee7db;border-radius:10px;background:#fdfbf7;cursor:pointer}.staffing-branch-options label:hover{border-color:#d7c278;background:#fffaf0}.staffing-branch-options span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:750;color:#4e4941}
.staffing-network-card{margin-bottom:18px}.staffing-network-card>header small{display:block;margin-top:5px;color:#938b80;font-size:9px}.staffing-network-table,.staffing-branch-table{overflow:auto;border:1px solid #ece5da;border-radius:16px;background:#fffdfa}.staffing-network-table>div,.staffing-branch-table>div{display:grid;grid-template-columns:minmax(220px,1.35fr) repeat(5,minmax(105px,.65fr));align-items:center;gap:10px;min-width:850px;padding:14px 16px;border-top:1px solid #eee8de;font-size:12px}.staffing-network-table>div:first-child,.staffing-branch-table>div:first-child{border-top:0}.staffing-network-head,.staffing-branch-table-head{background:#f4f0e8;color:#8b8378;font-size:9px!important;font-weight:900;text-transform:uppercase;letter-spacing:.035em}.staffing-network-table>div>*:not(:first-child),.staffing-branch-table>div>*:not(:first-child){justify-self:center;text-align:center;font-variant-numeric:tabular-nums}.staffing-network-table>div>strong,.staffing-branch-table>div>strong{font-size:12px}.staffing-network-table>div span,.staffing-branch-table>div span{font-size:11px}.staffing-network-head .grid-column-sort-button,.staffing-branch-table-head .grid-column-sort-button{justify-content:center!important}.staffing-network-head>span:first-child .grid-column-sort-button,.staffing-branch-table-head>span:first-child .grid-column-sort-button{justify-content:flex-start!important}.staffing-network-table>div:not(.staffing-network-head):hover,.staffing-branch-table>div:not(.staffing-branch-table-head):hover{background:#fffaf0}
.staffing-branches-section{display:grid;gap:14px;margin-bottom:20px}.staffing-branches-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:2px 2px 0}.staffing-branches-heading h3{margin:5px 0 4px;font-size:21px}.staffing-branches-heading p{margin:0;color:#8d857a;font-size:9px}.staffing-branches-heading>strong{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border:1px solid #ded5c7;border-radius:999px;background:#fff;color:#756d62;font-size:9px;white-space:nowrap}.staffing-branch-cards{display:grid;gap:14px}.staffing-branch-card{overflow:hidden;border:1px solid #e3dbcf;border-radius:20px;background:#fff;box-shadow:0 10px 28px rgba(75,61,36,.045)}.staffing-branch-card>header{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:18px 20px;border-bottom:1px solid #eee7dc;background:linear-gradient(135deg,#fff,#fffaf0)}.staffing-branch-card>header>div:first-child span{color:#9a7926;font-size:8px;font-weight:900;letter-spacing:.12em}.staffing-branch-card>header h3{margin:4px 0 0;font-size:18px;letter-spacing:-.02em}.staffing-branch-totals{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:8px}.staffing-branch-totals>span{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 10px;border:1px solid #e9e1d5;border-radius:10px;background:#fff;color:#8a8277;font-size:8px;font-weight:800}.staffing-branch-totals b{color:#2c2924;font-size:11px;font-variant-numeric:tabular-nums}.staffing-branch-totals .bad{border-color:#edcbc5;background:#fff7f5;color:#a34a42}.staffing-branch-totals .bad b{color:#a34a42}.staffing-branch-table{border:0;border-radius:0;box-shadow:none}.staffing-branch-table>div{border-top-color:#f0eadf}.staffing-branch-table-head{background:#f8f5ef}
@media(max-width:1180px){.staffing-filter{grid-template-columns:1fr 1fr}.staffing-filter-copy{grid-column:1/-1}.staffing-branch-picker-popover{left:0;right:auto}.staffing-branch-options{grid-template-columns:repeat(2,minmax(0,1fr))}.staffing-branch-card>header{align-items:flex-start;flex-direction:column}.staffing-branch-totals{justify-content:flex-start}}
@media(max-width:720px){.staffing-filter{grid-template-columns:1fr}.staffing-filter-copy{grid-column:auto}.staffing-branch-picker-popover{position:fixed;left:12px;right:12px;top:90px;width:auto;max-height:calc(100dvh - 110px);overflow:auto}.staffing-branch-options{grid-template-columns:1fr}.staffing-filter>.button{width:100%}.staffing-branches-heading{align-items:flex-start;flex-direction:column}.staffing-branch-totals{display:grid;grid-template-columns:1fr 1fr;width:100%}.staffing-branch-totals>span{justify-content:space-between}}


/* v0.7.5 — user role administration */
.user-action-buttons{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.role-replace-warning{margin:0 0 16px;padding:11px 13px;border:1px solid #5a4b26;border-radius:11px;background:#29251b;color:#b9a56b;font-size:10px;line-height:1.5}.admin-page .modal .role-replace-warning{grid-column:1/-1}@media(max-width:760px){.user-action-buttons{justify-content:flex-start}}

/* v0.7.6 — monthly staffing planning, period selector and plan trend */
.staffing-intro .staffing-date{display:grid;gap:5px;min-width:210px}.staffing-intro .staffing-date small{color:#8d857a;font-size:9px;line-height:1.4}
.staffing-period-filter{grid-template-columns:minmax(260px,1.3fr) 190px 130px minmax(280px,1.15fr) auto!important;align-items:end}.staffing-period-field{display:grid;gap:7px}.staffing-period-field>span{color:#887f74;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.staffing-period-field select{width:100%;height:50px;padding:0 14px;border:1px solid #ddd6ca;border-radius:13px;background:#fff;color:#1e1b17;font-size:12px;font-weight:800}
.staffing-month-status{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:16px;padding:20px 24px}.staffing-month-status h3{margin:6px 0 5px;font-size:20px}.staffing-month-status p{margin:0;color:#817a70;font-size:10px;line-height:1.55}.staffing-month-status-total{min-width:220px;padding:14px 18px;border:1px solid #e7ddc6;border-radius:14px;background:#fffaf0}.staffing-month-status-total span,.staffing-month-status-total small{display:block;color:#8c8479;font-size:8px}.staffing-month-status-total strong{display:block;margin:5px 0 3px;font-size:28px;font-variant-numeric:tabular-nums}
.staffing-trend-card{overflow:hidden}.staffing-trend-visual{height:180px;margin:0 0 10px;padding:6px 10px 0;border-radius:15px;background:linear-gradient(180deg,#fffdf8,#faf6ed)}.staffing-trend-visual svg{width:100%;height:100%;overflow:visible}.staffing-trend-visual polyline{stroke:#b89029;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.staffing-trend-visual line{stroke:#e8e0d2;stroke-width:1}.staffing-trend-months{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px}.staffing-trend-months article{display:grid;gap:3px;min-width:0;padding:9px 6px;border:1px solid #ebe4d8;border-radius:10px;background:#faf8f3;text-align:center}.staffing-trend-months article.selected{border-color:#caa63d;background:#fff7dc;box-shadow:0 0 0 2px rgba(202,166,61,.10)}.staffing-trend-months article.empty{opacity:.48}.staffing-trend-months span{color:#8e877d;font-size:8px;font-weight:850;text-transform:uppercase}.staffing-trend-months strong{font-size:13px;font-variant-numeric:tabular-nums}.staffing-trend-months small{overflow:hidden;text-overflow:ellipsis;color:#9b9388;font-size:7px;white-space:nowrap}.staffing-trend-months article.selected small{color:#947019;font-weight:850}
.staffing-plan-period{display:grid;align-content:end;gap:5px;min-height:50px;padding:10px 13px;border:1px solid #e3dacb;border-radius:12px;background:#faf7f1}.staffing-plan-period span{color:#9a9288;font-size:8px;font-weight:850;text-transform:uppercase}.staffing-plan-period strong{font-size:11px}.staffing-plan-period small{color:#9a9288;font-size:8px}
@media(max-width:1250px){.staffing-period-filter{grid-template-columns:1fr 1fr 1fr!important}.staffing-filter-copy{grid-column:1/-1}.staffing-branch-picker{grid-column:1/3}.staffing-period-filter>.button{grid-column:3}}
@media(max-width:820px){.staffing-period-filter{grid-template-columns:1fr 1fr!important}.staffing-filter-copy,.staffing-branch-picker{grid-column:1/-1}.staffing-period-filter>.button{grid-column:1/-1}.staffing-month-status{align-items:stretch;flex-direction:column}.staffing-month-status-total{min-width:0}.staffing-trend-card{overflow:auto}.staffing-trend-visual,.staffing-trend-months{min-width:850px}.staffing-trend-months{grid-template-columns:repeat(12,1fr)}}

/* v0.8.0 — interactive HR charts + кадровые дела / увольнение */
.hr-cases-header{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-bottom:16px;padding:24px 28px}.hr-cases-header h2{margin:6px 0 5px;font-size:28px;letter-spacing:-.03em}.hr-cases-header p{max-width:820px;margin:0;color:#817a70;font-size:11px;line-height:1.6}.hr-case-tabs{display:flex;align-items:stretch;gap:8px;flex:0 0 auto}.hr-case-tabs a{display:grid;grid-template-columns:34px 1fr;column-gap:9px;min-width:170px;padding:12px 14px;border:1px solid #e2dbd0;border-radius:14px;background:#faf8f4;color:#6d675e}.hr-case-tabs a>span{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#eee8dc;color:#8d7c52;font-size:9px;font-weight:900}.hr-case-tabs b{font-size:11px}.hr-case-tabs small{margin-top:2px;color:#9a9389;font-size:8px}.hr-case-tabs a.active{border-color:#cfad45;background:#fff9e8;box-shadow:0 8px 22px rgba(159,124,30,.09);color:#27231c}.hr-case-tabs a.active>span{background:#cfad45;color:#1d170b}

.termination-intro{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:16px;padding:24px 28px}.termination-intro h2{margin:5px 0 6px;font-size:25px;letter-spacing:-.025em}.termination-intro p{max-width:900px;margin:0;color:#817a70;font-size:10px;line-height:1.6}.termination-rule{display:grid;grid-template-columns:auto auto;gap:5px 12px;min-width:260px;padding:14px 16px;border:1px solid #ead9af;border-radius:14px;background:#fff9e9}.termination-rule span{color:#92856b;font-size:8px}.termination-rule b{justify-self:end;font-size:9px}.termination-rule i{grid-column:1/-1;height:1px;background:#e8dcc2}
.notice-strip{display:grid;grid-template-columns:170px 1fr;gap:18px;margin-bottom:16px;padding:18px 20px;border-color:#e8cf92;background:linear-gradient(135deg,#fff9e8,#fff)}.notice-strip>div:first-child span,.notice-strip>div:first-child small{display:block}.notice-strip>div:first-child span{color:#9a7723;font-size:9px;font-weight:900;letter-spacing:.08em}.notice-strip>div:first-child strong{display:block;margin:4px 0;font-size:34px}.notice-strip>div:first-child small{color:#8e867b;font-size:8px}.notice-strip-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.notice-strip-list article{display:grid;grid-template-columns:1fr auto;gap:3px 8px;padding:10px 12px;border:1px solid #ece5d8;border-radius:11px;background:#fff}.notice-strip-list article>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.notice-strip-list article>span{grid-column:1;color:#898178;font-size:8px}.notice-strip-list article>strong{grid-column:2;grid-row:1/3;align-self:center;font-size:16px;color:#92701e}.notice-strip-list article>small{grid-column:1/3;color:#aaa197;font-size:7px}.notice-strip-list article.high{border-color:#e9c983;background:#fffaf0}.notice-strip-list article.urgent{border-color:#e5aaa1;background:#fff5f3}.notice-strip-list article.urgent>strong{color:#ad463b}

.termination-layout{display:grid;grid-template-columns:minmax(320px,.72fr) minmax(0,1.45fr);gap:16px;margin-bottom:16px}.termination-directory,.termination-form-panel{padding:18px}.termination-directory{align-self:start}.termination-search{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:12px}.termination-search input{height:43px;padding:0 12px;border:1px solid #ddd6ca;border-radius:11px;background:#fff}.termination-people{display:grid;gap:6px;max-height:650px;overflow:auto;padding-right:3px}.termination-people>a{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border:1px solid #ebe4d9;border-radius:12px;background:#fff}.termination-people>a:hover,.termination-people>a.active{border-color:#c9aa4b;background:#fffaf0}.termination-people strong,.termination-people small{display:block}.termination-people strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.termination-people small{margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#928b81;font-size:8px}.termination-people em{padding:4px 6px;border-radius:7px;background:#f3ecda;color:#8b6d1e;font-size:7px;font-style:normal;font-weight:850;white-space:nowrap}
.termination-person-head{display:flex;align-items:center;gap:13px;padding-bottom:16px;border-bottom:1px solid #eee7dc}.termination-person-head .avatar.large{width:54px;height:54px;flex:0 0 54px;font-size:14px}.termination-person-head>div{min-width:0}.termination-person-head h3{margin:3px 0 2px;font-size:21px}.termination-person-head p{margin:0;color:#8d857a;font-size:9px}.termination-active-state{margin-left:auto;padding:7px 10px;border-radius:999px;background:#e7f3ea;color:#34734f;font-size:8px;font-weight:900;white-space:nowrap}.termination-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.termination-facts>span{padding:11px 12px;border:1px solid #ebe4d8;border-radius:11px;background:#faf8f3;color:#999188;font-size:8px;text-transform:uppercase}.termination-facts strong{display:block;margin-top:4px;color:#34302a;font-size:11px;text-transform:none}.termination-form{display:grid;gap:13px}.termination-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.termination-form-grid label{display:grid;align-content:start;gap:6px}.termination-form-grid .wide{grid-column:1/-1}.termination-form-grid input,.termination-form-grid select,.termination-form-grid textarea{width:100%;min-height:48px;padding:10px 12px;border:1px solid #ddd6ca;border-radius:12px;background:#fff}.termination-form-grid textarea{min-height:92px;resize:vertical}.termination-form-grid small{color:#9a9288;font-size:8px}.termination-preview{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:14px 15px;border:1px solid #e9cfa2;border-radius:14px;background:#fff9e9;transition:.18s}.termination-preview>div>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#eedda6;color:#6f5717;font-size:18px;font-weight:900}.termination-preview section small,.termination-preview section strong,.termination-preview section p{display:block}.termination-preview section small{color:#a0802d;font-size:7px;font-weight:900;letter-spacing:.08em}.termination-preview section strong{margin:3px 0;font-size:12px}.termination-preview section p{margin:0;color:#837b70;font-size:8px;line-height:1.45}.termination-preview aside{min-width:84px;text-align:center}.termination-preview aside b{display:block;font-size:27px;line-height:1;font-variant-numeric:tabular-nums}.termination-preview aside span{display:block;margin-top:3px;color:#938a7e;font-size:7px}.termination-preview.is-notice{border-color:#dfbd68;background:#fff8df}.termination-preview.is-urgent{border-color:#e2a39a;background:#fff5f3}.termination-preview.is-urgent>div>span{background:#f0d0cb;color:#a8453c}.termination-iiko-note{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border:1px solid #d8e1d9;border-radius:13px;background:#f7fbf8}.termination-iiko-note>span{display:grid;place-items:center;min-width:42px;height:28px;border-radius:8px;background:#2d342f;color:#fff;font-size:9px;font-weight:900}.termination-iiko-note p{margin:0;color:#687269;font-size:8px;line-height:1.55}.termination-iiko-note b{color:#35473b}.button.danger{border-color:#b84d44;background:#b84d44;color:#fff}.button.danger:hover{background:#a64038}.termination-submit{justify-self:end;min-height:48px;padding:0 20px}
.termination-history-card{margin-bottom:18px}.termination-history-table{overflow:auto;border:1px solid #ece5da;border-radius:15px}.termination-history-table>div{display:grid;grid-template-columns:minmax(190px,1.25fr) minmax(170px,1fr) minmax(130px,.8fr) 105px 115px 90px;align-items:center;gap:10px;min-width:900px;padding:13px 14px;border-top:1px solid #eee8de;font-size:11px}.termination-history-table>div:first-child{border-top:0}.termination-history-head{background:#f4f0e8;color:#8c857a;font-size:9px!important;font-weight:900;text-transform:uppercase}.termination-history-table>div>*:not(:first-child){justify-self:center;text-align:center}.termination-status-badge{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:0 9px;border-radius:999px;font-size:8px}.termination-status-badge.notice{background:#fff0c8;color:#8e6811}.termination-status-badge.terminated{background:#f1ece5;color:#7d756b}

/* Bigger, interactive management charts */
.workforce-insight-grid{grid-template-columns:1fr 1fr!important;gap:16px!important}.donut-chart{grid-column:1/-1!important;padding:24px!important}.insight-chart{padding:22px!important}.insight-chart-head{margin-bottom:18px!important}.insight-chart-head>span{font-size:10px!important}.insight-chart-head h4{margin-top:6px!important;font-size:21px!important;letter-spacing:-.02em}.insight-chart-head small{font-size:10px!important;line-height:1.5}.donut-layout-v2{display:grid;grid-template-columns:minmax(270px,.7fr) minmax(420px,1.3fr);align-items:center;gap:34px}.donut-visual{position:relative;display:grid;place-items:center;min-height:280px}.hr-donut-svg{width:260px;height:260px;overflow:visible;transform:rotate(-90deg)}.donut-track{fill:none;stroke:#f0ece4;stroke-width:18}.donut-segment{fill:none;stroke-width:18;transition:stroke-width .16s ease,opacity .16s ease,filter .16s ease;cursor:pointer;transform-origin:60px 60px}.donut-segment:hover,.donut-segment.is-highlighted{stroke-width:23;filter:drop-shadow(0 3px 4px rgba(69,52,17,.18))}.interactive-donut.is-active .donut-segment:not(.is-highlighted){opacity:.22}.donut-c1{stroke:#c28e16}.donut-c2{stroke:#6c541e}.donut-c3{stroke:#e0be4d}.donut-c4{stroke:#9c6234}.donut-c5{stroke:#4f6c5a}.donut-c6{stroke:#b45d52}.donut-center{position:absolute;display:grid;place-items:center;text-align:center;pointer-events:none}.donut-center strong{font-size:42px;line-height:1;font-variant-numeric:tabular-nums}.donut-center span{margin-top:4px;color:#776f64;font-size:11px;font-weight:800}.donut-center small{margin-top:3px;color:#aaa095;font-size:8px}.donut-legend-v2{display:grid;gap:8px}.donut-legend-v2>button{appearance:none;display:grid;grid-template-columns:14px minmax(0,1fr) auto;align-items:center;gap:11px;width:100%;padding:12px 14px;border:1px solid #ebe3d7;border-radius:12px;background:#fff;text-align:left;cursor:pointer;transition:.16s}.donut-legend-v2>button:hover,.donut-legend-v2>button.is-highlighted{border-color:#cbaa4b;background:#fffaf0;transform:translateX(3px)}.donut-legend-v2 .donut-color{width:12px;height:12px;border-radius:4px}.donut-legend-v2 .c1{background:#c28e16}.donut-legend-v2 .c2{background:#6c541e}.donut-legend-v2 .c3{background:#e0be4d}.donut-legend-v2 .c4{background:#9c6234}.donut-legend-v2 .c5{background:#4f6c5a}.donut-legend-v2 .c6{background:#b45d52}.donut-legend-v2>button>span{min-width:0}.donut-legend-v2>button>span b,.donut-legend-v2>button>span small{display:block}.donut-legend-v2>button>span b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#302c26;font-size:13px}.donut-legend-v2>button>span small{margin-top:3px;color:#928a80;font-size:9px}.donut-legend-v2>button>strong{font-size:16px;font-variant-numeric:tabular-nums;color:#4a433a}.rank-bars{gap:15px!important}.rank-bars>div>header{margin-bottom:7px!important}.rank-bars header span{font-size:12px!important}.rank-bars header b{font-size:13px!important}.rank-bars>div>i{height:12px!important}.rank-bars>div>small{margin-top:6px!important;font-size:9px!important}.vacancy-summary-v2{grid-template-columns:repeat(4,minmax(0,1fr))!important}.vacancy-table-v2>div.vacancy-urgent{background:#fff4f2!important}.vacancy-table-v2>div.vacancy-high{background:#fff9ec!important}.vacancy-reason{display:inline-flex;padding:5px 8px;border-radius:999px;background:#f1ede6;font-size:8px}.vacancy-reason.notice{background:#fff0c8;color:#8d6711}.vacancy-reason.termination{background:#f6dfdc;color:#a2463e}.vacancy-table-v2>div>span:nth-child(5) small{display:block;margin-top:3px;color:#a34b43;font-size:7px;font-weight:850}

@media(max-width:1100px){.hr-cases-header,.termination-intro{align-items:flex-start;flex-direction:column}.hr-case-tabs{width:100%}.hr-case-tabs a{flex:1}.termination-layout{grid-template-columns:1fr}.notice-strip{grid-template-columns:1fr}.notice-strip-list{grid-template-columns:repeat(2,1fr)}.donut-layout-v2{grid-template-columns:1fr}.vacancy-summary-v2{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:720px){.hr-case-tabs{display:grid;grid-template-columns:1fr}.termination-form-grid,.termination-facts,.notice-strip-list,.workforce-insight-grid{grid-template-columns:1fr!important}.termination-preview{grid-template-columns:42px 1fr}.termination-preview aside{grid-column:1/-1;display:flex;align-items:baseline;justify-content:center;gap:6px}.termination-submit{width:100%}.donut-visual{min-height:235px}.hr-donut-svg{width:220px;height:220px}.donut-center strong{font-size:36px}.donut-layout-v2{gap:16px}.vacancy-summary-v2{grid-template-columns:1fr!important}}

/* v0.8.0 final polish */
.dashboard-attention-stack{display:grid;grid-template-columns:1fr auto;align-items:center;gap:9px 12px}.dashboard-attention-stack p{margin:0;padding:8px 0;color:#746d64;font-size:10px}.dashboard-attention-stack p b{display:inline-block;min-width:24px;color:#27231d;font-size:16px}.dashboard-attention-stack p strong{color:#ad463b}.dashboard-attention-stack .button{min-width:105px;justify-content:center}
.termination-history-table>div{grid-template-columns:minmax(185px,1.2fr) minmax(155px,.95fr) minmax(115px,.72fr) minmax(190px,1.15fr) 100px 110px 80px;min-width:1120px}.termination-reason-cell{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#746d64}.donut-segment:focus-visible{outline:none;stroke-width:23;filter:drop-shadow(0 3px 5px rgba(69,52,17,.25))}.donut-legend-v2>button>span b{font-size:14px}.donut-legend-v2>button>strong{font-size:17px}.insight-chart-head h4{font-size:23px!important}.hr-donut-svg{width:285px;height:285px}.donut-center strong{font-size:46px}
@media(max-width:720px){.dashboard-attention-stack{grid-template-columns:1fr}.dashboard-attention-stack .button{width:100%}.hr-donut-svg{width:235px;height:235px}.donut-center strong{font-size:38px}}

/* v0.8.1 — interactive demographic filters and roster drill-down */
.demographic-filter-card{position:relative;overflow:hidden}
.demographic-filter-card>header small{display:block;margin-top:5px;color:#9a9287;font-size:9px;line-height:1.45}
.interactive-gender{gap:11px}
.interactive-gender .demographic-choice{appearance:none;width:100%;min-width:0;padding:16px 14px;border:1px solid #e4ddd1;border-radius:15px;background:#faf8f3;color:#29251f;text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}
.interactive-gender .demographic-choice:hover{transform:translateY(-2px);border-color:#d4bb6b;background:#fffaf0;box-shadow:0 10px 22px rgba(83,67,35,.08)}
.interactive-gender .demographic-choice.is-active{border-color:#b78e24;background:linear-gradient(145deg,#fff8df,#fffdf8);box-shadow:0 0 0 3px rgba(190,151,45,.12),0 12px 26px rgba(83,67,35,.09)}
.interactive-gender .demographic-choice span,.interactive-gender .demographic-choice small{display:block}
.interactive-gender .demographic-choice span{color:#827b71;font-size:10px;font-weight:750}
.interactive-gender .demographic-choice strong{display:block;margin:7px 0 4px;font-size:28px;color:#26231e}
.interactive-gender .demographic-choice small{color:#9a781e;font-size:10px;font-weight:900}
.interactive-gender .demographic-choice.is-active:after{content:"ФИЛЬТР";position:absolute;transform:translate(0,0);margin:-66px 0 0 calc(100% - 80px);padding:4px 7px;border-radius:999px;background:#2b271d;color:#f0d56f;font-size:7px;font-weight:900;letter-spacing:.08em}

.interactive-bars{gap:10px}
.analytics-bars .demographic-bar-choice{appearance:none;display:grid;grid-template-columns:92px 1fr 86px;align-items:center;gap:12px;width:100%;padding:8px 10px;border:1px solid transparent;border-radius:12px;background:transparent;color:inherit;text-align:left;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease}
.analytics-bars .demographic-bar-choice:hover{transform:translateX(3px);border-color:#e4d7af;background:#fffaf0;box-shadow:0 5px 15px rgba(83,67,35,.05)}
.analytics-bars .demographic-bar-choice.is-active{border-color:#c5a245;background:#fff8e2;box-shadow:0 0 0 3px rgba(190,151,45,.10)}
.analytics-bars .demographic-bar-choice>span{font-size:11px;font-weight:800;color:#70695f}
.analytics-bars .demographic-bar-choice>i{display:block;height:11px;overflow:hidden;border-radius:999px;background:#eee9e0}
.analytics-bars .demographic-bar-choice>i>b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#c39a27,#e5c95d);transition:width .25s ease}
.analytics-bars .demographic-bar-choice>strong{display:flex;align-items:baseline;justify-content:flex-end;gap:7px;font-size:12px;font-variant-numeric:tabular-nums}
.analytics-bars .demographic-bar-choice>strong>b{font-size:13px}
.analytics-bars .demographic-bar-choice>strong small{color:#a07b1f;font-size:9px;font-weight:900}

.demographic-explorer{scroll-margin-top:18px}
.demographic-explorer-head{align-items:center!important}
.demographic-explorer-head h3{font-size:22px!important}
.demographic-explorer-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.demographic-explorer-tools>strong{display:flex;align-items:baseline;gap:5px;padding:10px 13px;border:1px solid #e7dfd2;border-radius:12px;background:#faf8f3;color:#777066;font-size:9px;white-space:nowrap}
.demographic-explorer-tools>strong b{color:#201d18;font-size:20px;font-variant-numeric:tabular-nums}
.demographic-filter-state{display:flex;align-items:center;gap:8px;min-height:44px;margin:-4px 0 16px;padding:9px 12px;border:1px solid #e9e2d7;border-radius:13px;background:#faf8f3;color:#8d867d;font-size:9px;overflow:auto}
.demographic-filter-chip{appearance:none;display:flex;align-items:center;gap:7px;min-width:max-content;padding:7px 9px;border:1px solid #d5bd70;border-radius:10px;background:#fff8df;color:#3c3525;cursor:pointer}
.demographic-filter-chip small{color:#997720;font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.demographic-filter-chip strong{font-size:9px}
.demographic-filter-chip b{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#eee3bd;color:#6c5518;font-size:12px}
.demographic-filter-arrow{color:#c2b9aa;font-size:11px}
.demographic-live-summary{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:17px}
.demographic-live-summary>article{padding:15px;border:1px solid #ebe4d9;border-radius:15px;background:#fcfaf6}
.demographic-live-summary>article>span{display:block;margin-bottom:11px;color:#9a7924;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.demographic-summary-list{display:grid;gap:8px}
.demographic-summary-row{display:grid;grid-template-columns:minmax(120px,1fr) 1.1fr 78px;align-items:center;gap:10px}
.demographic-summary-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#555048;font-size:9px;font-weight:800}
.demographic-summary-row>i{height:7px;overflow:hidden;border-radius:999px;background:#eee8dd}
.demographic-summary-row>i>b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#b98d20,#ddbf55)}
.demographic-summary-row>strong{text-align:right;color:#28241f;font-size:10px;font-variant-numeric:tabular-nums}
.demographic-summary-row>strong small{margin-left:4px;color:#987821;font-size:8px}
.demographic-summary-empty{padding:10px;color:#999188;font-size:9px;text-align:center}
.demographic-detail-table{overflow:auto;border:1px solid #e7dfd3;border-radius:15px;background:#fff}
.demographic-detail-head,.demographic-detail-row{display:grid;grid-template-columns:minmax(190px,1.35fr) minmax(150px,1fr) minmax(170px,1.15fr) 90px 90px 100px 105px;align-items:center;gap:12px;min-width:1080px;padding:12px 14px}
.demographic-detail-head{position:sticky;top:0;z-index:2;background:#f4f0e8;color:#8d857a;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.demographic-detail-row{border-top:1px solid #eee8de;color:#5e584f;font-size:10px}
.demographic-detail-row:hover{background:#fffaf0}
.demographic-detail-row>strong{color:#24211d;font-size:10px}
.demographic-detail-row>span{min-width:0;font-variant-numeric:tabular-nums}
.demographic-detail-row>span:nth-child(n+4){text-align:center}
.demographic-detail-row span>b,.demographic-detail-row span>small{display:block}
.demographic-detail-row span>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#3e3932;font-size:9px}
.demographic-detail-row span>small{margin-top:3px;color:#9c9489;font-size:8px}
.demographic-detail-empty{min-width:800px;padding:28px;color:#948d83;text-align:center;font-size:10px}
.demographic-table-foot{padding:10px 2px 0;color:#9a9288;font-size:8px;text-align:right}
.has-demographic-filter .demographic-filter-card{box-shadow:0 12px 28px rgba(74,59,31,.07)}

@media(max-width:1200px){
  .demographic-live-summary{grid-template-columns:1fr}
  .analytics-bars .demographic-bar-choice{grid-template-columns:82px 1fr 74px}
}
@media(max-width:720px){
  .interactive-gender{grid-template-columns:1fr}
  .analytics-bars .demographic-bar-choice{grid-template-columns:76px 1fr 68px;padding-inline:7px}
  .demographic-explorer-head{align-items:flex-start!important;flex-direction:column}
  .demographic-explorer-tools{justify-content:flex-start}
  .demographic-filter-state{align-items:flex-start}
}
/* v0.8.1 component specificity fixes */
.interactive-gender .demographic-choice{position:relative}
.interactive-gender .demographic-choice.is-active:after{top:10px;right:10px;margin:0;transform:none}
.analytics-bars .demographic-bar-choice>strong>b[data-filter-count]{display:inline!important;width:auto!important;height:auto!important;min-width:0!important;background:none!important;border-radius:0!important;color:inherit!important}
.branch-analytics span>b[data-branch-total]{display:inline!important;width:auto!important;height:auto!important;background:none!important;border-radius:0!important;color:inherit!important}