: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}


/* v1.9.0 — Waiting-area TV management */
.waiting-info{margin-bottom:18px}
.waiting-manage-grid{align-items:start}
.waiting-branch-card{overflow:hidden}
.waiting-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}
.waiting-mini-stats>div{padding:14px 15px;border:1px solid var(--line,#e3eaf3);border-radius:14px;background:var(--panel-soft,#f8fafc);display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.waiting-mini-stats small{color:var(--muted,#64748b);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.waiting-mini-stats strong{font-size:23px;line-height:1;color:var(--ink,#0f172a)}
.waiting-enable{padding:18px;border:1px dashed #cbd5e1;border-radius:16px;background:#f8fafc}
.waiting-enable p{margin:0 0 14px;color:#64748b}
.waiting-link-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px}
.waiting-link-row input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}
.waiting-settings-form{margin-top:18px;padding-top:18px;border-top:1px solid #e7edf5}
.waiting-danger-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid #eef2f7}
.waiting-danger-actions form{margin:0}
@media(max-width:760px){
  .waiting-link-row{grid-template-columns:1fr 1fr}
  .waiting-link-row input{grid-column:1/-1}
  .waiting-mini-stats{grid-template-columns:1fr}
  .waiting-danger-actions{align-items:stretch;flex-direction:column}
  .waiting-danger-actions form,.waiting-danger-actions button{width:100%}
}

/* v1.9.1 — premium Waiting-area TV management */
.waiting-branch-card{border-radius:20px;box-shadow:0 10px 35px rgba(15,23,42,.06);border-color:#e4eaf2}.waiting-branch-card .branch-card-head{padding-bottom:14px;border-bottom:1px solid #eef2f7}.waiting-branch-card .branch-card-head h2{letter-spacing:-.02em}.waiting-mini-stats>div{position:relative;overflow:hidden;background:linear-gradient(145deg,#fbfdff,#f6f9fc)}.waiting-mini-stats>div:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#dbe4ee}.waiting-mini-stats>div:nth-child(2):after{background:#3b82f6}.waiting-mini-stats>div:nth-child(3):after{background:#22c55e}.waiting-link-row input{background:#f8fafc;border-color:#dbe4ee}.waiting-settings-form{background:#fbfcfe;border:1px solid #edf1f6;border-radius:16px;padding:16px;margin-top:18px}.waiting-settings-form .form-actions{margin-top:2px}.waiting-danger-actions{margin-top:18px}.waiting-info{border-radius:16px}.waiting-enable{border-radius:17px;background:linear-gradient(145deg,#fbfdff,#f7fafc)}

/* PeopleOS v1.9.3 — SD Core Support Centre */
.support-page-head{align-items:flex-end}.support-head-actions{display:flex;gap:9px;flex-wrap:wrap}.support-head-actions .btn,.support-submit-bar .btn{display:inline-flex;align-items:center;gap:8px}.support-wa-btn{background:#16a34a;color:#fff;border:1px solid #15803d}.support-wa-btn:hover{background:#15803d}.support-wa-btn.full{display:flex;width:100%;justify-content:center}.support-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--navy),#12243b 58%,#17324f);border:1px solid #253a55;border-radius:22px;color:#fff;padding:24px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(340px,.8fr);gap:22px;box-shadow:0 20px 55px rgba(15,23,42,.14);margin-bottom:18px}.support-hero:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-90px;top:-145px;background:radial-gradient(circle,rgba(255,100,31,.23),transparent 68%);pointer-events:none}.support-hero-copy{display:flex;gap:16px;align-items:flex-start}.support-shield{width:58px;height:58px;flex:0 0 58px;border-radius:18px;background:linear-gradient(135deg,var(--accent),var(--accent-dark));display:grid;place-items:center;box-shadow:0 12px 30px color-mix(in srgb,var(--accent) 30%,transparent)}.support-hero .eyebrow{color:#ffb08b}.support-hero h2{font-size:23px;letter-spacing:-.03em;margin:5px 0 8px}.support-hero p{margin:0;color:#b9c7d9;max-width:760px;line-height:1.7}.support-contact-grid{display:grid;gap:10px;align-content:center}.support-contact-card{position:relative;z-index:1;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;text-decoration:none;color:#fff;padding:12px 13px;border-radius:15px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);backdrop-filter:blur(8px);transition:.16s ease}.support-contact-card:hover{transform:translateY(-1px);background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}.support-contact-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center}.support-contact-icon.mail{background:#1d4ed833;color:#93c5fd}.support-contact-icon.wa{background:#16a34a2b;color:#86efac}.support-contact-card small,.support-contact-card strong,.support-contact-card em{display:block}.support-contact-card small{font-size:8px;letter-spacing:.12em;color:#93a7bf;font-weight:850}.support-contact-card strong{font-size:12px;margin:2px 0}.support-contact-card em{font-style:normal;font-size:9px;color:#8194ad}.support-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px;align-items:start}.support-report-card,.support-history-card,.support-help-card{border-radius:18px}.support-report-card .card-head,.support-history-card .card-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.support-report-card .card-head h2,.support-history-card .card-head h2{margin:3px 0 3px}.support-report-card .card-head p,.support-history-card .card-head p{margin:0;color:var(--muted)}.support-version{font-size:9px;font-weight:850;color:#64748b;border:1px solid var(--line);background:#f8fafc;padding:7px 9px;border-radius:999px;white-space:nowrap}.support-form{padding:0 18px 18px}.support-form .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.support-form .span-2{grid-column:span 2}.support-form textarea{resize:vertical;min-height:132px}.support-submit-bar{margin-top:15px;padding:13px;border:1px solid #dfe7f1;border-radius:14px;background:#f8fafc;display:flex;align-items:center;justify-content:space-between;gap:14px}.support-submit-bar>div{display:flex;align-items:center;gap:9px;color:#475569}.support-submit-bar span strong,.support-submit-bar span small{display:block}.support-submit-bar span strong{font-size:10px}.support-submit-bar span small{font-size:9px;color:#8491a3;margin-top:2px}.support-side-stack{display:grid;gap:12px}.support-help-card{padding:17px}.support-help-card h3{font-size:14px;margin:10px 0 6px}.support-help-card p{font-size:11px;color:#6d7b8f;line-height:1.65;margin:0 0 14px}.support-mini-icon{width:42px;height:42px;border-radius:13px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center}.support-check-list{padding:0;margin:8px 0 0;list-style:none;display:grid;gap:9px}.support-check-list li{position:relative;padding-left:21px;color:#66758a;font-size:10px;line-height:1.55}.support-check-list li:before{content:"✓";position:absolute;left:0;top:0;color:#16a34a;font-weight:900}.support-history-card{margin-top:16px;overflow:hidden}.support-ticket-list{display:grid}.support-ticket{border-top:1px solid var(--line)}.support-ticket:first-child{border-top:0}.support-ticket summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:142px minmax(0,1fr) auto auto 20px;gap:13px;align-items:center;padding:14px 18px;transition:.14s ease}.support-ticket summary::-webkit-details-marker{display:none}.support-ticket summary:hover{background:#fbfcfe}.support-ticket[open] summary{background:#f8fafc;border-bottom:1px solid var(--line)}.support-ticket summary>svg{transition:transform .16s ease;color:#8290a3}.support-ticket[open] summary>svg{transform:rotate(90deg)}.support-ticket-ref strong,.support-ticket-ref small,.support-ticket-main strong,.support-ticket-main small{display:block}.support-ticket-ref strong{font-size:10px;letter-spacing:.04em}.support-ticket-ref small,.support-ticket-main small{font-size:9px;color:#8491a3;margin-top:2px}.support-ticket-main strong{font-size:12px}.support-status{display:inline-flex;align-items:center;justify-content:center;min-width:104px;border-radius:999px;padding:6px 9px;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;background:#eaf0f7;color:#58677c;white-space:nowrap}.support-status.status-submitted{background:#e8f2ff;color:#2563eb}.support-status.status-investigating{background:#fff4dd;color:#b45309}.support-status.status-waiting_user{background:#f3e8ff;color:#7e22ce}.support-status.status-resolved{background:#dcfce7;color:#15803d}.support-status.status-closed{background:#e5e7eb;color:#4b5563}.support-ticket-body{padding:16px 18px 18px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:22px;background:#fff}.support-ticket-description>p{font-size:11px;color:#475569;line-height:1.75;margin:7px 0 12px}.support-ticket-meta{display:flex;gap:8px;flex-wrap:wrap}.support-ticket-meta span{font-size:9px;color:#77869a;padding:6px 8px;border-radius:8px;background:#f8fafc;border:1px solid var(--line)}.support-timeline{border-left:1px solid var(--line);padding-left:18px}.support-update{position:relative;display:grid;grid-template-columns:10px minmax(0,1fr);gap:9px;margin:10px 0}.support-update>span{width:8px;height:8px;border-radius:50%;background:var(--accent);margin-top:5px;box-shadow:0 0 0 4px var(--accent-soft)}.support-update strong,.support-update small{display:block}.support-update strong{font-size:10px}.support-update small{font-size:8px;color:#8a97a8}.support-update p{font-size:10px;color:#5f6e81;margin:5px 0 0;line-height:1.55}.muted{color:var(--muted)}

/* Technical support desk */
.support-platform-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.support-platform-stats>div{background:#0f1724;border:1px solid #222d40;border-radius:16px;padding:16px;box-shadow:0 12px 40px #0003}.support-platform-stats small,.support-platform-stats span{display:block;color:#78869d;font-size:9px}.support-platform-stats strong{display:block;color:#fff;font-size:24px;margin:3px 0}.support-platform-filter{display:grid;grid-template-columns:minmax(260px,1fr) 180px 160px auto auto;gap:8px;padding:12px}.support-platform-filter input,.support-platform-filter select,.support-resolution-form textarea{background:#0a111e;border:1px solid #2a374d;color:#fff;border-radius:10px;padding:10px 11px;font:inherit}.platform-ticket-stack{display:grid;gap:12px;margin-top:12px}.support-platform-ticket{overflow:visible}.support-platform-ticket-head{padding:17px 18px;border-bottom:1px solid #222d40;display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.support-platform-ticket-head h2{font-size:16px;color:#fff;margin:3px 0 4px}.support-platform-ticket-head p{margin:0;color:#78869d;font-size:10px}.support-platform-badges{display:flex;gap:7px;align-items:center}.platform-body .support-status.status-submitted{background:#132b4e;color:#93c5fd}.platform-body .support-status.status-investigating{background:#3a2910;color:#fbbf24}.platform-body .support-status.status-waiting_user{background:#2d1740;color:#d8b4fe}.platform-body .support-status.status-resolved{background:#0b2d26;color:#6ee7b7}.platform-body .support-status.status-closed{background:#252b36;color:#b7c0cf}.support-platform-ticket-grid{display:grid;grid-template-columns:minmax(0,1.4fr) 340px}.support-platform-ticket-grid>div{padding:18px;border-right:1px solid #222d40}.support-diagnostic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.support-diagnostic-grid>div{background:#0a111e;border:1px solid #202c3f;border-radius:11px;padding:10px}.support-diagnostic-grid .span-2{grid-column:span 2}.support-diagnostic-grid small,.support-diagnostic-grid strong{display:block}.support-diagnostic-grid small{font-size:8px;color:#64748b;letter-spacing:.09em}.support-diagnostic-grid strong{font-size:10px;color:#dbe6f5;margin-top:3px;overflow-wrap:anywhere}.support-platform-description{margin-top:10px;padding:13px;border-radius:12px;border:1px solid #202c3f;background:#0a111e}.support-platform-description>small{color:#64748b;font-size:8px;letter-spacing:.09em}.support-platform-description p{color:#aebbd0;font-size:11px;line-height:1.7;margin:7px 0 0}.support-resolution-form{display:grid;gap:12px;align-content:start}.support-resolution-form h3{margin:4px 0 2px;color:#fff}.support-resolution-form>div p{color:#718098;font-size:9px;margin:0}.support-resolution-form textarea{resize:vertical;min-height:108px}.platform-body .support-resolution-form .field textarea{width:100%}

@media(max-width:1100px){.support-hero{grid-template-columns:1fr}.support-layout{grid-template-columns:1fr}.support-side-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.support-platform-ticket-grid{grid-template-columns:1fr}.support-platform-ticket-grid>div{border-right:0;border-bottom:1px solid #222d40}.support-platform-filter{grid-template-columns:1fr 1fr 1fr auto auto}}
@media(max-width:780px){.support-page-head{align-items:flex-start}.support-head-actions{width:100%}.support-head-actions .btn{flex:1;justify-content:center}.support-hero{padding:18px;border-radius:17px}.support-hero-copy{display:block}.support-shield{margin-bottom:13px}.support-hero h2{font-size:19px}.support-contact-grid{grid-template-columns:1fr}.support-form .form-grid{grid-template-columns:1fr}.support-form .span-2{grid-column:span 1}.support-submit-bar{align-items:flex-start;flex-direction:column}.support-submit-bar .btn{width:100%;justify-content:center}.support-side-stack{grid-template-columns:1fr}.support-ticket summary{grid-template-columns:108px minmax(0,1fr) auto 18px}.support-ticket summary>.badge{display:none}.support-ticket summary>.support-status{grid-column:2;justify-self:start}.support-ticket summary>svg{grid-column:4;grid-row:1/3}.support-ticket-body{grid-template-columns:1fr}.support-timeline{border-left:0;border-top:1px solid var(--line);padding:15px 0 0}.support-platform-stats{grid-template-columns:1fr 1fr}.support-platform-filter{grid-template-columns:1fr}.support-platform-filter .btn{width:100%}.support-platform-ticket-head{display:block}.support-platform-badges{margin-top:10px}.support-platform-ticket-grid{grid-template-columns:1fr}.support-diagnostic-grid{grid-template-columns:1fr}.support-diagnostic-grid .span-2{grid-column:span 1}}
@media(max-width:480px){.support-platform-stats{grid-template-columns:1fr}.support-ticket summary{grid-template-columns:1fr auto;padding:13px}.support-ticket-ref{grid-column:1}.support-ticket-main{grid-column:1}.support-ticket summary>.support-status{grid-column:1}.support-ticket summary>svg{grid-column:2;grid-row:1/4}.support-contact-card{grid-template-columns:40px minmax(0,1fr) auto}}

/* PeopleOS v1.9.6 — branch inventory bulk import + Galle stock loader */
.product-page-head .page-head-actions{display:flex;gap:8px;flex-wrap:wrap}.galle-import-card{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:15px;align-items:center;padding:17px 18px;margin-bottom:14px;border:1px solid #cfe1ff;background:linear-gradient(135deg,#f8fbff,#fff)}.galle-import-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#e8f2ff;color:#2563eb}.galle-import-copy h2{font-size:15px;margin:3px 0 5px}.galle-import-copy p{margin:0;color:#475569;font-size:11px;line-height:1.55}.galle-import-copy small{display:block;margin-top:5px;color:#718096;font-size:9px;line-height:1.5}.inventory-key{font-size:9px;color:#64748b;background:#f8fafc;border:1px solid var(--line);border-radius:999px;padding:6px 9px}.products-table .text-warning{color:#b45309;font-weight:800}.product-row-actions{display:flex;align-items:center;gap:6px;justify-content:flex-end}.product-row-actions .stock-inline{margin:0}.inventory-import-modal{max-width:650px}.inventory-import-form{display:grid;gap:14px}.upload-drop{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:11px;align-items:center;padding:15px;border:1px dashed #b8c6d8;border-radius:14px;background:#f8fafc;cursor:pointer}.upload-drop-icon{grid-row:1/3;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}.upload-drop strong{font-size:12px}.upload-drop small{font-size:9px;color:#748296;margin-top:2px}.upload-drop input{grid-column:1/3;margin-top:11px;width:100%}.import-columns{padding:13px;border:1px solid var(--line);border-radius:12px;background:#fff}.import-columns>strong{display:block;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#64748b;margin-bottom:9px}.import-columns>div{display:flex;gap:6px;flex-wrap:wrap}.import-columns span{font-size:9px;font-weight:800;color:#516078;background:#f1f5f9;border-radius:999px;padding:5px 7px}.btn-ghost{background:transparent;border:1px solid var(--line);color:#526177}
@media(max-width:900px){.galle-import-card{grid-template-columns:46px 1fr}.galle-import-card form{grid-column:1/3}.galle-import-card form .btn{width:100%;justify-content:center}.product-row-actions{align-items:stretch;flex-direction:column}.product-row-actions .stock-inline{display:grid;grid-template-columns:minmax(80px,1fr) auto}.product-row-actions .btn{justify-content:center}}
@media(max-width:620px){.product-page-head .page-head-actions{width:100%}.product-page-head .page-head-actions .btn{flex:1;justify-content:center}.galle-import-card{padding:14px}.inventory-key{display:none}}

.galle-verification-notes{margin-top:9px;border-top:1px solid #dbe7f5;padding-top:8px}.galle-verification-notes summary{cursor:pointer;color:#1d4ed8;font-size:9px;font-weight:900;letter-spacing:.02em}.galle-verification-notes>div{margin-top:8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.galle-verification-notes p{margin:0!important;padding:7px 8px;border-radius:9px;background:#fff;border:1px solid #e2e8f0;font-size:8px!important;color:#64748b!important}.galle-verification-notes p strong{display:block;color:#1e293b;font-size:9px}.galle-verification-notes p span{float:right;color:#94a3b8;margin-left:5px}@media(max-width:720px){.galle-verification-notes>div{grid-template-columns:1fr}}

/* PeopleOS v1.9.8 — premium automotive visual experience */
.visual-page-head{position:relative;overflow:hidden;min-height:190px;padding:26px 28px;border:1px solid rgba(15,23,42,.12);border-radius:24px;align-items:center;margin:4px 0 22px;background-size:cover;background-position:center;box-shadow:0 18px 48px rgba(15,23,42,.13);isolation:isolate}
.visual-page-head:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,12,22,.93) 0%,rgba(5,15,27,.78) 44%,rgba(5,15,27,.34) 76%,rgba(5,15,27,.57) 100%)}
.visual-page-head:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(0,0,0,.12));pointer-events:none}
.visual-page-head>div{position:relative;z-index:1}.visual-page-head h1{color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.18)}.visual-page-head p{color:#c7d3df;max-width:760px}.visual-page-head .eyebrow{color:#ff9b6c}.visual-page-head .dashboard-now,.visual-page-head .dashboard-now b{color:#dce7f2}.visual-page-head .head-actions{padding:8px;border-radius:15px;background:rgba(4,12,22,.32);backdrop-filter:blur(8px)}.visual-page-head .inline-filter select{background:rgba(255,255,255,.96);border-color:rgba(255,255,255,.46)}
.visual-dashboard-head{background-image:url("visuals/dashboard-hero.webp");background-position:center 57%}.visual-attendance-head{background-image:url("visuals/attendance-geo.webp");background-position:center 53%}.visual-jobs-head{background-image:url("visuals/workshop-hero.webp");background-position:center 52%}.visual-job-detail-head{background-image:url("visuals/workshop-dark.webp");background-position:center 58%}

.auth-body{position:relative;isolation:isolate;background:#07111e url("visuals/auth-workshop.webp") center/cover fixed no-repeat;place-items:center end;padding:clamp(28px,5vw,82px)}
.auth-body:before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,9,17,.16) 0%,rgba(3,9,17,.32) 44%,rgba(3,9,17,.82) 76%,rgba(3,9,17,.94) 100%),linear-gradient(180deg,rgba(4,10,18,.08),rgba(4,10,18,.35));pointer-events:none}
.auth-wrap{position:relative;z-index:1;width:min(460px,100%)}.auth-brand{padding:0 4px;text-shadow:0 2px 18px rgba(0,0,0,.38)}.auth-card{background:rgba(255,255,255,.965);border-color:rgba(255,255,255,.62);box-shadow:0 34px 100px rgba(0,0,0,.38);backdrop-filter:blur(16px)}

.visual-attendance-checkin{background:linear-gradient(90deg,rgba(5,14,25,.95) 0%,rgba(5,14,25,.82) 48%,rgba(5,14,25,.38) 100%),url("visuals/attendance-geo.webp") center 50%/cover no-repeat;min-height:245px;border:1px solid rgba(255,255,255,.05);box-shadow:0 20px 52px rgba(15,23,42,.18)}
.visual-attendance-checkin:after{background:radial-gradient(circle,rgba(34,197,94,.18),transparent 66%)}

.support-hero{background:linear-gradient(90deg,rgba(7,17,30,.96) 0%,rgba(7,17,30,.88) 53%,rgba(7,17,30,.58) 100%),url("visuals/support-desk.webp") center 47%/cover no-repeat;border-color:#263c56}
.support-hero:after{background:radial-gradient(circle,rgba(255,100,31,.24),transparent 68%)}

.visual-empty{position:relative;isolation:isolate;overflow:hidden;display:grid;place-items:center;min-height:270px;padding:34px 22px;background-size:cover;background-position:center;color:#dbe5ef}
.visual-empty:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(6,15,26,.76),rgba(6,15,26,.54),rgba(6,15,26,.76))}
.visual-empty-copy{max-width:470px;padding:18px 22px;border:1px solid rgba(255,255,255,.15);border-radius:18px;background:rgba(6,15,26,.68);box-shadow:0 16px 44px rgba(0,0,0,.22);backdrop-filter:blur(9px)}
.visual-empty .visual-empty-copy h3{color:#fff;margin:0 0 7px;font-size:20px}.visual-empty .visual-empty-copy p{color:#bac8d7;margin:0;line-height:1.6}.visual-empty-jobs{background-image:url("visuals/empty-jobs.webp");background-position:center 58%}.visual-empty-sales{background-image:url("visuals/empty-sales.webp");background-position:center 48%}.visual-empty-sales-compact{min-height:190px}.visual-empty-sales-compact .visual-empty-copy{padding:13px 17px}.visual-empty-sales-compact .visual-empty-copy h3{font-size:16px}

@media(max-width:780px){
 .visual-page-head{min-height:180px;padding:22px 19px;align-items:flex-start}.visual-page-head:before{background:linear-gradient(90deg,rgba(4,12,22,.94),rgba(4,12,22,.72))}.visual-page-head .head-actions{width:100%;padding:7px}.visual-page-head .head-actions>.btn{background:#fff;color:#263448;border-color:#fff}.visual-page-head .head-actions>.btn.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}
 .auth-body{background-attachment:scroll;background-position:62% center;padding:0;place-items:stretch}.auth-body:before{background:linear-gradient(180deg,rgba(4,11,20,.30) 0%,rgba(4,11,20,.56) 40%,rgba(4,11,20,.94) 70%,rgba(4,11,20,.99) 100%)}.auth-wrap{width:100%;min-height:100vh}.auth-brand{padding:24px 20px 18px}.auth-card{background:rgba(255,255,255,.98);backdrop-filter:none}
 .visual-attendance-checkin{background-position:58% center}.visual-empty{min-height:230px}.visual-empty-copy{padding:16px 17px}
}
@media(prefers-reduced-motion:reduce){.visual-page-head,.visual-attendance-checkin,.auth-body{background-attachment:scroll}}

/* PeopleOS AI Voice Assistant v1.9.14 */
.ai-page{display:flex;flex-direction:column;gap:18px}.ai-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:auto 1fr minmax(220px,310px);gap:20px;align-items:center;padding:24px 26px;border-radius:24px;background:linear-gradient(135deg,#0b1728 0%,#132944 62%,#183653 100%);color:#fff;box-shadow:0 22px 55px rgba(13,23,40,.18)}.ai-hero:after{content:"";position:absolute;width:340px;height:340px;border-radius:50%;right:-110px;top:-170px;background:radial-gradient(circle,rgba(255,100,31,.22),rgba(255,100,31,0) 67%);pointer-events:none}.ai-orb{position:relative;width:76px;height:76px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px rgba(255,255,255,.12),0 15px 30px rgba(0,0,0,.2)}.ai-orb span{position:absolute;border-radius:50%;border:2px solid rgba(255,141,84,.75);animation:aiPulse 2.4s ease-in-out infinite}.ai-orb span:nth-child(1){width:24px;height:24px;background:#ff641f;border:none;box-shadow:0 0 24px rgba(255,100,31,.7)}.ai-orb span:nth-child(2){width:44px;height:44px;animation-delay:.3s}.ai-orb span:nth-child(3){width:62px;height:62px;animation-delay:.6s;opacity:.35}@keyframes aiPulse{0%,100%{transform:scale(.9);opacity:.35}50%{transform:scale(1.06);opacity:1}}.ai-hero-copy{position:relative;z-index:1}.ai-hero-copy .eyebrow{color:#ffb18c}.ai-hero-copy h1{margin:4px 0 6px;font-size:29px;letter-spacing:-.03em}.ai-hero-copy p{margin:0;max-width:690px;color:#c9d5e3;line-height:1.55}.ai-security-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.ai-security-row span{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);font-size:11px;font-weight:800;color:#e8eef6}.ai-provider-card{position:relative;z-index:1;padding:15px 16px;border-radius:17px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px)}.ai-provider-card strong{display:block;font-size:13px;margin-bottom:5px}.ai-provider-card small{display:block;color:#b9c8d8;line-height:1.45}.ai-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.65fr);gap:16px}.ai-chat-card{padding:0;overflow:hidden;min-height:650px;display:flex;flex-direction:column}.ai-chat-head{padding:16px 18px;border-bottom:1px solid #e9eef5;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff}.ai-chat-head>div:first-child{display:flex;flex-direction:column}.ai-chat-head strong{font-size:15px}.ai-chat-head small{font-size:11px;color:#77879a;margin-top:2px}.ai-head-actions{display:flex;align-items:center;gap:8px}.ai-voice-toggle{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:800;color:#536477;background:#f6f8fb;border:1px solid #e5ebf2;padding:8px 10px;border-radius:11px}.ai-voice-toggle input{accent-color:var(--accent)}.ai-messages{flex:1;min-height:410px;max-height:590px;overflow-y:auto;padding:22px;background:linear-gradient(180deg,#f9fbfd 0%,#f5f8fc 100%);display:flex;flex-direction:column;gap:14px}.ai-msg{display:flex;align-items:flex-start;gap:9px;max-width:88%}.ai-msg.user{align-self:flex-end;flex-direction:row-reverse}.ai-msg-avatar{flex:0 0 30px;width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#0d1728;color:#fff;font-size:8px;font-weight:900;letter-spacing:.05em}.ai-msg.user .ai-msg-avatar{background:var(--accent)}.ai-bubble{padding:11px 13px;border-radius:15px 15px 15px 5px;background:#fff;border:1px solid #e3eaf2;box-shadow:0 5px 18px rgba(15,23,42,.045);color:#24364a;line-height:1.55}.ai-msg.user .ai-bubble{border-color:transparent;background:#172a42;color:#fff;border-radius:15px 15px 5px 15px}.ai-bubble strong{font-size:12px}.ai-bubble p{margin:0;white-space:pre-wrap;font-size:13px}.ai-bubble strong+p{margin-top:3px}.ai-msg.pending .ai-bubble{color:#718197}.ai-listening{margin:0 18px 10px;padding:10px 12px;border-radius:12px;background:#fff1e9;border:1px solid #ffd3bd;display:flex;align-items:center;gap:8px;color:#9c3f15}.ai-listening[hidden]{display:none}.ai-listening-dot{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 rgba(255,100,31,.5);animation:aiRecord 1.2s infinite}@keyframes aiRecord{70%{box-shadow:0 0 0 8px rgba(255,100,31,0)}100%{box-shadow:0 0 0 0 rgba(255,100,31,0)}}.ai-listening small{margin-left:auto}.ai-compose{border-top:1px solid #e8edf4;padding:14px 16px 12px;background:#fff}.ai-compose textarea{width:100%;resize:none;min-height:58px;max-height:130px;border:1px solid #dce4ed;border-radius:14px;padding:12px 13px;font:inherit;font-size:13px;outline:none;transition:.2s;background:#fbfcfe;color:#152236}.ai-compose textarea:focus{border-color:color-mix(in srgb,var(--accent) 58%,#dce4ed);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 10%,transparent);background:#fff}.ai-compose-actions{display:flex;align-items:end;gap:8px;margin-top:9px}.ai-language{margin-right:auto;display:flex;align-items:center;gap:7px}.ai-language label{font-size:10px;text-transform:uppercase;letter-spacing:.07em;font-weight:900;color:#8695a6}.ai-language select{border:1px solid #dce4ed;border-radius:9px;background:#fff;padding:7px 9px;font-size:11px}.ai-mic.recording{background:#fff1e9;border-color:#ffc5a8;color:#ba4412}.ai-footnote{padding:0 17px 13px;font-size:9.5px;color:#8a98a8;background:#fff}.ai-side{display:flex;flex-direction:column;gap:14px}.ai-side .card{padding:17px}.ai-prompts{display:flex;flex-direction:column;gap:8px}.ai-prompts button{border:1px solid #e3e9f1;background:#fbfcfe;color:#26384b;border-radius:13px;padding:11px 12px;display:flex;gap:9px;align-items:flex-start;text-align:left;font:inherit;font-size:11.5px;font-weight:700;line-height:1.4;cursor:pointer;transition:.16s}.ai-prompts button:hover{background:#fff5ef;border-color:#ffd3bd;color:#913b16;transform:translateY(-1px)}.ai-prompts svg{flex:none;color:var(--accent);margin-top:1px}.ai-access-scope{padding:13px;border-radius:14px;background:#f7f9fc;border:1px solid #e7edf4;margin-bottom:12px}.ai-access-scope strong{display:block;font-size:12px;color:#14253b;margin-bottom:4px}.ai-access-scope p{margin:0;font-size:10.5px;color:#66778a;line-height:1.55}.ai-global-fab{position:fixed;z-index:45;right:22px;bottom:22px;width:58px;height:58px;border-radius:19px;background:linear-gradient(145deg,var(--accent),#db4510);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 16px 36px color-mix(in srgb,var(--accent) 36%,transparent);border:1px solid rgba(255,255,255,.25);transition:.18s}.ai-global-fab:hover{transform:translateY(-2px);box-shadow:0 20px 40px color-mix(in srgb,var(--accent) 42%,transparent)}.ai-global-fab span{font-size:14px;font-weight:950;line-height:1}.ai-global-fab small{font-size:8px;font-weight:800;opacity:.86;margin-top:3px;letter-spacing:.05em}
@media(max-width:1050px){.ai-grid{grid-template-columns:1fr}.ai-side{display:grid;grid-template-columns:1fr 1fr}.ai-hero{grid-template-columns:auto 1fr}.ai-provider-card{grid-column:1/-1}}
@media(max-width:720px){.ai-hero{grid-template-columns:1fr;padding:20px}.ai-orb{width:62px;height:62px}.ai-hero-copy h1{font-size:24px}.ai-provider-card{grid-column:auto}.ai-side{display:flex}.ai-chat-card{min-height:620px}.ai-messages{padding:16px;min-height:370px}.ai-msg{max-width:96%}.ai-chat-head{align-items:flex-start}.ai-head-actions{flex-direction:column;align-items:flex-end}.ai-compose-actions{flex-wrap:wrap}.ai-language{width:100%;margin:0 0 2px}.ai-compose-actions .btn{flex:1}.ai-global-fab{right:14px;bottom:78px;width:52px;height:52px;border-radius:17px}.ai-security-row{gap:6px}.ai-security-row span{font-size:9.5px;padding:6px 8px}}


/* v1.9.20 Advanced PeopleOS Copilot */
.ai-page[data-ai-state="listening"] .ai-orb{box-shadow:0 0 0 8px rgba(27,165,255,.10),0 0 46px rgba(27,165,255,.38);background:radial-gradient(circle at 50% 45%,rgba(45,190,255,.30),rgba(11,23,40,.95) 68%)}
.ai-page[data-ai-state="listening"] .ai-orb span{border-color:#38bdf8}.ai-page[data-ai-state="listening"] .ai-orb span:nth-child(1){background:#38bdf8;box-shadow:0 0 28px rgba(56,189,248,.9)}
.ai-page[data-ai-state="thinking"] .ai-orb{box-shadow:0 0 0 8px rgba(139,92,246,.10),0 0 52px rgba(139,92,246,.38);background:radial-gradient(circle at 50% 45%,rgba(139,92,246,.34),rgba(11,23,40,.95) 68%)}
.ai-page[data-ai-state="thinking"] .ai-orb span{border-color:#a78bfa;animation-duration:1s}.ai-page[data-ai-state="thinking"] .ai-orb span:nth-child(1){background:#8b5cf6;box-shadow:0 0 30px rgba(139,92,246,.9)}
.ai-page[data-ai-state="speaking"] .ai-orb{animation:aiSpeakGlow 1.15s ease-in-out infinite;background:radial-gradient(circle at 45% 38%,rgba(34,211,238,.35),rgba(124,58,237,.25) 38%,rgba(255,100,31,.18) 62%,rgba(11,23,40,.96) 76%)}
.ai-page[data-ai-state="speaking"] .ai-orb span{border-color:#22d3ee;animation-duration:.72s}.ai-page[data-ai-state="speaking"] .ai-orb span:nth-child(1){background:#f97316;box-shadow:0 0 24px rgba(249,115,22,.8),0 0 44px rgba(34,211,238,.36)}
@keyframes aiSpeakGlow{0%,100%{box-shadow:0 0 26px rgba(34,211,238,.20),0 0 0 0 rgba(139,92,246,.12)}50%{box-shadow:0 0 54px rgba(34,211,238,.44),0 0 0 10px rgba(139,92,246,.08)}}
.ai-followups{display:flex;flex-wrap:wrap;gap:7px;margin:-4px 0 4px 39px;max-width:82%}.ai-followups button{border:1px solid #dfe7f0;background:#fff;color:#31445a;border-radius:999px;padding:7px 10px;font:inherit;font-size:10.5px;font-weight:800;cursor:pointer;box-shadow:0 3px 10px rgba(15,23,42,.04)}.ai-followups button:hover{border-color:#ffc7aa;background:#fff6f0;color:#9a3b12}
@media(max-width:720px){.ai-followups{margin-left:0;max-width:100%}.ai-followups button{font-size:10px}}


/* PeopleOS v1.9.18 — Premium conversational AI studio */
.ai-page-v2{--ai-cyan:#34d6ff;--ai-blue:#4b7cff;--ai-violet:#8b5cf6;--ai-pink:#ed5cc7;--ai-green:#32d6a0;--ai-orange:#ff7a35;gap:0}.ai-page-v2 .ai-studio-shell{position:relative;overflow:hidden;min-height:calc(100vh - 118px);border:1px solid rgba(137,151,179,.18);border-radius:28px;background:#090d17;color:#eef5ff;box-shadow:0 28px 90px rgba(8,13,27,.2)}.ai-studio-shell:before{content:"";position:absolute;inset:0;background:radial-gradient(900px 500px at 28% 26%,rgba(75,124,255,.12),transparent 65%),radial-gradient(760px 500px at 74% 72%,rgba(237,92,199,.08),transparent 64%),linear-gradient(180deg,#0b101c 0%,#080c15 100%);pointer-events:none}.ai-studio-shell:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.62),transparent 78%);pointer-events:none}.ai-studio-topbar{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 19px;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(7,11,20,.64);backdrop-filter:blur(18px)}.ai-studio-brand,.ai-studio-brand>div,.ai-studio-tools,.ai-conversation-head>div{display:flex;align-items:center}.ai-studio-brand{gap:10px}.ai-studio-brand>div{align-items:flex-start;flex-direction:column}.ai-studio-brand strong{font-size:13px;color:#fff;letter-spacing:.01em}.ai-studio-brand small{font-size:9px;color:#7788a3;margin-top:1px}.ai-brand-glyph{position:relative;width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,rgba(52,214,255,.15),rgba(139,92,246,.12));border:1px solid rgba(138,180,255,.18);display:grid;place-items:center;box-shadow:inset 0 1px rgba(255,255,255,.08)}.ai-brand-glyph i{position:absolute;border-radius:999px;background:linear-gradient(90deg,var(--ai-cyan),var(--ai-violet),var(--ai-pink));box-shadow:0 0 12px rgba(88,150,255,.4)}.ai-brand-glyph i:nth-child(1){width:16px;height:3px;transform:rotate(45deg)}.ai-brand-glyph i:nth-child(2){width:16px;height:3px;transform:rotate(-45deg)}.ai-brand-glyph i:nth-child(3){width:5px;height:5px;background:#fff}.ai-studio-tools{gap:8px}.ai-access-pill,.ai-secure-badge{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.045);color:#9eb0c9;border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.025em;padding:7px 9px}.ai-voice-switch{position:relative;display:flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.04);cursor:pointer}.ai-voice-switch input{position:absolute;opacity:0;pointer-events:none}.ai-voice-switch span{position:relative;width:28px;height:16px;border-radius:999px;background:#293245;transition:.2s}.ai-voice-switch span:after{content:"";position:absolute;width:12px;height:12px;left:2px;top:2px;border-radius:50%;background:#a8b4c6;transition:.2s}.ai-voice-switch input:checked+span{background:linear-gradient(90deg,var(--ai-blue),var(--ai-violet))}.ai-voice-switch input:checked+span:after{transform:translateX(12px);background:#fff}.ai-voice-switch b{font-size:9px;color:#a9b6c8}.ai-clear-btn{width:31px;height:31px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:#8fa1b9;cursor:pointer}.ai-clear-btn:hover{color:#fff;background:rgba(255,255,255,.08)}.ai-studio-main{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(325px,.7fr);min-height:calc(100vh - 172px)}.ai-command-stage{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:46px 42px 36px;overflow:hidden;border-right:1px solid rgba(255,255,255,.07)}.ai-ambient{position:absolute;border-radius:50%;filter:blur(50px);opacity:.16;pointer-events:none;transition:background .6s ease,transform .8s ease,opacity .6s ease}.ai-ambient-a{width:300px;height:300px;left:9%;top:8%;background:var(--ai-blue)}.ai-ambient-b{width:260px;height:260px;right:4%;bottom:7%;background:var(--ai-violet)}.ai-ambient-c{width:180px;height:180px;left:45%;bottom:18%;background:var(--ai-cyan);opacity:.08}.ai-core-wrap{position:relative;width:180px;height:180px;display:grid;place-items:center;margin-bottom:20px;transition:transform .45s ease}.ai-voice-core{position:relative;z-index:3;width:92px;height:92px;border-radius:34px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(18,26,46,.96),rgba(8,13,24,.94));border:1px solid rgba(161,193,255,.24);box-shadow:inset 0 1px rgba(255,255,255,.12),0 22px 56px rgba(0,0,0,.45),0 0 38px rgba(75,124,255,.12);overflow:hidden}.ai-voice-core:before{content:"";position:absolute;inset:-35%;background:conic-gradient(from 45deg,var(--ai-cyan),var(--ai-blue),var(--ai-violet),var(--ai-pink),var(--ai-orange),var(--ai-cyan));opacity:.28;filter:blur(12px);animation:aiCoreSpin 7s linear infinite}.ai-voice-core:after{content:"";position:absolute;inset:2px;border-radius:32px;background:radial-gradient(circle at 50% 18%,rgba(255,255,255,.13),transparent 38%),linear-gradient(180deg,#111a2b,#09101c)}.ai-core-face{position:relative;z-index:4;width:54px;height:45px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.ai-core-eyes{display:flex;gap:16px}.ai-core-eyes span{width:6px;height:6px;border-radius:50%;background:#bdefff;box-shadow:0 0 12px var(--ai-cyan);animation:aiBlink 4.2s infinite}.ai-core-wave{height:16px;display:flex;align-items:center;gap:2.5px}.ai-core-wave i{display:block;width:2.5px;height:4px;border-radius:4px;background:linear-gradient(180deg,#d9f8ff,var(--ai-cyan));box-shadow:0 0 7px rgba(52,214,255,.45);transition:.2s}.ai-core-ring{position:absolute;border-radius:50%;border:1px solid rgba(119,166,255,.15);box-shadow:inset 0 0 30px rgba(52,214,255,.02);animation:aiRingBreathe 4s ease-in-out infinite}.ai-core-ring.ring-one{width:122px;height:122px}.ai-core-ring.ring-two{width:150px;height:150px;border-style:dashed;animation-duration:8s;animation-name:aiCoreSpin}.ai-core-ring.ring-three{width:178px;height:178px;border-color:rgba(237,92,199,.09);animation-delay:.8s}.ai-live-status{display:flex;align-items:center;justify-content:center;gap:7px;min-height:28px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.065);background:rgba(255,255,255,.035);margin-bottom:13px}.ai-live-status strong{font-size:10px;color:#c8d5e7}.ai-live-status small{font-size:9px;color:#687b96}.ai-state-dot,.ai-mini-dot{width:6px;height:6px;border-radius:50%;background:#56d9a9;box-shadow:0 0 0 4px rgba(86,217,169,.08)}.ai-command-copy{text-align:center;max-width:700px}.ai-command-copy .eyebrow{color:#7085a4;font-size:8.5px;letter-spacing:.18em}.ai-command-copy h1{margin:7px 0 7px;font-size:clamp(28px,3vw,42px);line-height:1.08;letter-spacing:-.045em;color:#f5f8ff;font-weight:750}.ai-command-copy p{margin:0 auto;color:#8294ae;font-size:12px;line-height:1.6;max-width:610px}.ai-quick-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin:22px auto 17px;max-width:720px}.ai-quick-actions button{display:inline-flex;align-items:center;gap:7px;max-width:255px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);color:#aebbd0;border-radius:999px;padding:8px 11px;font:inherit;font-size:9.5px;font-weight:700;cursor:pointer;transition:.18s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-quick-actions button:hover{transform:translateY(-1px);color:#fff;border-color:rgba(117,166,255,.3);background:rgba(75,124,255,.09)}.ai-chip-icon{display:grid;place-items:center;flex:0 0 19px;width:19px;height:19px;border-radius:7px;background:linear-gradient(145deg,rgba(52,214,255,.16),rgba(139,92,246,.16));color:#9cdfff;font-size:10px}.ai-search-form{width:min(770px,100%)}.ai-search-box{display:flex;align-items:flex-end;gap:10px;min-height:66px;padding:9px 9px 9px 17px;border:1px solid rgba(144,176,224,.18);border-radius:22px;background:rgba(17,24,39,.84);box-shadow:0 18px 55px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.04);backdrop-filter:blur(16px);transition:.2s}.ai-search-box:focus-within{border-color:rgba(83,159,255,.48);box-shadow:0 18px 65px rgba(0,0,0,.35),0 0 0 3px rgba(75,124,255,.08)}.ai-search-box textarea{flex:1;min-width:0;resize:none;overflow:auto;max-height:118px;min-height:46px;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:#edf4ff!important;padding:13px 0 9px!important;font:inherit;font-size:13px;line-height:1.45}.ai-search-box textarea::placeholder{color:#5f708b}.ai-search-controls{display:flex;align-items:center;gap:6px;padding-bottom:1px}.ai-language-mini select{height:38px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#121a29;color:#9dacc2;font-size:9px;font-weight:800;padding:0 7px;outline:0}.ai-round-btn{width:40px;height:40px;border:0;border-radius:13px;display:grid;place-items:center;cursor:pointer;transition:.18s}.ai-mic-btn{background:#161f30;color:#c9d7ea;border:1px solid rgba(255,255,255,.07)}.ai-mic-btn:hover{background:#1d2940;color:#fff}.ai-mic-btn .stop-icon{display:none;font-size:11px}.ai-mic-btn.recording .mic-icon{display:none}.ai-mic-btn.recording .stop-icon{display:inline}.ai-send-btn{background:linear-gradient(145deg,#f5f8ff,#aebee0);color:#101827;box-shadow:0 7px 20px rgba(161,187,233,.18)}.ai-send-btn:hover{transform:translateY(-1px);filter:brightness(1.04)}.ai-round-btn:disabled{opacity:.42;cursor:not-allowed}.ai-search-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:13px;margin-top:9px;color:#566982;font-size:8.5px}.ai-search-meta span{display:inline-flex;align-items:center;gap:4px}.ai-conversation-panel{position:relative;min-width:0;display:flex;flex-direction:column;background:rgba(8,12,21,.76);backdrop-filter:blur(14px)}.ai-conversation-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px;border-bottom:1px solid rgba(255,255,255,.07)}.ai-conversation-head>div{gap:9px}.ai-conversation-head>div>div{display:flex;flex-direction:column}.ai-conversation-head strong{font-size:11px;color:#e3ecf9}.ai-conversation-head small{font-size:8.5px;color:#61728c;margin-top:1px}.ai-head-orb{width:26px;height:26px;border-radius:10px;background:radial-gradient(circle at 35% 30%,#e7fbff 0 5%,var(--ai-cyan) 10%,var(--ai-blue) 45%,var(--ai-violet) 72%,#211944 100%);box-shadow:0 0 18px rgba(75,124,255,.25)}.ai-secure-badge{padding:5px 7px;color:#6f839f;font-size:7px;letter-spacing:.12em}.ai-page-v2 .ai-messages{flex:1;min-height:420px;max-height:none;padding:18px 16px;background:transparent;gap:12px}.ai-page-v2 .ai-msg{max-width:94%;gap:8px}.ai-page-v2 .ai-msg-avatar{flex:0 0 26px;width:26px;height:26px;border-radius:9px;background:linear-gradient(145deg,#17243c,#0b1220);border:1px solid rgba(255,255,255,.08);font-size:0;box-shadow:none}.ai-page-v2 .ai-msg-avatar span,.ai-page-v2 .ai-msg-avatar{color:#8ddfff}.ai-page-v2 .ai-msg-avatar:after{content:"✦";font-size:9px}.ai-page-v2 .ai-msg.user .ai-msg-avatar:after{content:"YOU";font-size:6px;color:#fff}.ai-page-v2 .ai-msg.user .ai-msg-avatar{background:linear-gradient(145deg,var(--ai-blue),var(--ai-violet))}.ai-page-v2 .ai-bubble{padding:10px 11px;border-radius:14px 14px 14px 5px;border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.045);box-shadow:none;color:#b8c7db;font-size:11px}.ai-page-v2 .ai-bubble strong{color:#e8f0fb;font-size:10px}.ai-page-v2 .ai-bubble p{font-size:11px;line-height:1.58}.ai-page-v2 .ai-msg.user .ai-bubble{background:linear-gradient(145deg,rgba(75,124,255,.26),rgba(139,92,246,.18));border-color:rgba(104,143,255,.22);color:#eef4ff;border-radius:14px 14px 5px 14px}.ai-page-v2 .ai-msg.pending .ai-bubble{color:#7790af;animation:aiPendingGlow 1.5s ease-in-out infinite}.ai-page-v2 .ai-listening{margin:0 16px 12px;padding:11px 12px;border:1px solid rgba(52,214,255,.16);border-radius:14px;background:rgba(52,214,255,.055);color:#c2eef7}.ai-listening-bars{height:20px;display:flex;align-items:center;gap:3px}.ai-listening-bars i{display:block;width:3px;height:5px;border-radius:4px;background:var(--ai-cyan);animation:aiWaveBars .85s ease-in-out infinite}.ai-listening-bars i:nth-child(2),.ai-listening-bars i:nth-child(4){animation-delay:.13s}.ai-listening-bars i:nth-child(3){animation-delay:.26s}.ai-listening-bars i:nth-child(5){animation-delay:.39s}.ai-page-v2 .ai-listening>div{display:flex;flex-direction:column}.ai-page-v2 .ai-listening strong{font-size:10px}.ai-page-v2 .ai-listening small{font-size:8px;color:#648aa0;margin:1px 0 0}.ai-conversation-foot{display:flex;align-items:center;gap:7px;padding:11px 16px;border-top:1px solid rgba(255,255,255,.06);color:#5f718b;font-size:8.5px}.ai-mini-dot{width:5px;height:5px;background:#47d6a0;box-shadow:none}.ai-page-v2[data-ai-state="listening"] .ai-core-wrap{transform:scale(1.03)}.ai-page-v2[data-ai-state="listening"] .ai-voice-core:before{opacity:.55;background:conic-gradient(from 45deg,var(--ai-cyan),#1e9cff,var(--ai-cyan),#86efff,var(--ai-cyan));animation-duration:2.5s}.ai-page-v2[data-ai-state="listening"] .ai-core-ring{border-color:rgba(52,214,255,.35);animation-duration:1.35s}.ai-page-v2[data-ai-state="listening"] .ai-state-dot{background:var(--ai-cyan);box-shadow:0 0 0 4px rgba(52,214,255,.09),0 0 12px rgba(52,214,255,.55)}.ai-page-v2[data-ai-state="listening"] .ai-ambient-a{opacity:.3;transform:scale(1.18);background:var(--ai-cyan)}.ai-page-v2[data-ai-state="thinking"] .ai-voice-core:before{opacity:.55;background:conic-gradient(from 0deg,var(--ai-blue),var(--ai-violet),var(--ai-pink),var(--ai-blue));animation-duration:1.8s}.ai-page-v2[data-ai-state="thinking"] .ring-two{animation-duration:2.4s}.ai-page-v2[data-ai-state="thinking"] .ai-state-dot{background:var(--ai-violet);box-shadow:0 0 0 4px rgba(139,92,246,.09),0 0 12px rgba(139,92,246,.55)}.ai-page-v2[data-ai-state="thinking"] .ai-ambient-b{opacity:.3;transform:scale(1.2);background:var(--ai-violet)}.ai-page-v2[data-ai-state="speaking"] .ai-voice-core:before{opacity:.78;animation-duration:1.4s;background:conic-gradient(from 0deg,var(--ai-cyan),var(--ai-green),var(--ai-orange),var(--ai-pink),var(--ai-violet),var(--ai-cyan))}.ai-page-v2[data-ai-state="speaking"] .ai-voice-core{box-shadow:inset 0 1px rgba(255,255,255,.12),0 22px 60px rgba(0,0,0,.42),0 0 48px rgba(92,120,255,.28)}.ai-page-v2[data-ai-state="speaking"] .ai-core-wave i{animation:aiVoiceBars .58s ease-in-out infinite;background:linear-gradient(180deg,#fff,var(--ai-green))}.ai-page-v2[data-ai-state="speaking"] .ai-core-wave i:nth-child(2),.ai-page-v2[data-ai-state="speaking"] .ai-core-wave i:nth-child(6){animation-delay:.08s}.ai-page-v2[data-ai-state="speaking"] .ai-core-wave i:nth-child(3),.ai-page-v2[data-ai-state="speaking"] .ai-core-wave i:nth-child(5){animation-delay:.16s}.ai-page-v2[data-ai-state="speaking"] .ai-core-wave i:nth-child(4){animation-delay:.24s}.ai-page-v2[data-ai-state="speaking"] .ai-state-dot{background:var(--ai-green);box-shadow:0 0 0 4px rgba(50,214,160,.1),0 0 14px rgba(50,214,160,.6)}.ai-page-v2[data-ai-state="speaking"] .ai-ambient-a{background:var(--ai-green);opacity:.2;transform:translate(15px,15px) scale(1.18)}.ai-page-v2[data-ai-state="speaking"] .ai-ambient-b{background:var(--ai-pink);opacity:.22;transform:translate(-15px,-15px) scale(1.15)}.ai-page-v2[data-ai-state="error"] .ai-state-dot{background:#ff626f}.ai-page-v2[data-ai-state="error"] .ai-voice-core:before{background:conic-gradient(from 0deg,#ff626f,#ff994f,#ff626f)}
.ai-global-fab{overflow:hidden;background:linear-gradient(145deg,#111b31,#0a1020);border:1px solid rgba(118,157,255,.28);box-shadow:0 15px 40px rgba(20,42,92,.32),0 0 0 1px rgba(255,255,255,.04) inset}.ai-global-fab:before{content:"";position:absolute;inset:-25%;background:conic-gradient(from 0deg,var(--ai-cyan,#34d6ff),var(--ai-blue,#4b7cff),var(--ai-violet,#8b5cf6),var(--ai-pink,#ed5cc7),var(--ai-cyan,#34d6ff));animation:aiCoreSpin 5s linear infinite;opacity:.48}.ai-global-fab:after{content:"✦";position:absolute;inset:3px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#121d32,#09101e);color:#c9efff;font-size:16px;z-index:1}.ai-global-fab span,.ai-global-fab small{position:relative;z-index:2;opacity:0}.ai-global-fab:hover{box-shadow:0 18px 45px rgba(65,94,200,.36)}
@keyframes aiCoreSpin{to{transform:rotate(360deg)}}@keyframes aiRingBreathe{0%,100%{transform:scale(.94);opacity:.45}50%{transform:scale(1.03);opacity:.95}}@keyframes aiBlink{0%,45%,49%,100%{transform:scaleY(1)}47%{transform:scaleY(.12)}}@keyframes aiVoiceBars{0%,100%{height:4px}50%{height:15px}}@keyframes aiWaveBars{0%,100%{height:5px;opacity:.5}50%{height:18px;opacity:1}}@keyframes aiPendingGlow{0%,100%{border-color:rgba(255,255,255,.06)}50%{border-color:rgba(139,92,246,.2)}}
@media(max-width:1120px){.ai-studio-main{grid-template-columns:1fr}.ai-command-stage{border-right:0;border-bottom:1px solid rgba(255,255,255,.07);min-height:620px}.ai-conversation-panel{min-height:520px}.ai-page-v2 .ai-messages{min-height:350px;max-height:520px}}
@media(max-width:760px){.ai-page-v2 .ai-studio-shell{border-radius:20px;min-height:calc(100vh - 138px)}.ai-studio-topbar{align-items:flex-start;padding:13px 14px}.ai-studio-tools{justify-content:flex-end;flex-wrap:wrap}.ai-access-pill{display:none}.ai-voice-switch b{display:none}.ai-command-stage{min-height:590px;padding:35px 16px 26px}.ai-core-wrap{width:152px;height:152px;margin-bottom:13px}.ai-voice-core{width:82px;height:82px;border-radius:29px}.ai-voice-core:after{border-radius:27px}.ai-core-ring.ring-one{width:110px;height:110px}.ai-core-ring.ring-two{width:132px;height:132px}.ai-core-ring.ring-three{width:150px;height:150px}.ai-command-copy h1{font-size:31px}.ai-command-copy p{font-size:11px}.ai-quick-actions{justify-content:flex-start;width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;margin:18px 0 14px;scrollbar-width:none}.ai-quick-actions::-webkit-scrollbar{display:none}.ai-quick-actions button{flex:0 0 auto;max-width:220px}.ai-search-box{border-radius:19px;padding-left:13px}.ai-search-box textarea{font-size:12px}.ai-language-mini{display:none}.ai-search-meta{gap:8px}.ai-search-meta span:nth-child(2){display:none}.ai-conversation-panel{min-height:500px}.ai-page-v2 .ai-messages{padding:15px 12px}.ai-page-v2 .ai-msg{max-width:97%}}
@media(max-width:430px){.ai-studio-brand small{display:none}.ai-studio-brand strong{font-size:12px}.ai-voice-switch{padding:5px 7px}.ai-clear-btn{width:29px;height:29px}.ai-command-stage{min-height:540px}.ai-core-wrap{width:132px;height:132px}.ai-voice-core{width:74px;height:74px}.ai-core-ring.ring-one{width:98px;height:98px}.ai-core-ring.ring-two{width:116px;height:116px}.ai-core-ring.ring-three{width:130px;height:130px}.ai-command-copy h1{font-size:27px}.ai-live-status small{display:none}.ai-search-meta{font-size:8px}.ai-round-btn{width:38px;height:38px}.ai-search-controls{gap:4px}}


/* v1.9.21 — Premium AI regression fix + smoother interaction */
.ai-page-v2 .ai-msg{opacity:0;transform:translateY(7px);animation:aiMsgIn .22s cubic-bezier(.2,.8,.2,1) forwards}
.ai-page-v2 .ai-msg.user{animation-duration:.16s}.ai-page-v2 .ai-msg.pending{animation-duration:.12s}
.ai-page-v2 .ai-followups{display:flex;flex-wrap:wrap;gap:7px;margin:0 16px 12px 50px;max-width:calc(100% - 66px);opacity:0;transform:translateY(5px);animation:aiMsgIn .22s .04s cubic-bezier(.2,.8,.2,1) forwards}
.ai-page-v2 .ai-followups button{border:1px solid rgba(110,145,210,.18);background:rgba(255,255,255,.045);color:#93a8c5;border-radius:999px;padding:7px 10px;font:inherit;font-size:9px;font-weight:800;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease;box-shadow:none}
.ai-page-v2 .ai-followups button:hover{transform:translateY(-1px);border-color:rgba(91,154,255,.35);background:rgba(75,124,255,.11);color:#e9f3ff}
.ai-page-v2 .ai-pending-dots{display:inline-flex;gap:3px;align-items:center;margin-left:5px}.ai-page-v2 .ai-pending-dots i{width:4px;height:4px;border-radius:50%;background:#8298b7;animation:aiPendingDot .9s ease-in-out infinite}.ai-page-v2 .ai-pending-dots i:nth-child(2){animation-delay:.12s}.ai-page-v2 .ai-pending-dots i:nth-child(3){animation-delay:.24s}
.ai-page-v2 .ai-search-box.is-busy{border-color:rgba(139,92,246,.28);box-shadow:0 18px 65px rgba(0,0,0,.35),0 0 0 3px rgba(139,92,246,.06)}
.ai-page-v2 .ai-round-btn{will-change:transform}.ai-page-v2 .ai-core-wrap,.ai-page-v2 .ai-ambient,.ai-page-v2 .ai-core-ring,.ai-page-v2 .ai-voice-core:before{will-change:transform,opacity}
@keyframes aiMsgIn{to{opacity:1;transform:translateY(0)}}@keyframes aiPendingDot{0%,100%{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}
@media(max-width:760px){.ai-page-v2 .ai-followups{margin-left:12px;max-width:calc(100% - 24px)}}
@media(prefers-reduced-motion:reduce){.ai-page-v2 .ai-msg,.ai-page-v2 .ai-followups{animation:none;opacity:1;transform:none}.ai-page-v2 .ai-core-ring,.ai-page-v2 .ai-voice-core:before,.ai-page-v2 .ai-listening-bars i,.ai-page-v2 .ai-core-wave i{animation-duration:4s!important}}

/* v1.9.25 — audited sale correction & due-payment ledger */
.sale-correction-notice{margin:0 0 18px}.sale-payment-action{padding:18px 20px;border-top:1px solid var(--line2);background:linear-gradient(180deg,#fff,#fbfcff);display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,1.6fr);gap:20px;align-items:end}.sale-payment-action h3{margin:4px 0 5px;font-size:16px}.sale-payment-action p{margin:0;color:var(--muted);font-size:11px;line-height:1.55}.sale-payment-form{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.sale-payment-form label{min-width:140px}.sale-payment-form label.grow{flex:1;min-width:190px}.sale-payment-form label>span,.sale-edit-form label>span,.sale-new-line label>span{display:block;color:#64748b;font-size:10px;text-transform:uppercase;letter-spacing:.045em;font-weight:800;margin-bottom:6px}.sale-payment-form input,.sale-payment-form select,.sale-edit-form input,.sale-edit-form select,.sale-edit-form textarea,.sale-new-line input,.sale-new-line select{width:100%;border:1px solid #d7dfeb;border-radius:10px;background:#fff;padding:10px 11px;outline:none;transition:.15s ease}.sale-payment-form input:focus,.sale-payment-form select:focus,.sale-edit-form input:focus,.sale-edit-form select:focus,.sale-edit-form textarea:focus,.sale-new-line input:focus,.sale-new-line select:focus{border-color:#91a8ca;box-shadow:0 0 0 3px rgba(82,111,154,.09)}.sale-edit-form{display:grid;gap:18px}.sale-edit-form .form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.sale-edit-form label small{display:block;color:#8996a7;font-size:10px;line-height:1.45;margin-top:5px}.sale-line-editor{min-width:1100px}.sale-line-editor td{vertical-align:top}.sale-line-editor select{min-width:260px}.sale-line-editor input{min-width:110px}.sale-line-editor td:nth-child(2) input{min-width:240px}.sale-remove{display:flex!important;align-items:center;gap:7px;padding-top:8px}.sale-remove input{width:auto!important;min-width:0!important}.sale-remove span{margin:0!important;text-transform:none!important;letter-spacing:0!important;color:#b42334!important}.sale-new-lines{padding:16px 20px;display:grid;gap:10px}.sale-new-line{display:flex;gap:10px;padding:12px;border:1px solid var(--line2);border-radius:13px;background:#fbfcfe;align-items:end}.sale-new-line label{min-width:150px}.sale-new-line label:first-child{min-width:280px}.sale-new-line label.grow{flex:1;min-width:220px}.sale-correction-submit .card-pad{display:grid;gap:15px}.sale-correction-submit textarea{resize:vertical}.timeline-list{padding:8px 18px}.timeline-item{display:flex;gap:11px;align-items:flex-start;padding:12px 2px;border-bottom:1px solid var(--line2)}.timeline-item:last-child{border-bottom:0}.timeline-item>div{flex:1;min-width:0}.timeline-item strong{display:block;font-size:12px;color:#263448}.timeline-item small{display:block;color:#8491a3;font-size:10px;margin-top:3px}.timeline-item p{margin:6px 0 0;color:#617087;font-size:11px}.timeline-dot{width:9px;height:9px;border-radius:50%;background:#7790b4;box-shadow:0 0 0 4px #eef3f9;margin-top:4px;flex:0 0 9px}.text-green{color:#087856!important}
@media(max-width:960px){.sale-payment-action{grid-template-columns:1fr}.sale-edit-form .form-grid{grid-template-columns:1fr 1fr}.sale-new-line{display:grid;grid-template-columns:1fr 1fr}.sale-new-line label,.sale-new-line label:first-child,.sale-new-line label.grow{min-width:0}}
@media(max-width:640px){.sale-edit-form .form-grid,.sale-new-line{grid-template-columns:1fr}.sale-payment-form{display:grid;grid-template-columns:1fr}.sale-payment-form label,.sale-payment-form label.grow{min-width:0}.sale-payment-form .btn{width:100%}}
.sale-edit-preview{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;border:1px solid var(--line);border-radius:15px;overflow:hidden;background:var(--line)}.sale-edit-preview>div{background:#fff;padding:14px 16px}.sale-edit-preview span{display:block;color:#718096;font-size:9px;text-transform:uppercase;letter-spacing:.055em;font-weight:800}.sale-edit-preview strong{display:block;margin-top:4px;color:#243247;font-size:16px}.sale-edit-preview>div:last-child strong{color:#a45d00}@media(max-width:800px){.sale-edit-preview{grid-template-columns:1fr 1fr}.sale-edit-preview>div:last-child{grid-column:span 2}}

/* v1.9.26 POS hold / sale void controls */
.pos-held-head span{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#fff3df;color:#9a5a00;font-size:9px;font-weight:900;margin-left:5px}
.pos-held-sales{margin:0 0 14px;scroll-margin-top:88px;overflow:hidden}.pos-held-sales .card-head{align-items:center}.pos-held-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:10px;padding:0 16px 16px}.pos-held-card{border:1px solid var(--line);border-radius:14px;padding:12px;background:linear-gradient(180deg,#fff,#fbfcfe);box-shadow:0 5px 16px rgba(15,23,42,.04)}.pos-held-card.is-resuming{border-color:#f1a66f;box-shadow:0 0 0 3px rgba(241,132,55,.10)}.pos-held-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.pos-held-card-top strong,.pos-held-card-top small{display:block}.pos-held-card-top strong{font-size:12px}.pos-held-card-top small{margin-top:3px;color:var(--muted);font-size:9px}.pos-held-card-top>span{font-size:12px;font-weight:900;color:var(--ink);white-space:nowrap}.pos-held-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.pos-held-meta span{font-size:8px;color:var(--muted);background:#f1f5f9;border-radius:999px;padding:4px 7px}.pos-held-actions{display:flex;gap:7px;align-items:center;margin-top:11px}.pos-held-actions form{margin:0}.pos-resume-banner{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:8px 13px;background:#fff7ed;border-bottom:1px solid #fed7aa;font-size:9px}.pos-resume-banner span{color:#9a5a00;font-weight:800}.pos-resume-banner strong{color:#7c2d12}.pos-resume-banner a{margin-left:auto;color:var(--accent);font-weight:850;text-decoration:none}.pos-checkout-actions{display:grid;grid-template-columns:118px minmax(0,1fr);gap:8px;padding:0 14px 14px}.pos-checkout-actions .pos-pay{width:100%;margin:0}.pos-hold{border:1px solid #d6dee9;border-radius:13px;background:#fff;color:#263448;min-height:48px;padding:8px 10px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;font:inherit}.pos-hold span{font-size:10px;font-weight:900}.pos-hold small{font-size:8px;color:var(--muted);margin-top:2px}.pos-hold:disabled{opacity:.45;cursor:not-allowed}.pos-hold:not(:disabled):hover{background:#f8fafc;border-color:#c7d1df}.sale-void-notice{border-color:#fecaca!important;background:#fff7f7!important}.sale-void-box{border:1px solid #fecaca;background:#fff7f7;border-radius:14px;padding:14px}.sale-void-box h3{margin:4px 0 5px;font-size:15px;color:#991b1b}.sale-void-box p{margin:0 0 10px;color:#7f1d1d;font-size:10px;line-height:1.5}.sale-void-form{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:9px;align-items:end}.sale-void-form label span{display:block;color:#7f1d1d;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px}.sale-void-form input{width:100%;height:39px;border:1px solid #f3b4b4;border-radius:10px;background:#fff;padding:0 10px;font-size:11px}.btn-danger{background:#b42318!important;border-color:#b42318!important;color:#fff!important}.badge-danger-soft{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.voided-row{opacity:.68;background:#fff8f8}.voided-row td strong{text-decoration-color:#ef4444}.voided-row .sale-voided-label{display:inline-block;margin-top:4px;color:#b42318;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
@media(max-width:780px){.pos-held-grid{grid-template-columns:1fr;padding:0 11px 12px}.pos-checkout-actions{position:sticky;bottom:0;z-index:8;background:#fff;padding:5px 12px max(12px,env(safe-area-inset-bottom));grid-template-columns:105px minmax(0,1fr);box-shadow:0 -8px 24px rgba(15,23,42,.06)}.pos-checkout-actions .pos-pay{position:static!important;margin:0!important;width:100%!important;box-shadow:0 12px 30px rgba(15,23,42,.2)!important}.sale-void-form{grid-template-columns:1fr}.sale-void-form button{width:100%}}


/* v1.9.27 — customer due-payment collection workflow */
.sale-row-actions{display:flex;gap:6px;align-items:center;justify-content:flex-end;white-space:nowrap}.sale-due-filter{display:flex!important;flex-direction:row!important;gap:7px;align-items:center;min-height:38px;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:#fff}.sale-due-filter input{width:auto!important;margin:0}.sale-due-filter span{font-size:10px;font-weight:800;color:#59677a;white-space:nowrap}.sale-payment-cta{align-items:center}.sale-payment-cta>.btn{justify-self:end}.collect-payment-shell{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:16px;align-items:start}.collect-payment-summary{grid-column:1/-1}.collect-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.collect-kpis>div{background:#fff;padding:18px 20px}.collect-kpis span,.collect-customer-grid span,.collect-payment-form label>span,.collect-result span{display:block;color:#718096;font-size:9px;text-transform:uppercase;letter-spacing:.055em;font-weight:850}.collect-kpis strong{display:block;margin-top:5px;font-size:21px;color:#223049}.collect-kpis .is-due{background:#fff9ef}.collect-kpis .is-due strong{color:#a65d00}.collect-customer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px 20px}.collect-customer-grid>div{padding:12px 14px;border:1px solid var(--line2);border-radius:12px;background:#fbfcfe}.collect-customer-grid strong{display:block;margin-top:5px;color:#263448;font-size:12px}.collect-customer-grid small{display:block;margin-top:4px;color:#8592a4;font-size:9px}.collect-payment-form{padding:18px 20px;display:grid;gap:14px}.collect-amount .money-input{display:flex;align-items:center;border:1px solid #cfd9e7;border-radius:13px;background:#fff;overflow:hidden;box-shadow:0 5px 14px rgba(15,23,42,.04)}.collect-amount .money-input:focus-within{border-color:#87a3c8;box-shadow:0 0 0 3px rgba(82,111,154,.09)}.collect-amount .money-input b{padding:0 12px;color:#65748a;font-size:11px;border-right:1px solid var(--line2);height:50px;display:flex;align-items:center}.collect-amount .money-input input{border:0!important;box-shadow:none!important;height:50px;font-size:22px;font-weight:900;color:#1f2d42;padding:0 14px;width:100%;outline:0}.collect-quick{display:flex;gap:7px;flex-wrap:wrap}.collect-quick button{border:1px solid #d5deea;background:#fff;border-radius:999px;padding:7px 11px;color:#4d5e75;font:inherit;font-size:9px;font-weight:850;cursor:pointer}.collect-quick button:hover{background:#f5f8fc;border-color:#bac9dc}.collect-fields{grid-template-columns:1fr 1.4fr!important;gap:11px!important}.collect-fields input,.collect-fields select{width:100%;height:42px;border:1px solid #d5deea;border-radius:10px;background:#fff;padding:0 11px}.collect-result{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:var(--line);gap:1px}.collect-result>div{background:#fff;padding:13px 14px}.collect-result strong{display:block;margin-top:4px;font-size:14px;color:#263448}.collect-result>div:last-child strong{color:#a45d00}.collect-note{margin:0!important}.collect-submit{min-height:48px;font-size:13px}.collect-history{min-width:0}@media(max-width:980px){.collect-payment-shell{grid-template-columns:1fr}.collect-payment-summary{grid-column:auto}.collect-kpis,.collect-customer-grid{grid-template-columns:1fr 1fr}.collect-kpis>div:last-child,.collect-customer-grid>div:last-child{grid-column:1/-1}}@media(max-width:640px){.sale-row-actions{flex-direction:column;align-items:stretch}.sale-row-actions .btn{width:100%}.collect-kpis,.collect-customer-grid,.collect-fields,.collect-result{grid-template-columns:1fr!important}.collect-kpis>div:last-child,.collect-customer-grid>div:last-child{grid-column:auto}.collect-payment-form{padding:14px}.collect-amount .money-input input{font-size:18px}.sale-payment-cta>.btn{justify-self:stretch;width:100%}}

/* v1.9.28 — Business Intelligence Dashboard */
.bi-dashboard{display:grid;gap:18px}.bi-hero{margin-bottom:0;min-height:220px;align-items:flex-end}.bi-live-line{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:16px;color:#dce7f2;font-size:10px;font-weight:650}.bi-live-line strong{color:#fff}.bi-live-line b{font-variant-numeric:tabular-nums}.bi-live-dot{width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 0 5px rgba(52,211,153,.14);animation:biLivePulse 1.8s infinite}@keyframes biLivePulse{50%{box-shadow:0 0 0 9px rgba(52,211,153,0)}}
.bi-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.bi-kpi-card{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px 16px 14px;text-decoration:none;box-shadow:0 8px 28px rgba(15,23,42,.045);min-width:0;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.bi-kpi-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#3b82f6}.bi-kpi-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(15,23,42,.08);border-color:#cdd7e5}.bi-kpi-card.success:before{background:#10b981}.bi-kpi-card.warning:before{background:#f59e0b}.bi-kpi-card.violet:before{background:#8b5cf6}.bi-kpi-card.profit:before{background:#06b6d4}.bi-kpi-card.danger:before{background:#ef4444}.bi-kpi-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}.bi-kpi-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#f3f6fb;color:#405169}.bi-kpi-card.primary .bi-kpi-icon{background:#eff6ff;color:#2563eb}.bi-kpi-card.success .bi-kpi-icon{background:#ecfdf5;color:#059669}.bi-kpi-card.warning .bi-kpi-icon{background:#fffbeb;color:#d97706}.bi-kpi-card.violet .bi-kpi-icon{background:#f5f3ff;color:#7c3aed}.bi-kpi-card.profit .bi-kpi-icon{background:#ecfeff;color:#0891b2}.bi-kpi-card.danger .bi-kpi-icon{background:#fef2f2;color:#dc2626}.bi-kpi-card>small{display:block;color:#718096;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.bi-kpi-card>strong{display:block;margin:5px 0 6px;font-size:20px;letter-spacing:-.03em;color:#172033;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bi-kpi-card>p{margin:0;color:#8390a2;font-size:9px;line-height:1.45}.bi-kpi-card>p b{color:#475569}.bi-trend{padding:4px 7px;border-radius:999px;font-size:9px;font-weight:850}.bi-trend.up{background:#ecfdf5;color:#047857}.bi-trend.down{background:#fff1f2;color:#be123c}.bi-kpi-mini{font-size:8px;color:#7b8797;font-weight:850;letter-spacing:.05em}
.bi-main-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,.82fr);gap:18px}.bi-chart-card{overflow:hidden}.bi-section-kicker{font-size:8px;color:#7c3aed;font-weight:900;letter-spacing:.12em;margin-bottom:4px}.bi-chart-legend{display:flex;gap:12px;color:#69778b;font-size:9px}.bi-chart-legend span{display:flex;align-items:center;gap:5px}.bi-chart-legend i{width:15px;height:3px;border-radius:4px}.bi-chart-legend .legend-a{background:#2563eb}.bi-chart-legend .legend-b{background:#10b981}.bi-chart{position:relative;min-height:250px;padding:10px 14px 6px}.bi-chart svg{width:100%;height:100%;overflow:visible}.bi-line-chart{height:310px}.bi-bar-chart,.bi-donut-chart,.bi-due-chart{height:250px}.bi-branch-chart{height:290px}.bi-chart-empty{height:100%;display:grid;place-items:center;text-align:center;color:#8a97a9;font-size:11px}.bi-chart-tooltip{position:absolute;pointer-events:none;z-index:5;background:#0f172a;color:#f8fafc;border:1px solid #25334a;border-radius:10px;padding:8px 10px;font-size:9px;box-shadow:0 10px 28px rgba(15,23,42,.22);transform:translate(-50%,-110%);white-space:nowrap;opacity:0;transition:opacity .1s}.bi-chart-tooltip.show{opacity:1}.bi-chart-foot{border-top:1px solid var(--line2);display:grid;grid-template-columns:repeat(3,1fr)}.bi-chart-foot span{padding:12px 16px;color:#7b8797;font-size:9px;border-right:1px solid var(--line2)}.bi-chart-foot span:last-child{border-right:0}.bi-chart-foot strong{display:block;color:#263448;font-size:12px;margin-top:2px}.bi-pulse-card .card-head{background:linear-gradient(135deg,#0d1726,#16263d);border-bottom-color:#23334a}.bi-pulse-card .card-head h2{color:#fff}.bi-pulse-card .card-head p{color:#91a2b7}.bi-pulse-card .bi-section-kicker{color:#5eead4}.bi-live-chip{display:flex;align-items:center;gap:5px;color:#9ff2d5;font-size:8px;font-weight:900;letter-spacing:.08em}.bi-live-chip i{width:7px;height:7px;background:#34d399;border-radius:50%;box-shadow:0 0 0 4px rgba(52,211,153,.13)}.bi-pulse-list{padding:6px 16px 14px}.bi-pulse-list>a{display:block;padding:14px 2px;border-bottom:1px solid var(--line2);text-decoration:none}.bi-pulse-list>a:last-child{border-bottom:0}.bi-pulse-list>a>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:10px}.bi-pulse-list span{font-size:10px;color:#718096;font-weight:700}.bi-pulse-list strong{font-size:14px;color:#1f2a3d}.bi-pulse-list small{display:block;color:#8995a7;font-size:9px;margin-top:6px}.bi-meter{height:5px;background:#edf2f7;border-radius:10px;overflow:hidden;margin-top:9px}.bi-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#14b8a6,#22c55e);transition:width .4s ease}.bi-mini-split{display:flex;gap:8px;margin-top:8px}.bi-mini-split span{background:#f7f9fc;border:1px solid #edf1f6;border-radius:8px;padding:5px 7px;font-size:8px}.bi-mini-split b{color:#344054}.bi-chart-grid{display:grid;grid-template-columns:1.1fr .8fr .8fr;gap:18px}.bi-two-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.bi-ranked-list{padding:8px 18px 16px}.bi-ranked-row{display:flex;gap:11px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--line2)}.bi-ranked-row:last-child{border-bottom:0}.bi-ranked-row .rank{width:28px;height:28px;display:grid;place-items:center;background:#f3f6fa;border-radius:9px;color:#748197;font-size:9px;font-weight:850}.bi-ranked-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;flex:1;min-width:0}.bi-ranked-copy>div strong{font-size:11px;display:block;color:#253044;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bi-ranked-copy>div small{font-size:8px;color:#8995a7}.bi-ranked-copy>b{font-size:10px;color:#334155}.bi-rank-bar{grid-column:1/-1;height:4px;background:#eef2f7;border-radius:8px;overflow:hidden;margin-top:4px}.bi-rank-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2563eb,#8b5cf6)}.bi-intelligence .card-head{background:linear-gradient(135deg,#fbfcff,#f6f8fd)}.bi-auto-badge{font-size:8px;font-weight:900;color:#635bff;border:1px solid #ddd9ff;background:#f4f2ff;padding:5px 7px;border-radius:999px}.bi-insight-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:13px}.bi-insight{position:relative;border:1px solid #e7ecf3;border-radius:13px;padding:11px 11px 10px;text-decoration:none;background:#fff;min-width:0}.bi-insight:hover{border-color:#ccd6e3;background:#fbfcfe}.bi-insight-dot{position:absolute;right:10px;top:10px;width:7px;height:7px;border-radius:50%;background:#3b82f6}.bi-insight.success .bi-insight-dot{background:#10b981}.bi-insight.warning .bi-insight-dot{background:#f59e0b}.bi-insight.danger .bi-insight-dot{background:#ef4444}.bi-insight.violet .bi-insight-dot{background:#8b5cf6}.bi-insight small{display:block;color:#7b8797;font-size:8px;text-transform:uppercase;font-weight:850;letter-spacing:.04em;padding-right:10px}.bi-insight strong{display:block;color:#1f2937;font-size:12px;margin:5px 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bi-insight p{margin:0;color:#8a97a9;font-size:8px;line-height:1.35}.bi-stock-list{padding:7px 15px 15px}.bi-stock-list a{display:flex;justify-content:space-between;align-items:center;gap:12px;text-decoration:none;padding:10px 2px;border-bottom:1px solid var(--line2)}.bi-stock-list a:last-child{border-bottom:0}.bi-stock-list strong{display:block;font-size:11px;color:#263448}.bi-stock-list small{display:block;font-size:8px;color:#8995a7;margin-top:2px}.bi-stock-list span{background:#fff7ed;color:#c2410c;border:1px solid #fed7aa;border-radius:9px;padding:5px 7px;font-size:8px;white-space:nowrap}.bi-stock-list span b{font-size:10px}.bi-workforce-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.7fr);gap:18px}.bi-compact-table th,.bi-compact-table td{padding:10px 12px}.bi-compact-table td{font-size:10px}.bi-branch-card{margin-top:0}
@media(max-width:1250px){.bi-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bi-chart-grid{grid-template-columns:1fr 1fr}.bi-chart-grid>.card:last-child{grid-column:1/-1}.bi-main-grid{grid-template-columns:1.6fr .9fr}}
@media(max-width:900px){.bi-main-grid,.bi-two-grid,.bi-workforce-grid{grid-template-columns:1fr}.bi-chart-grid{grid-template-columns:1fr}.bi-chart-grid>.card:last-child{grid-column:auto}.bi-kpi-grid{grid-template-columns:1fr 1fr}.bi-line-chart{height:270px}.bi-hero{min-height:250px}.bi-hero .head-actions{width:100%}.bi-hero .head-actions .btn,.bi-hero .inline-filter{flex:1}.bi-chart-foot{grid-template-columns:1fr}.bi-chart-foot span{border-right:0;border-bottom:1px solid var(--line2)}.bi-chart-foot span:last-child{border-bottom:0}}
@media(max-width:560px){.bi-kpi-grid{grid-template-columns:1fr 1fr;gap:8px}.bi-kpi-card{padding:13px}.bi-kpi-card>strong{font-size:16px}.bi-kpi-card>p{display:none}.bi-kpi-top{margin-bottom:8px}.bi-live-line{font-size:8px}.bi-chart{padding-left:8px;padding-right:8px}.bi-line-chart{height:240px}.bi-bar-chart,.bi-donut-chart,.bi-due-chart{height:230px}.bi-insight-grid{grid-template-columns:1fr}.bi-chart-legend{display:none}}

/* v1.9.28.1 — Business Intelligence dashboard mobile hardening */
@media(max-width:780px){
  .bi-dashboard{gap:12px}
  .bi-hero{min-height:auto;padding:20px 16px;align-items:stretch}
  .bi-hero h1{font-size:clamp(26px,8vw,34px)}
  .bi-hero p{font-size:11px;line-height:1.55}
  .bi-hero .head-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}
  .bi-hero .head-actions .inline-filter{grid-column:1/-1;flex:none;width:100%}
  .bi-hero .head-actions .btn{width:100%;min-width:0;padding:10px 8px;font-size:10px}
  .bi-live-line{row-gap:5px;line-height:1.35}
  .bi-kpi-card{min-height:118px}
  .bi-kpi-card>small{min-height:24px;line-height:1.25}
  .bi-kpi-card>strong{font-size:clamp(14px,4.2vw,18px);line-height:1.08;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
  .bi-chart-card .card-head,.bi-top-products .card-head,.bi-intelligence .card-head,.bi-attendance-card .card-head,.bi-branch-card .card-head{align-items:flex-start;flex-wrap:wrap}
  .bi-chart-card .card-head>.text-link,.bi-top-products .card-head>.text-link,.bi-attendance-card .card-head>.text-link,.bi-branch-card .card-head>.text-link{margin-left:auto}
  .bi-chart{width:100%;overflow:hidden;touch-action:pan-y}
  .bi-chart svg{display:block;width:100%;height:100%}
  .bi-pulse-list>a>div:first-child{align-items:flex-start}
  .bi-pulse-list strong{text-align:right;min-width:0;overflow-wrap:anywhere}
  .bi-mini-split{flex-wrap:wrap}
  .bi-ranked-copy>b{white-space:nowrap}
  .bi-stock-list a{align-items:flex-start}
  .bi-dashboard .table-wrap{-webkit-overflow-scrolling:touch;scrollbar-width:thin}
  .bi-dashboard .table-wrap table{min-width:620px}
  .bi-dashboard .text-link{font-size:10px}
}
@media(max-width:560px){
  .bi-kpi-card{padding:12px;min-height:108px}
  .bi-kpi-icon{width:31px;height:31px;border-radius:10px}
  .bi-kpi-card>small{font-size:8.5px}
  .bi-kpi-mini,.bi-trend{font-size:7.5px}
  .bi-chart-card .card-head{padding:13px 14px}
  .bi-chart-card .card-head p{font-size:9px}
  .bi-chart-foot span{padding:10px 12px}
  .bi-pulse-list{padding-left:13px;padding-right:13px}
  .bi-ranked-list{padding-left:13px;padding-right:13px}
  .bi-ranked-copy{gap:2px 8px}
  .bi-ranked-copy>div strong{font-size:10px}
  .bi-ranked-copy>b{font-size:9px}
}
@media(max-width:430px){
  .bi-kpi-grid{grid-template-columns:1fr;gap:8px}
  .bi-kpi-card{min-height:0}
  .bi-kpi-card>small{min-height:0}
  .bi-kpi-card>strong{font-size:18px;overflow-wrap:normal}
  .bi-hero .head-actions{grid-template-columns:1fr}
  .bi-hero .head-actions .inline-filter{grid-column:auto}
  .bi-hero .head-actions .btn{font-size:11px}
  .bi-ranked-copy{grid-template-columns:1fr}
  .bi-ranked-copy>b{justify-self:start;margin-top:3px}
  .bi-rank-bar{grid-column:1}
  .bi-auto-badge{display:none}
  .bi-stock-list span{font-size:7.5px;padding:5px 6px}
  .bi-pulse-list strong{font-size:12px}
  .bi-mini-split span{font-size:7.5px}
}