:root{
 --navy:#0d1728;--navy2:#142238;--ink:#121c2d;--muted:#64748b;--muted2:#94a3b8;--bg:#f4f7fb;--card:#fff;--line:#e1e7ef;--line2:#edf1f6;
 --accent:#ff641f;--accent-dark:#e95212;--accent-soft:#fff0e8;--green:#0b9f6e;--green-soft:#eafaf4;--amber:#d98209;--amber-soft:#fff7e6;--red:#dc3545;--red-soft:#fff0f1;--blue:#2563eb;--blue-soft:#eef4ff;--violet:#7c3aed;--violet-soft:#f4efff;
 --radius:18px;--shadow:0 10px 30px rgba(15,23,42,.06);--sidebar:244px;
}
*{box-sizing:border-box}html{font-size:15px;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}svg{display:block}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:var(--navy);color:#d5deea;padding:20px 14px 16px;display:flex;flex-direction:column;z-index:60}.sidebar-brand{display:flex;align-items:center;gap:11px;padding:4px 6px 25px}.brand-mark{width:40px;height:40px;background:linear-gradient(145deg,var(--accent),var(--accent-dark));color:#fff;border-radius:13px;display:grid;place-items:center;font-weight:900;letter-spacing:-.04em;box-shadow:0 10px 24px rgba(15,23,42,.18);flex:0 0 auto}.sidebar-brand strong{display:block;color:#fff;font-size:15px;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-brand span,.auth-brand span{display:block;color:#8594a9;font-size:9px;letter-spacing:.18em;font-weight:800;margin-top:2px}.side-nav{display:flex;flex-direction:column;gap:4px}.nav-link{display:flex;align-items:center;gap:11px;padding:11px 12px;text-decoration:none;color:#c1ccda;border-radius:11px;font-weight:650;font-size:14px;transition:.16s ease}.nav-link:hover{background:#ffffff0b;color:#fff}.nav-link.active{background:#203047;color:#fff;box-shadow:inset 3px 0 var(--accent)}.sidebar-foot{margin-top:auto}.security-pill{border:1px solid #2b3c54;border-radius:14px;background:#152337;padding:11px;display:flex;gap:9px;align-items:center;margin:0 1px 14px}.security-pill .dot{width:9px;height:9px;background:#23c58a;border-radius:50%;box-shadow:0 0 0 5px rgba(35,197,138,.1)}.security-pill strong{display:block;color:#e9eef5;font-size:12px}.security-pill small{display:block;color:#8190a4;font-size:10px;margin-top:2px}.side-user{display:flex;gap:9px;align-items:center;padding:8px 5px}.avatar,.top-avatar,.mini-avatar,.profile-avatar{display:grid;place-items:center;font-weight:800;background:#eaf0f7;color:#42526a;border-radius:11px}.avatar{width:34px;height:34px}.user-copy{min-width:0;flex:1}.user-copy strong{display:block;color:#f5f7fa;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-copy small{display:block;color:#7e8da2;font-size:10px}.app-main{margin-left:var(--sidebar);min-height:100vh}.topbar{height:70px;position:sticky;top:0;z-index:40;background:rgba(255,255,255,.93);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;gap:14px}.topbar-title{display:flex;gap:13px;align-items:center}.topbar-title small{display:none}.topbar-title strong{font-size:15px}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:9px}.top-avatar{width:36px;height:36px;background:#eff3f8}.icon-btn{width:38px;height:38px;border-radius:11px;border:1px solid var(--line);background:#fff;display:inline-grid;place-items:center;cursor:pointer;text-decoration:none;padding:0;color:#3d4b5f}.icon-btn:hover{background:#f7f9fc}.icon-btn.small{width:31px;height:31px;border-radius:9px}.icon-btn.subtle{background:transparent;border-color:transparent;color:#8594a9}.badge-wrap{position:relative}.notify-dot{position:absolute;right:-5px;top:-5px;min-width:18px;height:18px;padding:0 4px;background:var(--red);color:#fff;border-radius:10px;font-size:9px;font-weight:800;display:grid;place-items:center;border:2px solid #fff}.page{padding:28px}.page-inner{max-width:1380px;margin:0 auto}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin:4px 0 24px}.page-head h1{font-size:clamp(28px,4vw,38px);line-height:1.08;letter-spacing:-.035em;margin:5px 0 7px}.page-head p{color:var(--muted);margin:0;font-size:14px}.eyebrow{color:var(--accent);font-weight:850;font-size:10px;letter-spacing:.13em}.head-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.btn{border:1px solid transparent;border-radius:11px;padding:10px 14px;font-weight:760;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.2;transition:.15s ease;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 8px 18px rgba(15,23,42,.12)}.btn-primary:hover{background:var(--accent-dark)}.btn-secondary{background:#fff;border-color:#d7dfeb;color:#263448}.btn-secondary:hover{background:#f8fafc}.btn-ghost{background:transparent;color:#536176}.btn-danger{background:#fff1f2;color:#c22032}.btn-success{background:#eafaf4;color:#087b57}.btn-lg{padding:12px 17px;border-radius:12px}.btn-mini{padding:6px 9px;font-size:11px;border-radius:8px}.stats-grid{display:grid;gap:14px;margin-bottom:18px}.stats-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:17px;box-shadow:0 4px 14px rgba(15,23,42,.025);display:flex;gap:13px;align-items:flex-start;min-width:0}.stat-icon{width:40px;height:40px;flex:0 0 40px;border-radius:12px;display:grid;place-items:center}.stat-icon.blue{background:var(--blue-soft);color:var(--blue)}.stat-icon.green{background:var(--green-soft);color:var(--green)}.stat-icon.amber{background:var(--amber-soft);color:var(--amber)}.stat-icon.violet{background:var(--violet-soft);color:var(--violet)}.stat-icon.orange{background:var(--accent-soft);color:var(--accent)}.stat-card span{display:block;color:#67758a;font-size:12px;font-weight:650}.stat-card strong{display:block;font-size:24px;line-height:1.1;margin:3px 0 4px;letter-spacing:-.025em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-card small{color:#8a97a9;font-size:10px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0;overflow:hidden}.card.span-2{grid-column:span 1}.card-head{padding:18px 20px;border-bottom:1px solid var(--line2);display:flex;justify-content:space-between;align-items:center;gap:12px}.card-head h2{font-size:16px;margin:0;letter-spacing:-.015em}.card-head p{font-size:11px;color:var(--muted);margin:3px 0 0}.text-link{font-size:12px;color:var(--accent-dark);font-weight:760;text-decoration:none;display:flex;align-items:center;gap:2px}.table-wrap{overflow:auto}.table-wrap table{min-width:720px}table{width:100%;border-collapse:collapse}th{text-align:left;background:#fbfcfe;color:#657389;font-size:10px;text-transform:uppercase;letter-spacing:.045em;font-weight:800;padding:11px 14px;border-bottom:1px solid var(--line)}td{padding:12px 14px;border-bottom:1px solid var(--line2);font-size:12px;color:#46556b;vertical-align:middle}tr:last-child td{border-bottom:0}td strong{color:#263448}.person-cell{display:flex;gap:10px;align-items:center}.person-cell.no-underline{text-decoration:none}.person-cell>div:last-child{min-width:0}.person-cell strong{display:block;white-space:nowrap}.person-cell small,.cell-sub{display:block;color:#8491a3;font-size:10px;margin-top:2px}.mini-avatar{width:32px;height:32px;border-radius:10px;color:#536176;background:#edf2f7;flex:0 0 32px}.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:780;white-space:nowrap}.badge-success{background:var(--green-soft);color:#087856;border:1px solid #c8f0e0}.badge-warning{background:var(--amber-soft);color:#a45d00;border:1px solid #ffe2ad}.badge-danger{background:var(--red-soft);color:#b92536;border:1px solid #ffd0d5}.badge-info{background:var(--blue-soft);color:#315fba;border:1px solid #d9e6ff}.empty-state{text-align:center;padding:42px 20px;color:var(--muted)}.empty-state.compact{padding:28px 18px}.empty-state.big{max-width:620px;margin:8vh auto}.empty-state h3,.empty-state h2{color:var(--ink);margin:10px 0 5px}.empty-state p{margin:0 0 15px}.empty-icon{width:54px;height:54px;border-radius:16px;background:#f3f6fa;color:#637086;display:grid;place-items:center;margin:0 auto;font-weight:850}.alert-list{padding:7px 14px 14px}.alert-item{display:flex;align-items:center;gap:10px;text-decoration:none;padding:11px 4px;border-bottom:1px solid var(--line2)}.alert-item:last-child{border:0}.alert-item>div:nth-child(2){flex:1;min-width:0}.alert-item strong{display:block;font-size:12px}.alert-item small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.alert-mark{width:32px;height:32px;border-radius:10px;display:grid;place-items:center}.alert-mark.amber{background:var(--amber-soft);color:var(--amber)}.payroll-banner{padding:22px;display:flex;justify-content:space-between;align-items:center;gap:20px}.payroll-banner>div:first-child{display:flex;gap:10px;align-items:center}.big-period{font-size:22px;font-weight:850}.payroll-numbers{display:flex;gap:35px}.payroll-numbers small,.payroll-numbers strong{display:block}.payroll-numbers small{font-size:10px;color:var(--muted)}.payroll-numbers strong{font-size:17px;margin-top:2px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px}.quick-grid a{border:1px solid var(--line);border-radius:12px;padding:12px;text-decoration:none;display:flex;gap:8px;align-items:center;font-size:11px;font-weight:730}.quick-grid a:hover{border-color:var(--accent);background:var(--accent-soft)}.checkin-hero{background:linear-gradient(125deg,#0c1727 0%,#17283f 67%,#2d292b 100%);border-radius:22px;color:#fff;padding:25px 30px;margin-bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:210px;box-shadow:0 15px 36px rgba(15,23,42,.14);overflow:hidden;position:relative}.checkin-hero:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,#ff641f20,transparent 65%);right:70px;bottom:-75px}.checkin-copy{position:relative;z-index:1}.live-chip{font-size:9px;letter-spacing:.12em;font-weight:850;color:#ff9f72;display:flex;gap:7px;align-items:center}.live-chip span{width:7px;height:7px;background:#26d193;border-radius:50%;box-shadow:0 0 0 5px #26d1931b}.checkin-copy h2{font-size:26px;margin:14px 0 7px;letter-spacing:-.03em}.checkin-copy p{max-width:540px;color:#c6d0dc;font-size:13px;margin:0}.geo-meta{display:flex;gap:8px;align-items:center;margin-top:20px;color:#e5ebf2;font-size:11px}.geo-meta small{color:#90a0b4}.checkin-action{position:relative;z-index:2}.punch-button{width:138px;height:138px;border-radius:50%;border:7px solid #ffffff18;background:var(--accent);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative;box-shadow:0 0 0 1px #ff9a6a66,0 14px 35px #0004}.punch-button.checkout{background:#23527e}.punch-button[disabled]{background:#526174;opacity:.72;cursor:default}.punch-button strong{font-size:15px;margin-top:6px}.punch-button small{font-size:9px;opacity:.8;margin-top:2px}.pulse-ring{position:absolute;inset:-16px;border-radius:50%;border:1px solid #ff7b3e60}.punch-button:not([disabled]) .pulse-ring{animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.94);opacity:.8}70%{transform:scale(1.1);opacity:0}100%{opacity:0}}.timeline-list{padding:5px 18px 14px}.timeline-row{display:flex;align-items:center;gap:12px;padding:11px 2px;border-bottom:1px solid var(--line2)}.timeline-row:last-child{border:0}.date-box{width:39px;height:44px;border-radius:11px;background:#f4f7fa;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 auto}.date-box strong{font-size:14px;line-height:1}.date-box small{font-size:9px;color:var(--muted);text-transform:uppercase;margin-top:3px}.timeline-copy{flex:1;min-width:0}.timeline-copy strong{display:block;font-size:12px}.timeline-copy small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.shift-card{display:flex;align-items:center;padding:26px 20px 17px}.shift-card>div:not(.shift-line){text-align:center}.shift-card small,.shift-card strong{display:block}.shift-card small{color:var(--muted);font-size:10px}.shift-card strong{font-size:18px;margin-top:3px}.shift-line{height:1px;background:var(--line);flex:1;margin:0 14px;position:relative}.shift-line:after{content:"";width:6px;height:6px;background:var(--accent);border-radius:50%;position:absolute;left:50%;top:-2px}.meta-list,.detail-list{padding:0 20px 15px}.meta-list>div,.detail-list>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line2);font-size:11px}.meta-list span,.detail-list span{color:var(--muted)}.payslip-mini{padding:22px}.payslip-mini>span,.payslip-mini>strong,.payslip-mini>small{display:block}.payslip-mini>span{color:var(--muted);font-size:11px}.payslip-mini>strong{font-size:25px;margin:5px 0}.payslip-mini>small{font-size:10px;color:var(--muted);margin-bottom:13px}.filter-bar{background:#fff;border:1px solid var(--line);border-radius:15px;padding:11px 13px;margin-bottom:16px}.filter-form{display:flex;align-items:end;gap:9px;flex-wrap:wrap}.filter-form.grow{width:100%}.filter-form label{font-size:10px;color:var(--muted);font-weight:750}.filter-form input,.filter-form select{display:block;margin-top:4px;border:1px solid #d6deea;border-radius:9px;background:#fff;padding:9px 10px;min-height:38px}.grow{flex:1;min-width:180px}.search-field{position:relative;display:flex!important;align-items:center;border:1px solid #d6deea;border-radius:9px;padding-left:10px;margin:0!important;min-height:40px}.search-field input{border:0!important;margin:0!important;width:100%;outline:none;min-width:170px}.form-layout{display:grid;gap:17px}.form-card{padding-bottom:20px}.section-head{padding:20px;display:flex;gap:13px;border-bottom:1px solid var(--line2);margin-bottom:18px}.section-head>span{width:30px;height:30px;border-radius:10px;background:var(--accent-soft);color:var(--accent-dark);display:grid;place-items:center;font-size:10px;font-weight:850}.section-head h2{font-size:16px;margin:0}.section-head p{font-size:11px;color:var(--muted);margin:3px 0 0}.form-grid{padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}.form-grid.compact{padding:14px 0 0}.field{display:block;min-width:0}.field.full,.form-actions.full,.notice.full,.toggle-row.full{grid-column:1/-1}.field>span{display:block;font-size:11px;font-weight:740;color:#46556b;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;border:1px solid #d5deea;background:#fff;border-radius:10px;padding:10px 11px;outline:none;transition:.15s;min-height:40px}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#ff9a6e;box-shadow:0 0 0 4px rgba(255,100,31,.08)}.field small{display:block;color:#8693a5;font-size:9px;margin-top:5px;line-height:1.4}.toggle-row{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:12px;padding:11px;background:#fbfcfe}.toggle-row input{margin-top:2px;width:16px;height:16px;accent-color:var(--accent)}.toggle-row strong,.toggle-row small{display:block}.toggle-row strong{font-size:11px}.toggle-row small{font-size:9px;color:var(--muted);margin-top:2px}.form-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:3px}.sticky-actions{position:sticky;bottom:12px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border:1px solid var(--line);box-shadow:0 12px 35px #0f172a12;border-radius:14px;padding:10px;display:flex;justify-content:flex-end;gap:8px;z-index:15}.notice{border-radius:13px;padding:12px 14px;display:flex;gap:7px;align-items:flex-start;margin-bottom:16px;font-size:11px}.notice strong{white-space:nowrap}.notice-info{background:#eff6ff;border:1px solid #d7e7ff;color:#315f9d}.notice-warning{background:#fff8e9;border:1px solid #ffe4b3;color:#99600d}.row-actions{display:flex;gap:5px;flex-wrap:wrap}.modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:18px}.modal.open{display:flex}.modal-backdrop{position:absolute;inset:0;background:rgba(7,15,28,.58);backdrop-filter:blur(3px)}.modal-card{position:relative;width:min(650px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:20px;box-shadow:0 30px 90px #0005;padding-bottom:20px}.modal-head{padding:19px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:flex-start}.modal-head h2{margin:0;font-size:18px}.modal-head p{margin:3px 0 0;color:var(--muted);font-size:11px}.modal-card .form-grid{padding-top:18px}.profile-title{display:flex;gap:15px;align-items:center}.profile-avatar{width:58px;height:58px;border-radius:17px;background:var(--navy);color:#fff;font-size:19px}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-bottom:17px}.salary-hero{padding:20px}.salary-hero small,.salary-hero strong,.salary-hero span{display:block}.salary-hero small{color:var(--muted);font-size:10px}.salary-hero strong{font-size:27px;margin:4px 0}.salary-hero span{font-size:10px;color:var(--green)}.payroll-rows{padding:3px 16px 16px}.payroll-row{border-bottom:1px solid var(--line2);padding:13px 2px}.payroll-row:last-child{border:0}.payroll-row{display:grid;grid-template-columns:minmax(210px,1.2fr) 2fr auto;align-items:center;gap:16px}.payroll-person{display:flex;gap:10px;align-items:center}.payroll-person strong,.payroll-person small{display:block}.payroll-person strong{font-size:12px}.payroll-person small{font-size:9px;color:var(--muted);margin-top:2px}.payroll-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.payroll-summary small,.payroll-summary strong{display:block}.payroll-summary small{font-size:9px;color:var(--muted)}.payroll-summary strong{font-size:11px;margin-top:2px}.payroll-edit{position:relative}.payroll-edit>summary{cursor:pointer;color:var(--accent-dark);font-size:11px;font-weight:750}.payroll-edit[open]{grid-column:1/-1}.payroll-edit-grid{margin:10px 0 2px;background:#fafbfd;border:1px solid var(--line);border-radius:13px;padding:13px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.payslip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:18px}.payslip-card{border:1px solid var(--line);border-radius:14px;padding:15px;text-decoration:none;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px}.payslip-card>div:first-child{width:47px;height:51px;border-radius:12px;background:#f3f6fa;display:flex;flex-direction:column;justify-content:center;align-items:center}.payslip-card>div:first-child span{font-size:10px;color:var(--muted)}.payslip-card>div:first-child strong{font-size:12px}.payslip-card>div:nth-child(2)>small,.payslip-card>div:nth-child(2)>strong{display:block}.payslip-card>div:nth-child(2)>small{font-size:9px;color:var(--muted)}.payslip-card>div:nth-child(2)>strong{font-size:15px;margin:2px 0 5px}.payslip-sheet{max-width:900px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);overflow:hidden}.payslip-head{padding:28px;background:var(--navy);color:#fff;display:flex;justify-content:space-between;gap:18px}.payslip-head span{font-size:9px;letter-spacing:.12em;color:#ff9b70;font-weight:800}.payslip-head h2{font-size:27px;margin:5px 0}.payslip-head p{color:#99a8ba;margin:0;font-size:11px}.payslip-head>div:last-child{text-align:right}.payslip-head>div:last-child small,.payslip-head>div:last-child strong{display:block}.payslip-head>div:last-child small{color:#a9b6c5;font-size:9px}.payslip-head>div:last-child strong{font-size:17px;margin:3px 0 8px}.payslip-columns{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:28px}.payslip-columns h3{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#718096}.line{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line2);font-size:11px}.line span{color:var(--muted)}.line.total{font-size:13px;border-bottom:0;padding-top:14px}.net-pay{background:#f5f8fc;border-top:1px solid var(--line);padding:20px 28px;display:flex;justify-content:space-between;align-items:center}.net-pay span{font-size:12px;color:var(--muted)}.net-pay strong{font-size:25px}.employer-contrib{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:20px 28px;border-top:1px solid var(--line)}.employer-contrib>div{border:1px solid var(--line);border-radius:11px;padding:11px}.employer-contrib span,.employer-contrib strong{display:block}.employer-contrib span{font-size:9px;color:var(--muted)}.employer-contrib strong{font-size:13px;margin-top:2px}.employer-contrib small{grid-column:1/-1;color:var(--muted);font-size:9px}.branch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.branch-card{padding:18px}.branch-card-head{display:flex;align-items:center;gap:12px;margin-bottom:7px}.branch-card-head>div:nth-child(2){flex:1}.branch-card-head h2{font-size:15px;margin:0}.branch-card-head p{font-size:10px;color:var(--muted);margin:2px 0 0}.notification-card{max-width:950px}.notification-list{padding:5px 16px 16px}.notification-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;text-decoration:none;padding:13px 3px;border-bottom:1px solid var(--line2)}.notification-row:last-child{border:0}.notification-row.unread{background:#fffaf7;margin:0 -10px;padding-left:10px;padding-right:10px;border-radius:10px}.notify-icon{width:35px;height:35px;border-radius:11px;background:#f2f5f9;color:#66768c;display:grid;place-items:center}.notify-icon.warning{background:var(--amber-soft);color:var(--amber)}.notify-icon.success{background:var(--green-soft);color:var(--green)}.notify-icon.danger{background:var(--red-soft);color:var(--red)}.notification-row strong{font-size:12px}.notification-row p{font-size:10px;color:#5c6b80;margin:2px 0 3px}.notification-row small{font-size:9px;color:#9aa6b5}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-bottom:17px}.bars{padding:18px 20px}.bar-row{margin-bottom:13px}.bar-row:last-child{margin:0}.bar-row>div:first-child{display:flex;justify-content:space-between;font-size:10px;margin-bottom:5px}.bar-track{height:7px;background:#edf2f7;border-radius:10px;overflow:hidden}.bar-track i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),#ff9a69);border-radius:10px}.report-metrics{display:grid;grid-template-columns:1fr 1fr;padding:9px 20px 18px}.report-metrics>div{padding:10px 0;border-bottom:1px solid var(--line2)}.report-metrics span,.report-metrics strong{display:block}.report-metrics span{font-size:9px;color:var(--muted)}.report-metrics strong{font-size:13px;margin-top:3px}.separate{margin-top:17px}.top-gap{margin-top:12px}.tiny-muted{color:var(--muted);font-size:10px;line-height:1.55}.text-amber{color:#bb7008;font-weight:650}.flash{padding:12px 14px;border-radius:12px;margin-bottom:14px;font-size:12px;font-weight:650}.flash-success{background:var(--green-soft);border:1px solid #c8f0e0;color:#087856}.flash-error{background:var(--red-soft);border:1px solid #ffd0d5;color:#a82232}.flash-info{background:var(--blue-soft);border:1px solid #dae6ff;color:#315f9d}.mobile-nav,.mobile-only,.sidebar-backdrop{display:none}
/* auth */.auth-body{min-height:100vh;background:radial-gradient(circle at 78% 10%,rgba(255,100,31,.12),transparent 28%),linear-gradient(135deg,#0b1422 0,#101d30 46%,#f4f7fb 46%,#f4f7fb 100%);display:grid;place-items:center;padding:25px}.auth-wrap{width:min(430px,100%)}.auth-brand{display:flex;align-items:center;gap:10px;margin:0 0 14px;color:#fff}.auth-brand strong{display:block;font-size:16px}.auth-card{background:#fff;border:1px solid #dfe6ef;border-radius:22px;padding:28px;box-shadow:0 30px 80px rgba(2,6,23,.25)}.auth-kicker{font-size:9px;color:var(--accent);letter-spacing:.13em;font-weight:850}.auth-card h1{font-size:29px;margin:8px 0 7px;letter-spacing:-.04em}.auth-sub{color:var(--muted);font-size:12px;line-height:1.6;margin:0 0 20px}.stack{display:grid;gap:12px}.stack.compact{margin-top:12px}.auth-card .field span{font-size:10px}.auth-card .field input{padding:12px 13px;min-height:46px}.auth-divider{display:flex;align-items:center;gap:10px;color:#98a4b4;font-size:9px;margin:19px 0 12px}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:var(--line);flex:1}.recovery summary{cursor:pointer;font-size:11px;font-weight:720;color:#536176}.auth-trust{display:flex;gap:9px;align-items:flex-start;border-top:1px solid var(--line);margin-top:21px;padding-top:16px}.auth-trust>span{width:24px;height:24px;border-radius:8px;background:var(--green-soft);color:var(--green);display:grid;place-items:center;font-weight:800}.auth-trust strong,.auth-trust small{display:block}.auth-trust strong{font-size:10px}.auth-trust small{font-size:9px;color:var(--muted);line-height:1.4;margin-top:2px}.back-link{font-size:10px;color:var(--muted);text-decoration:none}.otp-input{text-align:center;font-size:25px!important;font-weight:800;letter-spacing:.25em}.auth-card .flash{margin-top:-5px}
@media(max-width:1100px){.stats-grid.four{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.card.span-2{grid-column:auto}.branch-grid{grid-template-columns:1fr}.payroll-row{grid-template-columns:1fr}.payroll-edit{justify-self:start}.payslip-grid{grid-template-columns:1fr 1fr}}
@media(max-width:780px){:root{--sidebar:270px}.sidebar{transform:translateX(-102%);transition:.22s ease;box-shadow:0 0 50px rgba(0,0,0,.25)}body.sidebar-open .sidebar{transform:translateX(0)}.sidebar-backdrop{position:fixed;inset:0;background:#07101d80;z-index:55;display:block;opacity:0;visibility:hidden;transition:.2s}body.sidebar-open .sidebar-backdrop{opacity:1;visibility:visible}.app-main{margin-left:0}.topbar{height:60px;padding:0 15px}.mobile-only{display:inline-grid}.topbar-title{display:block}.topbar-title small{display:block;font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.topbar-title strong{font-size:12px}.top-avatar{display:none}.page{padding:18px 13px 86px}.page-head{align-items:flex-start;flex-direction:column;margin-bottom:18px}.page-head h1{font-size:28px}.head-actions{width:100%}.head-actions>.btn{flex:1}.inline-filter{flex:1}.inline-filter select{width:100%}.stats-grid.four{grid-template-columns:1fr 1fr;gap:9px}.stat-card{padding:13px;gap:9px}.stat-icon{width:34px;height:34px;flex-basis:34px}.stat-card strong{font-size:18px}.stat-card span{font-size:10px}.stat-card small{font-size:9px}.dashboard-grid{gap:12px}.card{border-radius:15px}.card-head{padding:15px}.card-head h2{font-size:14px}.table-wrap{margin:0}.filter-bar{padding:10px}.filter-form{align-items:stretch;display:grid;grid-template-columns:1fr 1fr}.filter-form label,.filter-form .grow{min-width:0}.filter-form .search-field{grid-column:1/-1}.filter-form .btn{align-self:end}.form-grid{grid-template-columns:1fr;padding:0 15px}.field.full,.form-actions.full,.notice.full,.toggle-row.full{grid-column:1}.form-card{padding-bottom:15px}.section-head{padding:16px}.sticky-actions{bottom:72px}.modal{align-items:flex-end;padding:0}.modal-card{border-radius:20px 20px 0 0;max-height:92vh}.checkin-hero{padding:22px 19px;display:grid;grid-template-columns:1fr auto;gap:12px;min-height:190px}.checkin-copy h2{font-size:22px}.checkin-copy p{font-size:11px}.geo-meta{flex-wrap:wrap;margin-top:14px}.punch-button{width:105px;height:105px;border-width:5px}.punch-button strong{font-size:12px}.punch-button svg{width:22px;height:22px}.employee-stats{grid-template-columns:1fr 1fr!important}.profile-grid,.report-grid{grid-template-columns:1fr}.payroll-banner{align-items:flex-start;flex-direction:column}.payroll-numbers{width:100%;justify-content:space-between}.payroll-summary{grid-template-columns:1fr 1fr}.payroll-edit-grid{grid-template-columns:1fr}.payslip-grid{grid-template-columns:1fr;padding:13px}.payslip-columns{grid-template-columns:1fr;gap:15px;padding:20px}.payslip-head{padding:21px}.employer-contrib{grid-template-columns:1fr;padding:17px 20px}.employer-contrib small{grid-column:1}.report-metrics{grid-template-columns:1fr 1fr}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);bottom:0;left:0;right:0;height:68px;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-top:1px solid var(--line);z-index:50;padding:5px 5px max(5px,env(safe-area-inset-bottom))}.mobile-nav a{text-decoration:none;color:#7b8797;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:8px;font-weight:740;border-radius:10px}.mobile-nav a.active{color:var(--accent);background:#fff6f1}.auth-body{background:var(--navy);padding:0}.auth-wrap{width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:flex-end}.auth-brand{padding:24px 20px 18px;margin:0}.auth-card{border-radius:24px 24px 0 0;border:0;padding:25px 20px max(30px,env(safe-area-inset-bottom));box-shadow:none;min-height:65vh}.auth-card h1{font-size:28px}.branch-card{padding:14px}.branch-card .form-grid{padding-left:0;padding-right:0}.row-actions{min-width:250px}}
@media(max-width:420px){.stats-grid.four{grid-template-columns:1fr}.employee-stats{grid-template-columns:1fr 1fr!important}.checkin-hero{grid-template-columns:1fr;text-align:center}.checkin-action{justify-self:center}.geo-meta{justify-content:center}.live-chip{justify-content:center}.payroll-summary{grid-template-columns:1fr 1fr}.filter-form{grid-template-columns:1fr}.filter-form .search-field{grid-column:1}.report-metrics{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr}.page-head .btn{width:100%}}

/* PeopleOS 1.1 employee attendance + payslip refresh */
.stat-icon.red{background:var(--red-soft);color:var(--red)}
.payslip-v2{max-width:900px;margin:0 auto;border:1px solid #dfe5ed;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 18px 45px rgba(15,23,42,.07)}
.payslip-v2-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:28px 30px 22px;border-bottom:1px solid var(--line)}
.payslip-v2-head h2{font-size:24px;letter-spacing:-.03em;margin:4px 0 3px}.payslip-v2-head p{margin:0;color:var(--muted);font-size:11px}.payslip-brand{font-size:10px;letter-spacing:.14em;font-weight:900;color:var(--accent)}
.payslip-ref{text-align:right}.payslip-ref strong,.payslip-ref span{display:block}.payslip-ref strong{font-size:13px}.payslip-ref span{font-size:11px;color:var(--muted);margin-top:5px}
.payslip-person-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:18px 30px;background:#fafbfd;border-bottom:1px solid var(--line)}.payslip-person-row>div:last-child{text-align:right}.payslip-person-row strong,.payslip-person-row span{display:block}.payslip-person-row strong{font-size:13px}.payslip-person-row span{font-size:10px;color:var(--muted);margin-top:3px}
.payslip-v2-columns{display:grid;grid-template-columns:1fr 1fr;gap:34px;padding:26px 30px 20px}.pay-col-title{display:flex;justify-content:space-between;border-bottom:2px solid #dce3ec;padding-bottom:8px;margin-bottom:3px;color:#637188;font-size:10px;font-weight:850;letter-spacing:.08em}.pay-line{display:flex;justify-content:space-between;gap:18px;padding:9px 0;border-bottom:1px solid var(--line2);font-size:11px}.pay-line span{color:#5f6f84}.pay-line strong{font-variant-numeric:tabular-nums}.pay-line-total{border-bottom:0;padding-top:13px;font-size:12px}
.payslip-attendance{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:0 30px 22px;padding:14px 16px;background:#fff7ed;border:1px solid #ffedd5;border-radius:12px}.payslip-attendance span,.payslip-attendance strong{display:block}.payslip-attendance span{font-size:9px;color:#9a5b24;text-transform:uppercase;letter-spacing:.08em;font-weight:850}.payslip-attendance strong{font-size:11px;margin-top:4px;color:#6f3d16}.payslip-attendance a{font-size:10px;font-weight:800;color:#c2410c;text-decoration:none;white-space:nowrap}
.payslip-net{display:flex;justify-content:space-between;align-items:center;padding:22px 30px;background:#0d1728;color:#fff}.payslip-net>div span,.payslip-net>div strong{display:block}.payslip-net>div span{font-size:9px;color:#9cadc2;letter-spacing:.12em;font-weight:850}.payslip-net>div strong{font-size:29px;letter-spacing:-.03em;margin-top:3px}.payslip-net .badge{background:#fff;color:#24344a}
.payslip-employer{padding:18px 30px;border-bottom:1px solid var(--line)}.payslip-employer span,.payslip-employer strong{display:block}.payslip-employer span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:800}.payslip-employer strong{font-size:11px;margin-top:5px}.payslip-employer small{display:block;color:var(--muted);font-size:9px;margin-top:6px}.payslip-note{padding:16px 30px;background:#fafbfd;border-bottom:1px solid var(--line)}.payslip-note strong{font-size:10px}.payslip-note p{font-size:10px;color:var(--muted);margin:4px 0 0}.payslip-foot{padding:13px 30px;font-size:8.5px;color:#8a97a9;line-height:1.5}
.attendance-mobile-list{display:none}.attendance-self-stats{margin-top:16px}
@media(max-width:780px){.payslip-v2-head{padding:20px;gap:12px}.payslip-v2-head h2{font-size:20px}.payslip-person-row{grid-template-columns:1fr;padding:15px 20px}.payslip-person-row>div:last-child{text-align:left}.payslip-v2-columns{grid-template-columns:1fr;gap:18px;padding:20px}.payslip-attendance{margin:0 20px 18px;align-items:flex-start;flex-direction:column}.payslip-net{padding:19px 20px}.payslip-net>div strong{font-size:24px}.payslip-employer,.payslip-note,.payslip-foot{padding-left:20px;padding-right:20px}.attendance-table{display:none}.attendance-mobile-list{display:grid;padding:8px 13px 14px;gap:9px}.attendance-mobile-card{display:grid;grid-template-columns:48px 1fr;gap:12px;border:1px solid var(--line);border-radius:13px;padding:11px;background:#fff}.attendance-mobile-date{border-radius:10px;background:#f3f6fa;display:grid;place-items:center;align-content:center;min-height:52px}.attendance-mobile-date strong{font-size:18px;line-height:1}.attendance-mobile-date span{font-size:9px;color:var(--muted);text-transform:uppercase;margin-top:3px}.attendance-mobile-copy>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.attendance-mobile-copy>div>strong{font-size:11px}.attendance-mobile-copy p{font-size:11px;font-weight:750;margin:5px 0 2px}.attendance-mobile-copy small{font-size:9px;color:var(--muted)}}
@media print{body{background:#fff!important}.sidebar,.topbar,.mobile-nav,.sidebar-backdrop,.payslip-toolbar,.flash{display:none!important}.app-main{margin:0!important}.page{padding:0!important}.page-inner{max-width:none!important}.payslip-v2{box-shadow:none;border:0;border-radius:0;max-width:none;min-height:100vh}.payslip-v2-head{padding-top:18mm}.payslip-attendance a{display:none}.payslip-net{-webkit-print-color-adjust:exact;print-color-adjust:exact}.payslip-v2,.payslip-v2 *{-webkit-print-color-adjust:exact;print-color-adjust:exact}@page{size:A4;margin:12mm}}

/* PeopleOS 1.2 Operations: POS + workshop */
.ops-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:-8px 0 18px}.ops-strip>a{display:flex;align-items:center;gap:12px;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:15px;padding:14px 16px;box-shadow:var(--shadow)}.ops-strip>a>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--accent-soft);color:var(--accent)}.ops-strip small,.ops-strip strong{display:block}.ops-strip small{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800}.ops-strip strong{font-size:14px;margin-top:3px}.btn-sm{padding:7px 10px;font-size:11px}.stock-inline{display:flex;gap:7px;justify-content:flex-end}.stock-inline input{width:90px;border:1px solid var(--line);border-radius:9px;padding:7px 8px}.click-row{cursor:pointer}.click-row:hover{background:#fafcff}.job-work-cell{max-width:340px}.stat-card{text-decoration:none}.job-stats .stat-card:hover{transform:translateY(-1px);box-shadow:0 13px 34px rgba(15,23,42,.08)}

.pos-kpis{display:flex;gap:9px;margin:-8px 0 14px;overflow:auto;padding-bottom:2px}.pos-kpis>div{min-width:150px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:10px 13px}.pos-kpis span,.pos-kpis strong{display:block}.pos-kpis span{font-size:9px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.06em}.pos-kpis strong{font-size:13px;margin-top:3px}.pos-shell{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(340px,.8fr);gap:14px;align-items:start}.pos-products{min-height:680px;padding-bottom:14px}.pos-search{margin:15px;display:flex;align-items:center;gap:9px;border:1px solid #cfd8e5;background:#f9fbfd;border-radius:13px;padding:0 12px}.pos-search input{border:0;background:transparent;outline:0;width:100%;padding:13px 0;font-size:15px}.pos-category-row{display:flex;gap:7px;padding:0 15px 12px;overflow:auto}.pos-category-row button{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 11px;font-size:10px;font-weight:800;color:#607087;cursor:pointer}.pos-category-row button.active{background:var(--navy);color:#fff;border-color:var(--navy)}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:0 15px}.product-tile{appearance:none;text-align:left;min-height:126px;border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px;cursor:pointer;display:flex;flex-direction:column;transition:.12s}.product-tile:hover{border-color:#ffb58f;box-shadow:0 8px 24px rgba(15,23,42,.06);transform:translateY(-1px)}.product-tile:active{transform:scale(.985)}.product-tile .product-sku{font-size:8px;letter-spacing:.06em;color:#8b98a9;font-weight:850;text-transform:uppercase}.product-tile strong{font-size:12px;line-height:1.25;margin:7px 0 auto}.product-tile small{font-size:12px;font-weight:850;color:var(--ink);margin-top:10px}.product-tile em{font-style:normal;font-size:8px;color:var(--green);margin-top:4px;font-weight:750}.product-tile em.out{color:var(--red)}
.pos-cart{position:sticky;top:84px;overflow:hidden}.cart-head{padding:15px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.cart-head h2{margin:3px 0 0;font-size:18px}.cart-head h2 b{display:inline-grid;place-items:center;min-width:22px;height:22px;border-radius:12px;background:var(--accent-soft);color:var(--accent);font-size:10px}.cart-lines{max-height:300px;overflow:auto;padding:7px 14px}.cart-line{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;border-bottom:1px solid var(--line2);padding:10px 0}.cart-line-copy{min-width:0}.cart-line-copy strong,.cart-line-copy small{display:block}.cart-line-copy strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-line-copy small{font-size:8px;color:var(--muted);margin-top:3px}.cart-line>strong{font-size:10px}.cart-qty{display:flex;align-items:center;border:1px solid var(--line);border-radius:9px;overflow:hidden}.cart-qty button{width:27px;height:28px;border:0;background:#f8fafc;cursor:pointer}.cart-qty b{min-width:27px;text-align:center;font-size:9px}.cart-fields{border-top:1px solid var(--line);padding:12px 14px;display:grid;gap:9px}.cart-fields label{font-size:8px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.04em}.cart-fields input,.cart-fields select{display:block;width:100%;margin-top:4px;border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px 10px;font-size:11px;outline:none}.cart-two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quick-add{justify-self:start;border:0;background:transparent;color:var(--accent);font-size:10px;font-weight:850;padding:0;cursor:pointer}.cart-total{border-top:1px solid var(--line);padding:12px 14px}.cart-total>div{display:flex;justify-content:space-between;padding:4px 0}.cart-total span{font-size:10px;color:var(--muted)}.cart-total strong{font-size:12px}.cart-total>div:last-child strong{font-size:18px;color:var(--ink)}.pos-pay{width:calc(100% - 28px);margin:0 14px 14px;border:0;border-radius:13px;background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#fff;padding:13px 15px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;box-shadow:0 10px 24px rgba(15,23,42,.16)}.pos-pay:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.pos-pay span{font-size:11px;font-weight:800}.pos-pay strong{font-size:14px}.recent-sales{margin-top:14px}

.job-create-layout{display:grid;gap:14px;padding-bottom:75px}.new-customer-fields.is-hidden{display:none}.form-grid.inner{padding:0;grid-template-columns:repeat(2,1fr)}.camera-field{border:1px dashed #cdd7e4;background:#f8fafc;border-radius:13px;padding:12px}.camera-field input{border:0;padding:8px 0;background:transparent}.estimate-lines{padding:0 20px 20px;display:grid;gap:8px}.estimate-lines>div{display:grid;grid-template-columns:minmax(0,1fr) 90px 150px;gap:8px}.estimate-lines input,.add-line-form input,.photo-upload input,.photo-upload select{border:1px solid var(--line);border-radius:10px;padding:10px 11px;min-width:0}.job-detail-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);gap:14px}.job-request{padding:20px;font-size:16px;line-height:1.7}.job-meta-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);background:#fafbfd}.job-meta-strip>div{padding:14px 18px;border-right:1px solid var(--line)}.job-meta-strip>div:last-child{border:0}.job-meta-strip span,.job-meta-strip strong,.job-meta-strip small{display:block}.job-meta-strip span{font-size:8px;color:var(--muted);text-transform:uppercase;font-weight:850;letter-spacing:.06em}.job-meta-strip strong{font-size:12px;margin-top:4px}.job-meta-strip small{font-size:9px;color:var(--muted);margin-top:2px}.compact-grid{padding:15px}.add-line-form{display:grid;grid-template-columns:minmax(0,1fr) 90px 130px auto;gap:8px;padding:13px 15px;border-top:1px solid var(--line)}.photo-upload{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:8px;padding:0 15px 14px}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 15px 15px}.photo-grid a{position:relative;aspect-ratio:4/3;border-radius:11px;overflow:hidden;background:#eef2f7;border:1px solid var(--line)}.photo-grid img{width:100%;height:100%;object-fit:cover}.photo-grid span{position:absolute;left:6px;bottom:6px;background:#07101dc9;color:#fff;border-radius:7px;padding:4px 6px;font-size:8px;font-weight:800}.status-stack{padding:8px 15px 15px;display:grid;gap:8px}.status-stack>div{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid var(--line2)}.report-top{margin-bottom:14px}.report-top>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px}.report-top small{display:block;color:var(--muted);font-size:9px;margin-top:4px}

@media(max-width:1180px){.product-grid{grid-template-columns:repeat(3,1fr)}.pos-shell{grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr)}}
@media(max-width:900px){.pos-shell{grid-template-columns:1fr}.pos-products{min-height:auto}.pos-cart{position:static}.product-grid{grid-template-columns:repeat(4,1fr)}.job-detail-grid{grid-template-columns:1fr}.job-detail-grid .span-2{grid-column:auto}.ops-strip{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:780px){.pos-head .head-actions{display:grid;grid-template-columns:1fr 1fr}.pos-head .head-actions>*{width:100%}.pos-head .inline-filter select{width:100%}.product-grid{grid-template-columns:repeat(2,1fr);gap:8px}.product-tile{min-height:115px}.pos-products{border-radius:15px}.pos-cart{border-radius:15px}.cart-lines{max-height:34vh}.ops-strip{display:flex;overflow:auto}.ops-strip>a{min-width:185px}.job-stats{grid-template-columns:1fr 1fr!important}.estimate-lines{padding:0 14px 14px}.estimate-lines>div{grid-template-columns:minmax(0,1fr) 70px 105px}.form-grid.inner{grid-template-columns:1fr}.job-meta-strip{grid-template-columns:1fr}.job-meta-strip>div{border-right:0;border-bottom:1px solid var(--line)}.add-line-form{grid-template-columns:1fr 70px 100px}.add-line-form .btn{grid-column:1/-1}.photo-upload{grid-template-columns:1fr}.photo-grid{grid-template-columns:repeat(2,1fr)}.stock-inline{min-width:200px}.report-top{grid-template-columns:1fr 1fr!important}}
@media(max-width:420px){.product-grid{grid-template-columns:1fr 1fr}.product-tile{padding:10px;min-height:108px}.cart-two{grid-template-columns:1fr}.photo-grid{grid-template-columns:1fr 1fr}.report-top{grid-template-columns:1fr!important}}
.mobile-pos-bar,.pos-backdrop{display:none}.cart-head-actions{display:flex;align-items:center;gap:6px}
@media(max-width:780px){body:has([data-pos]) .page{padding-bottom:138px}.pos-shell{display:block}.pos-products{margin-bottom:12px}.pos-cart{position:fixed;left:0;right:0;bottom:68px;top:auto;z-index:65;max-height:82vh;overflow:auto;border-radius:22px 22px 0 0;transform:translateY(112%);transition:.22s ease;box-shadow:0 -24px 70px rgba(6,16,30,.24)}body.pos-cart-open .pos-cart{transform:translateY(0)}.pos-cart .cart-lines{max-height:28vh}.mobile-pos-bar{position:fixed;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;left:10px;right:10px;bottom:76px;z-index:52;border:0;border-radius:14px;background:#0d1728;color:#fff;padding:11px 13px;box-shadow:0 14px 34px rgba(6,16,30,.28);text-align:left}.mobile-pos-bar span{font-size:9px;color:#b8c4d4}.mobile-pos-bar strong{text-align:center;font-size:13px}.mobile-pos-bar em{font-style:normal;font-size:9px;color:#ff9a68;font-weight:850}.pos-backdrop{position:fixed;display:block;inset:0;background:#07101d8a;z-index:60;opacity:0;visibility:hidden;transition:.18s}body.pos-cart-open .pos-backdrop{opacity:1;visibility:visible}.recent-sales{display:none}}
.access-badge{margin-left:4px;font-size:8px}

/* PeopleOS 1.2.2 POS reliability + cashier UI refresh */
.pos-head{align-items:flex-end}.pos-head .head-actions{display:flex;align-items:center;gap:9px}.pos-branch-filter select{min-width:160px;height:42px;border:1px solid var(--line);border-radius:11px;background:#fff;padding:0 34px 0 12px;font-weight:750;font-size:12px;outline:none}
.pos-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 14px;overflow:visible}.pos-kpis>div{min-width:0;box-shadow:0 5px 18px rgba(15,23,42,.025)}.pos-kpi-access strong{color:var(--green)}
.pos-shell{grid-template-columns:minmax(0,1.65fr) minmax(350px,.72fr)}.pos-products{overflow:hidden;background:#fff}.pos-products-top{position:sticky;top:70px;z-index:4;background:#fff;border-bottom:1px solid var(--line2);padding-bottom:3px}.pos-search{height:48px;margin:14px 14px 10px;background:#f8fafc}.pos-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);background:#fff}.pos-search input{min-width:0}.pos-search kbd{border:1px solid #dfe5ed;border-bottom-width:2px;border-radius:6px;padding:3px 6px;background:#fff;color:#7b899d;font-size:8px;font-family:inherit;white-space:nowrap}.pos-category-row{padding:0 14px 11px}.product-grid{padding:13px 14px 16px;align-content:start}.product-tile{box-shadow:0 3px 10px rgba(15,23,42,.025)}
.pos-empty-products{min-height:470px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:36px 22px;color:var(--muted)}.pos-empty-products .pos-empty-icon{width:58px;height:58px;border-radius:18px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;margin-bottom:14px}.pos-empty-products h3{margin:0;color:var(--ink);font-size:17px}.pos-empty-products p{max-width:410px;margin:7px auto 15px;font-size:12px;line-height:1.6}.pos-empty-products small{font-size:10px;color:#8492a6}
.pos-cart{border-color:#dbe2ec;box-shadow:0 12px 34px rgba(15,23,42,.06)}.cart-head{background:linear-gradient(180deg,#fff,#fbfcfe)}.cart-lines{min-height:150px}.cart-fields{gap:10px}.pos-field{display:block!important;margin:0!important;color:inherit!important;font-size:inherit!important;text-transform:none!important;letter-spacing:normal!important}.pos-field>span{display:block;margin-bottom:5px;color:var(--muted);font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.055em}.cart-fields .pos-field input,.cart-fields .pos-field select{display:block;width:100%;height:39px;margin:0;border:1px solid #d9e0e9;background:#fff;border-radius:10px;padding:0 10px;font-size:11px;font-weight:650;outline:none}.cart-fields .pos-field input:focus,.cart-fields .pos-field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.quick-add{width:max-content;padding:2px 0 3px}.cart-total{background:#fbfcfe}.cart-total .cart-grand-total{margin-top:4px;padding-top:10px;border-top:1px dashed #d9e0e9}.cart-total .cart-grand-total span{font-weight:800;color:var(--ink)}.cart-total .cart-grand-total strong{font-size:20px}.pos-pay{min-height:48px}.pos-pay:not(:disabled):hover{filter:brightness(.98);transform:translateY(-1px)}
@media(max-width:1180px){.pos-kpis{grid-template-columns:repeat(2,1fr)}.pos-shell{grid-template-columns:minmax(0,1.3fr) minmax(340px,.85fr)}}
@media(max-width:900px){.pos-shell{grid-template-columns:1fr}.pos-products-top{position:static}.pos-kpis{grid-template-columns:repeat(4,minmax(145px,1fr));overflow:auto}.pos-kpis>div{min-width:145px}}
@media(max-width:780px){.pos-head{align-items:stretch}.pos-head .head-actions{display:grid;grid-template-columns:1fr}.pos-kpis{display:flex}.pos-kpis>div{min-width:145px}.pos-search{margin:11px 11px 8px}.pos-category-row{padding:0 11px 9px}.product-grid{padding:10px 11px 13px}.pos-empty-products{min-height:300px}.pos-cart{max-height:84vh}.cart-lines{min-height:100px}.cart-fields{padding:11px 13px}.pos-pay{margin-bottom:calc(14px + env(safe-area-inset-bottom))}}


/* PeopleOS 1.3.0 catalog work lines + admin branding */
.brand-mark.brand-logo{padding:4px;background:#fff;overflow:hidden;box-shadow:none}.brand-mark.brand-logo img{width:100%;height:100%;object-fit:contain;border-radius:9px}.auth-brand .brand-logo{width:44px;height:44px}.branding-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 20px 16px}.brand-upload-card{border:1px solid var(--line);border-radius:14px;padding:14px;display:grid;grid-template-columns:78px 1fr;gap:14px;align-items:start;background:#fbfcfe}.brand-preview{width:78px;height:78px;border:1px dashed #cfd8e5;border-radius:15px;background:#fff;display:grid;place-items:center;overflow:hidden}.brand-preview img{max-width:68px;max-height:68px;object-fit:contain}.brand-upload-card strong{font-size:13px}.brand-upload-card p{margin:4px 0 10px;color:var(--muted);font-size:11px;line-height:1.5}.brand-upload-card input[type=file]{max-width:100%;font-size:10px}.brand-upload-card small{display:block;color:var(--muted2);font-size:9px;margin-top:5px}.mini-check{display:flex;gap:6px;align-items:center;margin-top:10px;font-size:10px;color:#59687c}.brand-colors{padding:0 20px 20px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.color-field{border:1px solid var(--line);border-radius:13px;padding:12px;background:#fff}.color-field>span{display:block;font-size:10px;color:var(--muted);font-weight:800;margin-bottom:8px}.color-field>div{display:flex;gap:9px;align-items:center}.color-field input[type=color]{width:48px;height:38px;border:0;padding:2px;border-radius:9px;background:#fff;cursor:pointer}.color-field code{font-size:11px}.brand-reset{grid-column:1/-1}.estimate-head{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(260px,1.4fr) 80px 120px;gap:8px;padding:0 20px 7px;color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.estimate-lines-catalog>div{grid-template-columns:minmax(220px,.9fr) minmax(260px,1.4fr) 80px 120px}.estimate-lines select,.estimate-lines input{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 11px;min-width:0;background:#fff}.estimate-note{padding:0 20px 18px;color:var(--muted);font-size:10px}.add-line-form.add-line-catalog{grid-template-columns:minmax(210px,.8fr) minmax(220px,1.15fr) 80px 120px auto}.add-line-form select{border:1px solid var(--line);border-radius:10px;padding:10px 11px;min-width:0;background:#fff}.payslip-brand-wrap{display:flex;gap:13px;align-items:center}.payslip-logo{max-width:76px;max-height:52px;object-fit:contain}
@media(max-width:900px){.branding-grid{grid-template-columns:1fr}.brand-colors{grid-template-columns:1fr 1fr}.estimate-head{display:none}.estimate-lines-catalog>div{grid-template-columns:1fr 1fr 70px 110px}.estimate-lines-catalog>div select{grid-column:1/-1}.add-line-form.add-line-catalog{grid-template-columns:1fr 1fr 70px 110px}.add-line-form.add-line-catalog select{grid-column:1/-1}.add-line-form.add-line-catalog .btn{grid-column:1/-1}}
@media(max-width:620px){.brand-colors{grid-template-columns:1fr}.brand-upload-card{grid-template-columns:62px 1fr}.brand-preview{width:62px;height:62px}.brand-preview img{max-width:54px;max-height:54px}.estimate-lines-catalog>div{grid-template-columns:1fr 72px 105px}.estimate-lines-catalog>div select,.estimate-lines-catalog>div [data-line-description]{grid-column:1/-1}.add-line-form.add-line-catalog{grid-template-columns:1fr 72px 105px}.add-line-form.add-line-catalog select,.add-line-form.add-line-catalog [data-line-description]{grid-column:1/-1}}

/* PeopleOS 1.3.1 POS tender/change + invoice UX */
.product-grid{grid-template-columns:repeat(auto-fill,minmax(175px,1fr))}.product-tile{min-height:142px;overflow:hidden;position:relative}.product-tile-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.product-category{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:800;color:#6b7a8f;background:#f3f6fa;border-radius:999px;padding:3px 7px}.product-tile .product-name{display:block!important;color:var(--ink)!important;font-size:13px!important;line-height:1.35!important;margin:10px 0 14px!important;min-height:35px;overflow:hidden}.product-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-top:auto}.product-bottom small,.product-bottom em{margin:0!important}.product-bottom small{font-size:13px!important}.product-bottom em{text-align:right;white-space:nowrap}
.cart-payment-result{margin-top:7px;padding-top:10px!important;border-top:1px dashed #d9e0e9}.cart-payment-result strong{font-size:17px!important}.cart-payment-result.is-change span,.cart-payment-result.is-change strong{color:#087856!important}.cart-payment-result.is-due span,.cart-payment-result.is-due strong{color:#a45d00!important}.cart-payment-result.is-even span{color:var(--muted)!important}.cart-payment-result.is-even strong{color:var(--ink)!important}
.sale-complete-modal{z-index:90}.sale-complete-card{max-width:470px;text-align:center;padding:28px}.sale-check{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;margin:0 auto 15px;background:var(--green-soft);color:var(--green);font-size:28px;font-weight:900}.sale-complete-copy h2{font-size:24px;margin:5px 0 4px;letter-spacing:-.03em}.sale-complete-copy p{margin:0;color:var(--muted)}.sale-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0 12px}.sale-result-grid>div{border:1px solid var(--line);border-radius:13px;padding:13px;background:#fbfcfe;text-align:left}.sale-result-grid span,.sale-result-grid strong{display:block}.sale-result-grid span{font-size:9px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.05em}.sale-result-grid strong{font-size:17px;margin-top:4px}.sale-result-grid .positive{background:var(--green-soft);border-color:#c8f0e0}.sale-result-grid .positive strong{color:#087856}.sale-result-grid .warning{background:var(--amber-soft);border-color:#ffe2ad}.sale-result-grid .warning strong{color:#a45d00}.invoice-mail-note{padding:10px 12px;border-radius:10px;background:#f4f7fb;color:#59687c;font-size:10px;line-height:1.5}.sale-complete-actions{display:grid;grid-template-columns:1.25fr 1fr;gap:9px;margin-top:18px}.recent-sales td:last-child{text-align:right;white-space:nowrap}
@media(max-width:520px){.product-grid{grid-template-columns:1fr 1fr}.product-tile{min-height:132px}.sale-complete-card{padding:22px 16px}.sale-result-grid{grid-template-columns:1fr}.sale-complete-actions{grid-template-columns:1fr}}


/* PeopleOS 1.4.0 private technical console + audited impersonation */
.impersonation-banner{position:sticky;top:0;z-index:1200;background:#111827;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 18px;border-bottom:2px solid #f59e0b}.impersonation-banner div{display:flex;gap:10px;align-items:baseline}.impersonation-banner strong{font-size:12px}.impersonation-banner span{font-size:11px;color:#d1d5db}.btn-light{background:#fff;color:#111827;border:1px solid #e5e7eb}.btn-sm{padding:8px 11px!important;font-size:11px!important;border-radius:9px!important}.btn-dark{background:#172033;color:#fff;border:1px solid #2b3852}.platform-body{margin:0;background:#080d17;color:#dce5f4;font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.platform-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.platform-sidebar{background:#070b14;border-right:1px solid #1f2937;padding:18px 14px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.platform-brand{display:flex;gap:11px;align-items:center;padding:8px 8px 22px}.platform-brand>span,.platform-login-mark{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#ff641f,#fb923c);font-weight:950;color:#fff}.platform-brand strong{display:block;font-size:13px}.platform-brand small{font-size:8px;letter-spacing:.12em;color:#64748b}.platform-sidebar nav{display:grid;gap:4px}.platform-sidebar nav a{display:flex;align-items:center;gap:10px;color:#9eabc0;text-decoration:none;padding:10px 11px;border-radius:10px;font-size:12px;font-weight:750}.platform-sidebar nav a.active,.platform-sidebar nav a:hover{background:#152033;color:#fff}.platform-side-foot{margin-top:auto;border-top:1px solid #1f2937;padding:14px 8px 4px}.platform-side-foot strong,.platform-side-foot small{display:block}.platform-side-foot small{color:#64748b;font-size:10px;margin:2px 0 10px}.platform-main{min-width:0}.platform-topbar{height:70px;border-bottom:1px solid #1f2937;background:#0b111d;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:10}.platform-topbar small,.platform-topbar strong{display:block}.platform-topbar small{font-size:9px;letter-spacing:.1em;color:#64748b;text-transform:uppercase}.platform-topbar strong{font-size:13px}.platform-page{padding:24px;max-width:1500px;margin:auto}.platform-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:2px 0 20px}.platform-page-head.compact{margin-top:28px}.platform-page-head h1{font-size:32px;margin:4px 0}.platform-page-head h2{margin:0 0 5px}.platform-page-head p{margin:0;color:#8290a6;max-width:820px}.platform-private-badge{border:1px solid #3b4557;color:#fbbf24;background:#111827;padding:7px 10px;border-radius:999px;font-size:10px;font-weight:800}.platform-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.platform-kpi-grid>div,.platform-card{background:#0f1724;border:1px solid #222d40;border-radius:16px;box-shadow:0 12px 40px #0003}.platform-kpi-grid>div{padding:16px}.platform-kpi-grid span,.platform-kpi-grid small{display:block;color:#78869d;font-size:10px}.platform-kpi-grid strong{display:block;font-size:22px;margin:3px 0;color:#fff}.platform-grid,.platform-log-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.platform-card{padding:0;overflow:hidden}.platform-card.span-2{grid-column:span 2}.platform-card.span-3{grid-column:span 3}.platform-card-head{padding:16px 18px;border-bottom:1px solid #222d40;display:flex;justify-content:space-between;gap:15px;align-items:center}.platform-card-head.sub{margin-top:18px;border-top:1px solid #222d40}.platform-card-head h2{font-size:14px;margin:0;color:#fff}.platform-card-head p{font-size:10px;margin:3px 0 0;color:#77859b}.platform-card-head a{color:#ff8b55;font-size:10px}.health-dot{width:11px;height:11px;border-radius:50%;background:#ef4444;box-shadow:0 0 0 5px #ef44441c}.health-dot.ok{background:#10b981;box-shadow:0 0 0 5px #10b9811c}.health-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#222d40}.health-grid>div{background:#0f1724;padding:16px}.health-grid span,.health-grid small{display:block;color:#78869d;font-size:10px}.health-grid strong{display:block;color:#fff;font-size:13px;margin:3px 0}.platform-list{padding:8px 16px}.platform-list>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #202b3d}.platform-list>div:last-child{border-bottom:0}.platform-list span{color:#78869d;font-size:10px}.platform-list strong{font-size:11px;color:#fff;text-align:right}.platform-body table{color:#dce5f4}.platform-body table th{color:#718098;background:#0b111d;border-color:#222d40}.platform-body table td{border-color:#222d40}.platform-body table small{display:block;color:#718098;font-size:9px}.platform-form{padding:18px}.platform-form.compact{padding:14px}.platform-body .field span{color:#8897ad}.platform-body .field input,.platform-body .field select,.platform-search input{background:#0a111e;border-color:#2a374d;color:#fff}.platform-body .toggle-row{background:#0a111e;border-color:#2a374d}.platform-body .notice-info{background:#0b1c2b;border-color:#164e63;color:#c7eaf7}.feature-switch-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:12px 0 16px}.feature-switch-grid label{display:flex;gap:9px;align-items:center;border:1px solid #28354a;border-radius:12px;padding:11px;background:#0a111e}.feature-switch-grid span{display:block}.feature-switch-grid strong,.feature-switch-grid small{display:block}.feature-switch-grid small{color:#718098;font-size:9px}.platform-owner-list{padding:8px 16px}.platform-owner-list>div{padding:10px 0;border-bottom:1px solid #222d40}.platform-owner-list strong,.platform-owner-list small{display:block}.platform-owner-list small{font-size:9px;color:#718098}.platform-branch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.platform-search{display:flex;gap:8px;margin-bottom:12px}.platform-search input{min-width:320px;padding:10px 12px;border:1px solid #2a374d;border-radius:10px}.platform-mini-log{max-height:520px;overflow:auto;padding:8px 16px}.platform-mini-log>div{padding:10px 0;border-bottom:1px solid #222d40}.platform-mini-log strong,.platform-mini-log span,.platform-mini-log small{display:block}.platform-mini-log strong{font-size:10px}.platform-mini-log span,.platform-mini-log small{color:#718098;font-size:9px}.platform-pre{margin:0;padding:14px;background:#060a11;color:#a7f3d0;max-height:420px;overflow:auto;white-space:pre-wrap;font:10px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.platform-auth-body{margin:0;background:radial-gradient(circle at 50% 0,#1b2b45,#070b14 45%);min-height:100vh;color:#e5e7eb;font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.platform-auth-shell{min-height:100vh;display:grid;place-items:center;padding:20px}.platform-login-card{width:min(440px,94vw);background:#0f1724;border:1px solid #28354a;border-radius:22px;padding:28px;box-shadow:0 30px 90px #0008}.platform-login-card h1{font-size:30px;margin:9px 0}.platform-login-card>p{color:#8a98ad}.platform-login-form{display:grid;gap:10px;margin-top:20px}.platform-login-card .field input{background:#09111e;border-color:#314059;color:#fff}.platform-security-copy{display:block;color:#64748b;font-size:9px;margin-top:16px}.platform-login-mark{margin-bottom:15px}.platform-body .flash{margin-bottom:12px}.platform-body .eyebrow{color:#ff8b55}.platform-body .badge-info{background:#14233b;color:#93c5fd}.platform-body .badge-success{background:#0b2d26;color:#6ee7b7}.platform-body .badge-danger{background:#351619;color:#fda4af}
@media(max-width:1050px){.platform-shell{grid-template-columns:72px 1fr}.platform-sidebar{padding:14px 8px}.platform-brand div,.platform-sidebar nav a span,.platform-side-foot div{display:none}.platform-brand{justify-content:center}.platform-sidebar nav a{justify-content:center}.platform-kpi-grid{grid-template-columns:1fr 1fr}.platform-grid,.platform-log-grid{grid-template-columns:1fr 1fr}.platform-card.span-3{grid-column:span 2}.platform-branch-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.impersonation-banner{align-items:flex-start}.impersonation-banner div{display:block}.impersonation-banner span{display:block}.platform-shell{display:block}.platform-sidebar{position:static;height:auto;display:block}.platform-brand{justify-content:flex-start}.platform-brand div{display:block}.platform-sidebar nav{display:flex;overflow:auto}.platform-sidebar nav a span{display:block;white-space:nowrap}.platform-side-foot{display:none}.platform-topbar{position:static}.platform-page{padding:14px}.platform-kpi-grid,.platform-grid,.platform-log-grid,.platform-branch-grid{grid-template-columns:1fr}.platform-card.span-2,.platform-card.span-3{grid-column:span 1}.health-grid{grid-template-columns:1fr 1fr}.platform-page-head{align-items:flex-start;flex-direction:column}.platform-search input{min-width:0;flex:1}.feature-switch-grid{grid-template-columns:1fr}}

/* PeopleOS 1.5.0 owner intelligence, accountability and invoice delivery */
.badge-neutral{background:#f1f5f9;color:#566478;border:1px solid #dce3ec}
.table-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}.table-actions form{margin:0}.report-downloads{justify-content:flex-end}.advanced-kpis{grid-template-columns:repeat(4,minmax(0,1fr));padding:0;gap:12px}.advanced-kpis>div{border-bottom:0}.advanced-kpis strong{font-size:17px}.report-ledger{margin-bottom:17px}.daily-bars{max-height:390px;overflow:auto}.mini-list{padding:8px 18px 15px}.mini-list>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid var(--line2)}.mini-list>div:last-child{border-bottom:0}.mini-list span{min-width:0}.mini-list span strong,.mini-list span small{display:block}.mini-list span small{font-size:9px;color:var(--muted);margin-top:2px}.mini-list>div>strong{font-size:12px;white-space:nowrap}.job-meta-strip{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.recent-sales .table-actions{min-width:120px}.invoice-mail-note form{vertical-align:middle}.flash-warning{background:var(--amber-soft);border:1px solid #ffe2ad;color:#925b06}
@media(max-width:1050px){.advanced-kpis{grid-template-columns:1fr 1fr}.report-downloads{width:100%;justify-content:flex-start}}
@media(max-width:780px){.advanced-kpis{grid-template-columns:1fr 1fr}.report-downloads .btn{flex:1 1 145px}.table-actions{justify-content:flex-start}.job-meta-strip{grid-template-columns:1fr 1fr}}
@media(max-width:420px){.advanced-kpis{grid-template-columns:1fr}.job-meta-strip{grid-template-columns:1fr}}

/* PeopleOS 1.6.0 production POS touch/card fixes */
.product-grid{grid-template-columns:repeat(auto-fill,minmax(155px,185px));justify-content:start;align-items:stretch;gap:10px}
.product-tile{width:100%;min-width:0;min-height:138px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;position:relative;isolation:isolate}
.product-tile:focus-visible{outline:3px solid var(--accent-soft);outline-offset:2px;border-color:var(--accent)}
.product-tile.is-added{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft),0 8px 24px rgba(15,23,42,.06)}
.product-cart-qty{position:absolute;right:8px;top:8px;z-index:3;display:grid;place-items:center;min-width:25px;height:25px;padding:0 7px;border-radius:999px;background:var(--accent);color:#fff;font-size:9px;font-weight:900;box-shadow:0 4px 10px rgba(15,23,42,.16);pointer-events:none}
.product-cart-qty[hidden]{display:none!important}
.product-tile .product-name{word-break:break-word}
.product-bottom{width:100%}
@media(max-width:900px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));justify-content:stretch}}
@media(max-width:520px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:10px 10px 90px}.product-tile{min-height:128px;padding:11px}.product-tile .product-name{font-size:12px!important;margin:8px 0 12px!important}.product-bottom{align-items:flex-end;gap:4px}.product-bottom small{font-size:11px!important}.product-bottom em{font-size:7px!important}.pos-products{min-height:calc(100dvh - 250px)}.mobile-pos-bar{z-index:70}}

/* PeopleOS 1.6.0 customer 360, customer care and public job tracking */
.customer-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,.55fr);gap:14px}.customer-grid>.span-2{grid-column:1/-1}.card-pad{padding:16px}.customer-care-kpis{grid-template-columns:repeat(4,1fr)}.check-row{display:flex;gap:14px;align-items:center;min-height:42px}.timeline-list{padding:12px 17px 18px}.timeline-item{display:grid;grid-template-columns:18px 1fr;gap:10px;position:relative;padding:9px 0}.timeline-item:before{content:"";position:absolute;left:6px;top:24px;bottom:-10px;width:1px;background:var(--line)}.timeline-item:last-child:before{display:none}.timeline-dot{width:13px;height:13px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);margin-top:3px}.timeline-item strong,.timeline-item small{display:block}.timeline-item small{font-size:9px;color:var(--muted);margin-top:2px}.timeline-item p{margin:5px 0 0;color:#55657a;font-size:11px}
.public-track-body{margin:0;min-height:100vh;background:linear-gradient(180deg,var(--navy) 0 230px,var(--bg) 230px);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink)}.public-track-shell{width:min(720px,calc(100% - 28px));margin:0 auto;padding:36px 0 60px}.track-card{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 24px 70px rgba(15,23,42,.16);overflow:hidden}.track-brand{display:flex;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid var(--line2)}.track-brand img{width:48px;height:48px;object-fit:contain;border-radius:12px}.track-brand>span{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:var(--accent);color:#fff;font-weight:900}.track-brand strong,.track-brand small{display:block}.track-brand small{font-size:9px;color:var(--muted);letter-spacing:.08em}.track-hero{padding:24px 22px 20px}.track-hero h1{font-size:30px;margin:5px 0}.track-hero p{margin:0;color:var(--muted)}.track-meta{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line2);border-bottom:1px solid var(--line2)}.track-meta>div{padding:14px 17px;border-right:1px solid var(--line2)}.track-meta>div:last-child{border-right:0}.track-meta span,.track-meta strong,.track-meta small{display:block}.track-meta span{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800}.track-meta strong{font-size:12px;margin-top:3px}.track-meta small{font-size:9px;color:var(--muted);margin-top:2px}.track-work,.track-timeline{padding:20px 22px}.track-work{background:#f8fafc;border-bottom:1px solid var(--line2)}.track-work>span{font-size:9px;color:var(--muted);font-weight:800;text-transform:uppercase}.track-work p{margin:7px 0 0}.track-timeline h2{font-size:17px;margin:0 0 12px}.track-step{display:grid;grid-template-columns:20px 1fr;gap:10px;padding:9px 0;position:relative}.track-step:before{content:"";position:absolute;left:7px;top:26px;bottom:-9px;width:1px;background:var(--line)}.track-step:last-child:before{display:none}.track-step i{width:15px;height:15px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);margin-top:3px}.track-step strong,.track-step small{display:block}.track-step small{font-size:9px;color:var(--muted);margin-top:2px}.track-step p{font-size:11px;color:#55657a;margin:4px 0 0}.track-footer{padding:15px 22px;background:#f8fafc;border-top:1px solid var(--line2);font-size:9px;color:var(--muted)}
@media(max-width:780px){.customer-grid{grid-template-columns:1fr}.customer-grid>.span-2{grid-column:auto}.customer-care-kpis{grid-template-columns:1fr 1fr}.track-meta{grid-template-columns:1fr}.track-meta>div{border-right:0;border-bottom:1px solid var(--line2)}.track-meta>div:last-child{border-bottom:0}.public-track-shell{padding-top:18px}}

/* v1.6.0 final POS touch/layout hardening */
[data-product-grid] .product-tile{appearance:none;-webkit-appearance:none;width:100%;min-width:0;display:flex!important;flex-direction:column!important;align-items:stretch!important;text-align:left!important;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation;position:relative;isolation:isolate}
[data-product-grid] .product-tile>*{pointer-events:none}
[data-product-grid] .product-tile:active{transform:scale(.985)}
[data-product-grid] .product-tile.is-added{outline:2px solid var(--accent);outline-offset:-2px;background:var(--accent-soft)}
[data-product-grid] .product-tile[disabled]{opacity:.5;cursor:not-allowed}
.product-cart-qty{position:absolute;top:8px;right:8px;z-index:2;display:grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:var(--accent);color:#fff;font-size:10px;font-weight:900;box-shadow:0 5px 14px rgba(15,23,42,.16)}
.product-cart-qty[hidden]{display:none!important}
@media(max-width:520px){[data-product-grid]{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch!important;justify-content:stretch!important}.product-tile{width:100%!important;max-width:none!important;min-height:126px!important}.product-tile .product-name{min-height:33px}.product-tile-head{min-width:0}.product-sku,.product-category{max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

/* PeopleOS v1.7.0 — production POS / sales / mobile attendance hardening */
[data-product-grid]{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important;gap:10px!important;align-items:stretch!important;align-content:start!important;padding:12px 14px 18px!important}
[data-product-grid] .product-tile{display:grid!important;grid-template-rows:auto minmax(36px,1fr) auto!important;width:100%!important;max-width:none!important;min-width:0!important;min-height:128px!important;height:auto!important;padding:12px!important;overflow:hidden!important;border:1px solid var(--line)!important;background:#fff!important;touch-action:manipulation!important;-webkit-tap-highlight-color:rgba(255,100,31,.12)!important}
[data-product-grid] .product-tile[hidden]{display:none!important}
[data-product-grid] .product-tile>*{pointer-events:none!important;min-width:0}
[data-product-grid] .product-tile .product-name{display:block!important;min-height:0!important;margin:9px 0!important;font-size:13px!important;line-height:1.3!important;overflow-wrap:anywhere!important}
[data-product-grid] .product-bottom{align-self:end!important;width:100%!important}
[data-product-grid] .product-bottom small{font-size:13px!important;font-weight:900!important;white-space:nowrap}
[data-product-grid] .product-bottom em{font-size:8px!important}
.product-cart-qty{position:absolute;right:8px;top:8px;z-index:2;background:var(--accent);color:#fff;border-radius:999px;min-width:22px;height:22px;padding:0 6px;display:grid;place-items:center;font-size:9px;font-weight:900;box-shadow:0 4px 10px rgba(15,23,42,.16)}
.job-link-preview{margin-top:8px;border:1px solid #dce5ef;background:#f8fafc;border-radius:12px;padding:10px;display:flex;justify-content:space-between;gap:10px;align-items:center}.job-link-preview[hidden]{display:none!important}.job-link-preview span,.job-link-preview strong,.job-link-preview small{display:block}.job-link-preview span{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:850}.job-link-preview strong{font-size:12px;margin-top:2px}.job-link-preview small{font-size:9px;color:var(--muted);margin-top:2px}.job-link-preview-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.job-linked-field{border-color:var(--accent)!important;background:var(--accent-soft)!important}
.sale-detail-grid{display:grid;grid-template-columns:1.45fr .75fr;gap:14px}.sale-detail-grid .span-2{grid-column:1/-1}.sale-payment-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.sale-payment-grid>div{background:#fff;padding:14px}.sale-payment-grid span,.sale-payment-grid strong{display:block}.sale-payment-grid span{font-size:9px;color:var(--muted);font-weight:800;text-transform:uppercase}.sale-payment-grid strong{font-size:13px;margin-top:4px}.sales-ledger-kpis{grid-template-columns:repeat(4,1fr)!important}.btn-block{width:100%;justify-content:center}.top-0{padding-top:0!important}
.geo-permission-state{grid-column:1/-1;justify-self:start;margin-top:10px;border:1px solid #f2c7a9;background:#fff7ed;color:#9a4f16;border-radius:999px;padding:6px 10px;font-size:9px;font-weight:850}.geo-permission-state[data-state="granted"]{border-color:#a7e7ce;background:#ecfdf5;color:#087856}.geo-permission-state[data-state="denied"]{border-color:#fecaca;background:#fff1f2;color:#b42318}.location-consent-modal{z-index:100}.location-consent-card{max-width:460px;padding:28px;text-align:center}.location-consent-icon{width:58px;height:58px;border-radius:18px;margin:0 auto 14px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}.location-consent-card h2{margin:0;font-size:24px}.location-consent-card>p{color:var(--muted);line-height:1.6;margin:10px auto 16px;max-width:380px}.location-help{text-align:left;border:1px solid #fecaca;background:#fff7f7;border-radius:12px;padding:12px;margin:12px 0;display:grid;gap:8px}.location-help[hidden]{display:none!important}.location-help strong{font-size:11px}.location-help span{font-size:10px;line-height:1.5;color:#5e6d80}.location-consent-actions{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:16px}.location-consent-card>small{display:block;color:#8996a8;line-height:1.5;margin-top:12px;font-size:9px}
@media(max-width:900px){.sale-detail-grid{grid-template-columns:1fr}.sale-detail-grid .span-2{grid-column:auto}.sale-payment-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){[data-product-grid]{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:9px 10px 92px!important}[data-product-grid] .product-tile{min-height:118px!important;padding:10px!important}[data-product-grid] .product-tile .product-name{font-size:12px!important;margin:7px 0!important}[data-product-grid] .product-bottom{gap:3px!important}[data-product-grid] .product-bottom small{font-size:11px!important}.job-link-preview{align-items:flex-start;flex-direction:column}.job-link-preview-actions{justify-content:flex-start}.sale-payment-grid{grid-template-columns:repeat(2,1fr)}.sales-ledger-kpis{grid-template-columns:1fr 1fr!important}.location-consent-card{margin:12px;padding:22px 16px}.location-consent-actions{grid-template-columns:1fr}.location-consent-actions .btn{width:100%;justify-content:center}.geo-permission-state{justify-self:stretch;text-align:center}}
@media(max-width:360px){[data-product-grid]{grid-template-columns:1fr!important}.sales-ledger-kpis{grid-template-columns:1fr!important}}

/* PeopleOS v1.7.1 — POS finish + Sri Lanka business clock */
.sl-clock{display:grid;grid-template-columns:auto auto;column-gap:7px;row-gap:1px;align-items:baseline;border:1px solid var(--line);background:#fff;border-radius:11px;padding:6px 9px;min-width:154px;line-height:1.05}.sl-clock span{grid-column:1/-1;color:var(--muted);font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.sl-clock strong{font-size:11px;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}.sl-clock small{font-size:7px;color:var(--green);font-weight:900;letter-spacing:.08em}.dashboard-now{display:inline-flex;align-items:center;gap:4px;margin-left:5px;color:#526277}.dashboard-now b{font-weight:750;color:#334155;font-variant-numeric:tabular-nums}.platform-top-actions{display:flex;align-items:center;gap:10px}.platform-body .sl-clock{background:#0a111e;border-color:#29364a}.platform-body .sl-clock span{color:#74839a}.platform-body .sl-clock strong{color:#f8fafc}.platform-body .sl-clock small{color:#34d399}

/* Product cards keep all identity / price / stock information visible without the large blank middle. */
[data-product-grid]{grid-template-columns:repeat(auto-fill,minmax(185px,1fr))!important}
[data-product-grid] .product-tile{grid-template-rows:auto auto auto!important;min-height:112px!important;padding:11px 12px!important;align-content:start!important}
[data-product-grid] .product-tile-head{margin:0 0 8px!important;min-height:18px!important}
[data-product-grid] .product-tile .product-name{margin:0!important;min-height:34px!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden!important}
[data-product-grid] .product-bottom{margin-top:12px!important;padding-top:9px!important;border-top:1px solid var(--line2)!important;align-items:center!important}
[data-product-grid] .product-bottom small{font-size:12px!important;line-height:1.1!important}
[data-product-grid] .product-bottom em{display:inline-flex!important;align-items:center!important;justify-content:center!important;background:var(--green-soft);color:var(--green)!important;border-radius:999px;padding:4px 6px!important;font-size:8px!important;line-height:1!important}
[data-product-grid] .product-bottom em.out{background:var(--red-soft);color:var(--red)!important}
[data-product-grid] .product-tile:hover .product-bottom{border-top-color:#ffd8c5!important}

@media(max-width:780px){
  .sl-clock{min-width:0;padding:5px 7px}.sl-clock span{display:none}.sl-clock strong{font-size:10px}.sl-clock small{font-size:6px}
  .topbar{padding-left:12px;padding-right:12px}.topbar-actions{gap:6px}
  .dashboard-now{display:flex;margin:4px 0 0;flex-wrap:wrap}
  [data-product-grid]{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:10px 10px 92px!important}
  [data-product-grid] .product-tile{min-height:116px!important;padding:10px!important}
  [data-product-grid] .product-tile-head{margin-bottom:6px!important}
  [data-product-grid] .product-tile .product-name{min-height:32px!important;font-size:12px!important}
  [data-product-grid] .product-bottom{margin-top:9px!important;padding-top:7px!important;gap:5px!important}
  [data-product-grid] .product-bottom small{font-size:11px!important}
  [data-product-grid] .product-bottom em{font-size:7px!important;padding:3px 5px!important}

  /* The compact black cart launcher must never cover the red checkout action. */
  body.pos-cart-open{overflow:hidden}
  body.pos-cart-open .mobile-pos-bar{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(22px)!important}
  .mobile-pos-bar{transition:opacity .16s ease,transform .16s ease,visibility .16s ease}
  .pos-cart{bottom:calc(68px + env(safe-area-inset-bottom));max-height:calc(100dvh - 82px - env(safe-area-inset-bottom))!important;overscroll-behavior:contain}
  .pos-cart form{position:relative}
  .pos-pay{position:sticky!important;bottom:0!important;z-index:8!important;width:calc(100% - 24px)!important;margin:4px 12px max(12px,env(safe-area-inset-bottom))!important;min-height:52px!important;box-shadow:0 12px 30px rgba(15,23,42,.25)!important}
  .pos-pay span{font-size:12px!important}.pos-pay strong{font-size:14px!important}
}
@media(max-width:430px){.topbar-title small{display:block;font-size:7px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.topbar-title{display:block}.topbar-title strong{display:block;font-size:12px;margin-top:2px}.sl-clock{padding:5px 6px}.sl-clock small{display:none}}


/* PeopleOS v1.7.2 — desktop product-card visibility, printable invoices and compact user-friendly navigation */
@media(min-width:781px){
  :root{--sidebar:216px}
  .sidebar{padding:14px 10px 12px;transition:width .18s ease,padding .18s ease}
  .sidebar-brand{position:relative;gap:9px;padding:3px 4px 15px;min-height:47px}
  .sidebar-brand .brand-mark{width:38px;height:38px;border-radius:12px}
  .sidebar-brand strong{font-size:13px;max-width:132px}.sidebar-brand span{font-size:8px}
  .sidebar-brand-copy{min-width:0;flex:1}
  .sidebar-compact-toggle{display:grid;place-items:center;width:24px;height:24px;flex:0 0 24px;border:1px solid #304159;border-radius:8px;background:#142236;color:#9fb0c6;cursor:pointer;font-size:17px;line-height:1;padding:0;transition:.15s ease}
  .sidebar-compact-toggle:hover{background:#203047;color:#fff;border-color:#40536d}
  .side-nav{gap:2px}
  .nav-link{gap:9px;min-height:39px;padding:8px 9px;border-radius:10px;font-size:12px}
  .nav-link svg{width:17px;height:17px;flex:0 0 17px}
  .security-pill{padding:8px;margin-bottom:8px;border-radius:11px}.security-pill strong{font-size:10px}.security-pill small{font-size:8px}
  .side-user{padding:5px 3px}.avatar{width:30px;height:30px;border-radius:9px}.user-copy strong{font-size:10px}.user-copy small{font-size:8px}
  .app-main{transition:margin-left .18s ease}

  body.sidebar-compact{--sidebar:72px}
  body.sidebar-compact .sidebar{padding-left:8px;padding-right:8px}
  body.sidebar-compact .sidebar-brand{justify-content:center;padding-left:0;padding-right:0}
  body.sidebar-compact .sidebar-brand-copy,body.sidebar-compact .nav-link span,body.sidebar-compact .security-pill,body.sidebar-compact .user-copy{display:none!important}
  body.sidebar-compact .sidebar-compact-toggle{position:absolute;right:-18px;top:10px;background:#fff;color:#42526a;border-color:var(--line);box-shadow:0 4px 13px rgba(15,23,42,.12)}
  body.sidebar-compact .nav-link{justify-content:center;padding:8px;gap:0}
  body.sidebar-compact .nav-link.active{box-shadow:inset 3px 0 var(--accent)}
  body.sidebar-compact .side-user{justify-content:center;gap:2px;flex-wrap:wrap}
  body.sidebar-compact .side-user .avatar{width:28px;height:28px}
  body.sidebar-compact .side-user form{margin:0}

  [data-product-grid]{grid-template-columns:repeat(auto-fill,minmax(205px,225px))!important;justify-content:start!important;align-items:stretch!important;gap:11px!important;padding:14px!important}
  [data-product-grid] .product-tile{display:flex!important;flex-direction:column!important;min-height:136px!important;height:136px!important;padding:12px 13px!important;overflow:hidden!important;border-radius:14px!important}
  [data-product-grid] .product-tile-head{display:flex!important;visibility:visible!important;opacity:1!important;align-items:center!important;justify-content:space-between!important;gap:7px!important;width:100%!important;height:22px!important;min-height:22px!important;margin:0 0 9px!important;overflow:hidden!important}
  [data-product-grid] .product-sku{display:block!important;visibility:visible!important;opacity:1!important;min-width:0!important;max-width:68%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#738198!important;font-size:8px!important;line-height:1!important;font-weight:850!important;letter-spacing:.035em!important}
  [data-product-grid] .product-category{display:inline-flex!important;visibility:visible!important;opacity:1!important;align-items:center!important;max-width:32%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;flex:0 0 auto!important;font-size:8px!important;line-height:1!important;padding:4px 6px!important}
  [data-product-grid] .product-tile .product-name{display:block!important;flex:1 1 auto!important;width:100%!important;min-height:34px!important;max-height:36px!important;margin:0!important;color:var(--ink)!important;font-size:13px!important;line-height:1.3!important;font-weight:850!important;overflow:hidden!important;text-overflow:ellipsis!important}
  [data-product-grid] .product-bottom{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:7px!important;width:100%!important;margin-top:9px!important;padding-top:9px!important;border-top:1px solid var(--line2)!important}
  [data-product-grid] .product-bottom small{min-width:0!important;font-size:12px!important;font-weight:900!important;line-height:1!important;white-space:nowrap!important}
  [data-product-grid] .product-bottom em{flex:0 0 auto!important;max-width:78px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:8px!important}
}
@media(max-width:780px){
  .sidebar-compact-toggle{display:none!important}
  [data-product-grid] .product-tile-head{display:flex!important;visibility:visible!important;opacity:1!important;height:19px!important;min-height:19px!important;margin:0 0 6px!important}
  [data-product-grid] .product-sku{display:block!important;visibility:visible!important;opacity:1!important;max-width:65%!important;font-size:7px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  [data-product-grid] .product-category{display:inline-flex!important;visibility:visible!important;opacity:1!important;max-width:35%!important;font-size:7px!important;padding:3px 5px!important}
}
/* v1.7.2 product identity legibility: keep SKU/category readable on ordinary desktop scaling. */
@media(min-width:781px){
  [data-product-grid] .product-tile{min-height:148px!important;height:148px!important}
  [data-product-grid] .product-tile-head{height:25px!important;min-height:25px!important;margin-bottom:10px!important}
  [data-product-grid] .product-sku{color:#526177!important;font-size:9px!important;line-height:1.15!important;letter-spacing:.025em!important}
  [data-product-grid] .product-category{color:#526177!important;font-size:9px!important;line-height:1!important;padding:5px 7px!important;background:#f1f5f9!important}
  [data-product-grid] .product-tile .product-name{font-size:14px!important;line-height:1.28!important;min-height:37px!important;max-height:38px!important}
  [data-product-grid] .product-bottom{margin-top:10px!important;padding-top:10px!important}
}
/* The search/category header must stay in normal flow. Sticky positioning was overlapping the first product row on desktop. */
@media(min-width:901px){.pos-products-top{position:relative!important;top:auto!important}}

/* PeopleOS v1.8.0 — grouped operations navigation + owner employee lifecycle controls */
.side-nav{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:2px;scrollbar-width:thin;scrollbar-color:#304159 transparent}
.nav-group{display:grid;gap:2px;margin-bottom:10px}
.nav-group-label{padding:7px 10px 4px;color:#6f8098;font-size:8px;line-height:1;text-transform:uppercase;letter-spacing:.13em;font-weight:850;white-space:nowrap}
.nav-group+.nav-group{border-top:1px solid rgba(148,163,184,.10);padding-top:6px}
.owner-control-hint{font-size:10px;color:#718096;background:#f8fafc;border:1px solid var(--line);padding:6px 9px;border-radius:999px}
.account-state-note{border:1px solid var(--line);background:#f8fafc;border-radius:13px;padding:12px 14px;display:grid;gap:3px}
.account-state-note span{color:#66758a;font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.04em}.account-state-note strong{font-size:13px}.account-state-note small{color:#8491a3;font-size:10px}
.owner-account-controls{margin:18px 0}.account-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px}.account-control-grid>form{border:1px solid var(--line);border-radius:14px;padding:15px;display:grid;gap:12px;align-content:start;background:#fbfcfe}.account-control-grid>form>div strong,.account-control-grid>form>div small{display:block}.account-control-grid>form>div strong{font-size:13px}.account-control-grid>form>div small{font-size:10px;color:var(--muted);line-height:1.5;margin-top:4px}.account-control-grid .danger-control{border-color:#fecdd3;background:#fff8f8}.field.compact{gap:4px}.field.compact input{min-height:38px}.full-detail{grid-column:1/-1}
@media(min-width:781px){body.sidebar-compact .nav-group-label{display:none!important}body.sidebar-compact .nav-group{margin-bottom:7px}body.sidebar-compact .nav-group+.nav-group{padding-top:7px}.sidebar-foot{flex:0 0 auto}}
@media(max-width:780px){.nav-group-label{padding-left:12px;font-size:9px}.nav-group{margin-bottom:12px}.account-control-grid{grid-template-columns:1fr}.owner-control-hint{display:none}}

.archived-control{border:1px solid #fecaca;background:#fff7f7;border-radius:14px;padding:15px;display:grid;gap:5px;align-content:start}.archived-control strong{font-size:13px;color:#991b1b}.archived-control small{font-size:10px;line-height:1.5;color:#7f1d1d}