:root{--blue:#183a63;--blue2:#245786;--slate:#4f6175;--mist:#eef2f6;--line:#d8e0e8;--text:#172331;--muted:#69798a;--red:#c83c3c;--orange:#d98b22;--green:#26865b;--white:#fff;--shadow:0 14px 36px rgba(22,43,67,.12);--radius:18px}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);background:#f4f6f8}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.eyebrow{display:block;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--blue2);margin-bottom:7px}.eyebrow.light{color:#cbd8e6}.muted{color:var(--muted)}
/* login */.auth-body{background:#e8edf2;min-height:100vh}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(330px,42%) 1fr}.login-brand-panel{background:linear-gradient(145deg,#102d4f,#244f7c);color:white;padding:56px;display:flex;flex-direction:column;justify-content:space-between}.login-logo{width:min(370px,90%);filter:brightness(0) invert(1);object-fit:contain;object-position:left}.login-brand-panel h1{font-size:clamp(2.3rem,4vw,4.6rem);line-height:1.02;margin:12px 0 20px;max-width:700px}.login-brand-panel p{font-size:1.15rem;color:#d8e3ee;max-width:520px}.login-status{font-weight:700;color:#dbe8f4}.status-dot{display:inline-block;width:10px;height:10px;background:#46c181;border-radius:50%;margin-right:8px}.login-main{padding:64px;display:flex;align-items:center;justify-content:center}.login-main form{width:min(780px,100%)}.login-title h2{font-size:2rem;margin:0 0 8px}.staff-picker.modern{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:16px;margin-top:26px}.staff-tile{border:1px solid var(--line);background:white;border-radius:16px;padding:18px;display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:14px;text-align:left;box-shadow:0 5px 16px rgba(30,50,70,.05);cursor:pointer}.staff-tile:hover,.staff-tile.selected{border-color:var(--blue2);transform:translateY(-2px);box-shadow:var(--shadow)}.staff-avatar{width:58px;height:58px;border-radius:16px;background:var(--mist);color:var(--blue);display:grid;place-items:center;font-weight:900;font-size:1.15rem}.staff-tile strong,.staff-tile small{display:block}.staff-tile small{color:var(--muted);margin-top:4px}.staff-tile i{font-size:1.8rem;color:var(--slate)}.pin-modal{position:fixed;inset:0;background:rgba(11,28,46,.65);display:none;place-items:center;padding:20px;z-index:100}.pin-modal.open{display:grid}.pin-card{width:min(430px,96vw);background:white;border-radius:24px;padding:34px;box-shadow:0 30px 80px rgba(0,0,0,.3);position:relative;text-align:center}.pin-close{position:absolute;right:18px;top:14px;border:0;background:none;font-size:2rem;color:var(--muted)}.pin-dots{display:flex;justify-content:center;gap:16px;margin:24px}.pin-dots i{width:17px;height:17px;border:2px solid var(--slate);border-radius:50%}.pin-dots i.filled{background:var(--blue);border-color:var(--blue)}.pin-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pin-pad button{height:64px;border:0;border-radius:14px;background:var(--mist);font-size:1.5rem;font-weight:800;color:var(--blue);cursor:pointer}.pin-pad button:hover{background:#dce6ef}.pin-pad .pin-action{font-size:.9rem;color:var(--slate)}.alert{background:#fdeaea;color:#8a2525;padding:14px 16px;border-radius:12px;margin-bottom:20px}.empty-state{background:white;border:1px dashed var(--line);padding:30px;border-radius:16px;color:var(--muted)}
/* hero shell */.cc-shell{min-height:100vh}.cc-hero{background:linear-gradient(135deg,var(--blue),#244f7c);color:white;padding:22px clamp(20px,4vw,58px);display:flex;justify-content:space-between;align-items:center;gap:24px;box-shadow:0 8px 30px rgba(14,40,66,.22)}.hero-brand{display:flex;align-items:center;gap:24px}.hero-logo{width:150px;flex:0 0 auto}.hero-logo img{width:100%;filter:brightness(0) invert(1)}.breadcrumbs{display:flex;gap:8px;font-size:.78rem;color:#cbd8e6;margin-bottom:6px}.breadcrumbs a{font-weight:700}.cc-hero h1{margin:0;font-size:clamp(1.55rem,2.4vw,2.5rem)}.cc-hero p{margin:5px 0 0;color:#d8e3ee}.hero-actions{display:flex;align-items:center;gap:8px}.hero-action{border:0;background:rgba(255,255,255,.09);color:white;border-radius:12px;min-width:64px;height:56px;padding:8px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.hero-action:hover{background:rgba(255,255,255,.18)}.hero-action span{font-size:1.25rem}.hero-action small{font-size:.66rem;margin-top:3px}.hero-user{padding:0 14px;border-left:1px solid rgba(255,255,255,.18)}.hero-user strong,.hero-user span{display:block}.hero-user span{font-size:.72rem;color:#cad8e5;margin-top:4px}.hero-actions form{margin:0}.cc-page{padding:34px clamp(20px,4vw,58px);max-width:1600px;margin:auto}
/* knowledge */.drawer-backdrop{position:fixed;inset:0;background:rgba(10,24,38,.35);opacity:0;pointer-events:none;transition:.2s;z-index:50}.drawer-backdrop.open{opacity:1;pointer-events:auto}.knowledge-drawer{position:fixed;right:0;top:0;height:100vh;width:min(560px,94vw);background:white;z-index:60;transform:translateX(105%);transition:.25s;box-shadow:-20px 0 60px rgba(14,34,55,.2);display:flex;flex-direction:column}.knowledge-drawer.open{transform:translateX(0)}.knowledge-header{padding:25px 28px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.knowledge-header h2{margin:0}.close-help{border:0;background:none;font-size:2rem;color:var(--muted);cursor:pointer}.knowledge-tabs{display:flex;overflow:auto;border-bottom:1px solid var(--line);padding:0 18px}.knowledge-tabs button{border:0;background:none;padding:14px 12px;font-size:.77rem;font-weight:800;color:var(--muted);white-space:nowrap;border-bottom:3px solid transparent}.knowledge-tabs button.active{color:var(--blue);border-bottom-color:var(--blue)}.knowledge-content{padding:28px;overflow:auto;line-height:1.55}.knowledge-content h3{font-size:1.4rem}.knowledge-level{background:var(--mist);padding:18px;border-radius:14px;margin-top:22px}.knowledge-level span,.knowledge-level strong{display:block}.knowledge-content code{display:block;background:#172331;color:white;padding:14px;border-radius:10px}
/* shared */.btn{border:0;border-radius:11px;padding:11px 16px;font-weight:800;cursor:pointer}.btn-primary{background:var(--blue);color:white}.btn-secondary{background:#e7ecf1;color:var(--text)}.btn-success{background:var(--green);color:white}.btn-warning{background:var(--orange);color:white}.btn-danger{background:var(--red);color:white}.btn-ghost{background:transparent;color:var(--blue)}.designer-intro,.designer-toolbar,.sample-banner{background:white;border-radius:var(--radius);padding:25px 28px;box-shadow:0 5px 20px rgba(20,45,70,.06);display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.designer-intro h2,.designer-toolbar h2,.sample-banner h2{margin:0 0 6px}.designer-intro p,.sample-banner p{margin:0;color:var(--muted)}.mode-switch{display:flex;align-items:center;gap:10px;font-size:.8rem}.switch{width:52px;height:28px;border:0;border-radius:20px;background:#b8c3ce;padding:3px}.switch i{display:block;width:22px;height:22px;border-radius:50%;background:white;transform:translateX(24px)}.switch.on{background:var(--green)}.designer-layout{display:grid;grid-template-columns:220px 1fr;gap:22px}.designer-nav{background:white;border-radius:16px;padding:12px;height:max-content;position:sticky;top:20px}.designer-nav a{display:block;padding:12px 14px;border-radius:10px;font-weight:700;color:var(--slate)}.designer-nav a.active,.designer-nav a:hover{background:var(--mist);color:var(--blue)}.designer-content{display:grid;gap:22px}.design-panel{background:white;border-radius:var(--radius);padding:28px;box-shadow:0 5px 20px rgba(20,45,70,.06)}.design-panel h3{margin:0 0 20px;font-size:1.45rem}.manifest-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.manifest-grid article{background:var(--mist);padding:18px;border-radius:14px}.manifest-grid p{margin:7px 0 0;color:var(--muted)}.panel-heading{display:flex;justify-content:space-between}.workspace-list{display:grid;gap:10px}.workspace-row{display:grid;grid-template-columns:46px 1fr auto;gap:14px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:13px}.workspace-row:hover{border-color:var(--blue2)}.workspace-icon{width:46px;height:46px;border-radius:12px;background:var(--blue);color:white;display:grid;place-items:center;font-weight:900}.workspace-row small{display:block;color:var(--muted);margin-top:3px}.sample-links,.button-showcase,.swatches{display:flex;flex-wrap:wrap;gap:12px}.sample-links a{background:var(--mist);padding:14px 18px;border-radius:12px;font-weight:800;color:var(--blue)}.swatches>div{display:grid;grid-template-columns:42px 1fr;column-gap:10px;align-items:center}.swatches small{grid-column:2;color:var(--muted)}.swatch{width:42px;height:42px;border-radius:11px;grid-row:1/3}.swatch.blue{background:var(--blue)}.swatch.slate{background:var(--slate)}.swatch.mist{background:var(--mist);border:1px solid var(--line)}.swatch.red{background:var(--red)}
/* canvas */.designer-toolbar>div:last-child{display:flex;gap:8px}.canvas-shell{display:grid;grid-template-columns:250px 1fr;gap:20px}.widget-library{background:white;border-radius:16px;padding:22px;height:max-content}.widget-library select{width:100%;padding:11px;border:1px solid var(--line);border-radius:10px;margin:12px 0}.widget-library .btn{width:100%}.library-rule{margin-top:24px;background:var(--mist);border-radius:12px;padding:14px}.library-rule span,.library-rule strong{display:block;margin:5px 0}.workspace-preview{background:#e9eef3;padding:18px;border-radius:18px;transition:.2s;min-height:650px}.workspace-preview.tablet{max-width:820px;margin:auto}.workspace-preview.mobile{max-width:430px;margin:auto}.preview-hero{background:linear-gradient(135deg,var(--blue),var(--blue2));color:white;border-radius:15px;padding:22px;display:flex;justify-content:space-between}.preview-hero h3{font-size:1.6rem;margin:5px 0}.preview-hero p,.preview-hero span{margin:0;color:#d7e3ee;font-size:.8rem}.mini-actions{font-size:1.2rem;letter-spacing:8px}.preview-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:var(--slate);margin:20px 2px 10px}.designer-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}.design-widget{grid-column:span var(--w);min-height:calc(var(--h)*70px);background:white;border:2px dashed #a9bac9;border-radius:15px;padding:18px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.widget-drag{position:absolute;right:12px;top:10px;color:#8ca0b2}.widget-state{font-size:.66rem;font-weight:900;text-transform:uppercase;width:max-content;padding:5px 8px;border-radius:20px;background:var(--mist)}.widget-state.required{background:#e4eef8;color:var(--blue)}.widget-state.recommended{background:#fff0da;color:#8c5a12}.design-widget small{color:var(--muted);margin-top:16px}.design-widget strong{font-size:1.25rem}.design-widget footer{display:flex;justify-content:space-between;color:var(--blue);font-weight:800;font-size:.8rem}.design-widget footer button{border:0;background:none}.card-preview{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.card-preview article,.nav-card-grid a{background:white;border-radius:15px;padding:20px}.card-preview h4{margin:0}.card-preview p{color:var(--muted)}
/* samples */.widget-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:28px}.widget-grid.compact{grid-template-columns:repeat(2,minmax(220px,1fr))}.live-widget{background:white;border-radius:16px;padding:20px;border-left:5px solid var(--blue);box-shadow:0 5px 18px rgba(20,45,70,.06)}.live-widget span,.live-widget strong,.live-widget small{display:block}.live-widget strong{font-size:1.4rem;margin:12px 0}.live-widget small{color:var(--blue);font-weight:800}.live-widget.danger{border-left-color:var(--red)}.live-widget.warning{border-left-color:var(--orange)}.section-title{margin-top:28px}.nav-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.nav-card-grid a{box-shadow:0 5px 18px rgba(20,45,70,.06)}.nav-card-grid strong,.nav-card-grid span{display:block}.nav-card-grid span{color:var(--muted);margin-top:8px}.list-toolbar{background:white;border-radius:15px;padding:14px;display:flex;gap:10px;margin-bottom:12px}.list-toolbar input{flex:1;border:1px solid var(--line);border-radius:10px;padding:10px}.data-list{background:white;border-radius:15px;overflow:hidden}.data-row{display:grid;grid-template-columns:.6fr 1.5fr 1fr 1fr .7fr;gap:10px;padding:15px 18px;border-bottom:1px solid var(--line);align-items:center}.data-row.header{background:var(--mist);font-size:.72rem;font-weight:900;text-transform:uppercase;color:var(--slate)}.pill{width:max-content;padding:6px 9px;border-radius:20px;font-size:.72rem}.pill.danger{background:#fde3e3;color:#9c2828}.pill.info{background:#e4eef8;color:var(--blue)}.tab-bar{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-top:20px}.tab-bar button{border:0;background:none;padding:13px 18px;font-weight:800;color:var(--muted);border-bottom:3px solid transparent}.tab-bar button.active{color:var(--blue);border-bottom-color:var(--blue)}.detail-content,.entry-form,.wizard-body{background:white;padding:26px;border-radius:0 0 16px 16px}.permission-banner{background:#e9f3ed;color:#216a49;padding:12px;border-radius:10px;margin-bottom:20px}.field-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.field-grid label,.entry-form>label{font-size:.8rem;font-weight:800;color:var(--slate)}.field-grid input,.field-grid select,.entry-form textarea{display:block;width:100%;border:1px solid var(--line);border-radius:10px;padding:11px;margin-top:6px;background:white}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.wizard-progress{display:grid;grid-template-columns:repeat(5,1fr);background:white;border-radius:15px;margin-bottom:16px;overflow:hidden}.wizard-progress span{padding:16px;text-align:center;font-weight:800;color:var(--muted);border-right:1px solid var(--line)}.wizard-progress .done{background:#e8f3ed;color:var(--green)}.wizard-progress .active{background:#e5eef8;color:var(--blue)}.wizard-body{display:grid;grid-template-columns:260px 1fr;gap:28px;border-radius:16px}.wizard-body aside{background:var(--mist);padding:20px;border-radius:12px}
@media(max-width:1050px){.cc-hero{align-items:flex-start}.hero-actions{flex-wrap:wrap;justify-content:flex-end}.hero-user{display:none}.login-shell{grid-template-columns:1fr}.login-brand-panel{min-height:340px}.designer-layout,.canvas-shell{grid-template-columns:1fr}.designer-nav{position:static;display:flex;overflow:auto}.widget-grid,.nav-card-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.login-main,.login-brand-panel{padding:28px}.staff-picker.modern{grid-template-columns:1fr}.cc-hero{padding:18px;display:block}.hero-brand{gap:12px}.hero-logo{width:110px}.hero-actions{margin-top:18px;justify-content:flex-start}.hero-action{min-width:52px}.cc-page{padding:18px}.designer-intro,.designer-toolbar,.sample-banner{display:block}.mode-switch,.designer-toolbar>div:last-child{margin-top:14px;flex-wrap:wrap}.manifest-grid,.widget-grid,.widget-grid.compact,.nav-card-grid,.field-grid,.card-preview{grid-template-columns:1fr}.designer-grid{grid-template-columns:1fr}.design-widget{grid-column:span 1!important}.data-row{grid-template-columns:1fr 1fr}.data-row.header{display:none}.wizard-progress{grid-template-columns:1fr}.wizard-body{grid-template-columns:1fr}.list-toolbar{flex-wrap:wrap}.list-toolbar input{flex-basis:100%}}

/* =========================================================
   v1.3 compact login and compact hero refinements
   ========================================================= */
.auth-body{background:#eef2f5}.login-page{min-height:100vh;padding:clamp(16px,4vw,48px);display:flex;align-items:flex-start;justify-content:center}.login-panel{width:min(820px,100%);background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 14px 42px rgba(22,43,67,.1);padding:clamp(20px,4vw,38px)}.login-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:22px}.login-header h1{font-size:clamp(1.55rem,3vw,2.25rem);line-height:1.12;margin:0 0 7px}.login-header p{margin:0;color:var(--muted)}.platform-status{flex:0 0 auto;display:flex;align-items:center;gap:7px;background:#e9f4ee;color:#246d4d;border-radius:999px;padding:7px 11px;font-size:.76rem;font-weight:800}.platform-status i{width:8px;height:8px;border-radius:50%;background:#36a66d}.staff-controls{display:flex;align-items:center;gap:12px;margin-bottom:20px}.staff-search{flex:1;position:relative;display:flex;align-items:center}.staff-search>span{position:absolute;left:14px;color:var(--muted);font-size:1.2rem}.staff-search input{width:100%;height:46px;border:1px solid var(--line);border-radius:12px;padding:0 42px;background:#f8fafb}.staff-search input:focus{outline:3px solid rgba(36,87,134,.14);border-color:var(--blue2);background:#fff}.staff-search button{display:none;position:absolute;right:8px;width:30px;height:30px;border:0;border-radius:50%;background:var(--mist);color:var(--slate);font-size:1.25rem;cursor:pointer}.staff-search button.visible{display:grid;place-items:center}.staff-count{font-size:.76rem;color:var(--muted);white-space:nowrap}.staff-count strong{color:var(--text)}.recent-staff,.all-staff{margin-top:18px}.recent-staff h2,.staff-section-heading h2{font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:var(--slate);margin:0}.staff-section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.staff-section-heading small{color:var(--muted)}.staff-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:min(430px,48vh);overflow:auto;padding:2px}.staff-row{width:100%;min-height:64px;border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px 12px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;text-align:left;cursor:pointer;transition:.15s}.staff-row:hover,.staff-row:focus-visible,.staff-row.selected{border-color:var(--blue2);background:#f7fafc;box-shadow:0 5px 16px rgba(30,50,70,.07);outline:none}.staff-row.recent{margin-top:9px;background:#f5f8fb}.staff-row[hidden]{display:none}.staff-row .staff-avatar{width:42px;height:42px;border-radius:11px;font-size:.9rem}.staff-details{min-width:0}.staff-details strong,.staff-details small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.staff-details small{font-size:.73rem;color:var(--muted);margin-top:3px}.staff-arrow{font-size:1.45rem;color:#8b9aaa}.empty-state.compact{padding:18px;margin-top:8px}.pin-hint{margin:6px 0 0;color:var(--muted);font-size:.84rem}.mobile-hint{display:none}.pin-keyboard-input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.pin-card{padding:28px;width:min(400px,96vw)}.pin-card h2{margin:2px 28px 0;font-size:1.5rem}.pin-dots{margin:20px}.pin-pad button{height:58px}.pin-modal{backdrop-filter:blur(2px)}

.cc-hero{position:sticky;top:0;z-index:40;min-height:62px;padding:8px clamp(16px,3vw,42px);background:#183a63;box-shadow:0 3px 14px rgba(14,40,66,.18);gap:18px;transition:min-height .18s,padding .18s}.hero-context{min-width:0;flex:1}.breadcrumbs{margin:0 0 2px;font-size:.68rem;line-height:1.2}.hero-title-line{display:flex;align-items:baseline;gap:10px;min-width:0}.cc-hero h1{font-size:clamp(1.05rem,1.7vw,1.35rem);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-context-meta{font-size:.7rem;color:#cbd8e6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-actions{flex-wrap:nowrap;gap:4px}.hero-action{min-width:44px;width:auto;height:44px;border-radius:9px;padding:5px 8px}.hero-action span{font-size:1.05rem;line-height:1}.hero-action small{font-size:.58rem}.hero-user{border-left:1px solid rgba(255,255,255,.18);padding:0 8px;display:flex;align-items:center;gap:8px}.hero-user-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.14);font-size:.7rem;font-weight:900}.hero-user-name{font-size:.72rem;max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-hero.compact{min-height:48px;padding-top:4px;padding-bottom:4px}.cc-hero.compact .breadcrumbs,.cc-hero.compact .hero-context-meta,.cc-hero.compact .hero-action small,.cc-hero.compact .hero-user-name{display:none}.cc-hero.compact .hero-action{height:38px;min-width:38px}.cc-hero.compact .hero-user-avatar{width:30px;height:30px}.cc-page{padding-top:26px}

@media(max-width:760px){.login-page{padding:0;align-items:stretch}.login-panel{min-height:100vh;border:0;border-radius:0;box-shadow:none;padding:20px 16px}.login-header{padding-bottom:16px;margin-bottom:16px}.platform-status{padding:6px 9px}.staff-controls{position:sticky;top:0;background:white;z-index:2;padding:4px 0 10px;margin-bottom:8px}.staff-list{grid-template-columns:1fr;max-height:none;overflow:visible}.staff-row{min-height:60px}.desktop-hint{display:none}.mobile-hint{display:inline}.pin-card{border-radius:20px;padding:24px 20px}.pin-pad button{height:56px}.cc-hero{min-height:50px;padding:5px 8px 5px 12px;gap:6px}.breadcrumbs{display:none}.hero-title-line{display:block}.cc-hero h1{font-size:1rem}.hero-context-meta{display:block;font-size:.62rem;margin-top:1px}.hero-actions{gap:1px}.hero-action{height:40px;min-width:38px;padding:4px 6px}.hero-action small,.hero-user-name{display:none}.hero-action span{font-size:1.05rem}.hero-user{padding:0 3px;border-left:0}.hero-user-avatar{width:30px;height:30px}.hero-actions form{display:flex}.cc-page{padding:15px}.cc-hero.compact .hero-context-meta{display:none}}

@media(max-width:430px){.login-header h1{font-size:1.45rem}.login-header p{font-size:.86rem}.platform-status{font-size:0;width:28px;height:28px;padding:0;justify-content:center}.staff-count{display:none}.hero-action[title="Calendar"]{display:none}.hero-action[title="Platform Designer"]{display:none}}

/* Coach Concepts Platform v2 */
.cc-body{background:#e9eef2}.cc-shell{padding-top:10px}.cc-hero.compact-hero{width:min(94%,1440px);margin:0 auto;border-radius:15px;padding-left:18px;padding-right:12px}.cc-page{width:min(94%,1440px);padding:24px 0 60px}.workspace-welcome,.page-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.workspace-welcome h2,.page-intro h2{margin:2px 0 5px;font-size:clamp(1.35rem,2vw,1.8rem)}.workspace-welcome p,.page-intro p{margin:0;color:var(--muted)}
.workspace-canvas{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.workspace-object{position:relative;min-height:128px;border-radius:17px;text-decoration:none;transition:transform .14s,border-color .14s,box-shadow .14s}.workspace-object.size-small{grid-column:span 3}.workspace-object.size-medium{grid-column:span 4}.workspace-object.size-large{grid-column:span 6}.workspace-object.size-full{grid-column:1/-1}.widget-tile{grid-column:span 6;background:#fff;border:1px solid #ccd7e0;padding:22px;display:grid;grid-template-columns:54px 1fr auto;gap:16px;align-items:center;box-shadow:0 7px 22px rgba(23,48,72,.07);color:var(--text)}.widget-tile:hover{transform:translateY(-2px);border-color:#7e9fbd;box-shadow:0 12px 26px rgba(23,48,72,.12)}.widget-icon{width:54px;height:54px;border-radius:15px;background:#e5eef6;color:var(--blue);display:grid;place-items:center;font-size:1.45rem;font-weight:900}.widget-question{display:block;font-size:.78rem;color:var(--muted);font-weight:800}.widget-value{display:block;font-size:1.25rem;margin:4px 0}.widget-tile p{margin:0;color:var(--muted);font-size:.82rem}.object-arrow{font-size:1.5rem;color:var(--blue)}
.navigation-card{grid-column:span 4;min-height:112px;background:#244f7c;border:1px solid #244f7c;color:#fff;padding:20px;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:14px;box-shadow:0 8px 20px rgba(20,58,96,.16)}.navigation-card:hover{transform:translateY(-2px);background:#183a63;box-shadow:0 12px 28px rgba(20,58,96,.24)}.card-icon{width:48px;height:48px;border-radius:14px;background:rgba(255,255,255,.14);display:grid;place-items:center;font-size:1.35rem}.navigation-card strong,.navigation-card small{display:block}.navigation-card strong{font-size:1.1rem}.navigation-card small{margin-top:4px;color:#dbe7f1}.navigation-card b{font-size:1.4rem}
.object-edit-tools{display:none;position:absolute;right:8px;top:8px;z-index:3;gap:5px}.object-edit-tools button{border:1px solid #b8c7d4;background:#fff;color:#183a63;border-radius:8px;padding:6px 8px;font-size:.72rem;font-weight:800;cursor:pointer}.object-edit-tools button:disabled{opacity:.35;cursor:not-allowed}.page-customizing .workspace-object{outline:2px dashed #7894ad;outline-offset:2px;cursor:grab}.page-customizing .workspace-object:active{cursor:grabbing}.page-customizing .object-edit-tools{display:flex}.page-customizing .workspace-object{padding-top:48px}.customize-bar{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:70;width:min(92%,920px);background:#102f50;color:white;border-radius:15px;padding:12px 14px;display:flex;align-items:center;gap:12px;box-shadow:0 15px 40px rgba(10,30,50,.28)}.customize-bar[hidden]{display:none}.customize-bar span{color:#cbd9e5;font-size:.78rem;flex:1}
.component-library{width:min(760px,94vw);border:0;border-radius:20px;padding:0;box-shadow:0 24px 70px rgba(10,30,50,.3)}.component-library::backdrop{background:rgba(10,26,42,.54)}.library-header,.library-footer{padding:20px 22px;display:flex;align-items:center;justify-content:space-between}.library-header{border-bottom:1px solid var(--line)}.library-header h2{margin:3px 0}.library-header>button{border:0;background:none;font-size:1.6rem}.library-footer{border-top:1px solid var(--line);justify-content:flex-end}.library-tabs{display:flex;padding:12px 22px 0;gap:6px}.library-tabs button{border:0;background:#eef2f5;padding:9px 15px;border-radius:10px;font-weight:800}.library-tabs button.active{background:var(--blue);color:#fff}.component-library>section{padding:14px 22px 22px;max-height:58vh;overflow:auto}.component-library h3{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:18px 0 8px}.library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.library-item{border:1px solid var(--line);background:#fff;border-radius:13px;padding:14px;text-align:left;display:grid;grid-template-columns:40px 1fr;column-gap:10px;cursor:pointer}.library-item>span{grid-row:1/3;width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:#e8eff5;color:var(--blue)}.library-item small{color:var(--muted);margin-top:3px}.card-library-item{background:#f3f7fa}.library-item:hover{border-color:var(--blue2);box-shadow:0 5px 14px rgba(20,50,75,.08)}
.permission-layout{display:grid;grid-template-columns:260px 1fr;gap:18px}.permission-sidebar,.permission-content,.permission-group{background:#fff;border:1px solid var(--line);border-radius:15px}.permission-sidebar{padding:12px;height:max-content;position:sticky;top:84px}.permission-sidebar h3{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:8px 10px;margin:6px 0}.permission-sidebar a{display:block;padding:9px 10px;border-radius:9px;font-weight:700}.permission-sidebar a:hover{background:var(--mist)}.permission-sidebar small{display:block;color:var(--muted);font-weight:400}.permission-content{padding:22px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.section-heading h2{margin:2px 0}.section-heading p{margin:3px 0;color:var(--muted)}.permission-group{padding:12px 16px;margin:14px 0}.permission-group legend{font-weight:900;padding:0 8px;color:var(--blue)}.permission-row{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;padding:10px 4px;border-bottom:1px solid #edf1f4}.permission-row:last-child{border-bottom:0}.permission-row small{display:block;color:var(--muted);margin-top:2px}.permission-row code{font-size:.72rem;color:#657687}.permission-override{grid-template-columns:1fr auto auto auto}.button-link{display:inline-flex;align-items:center;text-decoration:none}
@media(max-width:900px){.workspace-object.size-small,.workspace-object.size-medium,.workspace-object.size-large,.widget-tile,.navigation-card{grid-column:span 6}.permission-layout{grid-template-columns:1fr}.permission-sidebar{position:static;display:grid;grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.cc-shell{padding-top:5px}.cc-hero.compact-hero{width:calc(100% - 10px);border-radius:11px}.cc-page{width:calc(100% - 24px);padding-top:16px}.workspace-welcome,.page-intro{align-items:flex-start}.workspace-canvas{grid-template-columns:1fr}.workspace-object.size-small,.workspace-object.size-medium,.workspace-object.size-large,.widget-tile,.navigation-card{grid-column:1}.widget-tile{grid-template-columns:46px 1fr auto;padding:17px;min-height:112px}.widget-icon{width:46px;height:46px}.navigation-card{padding:16px;min-height:94px}.customize-bar{bottom:8px;flex-wrap:wrap}.customize-bar span{flex-basis:100%;order:4}.library-grid{grid-template-columns:1fr}.permission-sidebar{grid-template-columns:1fr}.permission-content{padding:14px}.permission-row{grid-template-columns:24px 1fr}.permission-row code{grid-column:2}.permission-override{grid-template-columns:1fr 1fr}.permission-override>span{grid-column:1/-1}}

/* =========================================================
   Coach Concepts OS v3.1 — UI surfaces
   Workspace remains underneath; popups and panels are temporary.
   ========================================================= */
.cc-ui-open{overflow:hidden}.cc-ui-host[hidden]{display:none}.cc-ui-host{position:fixed;inset:0;z-index:200}.cc-ui-backdrop{position:absolute;inset:0;background:rgba(13,31,49,.48);backdrop-filter:blur(2px)}.cc-popup-surface,.cc-panel-surface{position:absolute;background:#fff;box-shadow:0 24px 70px rgba(10,28,46,.28);overflow:auto}.cc-popup-surface{inset:5vh 5vw;border-radius:20px;max-width:1500px;margin:auto}.cc-popup-surface.size-small{width:min(520px,calc(100vw - 28px));height:auto;max-height:85vh;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.cc-popup-surface.size-medium{width:min(900px,calc(100vw - 28px));height:min(82vh,820px);inset:50% auto auto 50%;transform:translate(-50%,-50%)}.cc-popup-surface.size-full{inset:3vh 3vw}.cc-panel-surface{right:0;top:0;bottom:0;width:min(620px,92vw);border-radius:20px 0 0 20px;animation:ccPanelIn .18s ease-out}.cc-ui-loading,.cc-ui-error{display:grid;place-items:center;padding:40px}.cc-spinner{width:34px;height:34px;border:4px solid #d8e1e8;border-top-color:var(--blue);border-radius:50%;animation:ccSpin .8s linear infinite}.cc-ui-close{border:0;background:#edf2f6;border-radius:10px;width:40px;height:40px;font-size:1.6rem;cursor:pointer}.cc-surface-header{position:sticky;top:0;z-index:5;background:#fff;border-bottom:1px solid var(--line);padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px}.cc-surface-header h2{margin:2px 0 0}.cc-surface-body{padding:22px}.cc-surface-footer{position:sticky;bottom:0;background:#fff;border-top:1px solid var(--line);padding:14px 22px;display:flex;justify-content:flex-end;gap:10px}@keyframes ccSpin{to{transform:rotate(360deg)}}@keyframes ccPanelIn{from{transform:translateX(30px);opacity:.5}to{transform:none;opacity:1}}
.workspace-section{margin-top:24px}.workspace-section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:12px}.workspace-section-heading h2{margin:0}.workspace-section-heading p{margin:4px 0 0;color:var(--muted)}.widget-tile.status-warning{border-color:#e9b949;background:#fffaf0}.widget-tile.status-danger{border-color:#e28b86;background:#fff6f5}.widget-tile.status-success{border-color:#86c99e;background:#f5fbf7}.widget-tile button.widget-action{all:unset;cursor:pointer;display:contents}.content-card{background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:0 7px 22px rgba(23,48,72,.06);overflow:hidden}.content-toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line)}.content-placeholder{padding:50px 22px;text-align:center;color:var(--muted)}
@media(max-width:680px){.cc-popup-surface,.cc-popup-surface.size-full{inset:8px;border-radius:16px}.cc-popup-surface.size-medium,.cc-popup-surface.size-small{width:calc(100vw - 16px);height:calc(100vh - 16px);max-height:none;inset:8px;transform:none}.cc-panel-surface{width:calc(100vw - 8px)}.cc-surface-header,.cc-surface-body{padding:15px}}

/* v3.1.1 compact workspace and standard records */
.compact-hero{padding:12px clamp(14px,3vw,38px);min-height:72px}.compact-hero .breadcrumbs{margin-bottom:2px}.compact-hero h1{font-size:clamp(1.25rem,2vw,1.85rem)}.hero-user-compact{padding:0 8px;border-left:1px solid rgba(255,255,255,.18)}.hero-user-avatar{width:42px;height:42px;border-radius:50%;display:grid!important;place-items:center;background:rgba(255,255,255,.18);font-weight:900;color:#fff!important;margin:0!important}.cc-page{padding-top:22px}.workspace-canvas-top{margin-top:0}.workspace-placeholder{margin-top:20px}.button-link{display:inline-flex;align-items:center;justify-content:center}.empty-icon{display:block;font-size:2rem;margin-bottom:8px}.missing-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.missing-columns h3{display:flex;align-items:center;justify-content:space-between}.count-badge{background:var(--mist);border-radius:999px;padding:4px 9px;font-size:.8rem}.missing-person{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid var(--line)}.missing-person small{display:block;color:var(--muted);margin-top:3px}.missing-person b{white-space:nowrap}.empty-state.compact{padding:18px}.time-summary{text-align:center;padding:40px}.time-summary strong{font-size:2rem}.list-toolbar{margin-bottom:18px}.filter-bar{display:grid;grid-template-columns:minmax(260px,2fr) 1fr 1fr auto;gap:14px;align-items:end;padding:16px}.filter-bar label{display:flex;flex-direction:column;gap:6px}.filter-bar label>span{font-size:.75rem;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.filter-bar input,.filter-bar select{height:44px;border:1px solid var(--line);border-radius:10px;padding:0 12px;background:#fff}.filter-actions{display:flex;gap:8px}.primary,.secondary{border:0;border-radius:10px;padding:11px 16px;font-weight:800;cursor:pointer}.primary{background:var(--blue);color:#fff}.secondary{background:var(--mist);color:var(--blue)}.staff-table{display:block}.staff-row{display:grid;grid-template-columns:minmax(230px,1.5fr) 1fr .8fr .7fr minmax(180px,1.2fr) 30px;gap:16px;align-items:center;padding:13px 16px;border-top:1px solid var(--line)}.staff-row:not(.staff-row-head):hover{background:#f7f9fb}.staff-row-head{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:800;background:#f8fafc}.staff-name-cell{display:flex;align-items:center;gap:12px}.staff-list-avatar{width:40px;height:40px;border-radius:12px;background:var(--mist);display:grid;place-items:center;font-style:normal;font-weight:900;color:var(--blue)}.staff-name-cell small{display:block;color:var(--muted);margin-top:3px}.status-pill{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:.76rem;font-style:normal;font-weight:800;background:#edf1f5;color:var(--slate)}.status-pill.status-active{background:#e4f5eb;color:#176b45}.staff-profile-card{display:flex;justify-content:space-between;align-items:center;padding:22px;margin-bottom:16px}.staff-profile-main{display:flex;align-items:center;gap:18px}.staff-profile-avatar{width:74px;height:74px;border-radius:20px;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:1.4rem;font-weight:900}.staff-profile-card h2{margin:0 0 4px;font-size:1.7rem}.staff-profile-card p{margin:0;color:var(--muted)}.staff-profile-status{display:flex;align-items:center;gap:12px}.detail-tabs{display:flex;gap:6px;overflow:auto;margin-bottom:16px}.detail-tabs button{border:0;background:#e9eef3;color:var(--slate);border-radius:10px;padding:10px 14px;font-weight:800;white-space:nowrap}.detail-tabs button.active{background:var(--blue);color:#fff}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px}.detail-panel{min-height:320px}.section-header{padding:20px;border-bottom:1px solid var(--line)}.section-header h3{margin:0}.details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0}.details-grid>div{padding:18px 20px;border-bottom:1px solid var(--line)}.details-grid dt,.staff-glance dt{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:800}.details-grid dd,.staff-glance dd{margin:6px 0 0;font-weight:700}.staff-glance{padding:20px;align-self:start}.staff-glance dl{margin:10px 0 0}.staff-glance dl>div{padding:12px 0;border-bottom:1px solid var(--line)}
.calendar-popup-body{height:calc(94vh - 76px);display:flex;flex-direction:column;overflow:hidden}.calendar-popup-body .calendar-toolbar{flex:0 0 auto;margin:0 0 8px}.calendar-popup-body .calendar-legend{flex:0 0 auto}.calendar-popup-body .calendar-grid{flex:1;min-height:0;grid-template-rows:auto repeat(6,minmax(0,1fr))}.calendar-popup-body .calendar-day{min-height:0;overflow:hidden;padding:5px}.calendar-popup-body .calendar-event{font-size:.72rem;padding:2px 4px;margin:2px 0}
@media(max-width:900px){.filter-bar{grid-template-columns:1fr 1fr}.search-field{grid-column:1/-1}.staff-row{grid-template-columns:minmax(200px,1.5fr) 1fr .8fr 30px}.staff-row>span:nth-child(3),.staff-row>span:nth-child(5){display:none}.detail-layout{grid-template-columns:1fr}.staff-glance{order:-1}.missing-columns{grid-template-columns:1fr}}
@media(max-width:680px){.compact-hero{padding:9px 10px;min-height:60px}.compact-hero .hero-action{min-width:44px;height:44px;padding:5px}.compact-hero .hero-action small{display:none}.compact-hero .hero-user{display:none}.breadcrumbs{font-size:.68rem}.cc-page{padding:14px 10px}.filter-bar{grid-template-columns:1fr}.search-field{grid-column:auto}.filter-actions{width:100%}.filter-actions>*{flex:1}.staff-row-head{display:none}.staff-row{grid-template-columns:1fr auto;padding:14px}.staff-row>span:not(.staff-name-cell){display:none}.staff-profile-card{align-items:flex-start;gap:16px}.staff-profile-status{flex-direction:column;align-items:flex-end}.staff-profile-avatar{width:58px;height:58px;border-radius:16px}.details-grid{grid-template-columns:1fr}.calendar-popup-body{height:calc(100vh - 80px)}}

/* v3.2 foundation attendance controls */
.popup-toggle{display:inline-flex;gap:6px;padding:5px;background:var(--mist);border-radius:12px;margin-bottom:16px}.popup-toggle button{border:0;background:transparent;border-radius:9px;padding:9px 16px;font-weight:800;color:var(--slate);cursor:pointer}.popup-toggle button.active{background:var(--blue);color:#fff}.section-header.compact{padding:10px 0 14px}.missing-list{border-top:1px solid var(--line)}

/* =========================================================
   Staff reference module
   ========================================================= */

.staff-page-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 18px;
}

.staff-page-heading h2 {
  margin: 0;
  font-size: clamp(1.6rem, 3vw, 2.2rem);
}

.staff-page-heading p {
  margin: 6px 0 0;
  color: var(--muted);
}

.staff-filter-bar {
  display: grid;
  grid-template-columns:
    minmax(260px, 2fr)
    minmax(150px, 0.8fr)
    minmax(180px, 1fr)
    minmax(150px, 0.8fr)
    auto;
  align-items: end;
  gap: 14px;
  padding: 16px;
}

.staff-filter-bar label {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.staff-filter-bar label > span {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.staff-filter-bar input,
.staff-filter-bar select {
  width: 100%;
  height: 44px;
  padding: 0 12px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #fff;
  color: var(--text);
}

.staff-filter-bar input:focus,
.staff-filter-bar select:focus {
  outline: 3px solid rgba(36, 87, 134, 0.12);
  border-color: var(--blue2);
}

.staff-directory {
  display: block;
}

.staff-directory-row {
  display: grid;
  grid-template-columns:
    minmax(260px, 1.6fr)
    minmax(150px, 1fr)
    minmax(120px, 0.75fr)
    minmax(100px, 0.65fr)
    minmax(120px, 0.75fr)
    minmax(120px, 0.75fr)
    28px;
  gap: 15px;
  align-items: center;
  min-height: 70px;
  padding: 12px 16px;
  border-top: 1px solid var(--line);
  transition:
    background 0.15s ease,
    transform 0.15s ease;
}

.staff-directory-row:not(.staff-directory-header):hover {
  position: relative;
  z-index: 1;
  background: #f7f9fb;
  transform: translateX(2px);
}

.staff-directory-header {
  min-height: auto;
  padding-top: 11px;
  padding-bottom: 11px;
  background: #f8fafc;
  color: var(--muted);
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.staff-directory-person {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.staff-directory-person > span {
  min-width: 0;
}

.staff-directory-person strong,
.staff-directory-person small {
  display: block;
}

.staff-directory-person strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.staff-directory-person small {
  overflow: hidden;
  margin-top: 4px;
  color: var(--muted);
  font-size: 0.77rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.staff-directory-arrow {
  color: var(--blue2);
  font-size: 1.2rem;
  text-align: right;
}

.feature-indicator {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 9px;
  border-radius: 999px;
  background: #edf1f5;
  color: var(--slate);
  font-size: 0.72rem;
  font-weight: 800;
  white-space: nowrap;
}

.feature-indicator::before {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #9ba8b5;
  content: "";
}

.feature-indicator.enabled {
  background: #e4f5eb;
  color: #176b45;
}

.feature-indicator.enabled::before {
  background: #26865b;
}

.staff-back-row {
  margin-bottom: 10px;
}

.staff-back-link {
  display: inline-flex;
  align-items: center;
  color: var(--blue2);
  font-size: 0.85rem;
  font-weight: 800;
}

.staff-profile-identity {
  min-width: 0;
}

.staff-profile-identity h2 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.staff-profile-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 12px;
}

.staff-profile-actions {
  display: flex;
  align-items: center;
  gap: 9px;
}

.staff-profile-actions button:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

.staff-detail-tabs {
  display: flex;
  gap: 7px;
  overflow-x: auto;
  margin-bottom: 17px;
  padding-bottom: 2px;
}

.staff-detail-tabs a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 10px 15px;
  border-radius: 11px;
  background: #e9eef3;
  color: var(--slate);
  font-size: 0.83rem;
  font-weight: 800;
  white-space: nowrap;
}

.staff-detail-tabs a:hover {
  background: #dfe7ee;
}

.staff-detail-tabs a.active {
  background: var(--blue);
  color: #fff;
}

.staff-detail-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 310px;
  gap: 18px;
  align-items: start;
}

.staff-detail-main {
  display: grid;
  min-width: 0;
  gap: 18px;
}

.staff-section-card {
  min-width: 0;
}

.staff-section-card .section-header p {
  margin: 6px 0 0;
  color: var(--muted);
}

.detail-wide {
  grid-column: 1 / -1;
}

.staff-balance-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.staff-balance-grid > div {
  padding: 24px 20px;
  border-right: 1px solid var(--line);
  text-align: center;
}

.staff-balance-grid > div:last-child {
  border-right: 0;
}

.staff-balance-grid span,
.staff-balance-grid small {
  display: block;
  color: var(--muted);
}

.staff-balance-grid span {
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.staff-balance-grid strong {
  display: block;
  margin: 8px 0 2px;
  color: var(--blue);
  font-size: 1.65rem;
}

.staff-section-header-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.staff-section-total {
  flex: 0 0 auto;
  min-width: 120px;
  padding: 12px 16px;
  border-radius: 13px;
  background: var(--mist);
  text-align: right;
}

.staff-section-total span,
.staff-section-total small,
.staff-section-total strong {
  display: block;
}

.staff-section-total span,
.staff-section-total small {
  color: var(--muted);
  font-size: 0.68rem;
  font-weight: 800;
  text-transform: uppercase;
}

.staff-section-total strong {
  margin: 2px 0;
  color: var(--blue);
  font-size: 1.45rem;
}

.responsive-table-wrap {
  width: 100%;
  overflow-x: auto;
}

.staff-history-table {
  width: 100%;
  min-width: 820px;
  border-collapse: collapse;
}

.staff-history-table th,
.staff-history-table td {
  padding: 13px 15px;
  border-bottom: 1px solid var(--line);
  text-align: left;
  vertical-align: middle;
}

.staff-history-table th {
  background: #f8fafc;
  color: var(--muted);
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.staff-history-table tbody tr:hover {
  background: #f8fafc;
}

.number-cell {
  text-align: right !important;
  white-space: nowrap;
}

.pay-total-cell {
  color: var(--blue);
}

.time-code-pill {
  display: inline-flex;
  padding: 4px 8px;
  border-radius: 7px;
  background: var(--mist);
  color: var(--blue);
  font-size: 0.74rem;
  font-weight: 800;
}

.companion-summary-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.companion-status-card .section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}

.large-state-badge {
  display: inline-flex;
  padding: 7px 11px;
  border-radius: 999px;
  background: #edf1f5;
  color: var(--slate);
  font-size: 0.75rem;
  font-weight: 900;
  white-space: nowrap;
}

.large-state-badge.enabled {
  background: #e4f5eb;
  color: #176b45;
}

.companion-detail-list {
  margin: 0;
}

.companion-detail-list > div {
  display: grid;
  grid-template-columns: minmax(130px, 0.8fr) minmax(0, 1fr);
  gap: 18px;
  padding: 15px 20px;
  border-bottom: 1px solid var(--line);
}

.companion-detail-list > div:last-child {
  border-bottom: 0;
}

.companion-detail-list dt {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.companion-detail-list dd {
  margin: 0;
  font-weight: 700;
  overflow-wrap: anywhere;
}

.companion-bio {
  min-height: 120px;
  padding: 20px;
}

.companion-bio > p {
  margin: 0;
  line-height: 1.65;
  white-space: pre-line;
}

@media (max-width: 1180px) {
  .staff-filter-bar {
    grid-template-columns:
      minmax(240px, 2fr)
      1fr
      1fr;
  }

  .staff-filter-bar .search-field {
    grid-column: span 2;
  }

  .staff-directory-row {
    grid-template-columns:
      minmax(230px, 1.5fr)
      minmax(150px, 1fr)
      minmax(110px, 0.7fr)
      minmax(100px, 0.65fr)
      28px;
  }

  .staff-directory-row > span:nth-child(5),
  .staff-directory-row > span:nth-child(6) {
    display: none;
  }
}

@media (max-width: 900px) {
  .staff-filter-bar {
    grid-template-columns: 1fr 1fr;
  }

  .staff-filter-bar .search-field {
    grid-column: 1 / -1;
  }

  .staff-detail-layout {
    grid-template-columns: 1fr;
  }

  .staff-glance {
    order: -1;
  }

  .companion-summary-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  .staff-page-heading {
    align-items: stretch;
    flex-direction: column;
  }

  .staff-filter-bar {
    grid-template-columns: 1fr;
  }

  .staff-filter-bar .search-field {
    grid-column: auto;
  }

  .staff-directory-header {
    display: none;
  }

  .staff-directory-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    padding: 15px;
  }

  .staff-directory-person {
    grid-column: 1;
  }

  .staff-directory-arrow {
    grid-column: 2;
    grid-row: 1;
    align-self: center;
  }

  .staff-directory-row .staff-mobile-field {
    display: none;
  }

  .staff-profile-card {
    flex-direction: column;
  }

  .staff-profile-main {
    align-items: flex-start;
    width: 100%;
  }

  .staff-profile-identity h2 {
    white-space: normal;
  }

  .staff-profile-actions {
    width: 100%;
  }

  .staff-profile-actions > * {
    flex: 1;
  }

  .staff-detail-tabs a {
    flex: 0 0 auto;
  }

  .staff-balance-grid {
    grid-template-columns: 1fr;
  }

  .staff-balance-grid > div {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .staff-balance-grid > div:last-child {
    border-bottom: 0;
  }

  .staff-section-header-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .staff-section-total {
    width: 100%;
    text-align: left;
  }

  .companion-detail-list > div {
    grid-template-columns: 1fr;
    gap: 5px;
  }
}
/* Employee record completion */
.staff-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.staff-summary-tile{padding:18px}.staff-summary-tile span,.staff-summary-tile small{display:block;color:var(--muted)}.staff-summary-tile strong{display:block;font-size:1.5rem;margin:6px 0}.detail-wide{grid-column:1/-1}.permission-chip{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;background:var(--mist);color:var(--blue);font-size:.72rem;font-weight:900;text-transform:capitalize}.staff-timeline{padding:8px 20px 20px}.staff-timeline article{position:relative;display:grid;grid-template-columns:18px 1fr;gap:10px;padding:15px 0;border-bottom:1px solid var(--line)}.timeline-marker{width:10px;height:10px;border-radius:50%;background:var(--blue);margin-top:5px}.staff-timeline p{margin:5px 0}.staff-timeline small,.staff-note-list small{color:var(--muted)}.staff-note-list{display:grid;gap:12px;padding:18px}.staff-note-list article{border:1px solid var(--line);border-radius:12px;padding:16px}.staff-note-list h4,.staff-note-list p{margin:8px 0}.staff-note-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.section-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.section-header p{margin:5px 0 0;color:var(--muted)}
@media(max-width:900px){.staff-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.staff-summary-grid{grid-template-columns:1fr}.staff-profile-actions{display:flex;gap:8px}.staff-detail-tabs{padding-bottom:4px}.section-header{align-items:flex-start}.responsive-table-wrap{overflow-x:auto}}

/* =========================================================
   STAFF INLINE EDIT MODE
   ========================================================= */
.record-alert {
  margin: 0 0 14px;
  padding: 11px 14px;
  border-radius: 10px;
  border: 1px solid #cbd5e1;
  background: #f8fafc;
  font-weight: 700;
}
.record-alert.success { border-color: #86efac; background: #f0fdf4; color: #166534; }
.record-alert.error { border-color: #fca5a5; background: #fef2f2; color: #991b1b; }
.record-alert.info { border-color: #93c5fd; background: #eff6ff; color: #1e40af; }
.staff-edit-form { display: grid; gap: 14px; }
.edit-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 18px;
}
.edit-grid.single-column { grid-template-columns: 1fr; }
.edit-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 9px;
  border: 1px solid transparent;
  border-radius: 10px;
  transition: border-color .16s ease, background .16s ease;
}
.edit-field > span {
  color: #53657a;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.edit-field input,
.edit-field textarea,
.edit-field select {
  width: 100%;
  min-height: 40px;
  padding: 9px 11px;
  border: 1px solid #b8c5d4;
  border-radius: 8px;
  background: #fff;
  color: #172033;
  font: inherit;
  box-sizing: border-box;
}
.edit-field textarea { min-height: 130px; resize: vertical; }
.edit-field input:focus,
.edit-field textarea:focus,
.edit-field select:focus {
  outline: 2px solid rgba(33, 87, 143, .18);
  border-color: #21578f;
}
.edit-field.is-changed {
  border-color: #f1c75b;
  background: #fffbea;
}
.edit-wide { grid-column: 1 / -1; }
.edit-checkbox {
  min-height: 62px;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.edit-checkbox input[type="checkbox"] { width: 22px; min-height: 22px; }
@media (max-width: 760px) {
  .edit-grid { grid-template-columns: 1fr; }
  .edit-wide { grid-column: auto; }
  .staff-profile-actions { flex-wrap: wrap; }
}

/* Employee record specialised editors */
.staff-editor-grid,.staff-record-list{display:grid;gap:14px}.staff-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-editor-card{padding-bottom:16px}.staff-inline-create{padding:18px;border-bottom:1px solid var(--line);background:#f8fafc}.staff-record-list{padding:18px}.staff-record-editor{border:1px solid var(--line);border-radius:12px;padding:16px;background:#fff}.staff-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.danger-button{border:1px solid #fecaca;background:#fff;color:#991b1b;border-radius:8px;padding:9px 12px;font-weight:800;cursor:pointer}.record-display-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.record-display-grid span{display:block;color:var(--muted);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.record-display-grid strong{display:block;margin-top:4px}.permission-select{min-width:145px;padding:7px;border:1px solid #b8c5d4;border-radius:7px;background:#fff}@media(max-width:900px){.staff-editor-grid{grid-template-columns:1fr}.record-display-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.record-display-grid{grid-template-columns:1fr}.staff-form-actions{justify-content:stretch}.staff-form-actions>*{flex:1}}

/* Workforce PIN change */
.pin-change-panel{max-width:680px}.pin-change-form{display:grid;gap:18px;margin-top:24px}.pin-change-form label{display:grid;gap:7px;font-weight:700}.pin-change-form input{font-size:1.5rem;letter-spacing:.35em;text-align:center;padding:14px;border:1px solid #c8d4df;border-radius:10px}.pin-change-note{margin:0;color:#617184}.staff-pin-reset-form{margin-top:14px;display:flex;justify-content:flex-end}

/* v0.4 workspace component rules: Hero -> Widgets -> Cards */
.workspace-widget-section{margin-top:0}
.workspace-card-section{margin-top:32px;padding-top:24px;border-top:1px solid var(--line)}
.workspace-section-heading .eyebrow{margin:0 0 3px}
.widget-inline-action{margin-top:14px}
.widget-action-button{border:0;border-radius:10px;padding:10px 16px;font-weight:900;cursor:pointer;background:var(--blue);color:#fff}
.widget-tile[role="button"],.widget-tile[role="link"]{cursor:pointer}
.widget-tile{border-left-width:5px}
.widget-tile.component-tone-blue{border-left-color:#2d6da3}.widget-tile.component-tone-blue .widget-icon{background:#e6f0f8;color:#245d8b}
.widget-tile.component-tone-teal{border-left-color:#178a8a}.widget-tile.component-tone-teal .widget-icon{background:#e2f5f4;color:#126c6c}
.widget-tile.component-tone-green{border-left-color:#2f945e}.widget-tile.component-tone-green .widget-icon{background:#e5f5eb;color:#247448}
.widget-tile.component-tone-amber{border-left-color:#d59624}.widget-tile.component-tone-amber .widget-icon{background:#fff2d8;color:#9a6810}
.widget-tile.component-tone-red{border-left-color:#c6534f}.widget-tile.component-tone-red .widget-icon{background:#fae9e8;color:#963d39}
.widget-tile.component-tone-purple{border-left-color:#7155a5}.widget-tile.component-tone-purple .widget-icon{background:#eee9f8;color:#594083}
.navigation-card.component-tone-blue{background:#244f7c;border-color:#244f7c}.navigation-card.component-tone-blue:hover{background:#183a63}
.navigation-card.component-tone-teal{background:#157777;border-color:#157777}.navigation-card.component-tone-teal:hover{background:#0e5d5d}
.navigation-card.component-tone-green{background:#2d7d51;border-color:#2d7d51}.navigation-card.component-tone-green:hover{background:#20623e}
.navigation-card.component-tone-amber{background:#a86f13;border-color:#a86f13}.navigation-card.component-tone-amber:hover{background:#84560d}
.navigation-card.component-tone-red{background:#9e4743;border-color:#9e4743}.navigation-card.component-tone-red:hover{background:#7b3532}
.navigation-card.component-tone-purple{background:#654d91;border-color:#654d91}.navigation-card.component-tone-purple:hover{background:#4f3b73}
.library-item.component-tone-blue{border-left:4px solid #2d6da3}.library-item.component-tone-teal{border-left:4px solid #178a8a}.library-item.component-tone-green{border-left:4px solid #2f945e}.library-item.component-tone-amber{border-left:4px solid #d59624}.library-item.component-tone-red{border-left:4px solid #c6534f}.library-item.component-tone-purple{border-left:4px solid #7155a5}
.entry-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.entry-form label{display:flex;flex-direction:column;gap:7px;font-weight:800}.entry-form input,.entry-form select,.entry-form textarea{border:1px solid var(--line);border-radius:10px;padding:11px 12px;background:#fff}.entry-form .full-width{grid-column:1/-1}.notice.success{background:#e5f5eb;color:#247448;border:1px solid #94c9a8;border-radius:12px;padding:14px 16px;margin-bottom:16px}
@media(max-width:680px){.entry-form{grid-template-columns:1fr}.entry-form .full-width{grid-column:1}}

/* =========================================================
   v0.5 Stable Workforce - Staff self service
   ========================================================= */
.self-profile-card{margin-bottom:18px}.self-details-form{display:grid;gap:18px}.self-details-form .staff-section-card{margin:0}.self-edit-grid{padding:20px}.edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.edit-field{display:flex;flex-direction:column;gap:7px}.edit-field>span{font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.edit-field input,.edit-field select,.edit-field textarea{width:100%;min-height:44px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:10px 12px;color:var(--text)}.edit-field input:focus,.edit-field select:focus,.edit-field textarea:focus{outline:3px solid rgba(36,87,134,.12);border-color:var(--blue2)}.edit-field-wide,.detail-wide{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:10px}.sticky-form-actions{position:sticky;bottom:12px;z-index:20;padding:12px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.96);box-shadow:var(--shadow)}.success-alert{border-color:#aad7bd;background:#e9f7ef;color:#176b45}@media(max-width:680px){.edit-grid{grid-template-columns:1fr}.edit-field-wide,.detail-wide{grid-column:auto}.sticky-form-actions>*{flex:1}}
.permission-section-nav{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 18px}.permission-section-nav a{display:inline-flex;align-items:center;min-height:38px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--blue);font-weight:800;text-decoration:none}.permission-section-nav a:hover{background:var(--soft)}.table-card .section-header{padding:18px 18px 10px}.table-card+.table-card{margin-top:18px}

/* =========================================================
   Production schedule and job tracking — v0.7
   ========================================================= */
.production-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px}.production-heading h2{margin:0;font-size:clamp(1.7rem,3vw,2.35rem)}.production-heading p{margin:6px 0 0;color:var(--muted);max-width:880px}.heading-actions{display:flex;gap:8px}.schedule-filter-card{margin-bottom:18px}.production-filter-bar{display:grid;grid-template-columns:120px minmax(240px,2fr) minmax(170px,1fr) minmax(150px,.8fr) auto;gap:12px;align-items:end;padding:16px}.production-filter-bar label{display:flex;flex-direction:column;gap:6px}.production-filter-bar label>span,.form-card label>span{font-size:.72rem;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.production-filter-bar input,.production-filter-bar select,.form-card input,.form-card select,.form-card textarea,.hold-list form input{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff}.production-filter-bar input,.production-filter-bar select{height:44px}.production-filter-bar .filter-actions{display:flex;gap:8px}.production-table-card{overflow:hidden}.production-table-wrap{overflow:auto}.production-table{width:100%;min-width:1260px;border-collapse:collapse}.production-table th{padding:12px;background:#f7f9fb;color:var(--muted);font-size:.69rem;letter-spacing:.06em;text-align:left;text-transform:uppercase}.production-table td{padding:13px 12px;border-top:1px solid var(--line);vertical-align:top;font-size:.84rem}.production-table tr:hover td{background:#f9fbfd}.production-table tr.vehicle-bus td:first-child{box-shadow:inset 4px 0 #dfb632}.production-table td small{display:block;margin-top:4px;color:var(--muted);max-width:190px}.job-number{color:var(--blue2);font-size:1rem;font-weight:900}.stage-pill,.exception-pill,.customer-safe{display:inline-flex;padding:5px 9px;border-radius:999px;background:#e7eef5;color:var(--blue);font-size:.72rem;font-weight:800}.exception-pill.hold{background:#fff0dc;color:#965b08}.exception-pill.late{background:#fde7e7;color:#982c2c}.exception-pill.clear{background:#e4f5eb;color:#176b45}.late-text{color:var(--red)!important}.empty-cell{text-align:center;color:var(--muted);padding:35px!important}.job-card-grid{display:grid;grid-template-columns:repeat(3,minmax(280px,1fr));gap:16px}.production-job-card{display:block;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:0 5px 20px rgba(20,45,70,.06);transition:.15s}.production-job-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--blue2)}.production-job-card.has-hold{border-left:5px solid var(--orange)}.production-job-card.is-late{border-left:5px solid var(--red)}.production-job-card header,.production-job-card footer,.job-card-meta{display:flex;justify-content:space-between;gap:12px}.production-job-card h3{margin:18px 0 5px}.production-job-card p{margin:0;color:var(--muted)}.progress-track{height:9px;background:var(--mist);border-radius:9px;overflow:hidden;margin:18px 0}.progress-track i{display:block;height:100%;background:var(--blue2)}.job-card-meta span{display:flex;flex-direction:column}.job-card-meta small,.production-job-card footer{color:var(--muted);font-size:.76rem}.production-job-card footer{border-top:1px solid var(--line);padding-top:14px;margin-top:16px;font-weight:700}.save-banner{background:#e4f5eb;color:#176b45;padding:13px 16px;border-radius:12px;margin-bottom:16px;font-weight:800}.job-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.summary-tile{padding:20px}.summary-tile small,.summary-tile strong,.summary-tile span{display:block}.summary-tile strong{font-size:1.45rem;margin:7px 0}.summary-tile span{color:var(--muted);font-size:.79rem}.summary-tile.warning{border-left:5px solid var(--orange)}.planned-timeline{margin-bottom:18px}.timeline-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px;overflow:auto}.timeline-row span{min-width:112px}.timeline-row small,.timeline-row strong{display:block}.timeline-row small{color:var(--muted);font-size:.7rem;text-transform:uppercase}.timeline-row i{color:var(--muted)}.tracking-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.7fr);gap:18px;align-items:start;margin-bottom:18px}.tracking-layout aside{display:grid;gap:18px}.form-card form{display:grid;gap:13px;padding:18px}.form-card label{display:grid;gap:6px}.check-label{grid-template-columns:auto 1fr!important;align-items:center}.check-label input{width:auto!important}.update-list,.hold-list{padding:0 18px 18px}.update-list article,.hold-list article{padding:16px 0;border-top:1px solid var(--line)}.update-list article>div,.hold-list article>div{display:flex;gap:8px;align-items:center}.update-list p,.hold-list p{margin:8px 0}.update-list small,.hold-list small{color:var(--muted)}.hold-list article.resolved{opacity:.65}.hold-list form{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:12px}.customer-safe{background:#e4f5eb;color:#176b45}.workspace-object[href]{cursor:pointer}
@media(max-width:1100px){.production-filter-bar{grid-template-columns:1fr 1fr}.production-filter-bar .wide{grid-column:span 2}.job-card-grid{grid-template-columns:repeat(2,minmax(260px,1fr))}.job-summary-grid{grid-template-columns:repeat(2,1fr)}.tracking-layout{grid-template-columns:1fr}}
@media(max-width:680px){.production-heading{align-items:flex-start;flex-direction:column}.production-filter-bar{grid-template-columns:1fr}.production-filter-bar .wide{grid-column:auto}.production-filter-bar .filter-actions>*{flex:1}.job-card-grid,.job-summary-grid{grid-template-columns:1fr}.timeline-row{align-items:stretch}.timeline-row i{align-self:center}.hold-list form{grid-template-columns:1fr}}

/* Production job workspace */
.job-workspace-nav{display:flex;gap:8px;align-items:center;overflow-x:auto;margin:-2px 0 18px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 4px 15px rgba(20,45,70,.04)}
.job-workspace-nav a{white-space:nowrap;padding:10px 14px;border-radius:10px;color:var(--blue);font-size:.82rem;font-weight:800}
.job-workspace-nav a:hover,.job-workspace-nav a.active{background:var(--blue);color:#fff}
.job-entry-grid{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:16px;margin-bottom:18px}
.job-entry-card{display:block;padding:22px;transition:.15s}
.job-entry-card:hover{transform:translateY(-2px);border-color:var(--blue2);box-shadow:var(--shadow)}
.job-entry-card.primary-entry{border-left:5px solid var(--blue2)}
.job-entry-card h3{margin:7px 0 8px;font-size:1.25rem}.job-entry-card p{margin:0 0 18px;color:var(--muted);line-height:1.5}.job-entry-card strong{color:var(--blue2)}
.entry-kicker{font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}
@media(max-width:760px){.job-entry-grid{grid-template-columns:1fr}.job-workspace-nav{margin-left:-4px;margin-right:-4px}.production-heading{align-items:flex-start;flex-direction:column}.heading-actions{flex-wrap:wrap}}

/* Missing-time review workspace */
.missing-review-surface{max-width:1050px}.missing-review-surface .cc-surface-header p{margin:4px 0 0;color:var(--muted)}.missing-review-list{display:grid;gap:12px}.missing-review-card{border:1px solid var(--line);border-left:5px solid #d54b4b;border-radius:15px;padding:16px;background:#fff;display:grid;grid-template-columns:minmax(220px,1.1fr) minmax(330px,1.5fr);gap:16px;transition:.2s ease}.missing-review-card:has(.review-state.partial){border-left-color:#e2a932}.missing-review-card.is-resolved{opacity:0;transform:translateX(18px)}.missing-review-main{display:flex;gap:12px;align-items:flex-start}.missing-review-main h3{margin:0 0 3px}.missing-review-main p{margin:0;color:var(--muted)}.review-state{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#fde8e8;color:#a92222;font-weight:900}.review-state.partial{background:#fff3d5;color:#8a5d00}.missing-review-facts{display:grid;grid-template-columns:repeat(3,minmax(100px,1fr));gap:10px;grid-column:2}.missing-review-facts span{background:var(--mist);border-radius:10px;padding:9px 11px}.missing-review-facts small{display:block;color:var(--muted);margin-bottom:2px}.missing-review-form{grid-column:1/-1;display:flex;align-items:end;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:12px}.missing-review-form label{display:grid;gap:4px}.missing-review-form input{width:130px}.review-save-message{color:#a92222;font-weight:700}.missing-review-form button:disabled{opacity:.65}.missing-review-surface .empty-state{padding:40px}
@media(max-width:760px){.missing-review-card{grid-template-columns:1fr}.missing-review-facts{grid-column:1;grid-template-columns:1fr 1fr}.missing-review-facts span:last-child{grid-column:1/-1}.missing-review-form{justify-content:stretch;align-items:stretch;flex-direction:column}.missing-review-form input{width:100%}}

/* Job workflow and approval status */
.workflow-strip{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:14px 0;padding:16px 20px}.workflow-strip>div{display:grid;gap:3px;min-width:150px}.workflow-strip small{color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.05em}.workflow-strip span{font-size:.78rem;color:var(--muted)}.workflow-strip i{color:#8da1b3;font-style:normal}.status-success{color:#13723b}.status-warning{color:#9a6500}.status-danger{color:#b42318}.status-muted{color:#6d7f8f}.approval-entry{position:relative}.approval-entry.warning{border-left:4px solid #e2a932}.approval-entry.success{border-left:4px solid #2f9b59}.approval-entry.danger{border-left:4px solid #d54b4b}.approval-entry.muted{border-left:4px solid #9aabb9}.approval-status-line{display:flex;align-items:center;gap:8px;margin:8px 0}.status-dot{width:10px;height:10px;border-radius:50%;background:#9aabb9}.approval-entry.warning .status-dot{background:#e2a932}.approval-entry.success .status-dot{background:#2f9b59}.approval-entry.danger .status-dot{background:#d54b4b}@media(max-width:800px){.workflow-strip{align-items:stretch;flex-direction:column}.workflow-strip i{display:none}}

/* =========================================================
   Stores v1.0 – Purchasing & Parts
   ========================================================= */
.stores-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px}.stores-heading h2{margin:0;font-size:clamp(1.7rem,3vw,2.35rem)}.stores-heading p{margin:6px 0 0;color:var(--muted)}.content-card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 5px 20px rgba(20,45,70,.06)}.stores-widget-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:24px}.stores-widget{min-height:132px;padding:18px;border:1px solid #b8d7c7;border-left:4px solid var(--green);border-radius:16px;background:#f5fbf7;display:flex;flex-direction:column}.stores-widget.warning{border-color:#efd7a7;border-left-color:var(--orange);background:#fffaf0}.stores-widget.danger{border-color:#efb9b9;border-left-color:var(--red);background:#fff6f6}.stores-widget span{font-size:.77rem;font-weight:800;color:var(--slate)}.stores-widget strong{font-size:2rem;margin:12px 0 4px}.stores-widget small{color:var(--muted);margin-top:auto}.stores-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.stores-nav-card{min-height:116px;padding:20px;border-radius:16px;background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;position:relative;box-shadow:0 8px 24px rgba(24,58,99,.15)}.stores-nav-card b,.stores-nav-card span{display:block}.stores-nav-card b{font-size:1.08rem}.stores-nav-card span{margin-top:8px;color:#d7e3ee;font-size:.82rem;max-width:85%}.stores-nav-card i{position:absolute;right:18px;bottom:16px;font-style:normal;font-size:1.3rem}.stores-filter{display:grid;grid-template-columns:minmax(280px,2fr) minmax(150px,1fr) minmax(190px,1fr) auto;gap:12px;align-items:end;padding:16px;margin-bottom:16px}.stores-filter.simple{grid-template-columns:minmax(300px,1fr) auto}.stores-filter label,.po-actions label{display:flex;flex-direction:column;gap:6px}.stores-filter label>span,.po-actions label>span{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.stores-filter input,.stores-filter select,.po-actions input,.po-actions select{height:43px;border:1px solid var(--line);border-radius:10px;padding:0 11px;background:#fff}.stores-filter .wide{min-width:0}.stores-table-wrap{overflow:auto}.stores-table{display:grid;align-items:center;gap:12px;min-height:58px;padding:10px 14px;border-top:1px solid var(--line)}.stores-table:not(.header):hover{background:#f8fafc}.stores-table.header{min-height:42px;background:#f6f8fa;color:var(--muted);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;border-top:0}.stores-table.parts{grid-template-columns:120px minmax(220px,1.7fr) minmax(150px,1fr) 80px 72px 72px 72px 18px}.stores-table.stock{grid-template-columns:115px minmax(220px,1.6fr) minmax(140px,1fr) repeat(5,80px)}.stores-table.bom{grid-template-columns:100px minmax(180px,1.3fr) 120px 70px minmax(150px,1fr)}.stores-table.supplier-parts{grid-template-columns:120px minmax(240px,1fr) 90px 90px 110px}.stores-table.po-items{grid-template-columns:100px minmax(240px,1fr) 60px 70px 80px 90px}.stores-table strong,.stores-table small{display:block}.stores-table small{color:var(--muted);font-size:.7rem;margin-top:3px}.negative{color:var(--red)!important}.stores-summary-grid,.po-review-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px}.stores-summary-grid article,.po-review-summary article{padding:17px;background:#fff;border:1px solid var(--line);border-radius:14px}.stores-summary-grid small,.stores-summary-grid strong,.po-review-summary small,.po-review-summary strong{display:block}.stores-summary-grid small,.po-review-summary small{color:var(--muted);font-size:.72rem}.stores-summary-grid strong,.po-review-summary strong{font-size:1.35rem;margin-top:7px}.stores-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.stores-detail-card{padding:20px;overflow:auto}.stores-detail-card h3,.po-review-card h3,.po-actions h3{margin:0 0 15px}.stores-detail-card dl,.po-notes{display:grid;grid-template-columns:1fr 1fr;margin:0}.stores-detail-card dl>div,.po-notes>div{padding:12px 0;border-bottom:1px solid var(--line)}.stores-detail-card dt,.po-notes dt{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:800}.stores-detail-card dd,.po-notes dd{margin:5px 0 0;font-weight:700}.mini-list>div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.mini-list small{display:block;color:var(--muted);margin-top:3px}.supplier-grid,.po-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.supplier-card,.po-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 5px 18px rgba(20,45,70,.05)}.supplier-card:hover,.po-card:hover{border-color:var(--blue2);transform:translateY(-1px)}.supplier-card header,.po-card header,.po-review-card>header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.supplier-card h3,.po-card h3{margin:0}.supplier-card p,.po-card p{color:var(--muted)}.supplier-card>div,.po-card>div{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.po-card>div{grid-template-columns:repeat(3,1fr)}.supplier-card b,.supplier-card small,.po-card small,.po-card strong{display:block}.supplier-card small,.po-card small{color:var(--muted);font-size:.7rem}.supplier-card footer,.po-card footer{margin-top:17px;color:var(--blue);font-weight:800}.po-status{font-size:.68rem;padding:5px 8px;border-radius:999px;background:#edf1f5;color:var(--slate)}.status-approved,.status-complete{background:#e4f5eb;color:#176b45}.status-sent,.status-part-received{background:#e8f0fa;color:#245786}.status-awaiting-review{background:#fff0d4;color:#8a5a08}.po-review-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px}.po-review-layout main{display:grid;gap:16px}.po-review-card,.po-actions{padding:20px}.po-actions{height:max-content;position:sticky;top:16px}.po-actions form{display:grid;gap:10px;padding-top:15px;margin-top:15px;border-top:1px solid var(--line)}.po-actions .btn{width:100%}.notice{padding:13px 16px;border-radius:12px;margin-bottom:15px}.notice.success{background:#e6f5ec;color:#176b45;border:1px solid #b8ddc7}

/* Mobile login corrective sizing. Final rules are deliberately scoped so
   generic staff directory styles cannot override the login staff cards. */
@media(max-width:760px){
 .login-page .login-panel{padding:14px 14px 20px}.login-page .login-header{gap:10px;padding-bottom:12px;margin-bottom:12px}.login-page .login-header h1{font-size:clamp(1.55rem,8vw,2.25rem);line-height:1.03}.login-page .login-header p{font-size:.9rem;line-height:1.35}.login-page .staff-controls{padding:0 0 8px}.login-page .staff-search input{height:44px}.login-page .recent-staff,.login-page .all-staff{margin-top:12px}.login-page .staff-section-heading{margin-bottom:7px}.login-page .staff-list{display:grid;grid-template-columns:1fr;gap:7px}.login-page .staff-row{display:grid!important;grid-template-columns:42px minmax(0,1fr) 24px!important;min-height:58px!important;padding:8px 10px!important}.login-page .staff-row>span{display:block!important}.login-page .staff-row .staff-avatar{display:grid!important}.login-page .pin-modal{padding:8px;align-items:center;overflow:auto}.login-page .pin-card{width:min(380px,calc(100vw - 16px));max-height:calc(100dvh - 16px);overflow:auto;padding:18px 16px;border-radius:18px}.login-page .pin-card h2{font-size:clamp(1.45rem,7vw,2rem);line-height:1.05;margin:0 35px 4px}.login-page .pin-close{right:12px;top:7px}.login-page .pin-hint{margin:4px 0}.login-page .pin-dots{margin:13px;gap:13px}.login-page .pin-pad{gap:8px}.login-page .pin-pad button{height:min(58px,12.5vh);border-radius:12px;font-size:1.35rem}
 .stores-widget-grid,.stores-card-grid,.supplier-grid,.po-grid{grid-template-columns:1fr 1fr}.stores-filter{grid-template-columns:1fr 1fr}.stores-filter .wide{grid-column:1/-1}.stores-detail-grid,.po-review-layout{grid-template-columns:1fr}.po-actions{position:static}.stores-summary-grid,.po-review-summary{grid-template-columns:repeat(2,1fr)}.stores-table.parts{grid-template-columns:100px minmax(180px,1fr) 110px 70px 70px}.stores-table.parts>span:nth-child(4),.stores-table.parts>span:nth-child(7),.stores-table.parts>span:nth-child(8){display:none}.stores-table.stock{grid-template-columns:100px minmax(180px,1fr) repeat(3,75px)}.stores-table.stock>span:nth-child(3),.stores-table.stock>span:nth-child(7),.stores-table.stock>span:nth-child(8){display:none}
}
@media(max-width:500px){.stores-heading{align-items:flex-start;flex-direction:column}.stores-widget-grid,.stores-card-grid,.supplier-grid,.po-grid{grid-template-columns:1fr}.stores-filter,.stores-filter.simple{grid-template-columns:1fr}.stores-filter .wide{grid-column:auto}.filter-actions{display:grid;grid-template-columns:1fr 1fr}.stores-summary-grid,.po-review-summary{grid-template-columns:1fr 1fr}.stores-detail-card dl,.po-notes{grid-template-columns:1fr}.stores-table.po-items{grid-template-columns:80px minmax(150px,1fr) 55px 70px}.stores-table.po-items>span:nth-child(4),.stores-table.po-items>span:nth-child(5){display:none}}
/* v0.9.1 performance/list refinements */
.list-summary,.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 4px}.pagination{margin-top:14px;border-top:1px solid var(--line,#d9e0e8)}
.inline-required{width:82px;min-height:36px;padding:6px 8px;border:1px solid #bdc8d6;border-radius:8px;text-align:right}.save-state{display:block;font-size:11px;min-height:14px}.save-state.error{color:#b42318}.muted{color:#788595;font-size:13px}
.performance-panel{position:fixed;right:12px;bottom:12px;z-index:9999;background:#111827;color:#fff;border-radius:10px;padding:10px 12px;font:12px/1.35 monospace;box-shadow:0 8px 24px rgba(0,0,0,.25);opacity:.92}.performance-panel strong{display:block;margin-bottom:4px}.performance-panel a{color:#93c5fd}

/* Stores Materials Management v0.9.5 */
.inline-number{width:82px;max-width:100%;height:38px;border:1px solid var(--line);border-radius:9px;padding:0 9px;background:#fff}.form-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:18px;margin-top:14px;border-top:1px solid var(--line)}details{margin-top:14px}details summary{cursor:pointer;color:var(--blue);font-weight:800}.notice.warning{background:#fff7e6;color:#7b530b;border:1px solid #efd6a0}
.alpha-tabs{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:1rem}.alpha-tabs a{display:grid;place-items:center;min-width:2rem;height:2rem;padding:0 .45rem;border:1px solid var(--border,#d7dde5);border-radius:.45rem;text-decoration:none;background:#fff}.alpha-tabs a.active{background:var(--primary,#173f70);color:#fff;border-color:transparent}.workflow-tabs{display:flex;gap:.5rem;flex-wrap:wrap}.workflow-tabs a{padding:.65rem 1rem;border-radius:.6rem;text-decoration:none;border:1px solid var(--border,#d7dde5)}.workflow-tabs a.active{background:var(--primary,#173f70);color:#fff}.mini-list.selectable label{display:flex;align-items:center;gap:.7rem;padding:.65rem 0;border-bottom:1px solid #e8ecf1}.mini-list.selectable label span{flex:1}.batch-lines,.batch-complete{margin-top:1rem}.batch-complete{display:flex;gap:.5rem;flex-wrap:wrap}.batch-complete input{flex:1;min-width:180px}.parts-visual-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.part-visual-card{display:flex;gap:1rem;background:#fff;border:1px solid var(--border,#d7dde5);border-radius:.8rem;padding:1rem;text-decoration:none;color:inherit}.part-visual-card img{width:72px;height:72px;object-fit:cover;border-radius:.55rem;background:#eef2f6}.part-visual-card img.missing{visibility:hidden}.part-visual-card div{display:flex;flex-direction:column;gap:.2rem}.check-label{display:flex!important;align-items:center;gap:.5rem;padding-top:1.4rem}.check-label input{width:auto!important}

/* Stores Sprint 2A */
.misc-parts{grid-template-columns:70px 120px minmax(220px,1fr) minmax(150px,220px) 100px 90px}
.request-parts{grid-template-columns:70px 120px minmax(220px,1fr) minmax(150px,220px) 90px 90px}
.request-detail{grid-template-columns:minmax(220px,1fr) 180px 80px 90px 90px 120px}
.stores-table label{cursor:pointer}
@media(max-width:760px){.misc-parts,.request-parts,.request-detail{grid-template-columns:1fr}.misc-parts.header,.request-parts.header,.request-detail.header{display:none}}

/* Stores Sprint 2A.3 */
.purchase-sticky-action{position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;margin:-1px -1px 18px;background:rgba(255,255,255,.97);border:1px solid var(--border,#d8dee8);border-radius:12px;box-shadow:0 6px 20px rgba(20,38,63,.08)}
.purchase-sticky-action div{display:flex;flex-direction:column;gap:2px}.purchase-sticky-action small{color:#64748b}.purchase-review-lines{grid-template-columns:1.1fr 2fr .75fr .7fr .8fr .8fr .9fr}.po-items small{display:block;color:#64748b;margin-top:3px}@media(max-width:760px){.purchase-sticky-action{top:0;align-items:stretch;flex-direction:column}.purchase-sticky-action .btn{width:100%}.purchase-review-lines{grid-template-columns:1fr}.purchase-review-lines.header{display:none}}

/* Stores v0.9.9 receiving workflow */
.stores-widget-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.receiving-actions-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;margin-bottom:16px}.receiving-actions-card h3{margin:0 0 5px}.receiving-actions-card p{margin:0;color:var(--muted)}.stores-table.receiving-items{grid-template-columns:55px 110px minmax(220px,1.6fr) 80px 110px 90px 110px 110px 135px 120px;min-width:1240px}.stores-table.receiving-items.line-complete{opacity:.58;background:#f5faf7}.sticky-actions{position:sticky;bottom:0;background:#fff;padding:14px 0 0;border-top:1px solid var(--line);z-index:2}
@media(max-width:760px){.stores-widget-grid.compact{grid-template-columns:1fr 1fr}.receiving-actions-card{align-items:stretch;flex-direction:column}.receiving-actions-card .btn{width:100%}}
@media(max-width:500px){.stores-widget-grid.compact{grid-template-columns:1fr}.stores-table.receiving-items{min-width:1180px}}
/* Stores v0.9.11 */
.stocktake-create{padding:18px;margin-bottom:16px}.stocktake-create h3{margin:0 0 8px}.stocktake-lines{grid-template-columns:110px minmax(220px,1.5fr) 75px 90px 110px 75px minmax(150px,1fr)}.stocktake-lines input{width:100%;height:40px;border:1px solid var(--line);border-radius:9px;padding:0 9px}.stocktake-lines .count-input{font-size:1.1rem;font-weight:800;text-align:right}.variance-line{background:#fff8e6}.stocktake-actionbar{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:12px;padding:14px 18px;margin-top:12px;background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:14px;box-shadow:0 -4px 18px rgba(20,45,70,.08)}.allocation-lines{grid-template-columns:110px minmax(220px,1.5fr) repeat(5,90px)}.po-details-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.po-details-form label{display:flex;flex-direction:column;gap:6px}.po-details-form label>span{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.po-details-form input,.po-details-form select,.po-details-form textarea{border:1px solid var(--line);border-radius:10px;padding:10px;background:#fff}.po-details-form small{color:var(--muted)}.po-details-form .wide{grid-column:1/-1}@media(max-width:800px){.stocktake-lines{grid-template-columns:90px minmax(180px,1fr) 80px 100px}.stocktake-lines>span:nth-child(4),.stocktake-lines>span:nth-child(6),.stocktake-lines>span:nth-child(7){display:none}.allocation-lines{grid-template-columns:90px minmax(180px,1fr) repeat(3,75px)}.allocation-lines>span:nth-child(5),.allocation-lines>span:nth-child(6){display:none}.po-details-form{grid-template-columns:1fr}.po-details-form .wide{grid-column:auto}}

/* Visual Storage */
.storage-position-grid{display:flex;flex-wrap:wrap;gap:8px}.storage-position-chip{border:1px solid #d9dee7;border-radius:999px;padding:7px 10px;background:#fff}
.storage-map-toolbar{display:flex;gap:18px;align-items:end;justify-content:space-between}.storage-map-toolbar label{min-width:300px}.storage-map-shell{padding:0;overflow:hidden}.storage-map-shell object{display:block;width:100%;height:min(72vh,850px);min-height:520px}
.location-picker-fields{display:grid;grid-template-columns:minmax(220px,2fr) minmax(100px,1fr) minmax(100px,1fr) auto;gap:10px;align-items:end}.location-current{margin-top:8px}.storage-unassigned{grid-template-columns:1fr 2fr 1.5fr .7fr}
@media(max-width:800px){.storage-map-toolbar{align-items:stretch;flex-direction:column}.storage-map-toolbar label{min-width:0}.storage-map-shell object{min-height:420px;height:60vh}.location-picker-fields{grid-template-columns:1fr 1fr}.location-save-wrap{grid-column:1/-1}}

/* Editable Storage Map Designer */
.storage-live-map-shell{padding:12px;overflow:auto}.storage-live-map-shell svg{width:100%;min-height:560px;max-height:76vh;background:#fff}
.map-object rect{stroke:#25364a;stroke-width:2;vector-effect:non-scaling-stroke}.map-object text{font-size:18px;font-weight:700;pointer-events:none}.map-pin{display:none;fill:#e1261c;stroke:#fff;stroke-width:3;vector-effect:non-scaling-stroke}
.map-object.selected rect{stroke:#e1261c;stroke-width:6}.map-object.selected .map-pin{display:block}
.fill-shed{fill:#eaf1f8}.fill-room{fill:#f3eff8}.fill-yard{fill:#eef5e7}.fill-awning{fill:#fff4d9}.fill-rack{fill:#f6d44a}.fill-shelf{fill:#f5c8c8}.fill-longstock{fill:#91c965}.fill-steel{fill:#42b4dd}.fill-special{fill:#7d4bc4}
.storage-designer{display:grid;grid-template-columns:220px minmax(0,1fr) 290px;gap:14px;align-items:start}.storage-designer-tools,.storage-properties{background:#fff;border:1px solid #dbe2ea;border-radius:14px;padding:14px;position:sticky;top:12px}.storage-designer-tools button{display:block;width:100%;margin:7px 0;padding:9px;text-align:left;border:1px solid #dbe2ea;background:#fff;border-radius:8px}.storage-designer-tools label,.storage-properties label{display:grid;gap:5px;margin:9px 0}.storage-designer-canvas-wrap{overflow:auto;border:1px solid #cfd8e3;background:#fff;border-radius:14px;min-height:650px}.storage-designer-canvas-wrap svg{width:100%;min-width:800px;touch-action:none}.designer-grid-line{fill:none;stroke:#dfe6ee;stroke-width:1}.hide-grid .designer-grid-bg{display:none}.designer-object .object-body{stroke:#25364a;stroke-width:2;cursor:move}.designer-object text{font-size:16px;font-weight:700;pointer-events:none}.designer-object.selected .object-body{stroke:#e1261c;stroke-width:5}.resize-handle{fill:#fff;stroke:#e1261c;stroke-width:2;cursor:nwse-resize;opacity:0}.designer-object.selected .resize-handle{opacity:1}.property-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.designer-property-actions{display:flex;gap:8px;margin-top:14px}
@media(max-width:1050px){.storage-designer{grid-template-columns:1fr}.storage-designer-tools,.storage-properties{position:static}}
/* Storage Map v3 */
.designer-save-actions{display:flex;align-items:center;gap:8px}.designer-save-state{font-size:12px;font-weight:700;padding:5px 8px;border-radius:999px;background:#edf1f5}.designer-save-state.dirty{background:#fff2c7}.designer-save-state.saving{background:#e7f0fb}.designer-save-state.saved{background:#e5f5e9}.designer-save-state.error{background:#fde8e8}.storage-designer-tools select{width:100%;margin-bottom:8px}

/* Storage Map V4 floor plan designer */
.storage-designer-tools button,.storage-designer-tools select{width:100%;margin-bottom:7px}.storage-object-dialog{border:0;border-radius:14px;padding:20px;width:min(480px,calc(100vw - 30px));box-shadow:0 20px 60px rgba(0,0,0,.25)}.storage-object-dialog::backdrop{background:rgba(20,30,45,.4)}.storage-object-dialog form,.storage-object-dialog label{display:grid;gap:8px}.storage-designer-canvas-wrap{overflow:hidden;min-height:620px}.storage-designer-canvas-wrap svg{width:100%;height:620px;touch-action:none}.designer-object text{font-size:1100px;pointer-events:none}.designer-object.selected .object-body{stroke:#d71920!important;stroke-width:350!important;vector-effect:non-scaling-stroke}.resize-handle{cursor:nwse-resize;opacity:.55}

/* Storage Map V4.1 */
.storage-location-list{display:grid;gap:7px;max-height:340px;overflow:auto;margin:8px 0 12px}.storage-location-row{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #dfe6ee;border-radius:9px;padding:8px;background:#fff}.storage-location-info{display:grid;gap:2px;min-width:0}.storage-location-info strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.storage-map-status{font-size:10px;font-weight:700}.storage-map-status.is-placed{color:#26734d}.storage-map-status.not-placed{color:#7b8794}.storage-map-action{width:auto!important;min-width:54px;margin:0!important}.storage-location-create{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:8px}.storage-location-create button{margin:0!important}.designer-rotate-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:10px 0}.storage-map-action.attention{outline:3px solid #f0b429}
/* Stores history/location update */
.stores-filter-bar{display:grid;grid-template-columns:minmax(280px,2fr) minmax(140px,1fr) auto auto;gap:10px;align-items:end}.stores-filter-bar label{display:grid;gap:5px}.stores-filter-bar input{width:100%}.stocktake-lines{grid-template-columns:minmax(110px,1fr) minmax(180px,1.6fr) 80px 90px 110px 85px minmax(260px,1.7fr) minmax(140px,1fr)}.stocktake-location .location-picker-fields{display:grid;grid-template-columns:minmax(120px,1fr) 80px 80px auto;gap:5px;align-items:end}.stocktake-location label{display:block}.stocktake-location select{width:100%;min-width:0}.stocktake-location .location-current{font-size:11px;margin-top:4px}@media(max-width:900px){.stores-filter-bar{grid-template-columns:1fr}.stocktake-lines{grid-template-columns:1fr}.stocktake-location .location-picker-fields{grid-template-columns:1fr 1fr}.stocktake-location .location-save-wrap{grid-column:1/-1}}


/* Knowledge v4 - role-aware operational help + developer maintenance reference */
.kb-steps{padding-left:22px;margin:12px 0}.kb-steps li{margin:0 0 12px;padding-left:4px}
.kb-help-key{background:#15283e;color:#fff;border-radius:7px;padding:9px 11px;margin:0 0 18px}.kb-help-key code{float:right;color:#fff}
.kb-dev-card{border:1px solid #d6dee7;border-radius:8px;margin:8px 0 14px;overflow:hidden;background:#fff}
.kb-dev-card summary{cursor:pointer;background:#f4f7fa;padding:10px 12px;display:flex;flex-direction:column;gap:3px}
.kb-dev-card summary strong{font-family:Consolas,monospace;font-size:12px}.kb-dev-card summary span{font-size:11px;color:#617285}
.kb-dev-actions{padding:8px 10px;border-top:1px solid #e4e9ee}.kb-dev-actions button{font-size:11px;padding:5px 8px}
.kb-create,.kb-source{margin:0;padding:10px;background:#101a25;color:#eaf1f7;overflow:auto;max-height:360px;font-size:10px;white-space:pre}
.kb-table-scroll{overflow:auto;max-height:420px}.kb-schema{border-collapse:collapse;width:max-content;min-width:100%;font-size:10px}
.kb-schema th,.kb-schema td{padding:6px 7px;border-right:1px solid #e4e9ee;border-bottom:1px solid #e4e9ee;text-align:left;white-space:nowrap}
.kb-schema th{position:sticky;top:0;background:#eaf0f5;z-index:1}.kb-script-meta{padding:7px 10px;font-size:10px;color:#657587}
.knowledge-content>section>h4{margin:20px 0 8px}

/* Knowledge v5 - sticky navigation for long Help content */
#helpDrawer{display:flex;flex-direction:column;overflow:hidden}
#helpDrawer .knowledge-header{flex:0 0 auto;position:relative;z-index:3;background:#fff}
#helpDrawer .knowledge-tabs{flex:0 0 auto;position:sticky;top:0;z-index:4;background:#fff}
#helpDrawer .knowledge-content{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}
/* SpecQuotes new UI */
.specquote-summary{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:12px;margin:0 0 16px}.specquote-summary .content-card{padding:14px}.specquote-summary span{display:block;font-size:12px;color:var(--muted,#667085);margin-bottom:5px}.specquote-summary strong{font-size:20px}.specquote-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px}.specquote-tabs button{border:1px solid #d5dbe3;background:#fff;border-radius:8px;padding:9px 14px;cursor:pointer}.specquote-tabs button.active{background:#123f73;color:#fff;border-color:#123f73}.specquote-savebar{position:sticky;bottom:10px;margin-top:14px;display:flex;justify-content:flex-end}.specquote-tabs+.tab-panel{margin-top:0}@media(max-width:900px){.specquote-summary{grid-template-columns:repeat(2,1fr)}}


/* SpecQuotes new UI layout */
.specquote-page{max-width:1500px;margin:0 auto}.specquote-page .card,.specquote-page .content-card,.page-container .card{background:#fff;border:1px solid var(--line,#d9e1e8);border-radius:14px;padding:18px 20px;margin:0 0 16px;box-shadow:0 3px 10px rgba(20,50,75,.05)}
.specquote-page .card h2,.page-container .card h2{margin:0 0 16px;font-size:1.05rem;color:#173a60}.form-grid-2,.form-grid-3,.form-grid-4{display:grid;gap:14px 18px;align-items:end}.form-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.form-group{min-width:0}.form-group label{display:block;font-size:.78rem;font-weight:800;color:#42566b;margin:0 0 6px}.form-group input:not([type=checkbox]):not([type=radio]),.form-group select,.form-group textarea,.spec-row input:not([type=checkbox]):not([type=radio]),.spec-row select,.spec-row textarea{width:100%;box-sizing:border-box;border:1px solid #cbd5df;border-radius:8px;background:#fff;padding:9px 10px;min-height:38px}.form-group textarea{min-height:86px;resize:vertical}.spec-row{display:grid;grid-template-columns:minmax(180px,1.2fr) repeat(3,minmax(110px,.7fr));gap:12px 18px;align-items:end;padding:12px 0;border-bottom:1px solid #edf1f4}.spec-row:last-child{border-bottom:0}.spec-row label{display:block;font-size:.78rem;font-weight:800;color:#42566b;margin-bottom:5px}.field-help{font-size:.72rem;font-weight:400;color:var(--muted,#667085);margin:-2px 0 6px;line-height:1.35}.specquote-help-note{background:#f4f8fc;border-left:4px solid #285d8f;border-radius:8px;padding:11px 13px;margin:0 0 14px;color:#42566b;font-size:.84rem;line-height:1.45}.page-container{max-width:1500px;margin:0 auto}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.header-actions{display:flex;gap:8px;flex-wrap:wrap}.muted{color:var(--muted,#667085)}
@media(max-width:1100px){.form-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.spec-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.form-grid-2,.form-grid-3,.form-grid-4,.spec-row{grid-template-columns:1fr}.page-header{display:block}.header-actions{margin-top:12px}}


/* 2026-08-24 Workspace responsive/Personal/Designer refinement */
.workspace-widget-grid{grid-template-columns:repeat(12,minmax(0,1fr))}
.workspace-widget-grid .workspace-widget-compact{grid-column:span 3;min-height:116px;padding:16px;grid-template-columns:42px 1fr auto;gap:12px}
.workspace-widget-grid .workspace-widget-compact .widget-icon{width:42px;height:42px;border-radius:12px;font-size:1.15rem}
.workspace-widget-grid .workspace-widget-compact .widget-value{font-size:1.12rem}
.workspace-widget-grid .workspace-widget-compact p{font-size:.76rem}
.workspace-card-grid-clean{margin-top:18px}
.clean-workspace-section{margin-top:16px}.clean-workspace-section.workspace-card-section{padding-top:0;border-top:0}
.personal-space{margin:0 0 18px;background:#f7f9fb;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.personal-space-toggle{width:100%;border:0;background:#edf2f6;color:var(--blue);display:flex;justify-content:space-between;align-items:center;padding:9px 13px;cursor:pointer;font:inherit}
.personal-space-items{display:flex;gap:9px;align-items:stretch;flex-wrap:wrap;padding:10px}
.personal-item{min-height:58px;border:1px solid #cdd8e1;border-radius:11px;background:#fff;color:var(--text);padding:8px 11px;display:flex;align-items:center;gap:9px;text-decoration:none;min-width:145px}
.personal-item small,.personal-item strong{display:block}.personal-item small{font-size:.68rem;color:var(--muted)}.personal-item strong{font-size:.84rem}
.personal-icon{width:32px;height:32px;border-radius:9px;background:#e7eef5;color:var(--blue);display:grid;place-items:center;flex:0 0 auto;font-weight:900}
.personal-widget form{margin-left:auto}.personal-widget form button{border:0;border-radius:8px;background:var(--blue);color:#fff;padding:7px 9px;font-weight:800;cursor:pointer}
.personal-card:hover,.personal-widget[role="button"]:hover,.personal-widget[role="link"]:hover{border-color:#7e9fbd;background:#fbfdff}
.personal-space.is-collapsed .personal-space-items{display:none}.personal-space-primary{background:transparent;border:0}.personal-space-primary .personal-space-items{padding:0}
.designer-component-section{margin-top:24px}.designer-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.designer-section-title h2{margin:0}
.designer-sort-item{position:relative}.designer-sort-item.is-dragging{opacity:.55;outline:2px dashed var(--blue2)}
.designer-drag-tools{position:absolute;right:8px;top:8px;display:flex;gap:4px;z-index:5}.designer-drag-tools button,.designer-drag-tools span{border:1px solid #b9c7d3;background:#fff;color:var(--blue);border-radius:7px;padding:5px 7px;font-weight:900;line-height:1;cursor:pointer}.designer-drag-tools span{cursor:grab}
.library-search{padding:12px 22px 0}.library-search input{width:100%;min-height:42px;border:1px solid var(--line);border-radius:10px;padding:0 12px}.library-category-scroll{max-height:62vh;overflow:auto;padding:12px 22px 22px}.library-category{border-top:1px solid var(--line);padding:7px 0}.library-category:first-child{border-top:0}.library-category summary{cursor:pointer;font-weight:900;color:var(--blue);padding:8px 2px;display:flex;justify-content:space-between}.library-category summary span{font-size:.72rem;background:var(--mist);border-radius:999px;padding:3px 7px;color:var(--muted)}
@media(max-width:1100px){.workspace-widget-grid .workspace-widget-compact{grid-column:span 4}}
@media(max-width:900px){.workspace-widget-grid .workspace-widget-compact{grid-column:span 6}.personal-item{min-width:135px;flex:1 1 170px}}
@media(max-width:680px){.workspace-widget-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-widget-grid .workspace-widget-compact{grid-column:span 1;min-height:106px;padding:13px;grid-template-columns:36px 1fr}.workspace-widget-grid .workspace-widget-compact .widget-icon{width:36px;height:36px}.workspace-widget-grid .workspace-widget-compact .object-arrow{display:none}.personal-space-items{display:grid;grid-template-columns:1fr 1fr}.personal-item{min-width:0}.personal-widget form{grid-column:1/-1}.designer-drag-tools button,.designer-drag-tools span{padding:8px 10px}.library-grid{grid-template-columns:1fr}}
@media(max-width:440px){.workspace-widget-grid{grid-template-columns:1fr}.personal-space-items{grid-template-columns:1fr 1fr}.personal-item{padding:8px}.navigation-card{grid-column:1/-1}}

/* Engineering + CRM migrated module pages */
.page-container .muted-text{color:var(--muted,#667085);margin:.25rem 0 0}.page-container .form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 18px;align-items:end}.page-container label{display:block;font-size:.78rem;font-weight:800;color:#42566b;margin:0 0 6px}.page-container input:not([type=checkbox]):not([type=radio]),.page-container select,.page-container textarea{max-width:100%;box-sizing:border-box;border:1px solid #cbd5df;border-radius:8px;background:#fff;padding:9px 10px;min-height:38px}.page-container .search-input{width:100%}.page-container .table,.page-container .data-table{width:100%;border-collapse:collapse}.page-container .table th,.page-container .table td,.page-container .data-table th,.page-container .data-table td{padding:11px 12px;border-bottom:1px solid #e6ebf0;text-align:left;vertical-align:top}.page-container .table th,.page-container .data-table th{font-size:.76rem;text-transform:uppercase;letter-spacing:.04em;color:#586b7e;background:#f7f9fb}.page-container .table tbody tr:hover,.page-container .data-table tbody tr:hover{background:#f8fbfd}.page-container .btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:10px 15px;border-radius:9px;text-decoration:none;font-weight:800}.page-container button{cursor:pointer}.page-container .card{overflow-x:auto}@media(max-width:900px){.page-container .form-grid{grid-template-columns:1fr 1fr}}@media(max-width:680px){.page-container .form-grid{grid-template-columns:1fr}.page-container .table,.page-container .data-table{min-width:760px}}

/* QA system */
.qa-kpis,.qa-stage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.qa-kpi,.qa-stage-card{display:block;background:#fff;border:1px solid #dbe3ec;border-radius:14px;padding:18px;text-decoration:none;color:inherit;box-shadow:0 2px 8px rgba(18,63,115,.05)}.qa-kpi span,.qa-kpi small,.qa-stage-card p,.qa-stage-card small{display:block;color:#607083}.qa-kpi strong{display:block;font-size:30px;margin:5px 0}.qa-stage-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.qa-stage-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.stage-dot{width:27px;height:27px;border-radius:50%;display:inline-grid;place-items:center;background:#eef2f6}.stage-dot.active{background:#fff2ce}.stage-dot.done{background:#dff5e6}.qa-check-row{display:grid;grid-template-columns:minmax(260px,1fr) minmax(380px,1.2fr);gap:24px;padding:15px 0;border-bottom:1px solid #edf1f5}.qa-check-row.has-fail{background:#fff7f5;margin:0 -16px;padding-left:16px;padding-right:16px}.qa-check-label{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}.qa-check-label a{display:inline-grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#edf3f9;text-decoration:none}.qa-check-label small{flex-basis:100%;color:#a04b38}.segmented{display:flex;gap:7px;flex-wrap:wrap}.segmented input{position:absolute;opacity:0}.segmented span{display:inline-block;border:1px solid #cbd6e2;border-radius:8px;padding:8px 13px;cursor:pointer;background:#fff}.segmented input:checked+span{border-color:#123f73;box-shadow:inset 0 0 0 1px #123f73;background:#eef5fb}.failure-note{margin-top:8px;width:100%}.qa-comments{margin-top:18px}.qa-comments label,.qa-comments textarea{display:block;width:100%}.complete-check{display:flex;align-items:center;gap:8px}.qa-action{display:grid;grid-template-columns:1fr 1.3fr;gap:24px;padding:18px 0;border-bottom:1px solid #edf1f5}.qa-action-controls form{display:flex;gap:8px;align-items:center;margin-bottom:8px}.qa-action-controls textarea,.qa-action-controls input:not([type=file]){flex:1}.qa-audit>div{border-top:1px solid #edf1f5;padding:12px 0}.qa-audit span{float:right;color:#66788a;font-size:12px}.empty-action{text-align:center;padding:40px}.inline-filter,.inline-form{display:flex;gap:8px;align-items:center}.status-pill{display:inline-block;border-radius:999px;padding:5px 9px;background:#edf1f5;font-size:12px}.status-good{background:#dff5e6}.status-attention{background:#fff0c7}.notice{padding:12px 15px;border-radius:10px;margin:12px 0}.notice-success{background:#e5f7e9}.notice-warning{background:#fff2ce}@media(max-width:1100px){.qa-stage-grid{grid-template-columns:repeat(3,1fr)}.qa-kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.qa-stage-grid,.qa-kpis{grid-template-columns:1fr}.qa-check-row,.qa-action{grid-template-columns:1fr}.qa-audit span{float:none;display:block}.inline-filter,.inline-form,.qa-action-controls form{align-items:stretch;flex-direction:column}}
/* QA Phase 1.5 usability */
.qa-register{padding:22px 24px}.qa-register-header{gap:24px;margin-bottom:14px}.qa-register-filter{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.qa-register-filter input[name=q]{min-width:260px}.qa-open-toggle{display:flex!important;align-items:center;gap:7px;margin:0!important;padding:9px 12px;border:1px solid #d7e0e8;border-radius:9px;background:#f8fafc}.qa-register-table{table-layout:auto}.qa-register-table th{padding:13px 16px!important}.qa-register-table td{padding:17px 16px!important;vertical-align:middle!important}.qa-register-table tbody tr{cursor:pointer;transition:background .12s ease,box-shadow .12s ease}.qa-register-table tbody tr:nth-child(even){background:#fbfcfd}.qa-register-table tbody tr:hover{background:#f1f6fb!important;box-shadow:inset 4px 0 0 #123f73}.qa-register-table .qa-job-number strong{font-size:16px}.qa-register-table .qa-customer{min-width:220px}.qa-register-table .qa-customer strong{font-size:14px}.qa-register-table th:nth-child(3){min-width:190px}.qa-progress{min-width:175px}.qa-progress>div{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.qa-progress span{font-size:11px;color:#6a7a89}.qa-progress progress{width:100%;height:8px;margin-top:7px}.qa-open-button{min-width:92px;padding:10px 14px!important}.qa-stage-heading p{font-size:14px}.qa-field-group{border:1px solid #e1e8ef;border-radius:12px;margin:18px 0;overflow:hidden}.qa-group-heading{padding:14px 16px;background:#f6f9fc;border-bottom:1px solid #e1e8ef}.qa-group-heading h3{margin:0 0 3px}.qa-group-heading p{margin:0;color:#66788a;font-size:12px}.qa-field-group .qa-check-row{padding:16px;margin:0 16px}.qa-field-group .qa-comments{padding:0 16px 16px}.qa-photo-upload{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:12px 0 18px}.qa-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.qa-photo-grid article{border:1px solid #dce5ed;border-radius:12px;overflow:hidden;background:#fff}.qa-photo-grid article>a{display:block;height:180px;background:#eef2f5}.qa-photo-grid img{width:100%;height:100%;object-fit:contain}.qa-photo-grid article>div{padding:10px 12px}.qa-photo-grid strong,.qa-photo-grid small{display:block}.qa-photo-grid small{color:#66788a;margin:3px 0 8px}.qa-file-tile{height:100%;display:grid;place-items:center;font-weight:800;color:#52677b}@media(max-width:900px){.qa-photo-grid{grid-template-columns:1fr 1fr}.qa-register{padding:16px}.qa-register-table{min-width:980px}}@media(max-width:600px){.qa-photo-grid{grid-template-columns:1fr}}

.receiving-freight{display:flex;flex-direction:column;gap:5px;min-width:130px}.receiving-freight span{font-size:12px;font-weight:700;color:var(--muted)}.receiving-freight input{width:130px}.receiving-cost{width:110px}.check-label.compact{justify-content:flex-start;gap:7px}


/* Announcement attention states - priority + required response */
.personal-item.announcement-attention{position:relative;cursor:pointer;transition:background-color .2s,border-color .2s,box-shadow .2s}
.personal-item.announcement-attention .personal-icon{font-size:1.05rem}
.personal-item.announcement-normal{border-color:#7db5df;background:#f2f9ff;box-shadow:inset 3px 0 0 #2d82bd}
.personal-item.announcement-important{border-color:#e0ad3d;background:#fff8e8;box-shadow:inset 4px 0 0 #d59624}
.personal-item.announcement-important small,.personal-item.announcement-important strong{color:#744c00}
.personal-item.announcement-urgent{border:2px solid #c83f39;background:#fff0ef;box-shadow:inset 4px 0 0 #c83f39,0 0 0 1px rgba(200,63,57,.08)}
.personal-item.announcement-urgent small,.personal-item.announcement-urgent strong{color:#9c211d;font-weight:800}
@keyframes cc-announcement-urgent-pulse{0%,100%{background:#fff0ef;box-shadow:inset 4px 0 0 #c83f39,0 0 0 0 rgba(200,63,57,.12)}50%{background:#ffdeda;box-shadow:inset 4px 0 0 #b5221d,0 0 0 5px rgba(200,63,57,.14)}}
.personal-item.announcement-urgent.announcement-pulse{animation:cc-announcement-urgent-pulse 1.8s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.personal-item.announcement-urgent.announcement-pulse{animation:none;background:#ffe3e0}}

/* 2026-09-08 login staff-name hotfix: scope against generic staff admin row styles */
.login-page .staff-list .staff-row{display:grid;grid-template-columns:42px minmax(0,1fr) 24px;min-height:64px;padding:10px 12px;gap:11px}
.login-page .staff-list .staff-details,.login-page .recent-staff .staff-details{display:block!important;min-width:0;color:var(--text)}
.login-page .staff-list .staff-details strong,.login-page .recent-staff .staff-details strong{display:block!important;color:var(--text);font-size:.92rem;font-weight:800}
.login-page .staff-list .staff-details small,.login-page .recent-staff .staff-details small{display:block!important}

/* Stocktake tablet counting workflow */
.stocktake-toolbar{display:grid;grid-template-columns:minmax(240px,1.4fr) auto minmax(180px,.7fr);gap:16px;align-items:end;margin-bottom:14px;padding:16px}.stocktake-search{display:grid;gap:5px}.stocktake-search>span,.stocktake-count>span,.stocktake-comment>span,.stocktake-location-display>span,.stocktake-system>span{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.stocktake-search input{height:46px;border:1px solid var(--line);border-radius:10px;padding:0 12px;font-size:1rem}.stocktake-filters{display:flex;gap:6px;flex-wrap:wrap}.stocktake-filters .active{box-shadow:inset 0 0 0 2px currentColor}.stocktake-progress{display:grid;grid-template-columns:auto 1fr;gap:2px 7px;align-items:center}.stocktake-progress strong{font-size:1.25rem}.stocktake-progress progress,.stocktake-progress small{grid-column:1/-1;width:100%}.stocktake-count-list{display:grid;gap:10px}.stocktake-location-heading{position:sticky;top:0;z-index:3;display:flex;align-items:baseline;gap:10px;padding:10px 14px;margin-top:10px;background:var(--navy,#123f73);color:#fff;border-radius:10px}.stocktake-location-heading span{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;opacity:.75}.stocktake-count-card{display:grid;grid-template-columns:minmax(210px,1.5fr) 120px 150px minmax(190px,1fr) minmax(150px,.8fr);gap:14px;align-items:center;padding:14px 16px;background:#fff;border:1px solid var(--line);border-radius:13px}.stocktake-count-card.has-variance{border-left:5px solid #d99000}.stocktake-count-card.is-counted:not(.has-variance){opacity:.88}.stocktake-part,.stocktake-system,.stocktake-count,.stocktake-location-display,.stocktake-comment{display:grid;gap:4px}.stocktake-part>strong{font-size:1.05rem}.stocktake-part small,.stocktake-system small,.variance-text{color:var(--muted)}.stocktake-system>strong{font-size:1.2rem}.stocktake-count input{height:54px;border:2px solid var(--line);border-radius:10px;padding:0 10px;font-size:1.45rem;font-weight:800;text-align:center}.stocktake-count input:focus{outline:3px solid rgba(18,63,115,.16);border-color:var(--navy,#123f73)}.stocktake-location-display>strong{font-size:.9rem}.link-button{border:0;background:none;padding:0;color:var(--navy,#123f73);font:inherit;font-weight:700;text-align:left;cursor:pointer}.stocktake-comment input{height:42px;border:1px solid var(--line);border-radius:9px;padding:0 9px}.stocktake-location-edit{grid-column:1/-1;margin-top:7px;padding:10px;background:#f7f9fb;border-radius:9px}.stocktake-location-edit .location-picker-fields{display:grid;grid-template-columns:1fr 90px 90px auto;gap:6px}.stocktake-actionbar{align-items:center;justify-content:flex-end}.stocktake-actionbar>div{margin-right:auto;display:grid}.stocktake-actionbar>div small{color:var(--muted)}
@media(max-width:1100px){.stocktake-toolbar{grid-template-columns:1fr 1fr}.stocktake-progress{grid-column:1/-1}.stocktake-count-card{grid-template-columns:minmax(220px,1.4fr) 100px 150px 1fr}.stocktake-comment{grid-column:1/-1}.stocktake-location-edit .location-picker-fields{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.stocktake-heading{align-items:flex-start}.stocktake-toolbar{grid-template-columns:1fr;padding:12px}.stocktake-progress{grid-column:auto}.stocktake-filters{display:grid;grid-template-columns:1fr 1fr}.stocktake-count-card{grid-template-columns:1fr 120px;padding:13px;gap:10px}.stocktake-part{grid-column:1/-1}.stocktake-system{grid-column:1}.stocktake-count{grid-column:2;grid-row:2/4}.stocktake-count input{height:68px;font-size:1.65rem}.stocktake-location-display{grid-column:1}.stocktake-comment{grid-column:1/-1}.stocktake-location-heading{top:0}.stocktake-actionbar{display:grid;grid-template-columns:1fr 1fr;padding:10px}.stocktake-actionbar>div{grid-column:1/-1;margin:0}.stocktake-actionbar .btn{min-height:48px}.stocktake-location-edit .location-picker-fields{grid-template-columns:1fr}.stocktake-location-edit .location-save-wrap{grid-column:auto}}