:root { --cream:#f6f0e4; --paper:#fffaf1; --white:#fffdf8; --charcoal:#202422; --ruby:#9e2348; --teal:#0b5b59; --saffron:#e4a72c; --line:#ded1be; --muted:#737770; }
* { box-sizing:border-box; }
body { margin:0; color:var(--charcoal); background:var(--cream); font-family:Inter,"Segoe UI",Arial,sans-serif; }
a { color:var(--teal); font-weight:700; text-decoration:none; }
button,input { font:inherit; }
.app-shell { min-height:100vh; display:grid; grid-template-columns:268px minmax(0,1fr); }
.sidebar { min-height:100vh; padding-bottom:24px; color:#fff; background:var(--charcoal); }
.brand { height:92px; display:flex; align-items:center; gap:16px; padding:0 25px; color:#fff; border-bottom:1px solid #ffffff18; font-size:20px; font-weight:900; }
.brand small { display:block; margin-top:3px; color:#aeb7b1; font-size:8px; letter-spacing:.17em; text-transform:uppercase; }
.brand-mark { width:36px; height:36px; border:5px solid var(--ruby); transform:rotate(45deg); }
.brand-logo { width:50px; height:50px; object-fit:contain; }
.branch-card { margin:22px 17px; padding:14px; border:1px solid #ffffff18; border-radius:8px; background:#ffffff0d; }
.branch-card small,.topbar small,.user-menu small { display:block; color:#9ea6a1; font-size:9px; letter-spacing:.12em; text-transform:uppercase; }
.branch-card strong { display:block; margin-top:7px; font-size:13px; }
nav { padding:0 17px; }
.nav-item { min-height:44px; display:flex; align-items:center; justify-content:space-between; margin:3px 0; padding:0 13px; color:#bdc4bf; border-radius:7px; font-size:13px; font-weight:700; }
.nav-item.active { color:#fff; background:var(--ruby); }
.nav-item.disabled { opacity:.66; }
.nav-item small { color:var(--saffron); font-size:8px; }
.trial-card { margin:28px 17px 0; padding:17px; color:var(--charcoal); background:var(--saffron); border-radius:8px; }
.trial-card small { font-size:9px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.trial-card strong { display:block; margin-top:6px; font-size:17px; }
.trial-card p { margin:8px 0 0; font-size:10px; line-height:1.45; }
.main { min-width:0; }
.topbar { height:92px; display:flex; align-items:center; justify-content:space-between; padding:0 clamp(24px,4vw,54px); border-bottom:1px solid var(--line); }
.topbar strong { display:block; margin-top:4px; }
.user-menu { display:flex; align-items:center; gap:11px; }
.avatar { width:42px; height:42px; display:grid; place-items:center; color:#fff; background:var(--teal); border-radius:8px; font-weight:900; }
.text-button { margin-left:10px; padding:8px 10px; color:var(--ruby); background:transparent; border:0; cursor:pointer; font-size:11px; font-weight:800; }
.content { width:100%; max-width:1500px; margin:auto; padding:38px clamp(24px,4vw,54px) 54px; }
.auth-wrap { min-height:calc(100vh - 76px); display:grid; grid-template-columns:minmax(0,1fr) minmax(340px,480px); align-items:center; gap:clamp(40px,8vw,120px); max-width:1100px; margin:auto; }
.auth-copy h1,.welcome-row h1 { margin:0; font-size:clamp(34px,5vw,58px); line-height:1.02; letter-spacing:-.045em; }
.auth-copy>p:last-child,.welcome-row>div>p:last-child { color:var(--muted); font-family:Georgia,serif; font-size:16px; }
.eyebrow { margin:0 0 9px; color:var(--teal); font-size:10px; font-weight:900; letter-spacing:.18em; text-transform:uppercase; }
.form-card,.panel,.kpi { background:var(--paper); border:1px solid var(--line); border-radius:10px; box-shadow:0 18px 44px #3d2f1f12; }
.form-card { padding:30px; }
.form-card h2 { margin:0; font-size:23px; }
.muted,.form-foot { color:var(--muted); font-size:12px; }
label { display:block; margin-top:16px; font-size:11px; font-weight:800; }
label input:not([type=checkbox]) { width:100%; height:46px; margin-top:7px; padding:0 12px; color:var(--charcoal); background:var(--white); border:1px solid var(--line); border-radius:7px; outline:none; }
label input:focus { border-color:var(--teal); box-shadow:0 0 0 3px #0b5b5918; }
label small { display:block; margin-top:5px; color:var(--muted); font-weight:400; }
.check { display:flex; align-items:center; gap:8px; font-weight:600; }
.error-box { margin-top:18px; padding:12px; color:#8b2532; background:#f7e3e2; border:1px solid #e7c2c0; border-radius:7px; font-size:11px; }
.error-box ul { margin:7px 0 0; padding-left:18px; }
.primary-button { width:100%; min-height:47px; margin-top:20px; color:#fff; background:var(--ruby); border:0; border-radius:7px; cursor:pointer; font-weight:900; }
.primary-button:hover { background:#7d1937; }
.form-foot { margin:16px 0 0; text-align:center; }
.welcome-row { display:flex; justify-content:space-between; align-items:end; gap:20px; }
.welcome-row h1 { font-size:clamp(30px,4vw,45px); }
.date-pill { padding:12px 16px; background:var(--paper); border:1px solid var(--line); border-radius:8px; font-size:12px; font-weight:800; }
.kpi-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:17px; margin-top:28px; }
.kpi { min-height:142px; padding:21px; border-top:4px solid var(--ruby); }
.kpi.teal { border-top-color:var(--teal); }.kpi.saffron { border-top-color:var(--saffron); }.kpi.dark { border-top-color:var(--charcoal); }
.kpi small { color:var(--muted); font-size:10px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.kpi strong { display:block; margin:18px 0 8px; font-size:25px; }.kpi span { color:var(--muted); font-size:10px; }
.panel-grid { display:grid; grid-template-columns:1.7fr 1fr; gap:20px; margin-top:20px; }
.panel { padding:25px; }.panel h2 { margin:0; font-size:20px; }.panel>p:last-of-type { color:var(--muted); line-height:1.6; font-size:13px; }
.panel.accent { color:#fff; background:var(--teal); }.panel.accent .eyebrow,.panel.accent>p:last-of-type { color:#dcebe7; }
.checklist { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:22px; }.checklist span { padding:11px; background:var(--white); border:1px solid var(--line); border-radius:7px; font-size:11px; font-weight:800; }
@media (max-width:1000px) { .kpi-grid { grid-template-columns:1fr 1fr; }.auth-wrap { grid-template-columns:1fr; padding-block:35px; }.auth-copy { max-width:700px; }.panel-grid { grid-template-columns:1fr; } }
@media (max-width:760px) { .app-shell { grid-template-columns:1fr; }.sidebar { min-height:auto; }.sidebar nav,.sidebar .branch-card,.sidebar .trial-card { display:none; }.brand { height:76px; }.topbar { height:auto; min-height:76px; padding:14px 18px; }.user-menu>div { display:none; }.content { padding:28px 17px 40px; }.kpi-grid { grid-template-columns:1fr; }.welcome-row { display:block; }.date-pill { display:inline-block; margin-top:12px; }.checklist { grid-template-columns:1fr; } }
@media (prefers-reduced-motion:reduce) { * { scroll-behavior:auto!important; transition:none!important; } }
.welcome-row.compact h1 { font-size:clamp(30px,4vw,44px); }
.notice { margin:22px 0; padding:15px 17px; border-radius:8px; font-size:12px; line-height:1.55; }.notice.warning { color:#6e4d10; background:#f7e9c5; border:1px solid #e5c978; }
.notice.danger { color:#842d35; background:#f6e2df; border:1px solid #dfb2ae; }.notice code { padding:2px 5px; background:#ffffff80; border-radius:4px; }
.notice.info { color:#174f4d; background:#dcebe7; border:1px solid #a8cec7; }
.verify-grid { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr); gap:20px; align-items:start; }.imei-form { padding:26px; }.two-fields { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
select { width:100%; height:46px; margin-top:7px; padding:0 12px; color:var(--charcoal); background:var(--white); border:1px solid var(--line); border-radius:7px; }
.verification-guide ol { margin:20px 0 0; padding-left:20px; }.verification-guide li { margin:12px 0; color:var(--muted); font-size:12px; line-height:1.5; }.verification-guide li::marker { color:var(--ruby); font-weight:900; }
.history-panel { margin-top:20px; padding:0; overflow:hidden; }.panel-heading { padding:22px 24px; border-bottom:1px solid var(--line); }.panel-heading h2 { margin:0; }.empty-state { padding:45px 24px; text-align:center; }.empty-state p { color:var(--muted); font-size:12px; }
.table-wrap { overflow:auto; }table { width:100%; border-collapse:collapse; min-width:780px; }th { padding:12px 16px; color:var(--muted); background:#f2ebdf; text-align:left; font-size:9px; letter-spacing:.1em; text-transform:uppercase; }td { padding:15px 16px; border-top:1px solid #e8dece; font-size:11px; }td strong,td small { display:block; }td small { margin-top:4px; color:var(--muted); font-size:9px; }
.badge { display:inline-flex; width:max-content; align-items:center; padding:5px 9px; border-radius:20px; font-size:9px; font-weight:900; }.badge.checked { color:var(--teal); background:#dcebe7; }.badge.risk-clear { color:#25634f; background:#dcebe7; }.badge.risk-review { color:#8a5c09; background:#f7e9c5; }.badge.risk-high { color:#9c302c; background:#f6e2df; }
.back-link { display:inline-block; margin-bottom:18px; font-size:11px; }.result-hero { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:28px; background:var(--paper); border:1px solid var(--line); border-left:6px solid var(--saffron); border-radius:10px; }.result-hero.risk-clear { border-left-color:var(--teal); }.result-hero.risk-high { border-left-color:var(--ruby); }.result-hero h1 { margin:5px 0; font-size:34px; }.result-hero .eyebrow { margin-top:18px; }.result-hero p:last-child { color:var(--muted); font-size:12px; }.result-risk { padding:12px; border:1px solid currentColor; border-radius:7px; font-size:11px; font-weight:900; }
.result-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:20px; }.details { margin:18px 0 0; }.details div { display:grid; grid-template-columns:140px 1fr; gap:15px; padding:12px 0; border-top:1px solid var(--line); }.details dt { color:var(--muted); font-size:10px; text-transform:uppercase; }.details dd { margin:0; font-size:12px; font-weight:800; }.reasons { margin-top:20px; }.reasons li { margin:9px 0; font-size:12px; }
@media (max-width:900px) { .verify-grid,.result-grid { grid-template-columns:1fr; } }@media (max-width:560px) { .two-fields { grid-template-columns:1fr; }.result-hero { display:block; }.result-risk { display:inline-block; margin-top:12px; } }
.catalog-forms { display:grid; grid-template-columns:.7fr 1fr 1.4fr; gap:18px; margin-top:24px; align-items:start; }.catalog-forms .form-card { padding:22px; }.catalog-forms h2 { font-size:16px; }.three-fields { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }.stock-form { max-width:920px; margin-top:24px; }.form-actions { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-top:22px; }.form-actions .primary-button { width:auto; min-width:220px; margin:0; }.primary-link { padding:13px 17px; color:#fff; background:var(--ruby); border-radius:8px; font-size:12px; }.inventory-search { display:flex; max-width:620px; margin:22px 0; }.inventory-search input { flex:1; min-width:0; height:45px; padding:0 14px; border:1px solid var(--line); border-radius:8px 0 0 8px; background:var(--white); }.inventory-search button { padding:0 20px; color:#fff; background:var(--teal); border:0; border-radius:0 8px 8px 0; font-weight:800; }.badge.status-in_stock { color:#25634f; background:#dcebe7; }.badge.status-quarantine { color:#9c302c; background:#f6e2df; }.primary-button:disabled { opacity:.45; cursor:not-allowed; }
@media(max-width:1100px){.catalog-forms{grid-template-columns:1fr 1fr}.catalog-forms form:last-child{grid-column:1/-1}}@media(max-width:700px){.catalog-forms{grid-template-columns:1fr}.catalog-forms form:last-child{grid-column:auto}.three-fields{grid-template-columns:1fr}.form-actions{align-items:stretch;flex-direction:column}.form-actions .primary-button{width:100%}}
.starter-catalog { display:grid; grid-template-columns:.75fr 1.25fr; gap:40px; margin-top:24px; padding:28px; }.starter-catalog h2 { margin:0; font-size:22px; }.starter-catalog form .primary-button { max-width:260px; }.manual-catalog { margin-top:18px; }.manual-catalog summary { width:max-content; cursor:pointer; color:var(--teal); font-size:12px; font-weight:800; }.manual-catalog[open] summary { margin-bottom:14px; }@media(max-width:850px){.starter-catalog{grid-template-columns:1fr}}
.header-actions { display:flex; align-items:center; gap:10px; }.secondary-link { padding:12px 16px; color:var(--teal); background:var(--paper); border:1px solid var(--teal); border-radius:8px; font-size:12px; }.privilege-pill { padding:9px 13px; color:var(--teal); background:#dcebe7; border-radius:20px; font-size:10px; font-weight:900; text-transform:uppercase; letter-spacing:.08em; }.bulk-stock-form { max-width:1040px; }.bulk-entry-heading { display:flex; justify-content:space-between; align-items:end; gap:20px; margin-top:30px; padding-top:26px; border-top:1px solid var(--line); }.bulk-entry-heading h2 { font-size:18px; }.bulk-entry-heading p { margin-bottom:0; }.bulk-entry-heading span { color:var(--muted); font-size:10px; font-weight:900; text-transform:uppercase; }.bulk-rows-label textarea { width:100%; margin-top:7px; padding:14px; resize:vertical; color:var(--charcoal); background:var(--white); border:1px solid var(--line); border-radius:7px; font:13px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace; outline:none; }.bulk-rows-label textarea:focus { border-color:var(--teal); box-shadow:0 0 0 3px #0b5b5918; }
@media(max-width:700px){.header-actions{align-items:stretch;flex-direction:column;margin-top:16px}.header-actions a{text-align:center}.privilege-pill{display:inline-block;margin-top:14px}.bulk-entry-heading{align-items:start;flex-direction:column}.bulk-entry-heading span{margin-top:-12px}}
.staff-layout { display:grid; grid-template-columns:minmax(360px,.8fr) minmax(500px,1.2fr); gap:22px; margin-top:26px; align-items:start; }.staff-create { position:sticky; top:20px; }.staff-errors { margin-bottom:0; }.staff-list { overflow:hidden; background:var(--paper); border:1px solid var(--line); border-radius:10px; box-shadow:0 18px 44px #3d2f1f12; }.staff-heading { padding:24px; }.staff-heading h2,.activity-panel h2 { margin:0; }.staff-member { border-top:1px solid var(--line); }.staff-member summary { display:grid; grid-template-columns:40px minmax(0,1fr) auto 20px; align-items:center; gap:12px; padding:17px 20px; cursor:pointer; list-style:none; }.staff-member summary::-webkit-details-marker { display:none; }.staff-avatar { width:40px;height:40px;display:grid;place-items:center;color:#fff;background:var(--teal);border-radius:8px;font-size:11px;font-weight:900; }.staff-summary strong,.staff-summary small { display:block; }.staff-summary small { margin-top:4px;color:var(--muted);font-size:10px; }.expand-mark { color:var(--muted);font-weight:900; }.staff-member[open] .expand-mark { transform:rotate(180deg); }.staff-edit { padding:4px 20px 22px; background:#faf4e9; border-top:1px solid var(--line); }.permission-row { display:grid; grid-template-columns:1fr 1fr; gap:12px; }.permission-check { display:flex;align-items:start;gap:10px;padding:13px;background:var(--white);border:1px solid var(--line);border-radius:7px; }.permission-check input { margin-top:2px; accent-color:var(--teal); }.permission-check span,.permission-check strong,.permission-check small { display:block; }.permission-check small { margin-top:4px; }.staff-save { display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:18px; }.staff-save span { color:var(--muted);font-size:9px; }.staff-save button { padding:10px 16px;color:#fff;background:var(--teal);border:0;border-radius:7px;font-weight:900;cursor:pointer; }.activity-panel { margin-top:22px;padding:0;overflow:hidden; }.activity-panel table { min-width:620px; }
@media(max-width:1050px){.staff-layout{grid-template-columns:1fr}.staff-create{position:static}}@media(max-width:620px){.staff-member summary{grid-template-columns:40px minmax(0,1fr) 18px}.staff-member summary .badge{grid-column:2}.permission-row{grid-template-columns:1fr}.staff-save{align-items:stretch;flex-direction:column}.staff-save button{width:100%}}
.master-body{background:#eee7da}.master-login{min-height:100vh;display:grid;place-items:center;padding:24px}.master-login .form-card{width:min(440px,100%)}.master-topbar{position:sticky;top:0;z-index:10;min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:14px clamp(20px,4vw,60px);color:#fff;background:var(--charcoal);box-shadow:0 8px 25px #0002}.master-topbar .eyebrow{margin:0;color:#a8cec7}.master-topbar nav{display:flex;gap:20px}.master-topbar a{color:#dce2de;font-size:11px}.master-topbar>div:last-child{display:flex;align-items:center;gap:12px;font-size:10px}.master-topbar form{display:inline}.master-topbar button{padding:7px 10px;color:#fff;background:transparent;border:1px solid #ffffff55;border-radius:6px}.master-content{max-width:1500px;margin:auto;padding:42px clamp(20px,4vw,60px) 80px}.master-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:25px 0}.master-kpis article{padding:19px;background:var(--paper);border:1px solid var(--line);border-top:4px solid var(--teal);border-radius:8px}.master-kpis small,.master-kpis strong{display:block}.master-kpis small{color:var(--muted);font-size:9px;text-transform:uppercase}.master-kpis strong{margin-top:10px;font-size:25px}.master-section{display:grid;grid-template-columns:minmax(260px,.65fr) minmax(480px,1.35fr);gap:30px;margin-top:28px;padding:30px;background:#f7f1e6;border:1px solid var(--line);border-radius:11px}.master-section.stacked{grid-template-columns:1fr}.section-copy h2{margin:0;font-size:25px}.section-copy>p:last-child{color:var(--muted);font-size:12px;line-height:1.6}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.plan-grid .form-card{padding:20px}.new-plan{border-top:4px solid var(--ruby)}.business-admin-list{overflow:hidden;border:1px solid var(--line);border-radius:9px;background:var(--paper)}.business-control-grid{display:grid;grid-template-columns:1fr 1fr .65fr;gap:1px;background:var(--line)}.business-control-grid .staff-edit{border:0}.business-control-grid h3{margin:15px 0 0}.account-control{background:#f5e5e1}.master-team-list{display:grid;gap:7px;margin-top:18px}.master-team-list span{padding:10px;background:var(--paper);border:1px solid var(--line);border-radius:7px}.master-team-list strong,.master-team-list small{display:block}.master-team-list small{margin-top:3px;color:var(--muted);font-size:9px}.master-section>.panel{padding:0}.master-section td small{display:block}.subscription-warning{margin:0;padding:12px 20px;text-align:center;color:#6e4d10;background:#f7e9c5;border-bottom:1px solid #e5c978;font-size:11px;font-weight:800}
@media(max-width:1100px){.plan-grid{grid-template-columns:1fr 1fr}.business-control-grid{grid-template-columns:1fr}.master-section{grid-template-columns:1fr}.master-topbar nav{display:none}}@media(max-width:700px){.master-kpis{grid-template-columns:1fr 1fr}.plan-grid{grid-template-columns:1fr}.master-topbar>div:last-child span{display:none}}
.master-team-list details{padding:10px;background:var(--paper);border:1px solid var(--line);border-radius:7px}.master-team-list summary{cursor:pointer}.master-team-list details form{padding-top:10px}.master-team-list details button{margin-top:12px;padding:9px 12px;color:#fff;background:var(--teal);border:0;border-radius:6px}
.master-brand,.master-login-brand{display:flex;align-items:center;gap:12px}.master-brand img{width:54px;height:54px;object-fit:contain}.master-login-brand{margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid var(--line)}.master-login-brand img{width:76px;height:76px;object-fit:contain}.master-login-brand strong,.master-login-brand small{display:block}.master-login-brand strong{font-size:20px}.master-login-brand small{margin-top:5px;color:var(--muted);font-size:9px;letter-spacing:.11em;text-transform:uppercase}
.purchase-setup{display:grid;grid-template-columns:.75fr 1.25fr;gap:20px;margin-top:25px;align-items:start}.supplier-summary,.purchase-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:20px}.supplier-summary{grid-template-columns:repeat(3,1fr)}.supplier-summary .kpi{min-height:115px}.purchase-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.badge.status-ordered{color:#8a5c09;background:#f7e9c5}.badge.status-partial{color:#174f4d;background:#dcebe7}.badge.status-received{color:#25634f;background:#cce6d9}
@media(max-width:950px){.purchase-setup,.purchase-actions-grid{grid-template-columns:1fr}.supplier-summary,.purchase-kpis{grid-template-columns:1fr 1fr}}@media(max-width:560px){.supplier-summary,.purchase-kpis{grid-template-columns:1fr}}
.pos-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(380px,.8fr);gap:22px;margin-top:15px;align-items:start}.pos-stock .inventory-search{max-width:none}.pos-results{display:grid;gap:10px}.pos-results article{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px;background:var(--paper);border:1px solid var(--line);border-radius:8px}.pos-results strong,.pos-results small,.pos-results span{display:block}.pos-results small{margin:5px 0;color:var(--muted);font-size:10px}.pos-results span{color:var(--teal);font-weight:900}.pos-results button{padding:9px 12px;color:#fff;background:var(--teal);border:0;border-radius:6px;font-weight:800}.pos-cart{position:sticky;top:18px}.pos-cart h3{margin:24px 0 0}.cart-lines{display:grid;gap:10px;margin-top:18px}.cart-line{display:grid;grid-template-columns:minmax(0,1fr) 130px 28px;align-items:end;gap:8px;padding:10px;background:var(--white);border:1px solid var(--line);border-radius:7px}.cart-line strong,.cart-line small{display:block}.cart-line small{margin-top:4px;color:var(--muted);font-size:9px}.cart-line label{margin:0}.cart-line input{height:38px!important}.cart-line button{height:30px;color:var(--ruby);background:transparent;border:0;font-size:22px}.payment-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.payment-row select,.payment-row input{height:42px;margin:0;padding:0 10px;background:var(--white);border:1px solid var(--line);border-radius:7px}.recent-sales{margin-top:20px;padding:0}.customer-layout{display:grid;grid-template-columns:minmax(320px,.65fr) minmax(0,1.35fr);gap:20px;margin-top:24px;align-items:start}.customer-layout>.form-card{position:sticky;top:18px}.customer-layout .history-panel{margin:0}.customer-detail-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(330px,.6fr);gap:20px;margin-top:22px;align-items:start}.customer-detail-grid .history-panel{margin:0}.invoice-body{padding:35px;background:#e7e0d5}.invoice-sheet{max-width:1050px;margin:auto;padding:45px;background:#fffdf8;box-shadow:0 20px 60px #30251425}.invoice-head{display:flex;justify-content:space-between;align-items:start;gap:30px;padding-bottom:25px;border-bottom:2px solid var(--charcoal)}.invoice-head h1{margin:4px 0;font-size:24px}.invoice-brand{display:flex;align-items:center;gap:12px}.invoice-brand img{width:70px;height:70px;object-fit:contain}.invoice-brand strong,.invoice-brand span{display:block}.invoice-brand strong{font-size:20px}.invoice-brand span,.invoice-head>div:last-child>span{color:var(--muted);font-size:10px}.invoice-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:25px 0}.invoice-meta small,.invoice-meta strong,.invoice-meta span{display:block}.invoice-meta small{color:var(--muted);font-size:9px;text-transform:uppercase}.invoice-meta strong{margin:6px 0}.invoice-meta span{font-size:10px}.invoice-table{min-width:0}.invoice-table th{background:var(--charcoal);color:#fff}.invoice-bottom{display:grid;grid-template-columns:1fr 380px;gap:30px;margin-top:30px}.invoice-bottom p{font-size:11px}.invoice-bottom p strong{margin-left:20px}.invoice-bottom dl{margin:0}.invoice-bottom dl div{display:flex;justify-content:space-between;padding:9px;border-bottom:1px solid var(--line);font-size:11px}.invoice-bottom .due{font-size:15px;font-weight:900}.invoice-sheet footer{margin-top:35px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}.invoice-sheet footer .no-print{display:flex;justify-content:space-between;align-items:center}.invoice-sheet footer button{padding:10px 16px;color:#fff;background:var(--teal);border:0;border-radius:6px;font-weight:800}
@media(max-width:1000px){.pos-layout,.customer-layout,.customer-detail-grid{grid-template-columns:1fr}.pos-cart,.customer-layout>.form-card{position:static}}@media(max-width:650px){.cart-line{grid-template-columns:1fr 100px 24px}.invoice-body{padding:0}.invoice-sheet{padding:22px}.invoice-head{display:block}.invoice-meta,.invoice-bottom{grid-template-columns:1fr}.invoice-table{min-width:650px}.invoice-sheet{overflow:auto}}@media print{.invoice-body{padding:0;background:#fff}.invoice-sheet{max-width:none;padding:0;box-shadow:none}.no-print{display:none!important}}
.cart-line-wrap{display:grid;gap:4px}.price-warning{display:none;padding:8px 10px;border-radius:6px;font-size:9px;line-height:1.4}.price-warning.info{display:block;color:#174f4d;background:#dcebe7}.price-warning.warning{display:block;color:#6e4d10;background:#f7e9c5}.price-warning.danger{display:block;color:#842d35;background:#f6e2df}.sale-price-summary{margin-top:12px;padding:10px 12px;border-radius:7px;font-size:10px;font-weight:800}.sale-price-summary.clear{color:#25634f;background:#dcebe7}.sale-price-summary.warning{color:#6e4d10;background:#f7e9c5}.sale-price-summary.danger{color:#842d35;background:#f6e2df}.pos-total-row{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding:14px;color:#fff;background:var(--charcoal);border-radius:7px}.pos-total-row span{font-size:10px;text-transform:uppercase}.pos-total-row strong{font-size:18px}
.branding-layout{display:grid;grid-template-columns:minmax(380px,.8fr) minmax(360px,1.2fr);gap:22px;margin-top:25px;align-items:start}.branding-preview{min-height:280px}.preview-brand{display:flex;align-items:center;gap:20px;margin-top:35px;padding:25px;background:var(--white);border:1px solid var(--line);border-radius:9px}.preview-brand img{width:120px;height:120px;object-fit:contain}.preview-brand strong,.preview-brand small{display:block}.preview-brand strong{font-size:24px}.preview-brand small{margin-top:7px;color:var(--muted);font-size:10px}@media(max-width:800px){.branding-layout{grid-template-columns:1fr}}
.invoice-edit-link{display:inline-block;margin-right:12px;padding:9px 14px;color:var(--teal);border:1px solid var(--teal);border-radius:6px}.invoice-edit-form{max-width:1050px;margin-top:24px}.invoice-edit-form table{min-width:760px}.invoice-edit-form td input{width:160px;height:40px;padding:0 10px;border:1px solid var(--line);border-radius:6px}.invoice-edit-form label textarea{width:100%;margin-top:7px;padding:12px;resize:vertical;border:1px solid var(--line);border-radius:7px;font:inherit}.correction-price-warning{margin-top:5px!important;font-size:9px!important}.correction-price-warning.warning{color:#8a5c09}.correction-price-warning.danger{color:#9c302c;font-weight:800}
.returns-tools{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:20px;align-items:start}.returns-tools .inventory-search{max-width:none}.return-search-results{display:grid;gap:10px}.return-search-results article{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px;background:var(--paper);border:1px solid var(--line);border-radius:8px}.return-search-results strong,.return-search-results small,.return-search-results span{display:block}.return-search-results small,.return-search-results span{margin-top:4px;color:var(--muted);font-size:9px}.return-intake-grid,.return-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px;align-items:start}.return-device{min-height:420px}.return-intake-grid textarea,.return-resolution textarea{width:100%;margin-top:7px;padding:12px;border:1px solid var(--line);border-radius:7px;font:inherit}.return-resolution{max-width:1050px;margin-top:22px}.badge.return-pending_inspection{color:#8a5c09;background:#f7e9c5}.badge.return-completed{color:#25634f;background:#dcebe7}.badge.return-rejected{color:#9c302c;background:#f6e2df}.badge.return-warranty_open{color:#174f4d;background:#dcebe7}@media(max-width:900px){.returns-tools,.return-intake-grid,.return-summary-grid{grid-template-columns:1fr}}
.cash-account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px}.cash-account-card{padding:22px}.cash-account-heading{display:flex;align-items:start;justify-content:space-between;gap:15px}.cash-account-heading h2{font-size:21px}.cash-breakdown{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin:20px 0;background:var(--line);border:1px solid var(--line);border-radius:8px;overflow:hidden}.cash-breakdown div{padding:12px;background:var(--white)}.cash-breakdown dt,.cash-breakdown dd{margin:0}.cash-breakdown dt{color:var(--muted);font-size:9px;text-transform:uppercase}.cash-breakdown dd{margin-top:5px;font-size:13px;font-weight:900}.cash-breakdown .expected{color:#fff;background:var(--teal)}.cash-breakdown .expected dt{color:#b9d7d2}.inline-cash-form{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:9px}.inline-cash-form label{margin:0}.inline-cash-form input{height:40px}.inline-cash-form button{width:auto;min-height:40px;margin:0;padding:0 14px}.secondary-button{min-height:42px;padding:0 15px;color:var(--teal);background:var(--white);border:1px solid var(--teal);border-radius:7px;cursor:pointer;font-weight:900}.closed-result{padding:11px;border-radius:7px;font-size:10px;font-weight:900}.closed-result.balanced{color:#25634f;background:#dcebe7}.closed-result.difference{color:#9c302c;background:#f6e2df}.cash-workspace{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:20px;margin-top:20px;align-items:start}.cash-setup-stack{display:grid;gap:14px}.cash-setup-stack .form-card{padding:21px}.compact-form h3{margin-top:0}.input-action{display:flex}.input-action input{min-width:0;border-radius:7px 0 0 7px}.input-action button{border-radius:0 7px 7px 0}.money-in{color:#25634f;font-weight:900}.money-out{color:#9c302c;font-weight:900}@media(max-width:1050px){.cash-account-grid,.cash-workspace{grid-template-columns:1fr}}@media(max-width:620px){.inline-cash-form{grid-template-columns:1fr}.cash-breakdown{grid-template-columns:1fr}}
.forgot-link{display:inline-block;margin-top:10px;font-size:11px}.error-page{width:min(620px,calc(100% - 40px));margin:10vh auto;padding:45px;text-align:center;background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:0 24px 70px #30251420}.error-page img{width:100px;height:100px;object-fit:contain}.error-page h1{font-size:clamp(28px,5vw,42px)}.error-page>p:not(.eyebrow){margin:0 auto 28px;color:var(--muted);line-height:1.7}.error-page .primary-link{display:inline-block}