@font-face {
  font-family: "Google Sans Flex";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../fonts/google-sans-latin.63cd496acad3.woff2") format("woff2");
}

:root {
  --wuaci-signature: #111111;
  --blue: #b86e3d;
  --red: #dc2626;
  --yellow: #f59e0b;
  --green: #16a34a;
  --blue-dark: #8f4f2a;
  --ink: #111111;
  --muted: #6f6f6f;
  --line: #d4d4d4;
  --surface: #ffffff;
  --surface-soft: #f5f6f7;
  --sidebar: #111111;
  --sidebar-soft: #1d1d1d;
  --shadow: 0 12px 32px rgba(111, 58, 91, 0.09);
  --radius: 16px;
  --font-family-sans: "Google Sans Flex", Arial, "Segoe UI", system-ui, sans-serif;
  font-family: var(--font-family-sans);
  color: var(--ink);
  background: var(--surface-soft);
  font-synthesis: none;
}
* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { min-height: 100%; max-width: 100%; overflow-x: clip; font-family: var(--font-family-sans); -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body { min-height: 100vh; max-width: 100%; margin: 0; overflow-x: clip; color: var(--ink); background: var(--surface-soft); line-height: 1.45; font-family: var(--font-family-sans); }
* { scrollbar-width: none; }
*::-webkit-scrollbar { width: 0; height: 0; }
a { color: var(--blue-dark); text-decoration: none; }
button, input, select, textarea, summary { font-family: var(--font-family-sans) !important; }
button, input, select, textarea { font: inherit; }
input, select, textarea { max-width: 100%; min-width: 0; }
button, summary, select { cursor: pointer; }
.ph-icon { width: 1.15rem; height: 1.15rem; flex: 0 0 auto; overflow: visible; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; left: 1rem; top: -4rem; z-index: 999; padding: .75rem 1rem; color: white; background: var(--ink); border-radius: 8px; }
.skip-link:focus { top: 1rem; }
.app-shell { min-height: 100vh; display: grid; grid-template-columns: 270px minmax(0, 1fr); transition: grid-template-columns .2s ease; }
.app-shell.sidebar-collapsed { grid-template-columns: 0 minmax(0, 1fr); }
.sidebar { position: sticky; top: 0; width: 270px; height: 100vh; display: flex; flex-direction: column; padding: 1.25rem 1rem; color: #eaf0fb; background: var(--sidebar); z-index: 30; transition: width .2s ease, opacity .15s ease, padding .2s ease; }
.app-shell.sidebar-collapsed .sidebar { width: 0; padding-inline: 0; opacity: 0; overflow: hidden; visibility: hidden; pointer-events: none; }
.brand { display: flex; align-items: center; gap: .8rem; padding: .5rem .65rem 1.1rem; color: white; }
.brand strong, .brand small { display: block; }
.brand small { color: #9babc4; font-size: .72rem; margin-top: .12rem; }
.brand-mark { width: 38px; height: 38px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 3px; padding: 5px; background: white; border-radius: 11px; }
.brand-mark i { border-radius: 3px; }
.brand-mark i:nth-child(1) { background: var(--blue); }.brand-mark i:nth-child(2) { background: var(--red); }.brand-mark i:nth-child(3) { background: var(--yellow); }.brand-mark i:nth-child(4) { background: var(--green); }
.workspace-card { margin: 0 .25rem 1rem; padding: .85rem; border: 1px solid #30415d; border-radius: 12px; background: var(--sidebar-soft); }
.workspace-card small, .workspace-card strong, .workspace-card span { display: block; }.workspace-card small, .workspace-card span { color: #a8b5ca; font-size: .74rem; }.workspace-card strong { margin: .2rem 0; }
.signed-in-avatar{width:36px;height:36px;display:grid;flex:0 0 auto;place-items:center;color:#fff;background:var(--blue);border-radius:10px;font-size:.8rem;font-weight:850}.sidebar-foot-user{padding:.85rem .7rem 0}.sidebar-foot-user>span:last-child{min-width:0}.sidebar-foot-user small,.sidebar-foot-user strong,.sidebar-foot-user b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-foot-user small{color:#91a0b8;font-size:.64rem}.sidebar-foot-user strong{font-size:.78rem}.sidebar-foot-user b{margin-top:.08rem;color:#8eb8ff;font-size:.66rem;font-weight:750}
.primary-nav { display: grid; gap: .2rem; overflow-y: auto; }
.nav-label { margin: .85rem .65rem .35rem; color: #7f91ab; font-size: .68rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.nav-item { display: grid; grid-template-columns: 24px 1fr auto; align-items: center; gap: .55rem; min-height: 44px; padding: .58rem .7rem; border-radius: 10px; color: #c8d3e5; font-weight: 620; }
.nav-item:hover, .nav-item:focus-visible { color: white; background: #22314b; outline: none; }
.nav-item.active { color: white; background: rgba(53,104,212,.2); box-shadow: inset 3px 0 var(--blue); }
.nav-icon { display: grid; width: 24px; height: 24px; place-items: center; color: #9eabc0; }
.nav-icon .ph-icon { width: 1.2rem; height: 1.2rem; }
.nav-item.active .nav-icon { color: #8eb8ff; }
.sidebar-foot { margin-top: auto; display: flex; gap: .7rem; align-items: center; padding: .9rem .7rem 0; border-top: 1px solid #273754; }.sidebar-foot strong,.sidebar-foot small { display:block; }.sidebar-foot small {color:#91a0b8;font-size:.72rem}.status-dot {width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(41,150,106,.17)}
.main-shell { min-width: 0; }.topbar { height: 74px; position: sticky; top: 0; z-index: 20; display: flex; align-items: center; gap: 1rem; padding: 0 1.6rem; background: rgba(255,255,255,.94); border-bottom: 1px solid var(--line); backdrop-filter: blur(12px); }
.topbar-title { display: grid; }.topbar-title small { color: var(--muted); font-size: .72rem; }.topbar-title strong { font-size: 1.05rem; }.topbar-actions { margin-left: auto; display: flex; align-items: center; gap: .65rem; }
.sidebar-toggle { display: inline-grid; place-items:center; }.icon-button,.button-quiet,.button-primary,.button-secondary,.button-danger { min-height: 42px; display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:10px;border:1px solid transparent;padding:.65rem .9rem;font-weight:750; }.icon-button { width: 42px; padding: 0; background: white; border-color: var(--line); }.button-quiet { background: transparent; color: var(--muted); }.button-primary { background: var(--blue); color: white; box-shadow:0 5px 14px rgba(53,104,212,.22) }.button-primary:hover { background: var(--blue-dark); }.button-secondary { color: var(--ink); background: white; border-color: var(--line); }.button-secondary:hover { border-color:#bdc8d8;background:#fafcff }.button-danger { color:white;background:var(--red)}
.page-content { width: min(1480px, 100%); margin: 0 auto; padding: 1.6rem; }.page-header { display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem}.page-header h1 {margin:0;font-size:clamp(1.5rem,3vw,2.1rem);letter-spacing:-.035em}.page-header p{margin:.35rem 0 0;color:var(--muted)}.page-actions{display:flex;gap:.65rem;flex-wrap:wrap}.eyebrow{margin:0 0 .35rem!important;color:var(--blue-dark)!important;font-size:.7rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.metrics { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1.2rem }.metrics-financial{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card,.panel { background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow) }.metric-card{padding:1.1rem}.metric-card header{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:.78rem;font-weight:750}.metric-card strong{display:block;margin-top:.65rem;font-size:clamp(1.25rem,2vw,1.8rem);letter-spacing:-.04em}.metric-card>small{display:block;margin-top:.25rem;color:var(--muted);font-size:.72rem}.metric-icon{width:38px;height:38px;display:grid;place-items:center;color:var(--blue);background:#edf4ff;border-radius:11px}.metric-icon .ph-icon{width:1.25rem;height:1.25rem}.metric-card:nth-child(2) .metric-icon{color:var(--red);background:#fff0f0}.metric-card:nth-child(3) .metric-icon{color:var(--green);background:#ebf8ef}.metric-card:nth-child(4) .metric-icon{color:#886400;background:#fff7dc}
.grid-2{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.8fr);gap:1rem}.panel{padding:1.1rem;overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.85rem}.panel-header h2{margin:0;font-size:1.05rem}.panel-header p{margin:.25rem 0 0;color:var(--muted);font-size:.85rem}
.table-wrap{overflow:auto;margin:0 -1.1rem -1.1rem}.data-table{width:100%;border-collapse:collapse;min-width:680px}.data-table th,.data-table td{padding:.82rem 1rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.data-table th{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;background:#fafbfc}.data-table tr:last-child td{border-bottom:0}.number{text-align:right!important;font-variant-numeric:tabular-nums}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .55rem;border-radius:999px;font-size:.72rem;font-weight:800;background:#edf2ff;color:var(--blue-dark)}.badge-good{background:#eaf7ee;color:#18733a}.badge-low{background:#fff6d8;color:#825e00}.badge-out,.badge-error{background:#fdecec;color:#a82729}
.form-card{max-width:980px}.form-card-wide{max-width:1180px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.field{display:grid;align-content:start;gap:.38rem}.field label,.field-label{min-height:1.15rem;font-size:.78rem;font-weight:800}.field input,.field select,.field textarea{width:100%;min-height:44px;padding:.65rem .75rem;border:1px solid #cdd4df;border-radius:10px;background:white;color:var(--ink)}.field input[type="checkbox"]{width:1.15rem;min-height:auto;padding:0;accent-color:var(--blue)}.field input:focus,.field select:focus,.field textarea:focus{outline:3px solid rgba(53,104,212,.2);border-color:var(--blue)}.field .helptext{min-height:1.05rem;font-size:.72rem;color:var(--muted)}.errorlist{margin:.25rem 0;padding-left:1.2rem;color:#a82729}.section-heading{margin-top:1.5rem}.line-grid{display:grid;gap:.75rem;align-items:start;padding:.85rem 0;border-bottom:1px solid var(--line)}.line-grid-purchase{grid-template-columns:minmax(240px,2fr) minmax(130px,1fr) minmax(150px,1fr) 74px}.line-grid-transfer{grid-template-columns:minmax(240px,2fr) minmax(160px,1fr) 74px}.line-grid-count{grid-template-columns:minmax(240px,2fr) minmax(160px,1fr) minmax(180px,1fr) 74px}.delete-action-field{justify-items:center}.icon-delete-control,.icon-delete-button{width:44px;height:44px;display:grid;place-items:center;padding:0;color:#a82729;background:#fff;border:1px solid #f1c5c6;border-radius:10px;cursor:pointer}.icon-delete-control:hover,.icon-delete-button:hover{background:#fff1f1;border-color:var(--red)}.icon-delete-control input{position:absolute;opacity:0;pointer-events:none}.icon-delete-control:has(input:checked){color:white;background:var(--red);border-color:var(--red)}.form-actions{display:flex;justify-content:flex-end;gap:.7rem;margin-top:1.1rem}.empty-state{text-align:center;padding:3rem 1rem;color:var(--muted)}
.quick-sale-heading{align-items:center}.quick-sale-steps{display:flex;gap:.45rem;align-items:center;color:var(--muted);font-size:.76rem;font-weight:750}.quick-sale-steps span{display:flex;align-items:center;gap:.35rem;padding:.4rem .55rem;background:white;border:1px solid var(--line);border-radius:999px}.quick-sale-steps b{width:20px;height:20px;display:grid;place-items:center;color:white;background:var(--blue);border-radius:50%;font-size:.68rem}.quick-sale-card{max-width:1080px;padding:1.25rem}.sale-context{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;padding:.85rem 1rem;background:#f7faff;border:1px solid #d8e6ff;border-radius:13px}.sale-context-icon{width:40px;height:40px;display:grid;place-items:center;color:var(--blue-dark);background:white;border:1px solid #d8e6ff;border-radius:11px}.sale-context-icon .ph-icon{width:1.35rem;height:1.35rem}.sale-context small,.sale-context strong{display:block}.sale-context small{color:var(--muted);font-size:.7rem}.sale-details{position:relative}.sale-details>summary{display:flex;align-items:center;gap:.35rem;color:var(--blue-dark);font-size:.78rem;font-weight:800;list-style:none}.sale-details>summary::-webkit-details-marker{display:none}.sale-details[open]>summary .ph-icon{transform:rotate(180deg)}.sale-details-grid{position:absolute;z-index:10;right:0;top:calc(100% + .7rem);width:min(620px,calc(100vw - 3rem));display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;padding:1rem;background:white;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}.field-span-2{grid-column:1/-1}.quick-sale-section-heading{margin:1.4rem 0 .45rem}.sale-lines{display:grid;gap:.7rem}.sale-line{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) 44px;gap:.8rem;align-items:end;padding:1rem;border:1px solid var(--line);border-radius:13px;background:#fff}.sale-line:focus-within{border-color:#a9c7fa;box-shadow:0 0 0 3px rgba(53,104,212,.1)}.sale-line-number{width:30px;height:30px;display:grid;place-items:center;align-self:center;color:var(--blue-dark);background:#edf4ff;border-radius:9px;font-size:.75rem;font-weight:850}.quick-line-fields{display:grid;grid-template-columns:minmax(240px,1fr) minmax(120px,180px);gap:.8rem}.remove-line{position:static;align-self:end}.add-line-button{margin-top:.8rem}.quick-sale-actions{padding-top:1rem;border-top:1px solid var(--line)}
.product-field{grid-template-columns:1fr}.product-field select{font-size:.78rem}.sale-line-summary{grid-column:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;padding-top:.65rem;border-top:1px solid var(--line)}.sale-line-summary span{display:block}.sale-line-summary small,.checkout-summary small{display:block;color:var(--muted);font-size:.68rem}.sale-line-summary strong{font-size:.8rem}.checkout-summary{display:grid;grid-template-columns:minmax(170px,.8fr) repeat(3,minmax(150px,1fr));align-items:end;gap:1rem;margin-top:1rem;padding:1rem;background:#f7faff;border:1px solid #d8e6ff;border-radius:13px}.checkout-summary>div:first-child{align-self:center}.checkout-summary>div:first-child strong{display:block;margin-top:.2rem;font-size:1.4rem}.receipt-payment{margin-top:1.2rem}
.alert{padding:.85rem 1rem;border-radius:10px;margin-bottom:.7rem;border-left:4px solid var(--blue);background:#eef4ff}.alert-success{border-color:var(--green);background:#edf8f0}.alert-error{border-color:var(--red);background:#fff0f0}.alert-warning{border-color:var(--yellow);background:#fff8df}.connectivity-banner{position:static;z-index:auto;display:flex;gap:1rem;align-items:center;padding:.7rem 1rem;color:#4c3900;background:#fff3c4;border:1px solid #e7c34a;border-radius:11px;box-shadow:var(--shadow)}
.auth-main{min-height:100vh;display:grid;place-items:center;padding:1.5rem;background:radial-gradient(circle at 10% 15%,rgba(53,104,212,.18),transparent 30%),radial-gradient(circle at 90% 80%,rgba(41,150,106,.16),transparent 28%),var(--surface-soft)}.auth-card{width:min(440px,100%);padding:2rem;background:white;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.auth-card h1{margin:.8rem 0 .3rem}.auth-card>p{color:var(--muted);margin:0 0 1.3rem}.auth-card .brand{color:var(--ink);padding:0}.auth-card form{display:grid;gap:1rem}.auth-card button{width:100%}
.auth-invite-note{display:grid;gap:.2rem;margin-top:1.2rem;padding:1rem;color:var(--ink);background:#edf4ff;border:1px solid #bfd4f8;border-radius:13px}.auth-invite-note span,.auth-security-note{color:var(--muted);font-size:.74rem;line-height:1.5}.invitation-card .eyebrow{margin-top:1.4rem;color:var(--blue);font-weight:800}.invitation-card .auth-security-note{display:block;margin-top:1rem}.inline-actions{display:flex;align-items:center;justify-content:flex-end;gap:.5rem}.inline-actions form{margin:0}.danger-icon{color:#b3261e;background:#fff1f0;border-color:#f0c1bd}
.activity-list{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}.activity-list li{display:grid;grid-template-columns:10px 1fr;gap:.7rem}.activity-list li:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--blue);margin-top:.35rem}.activity-list strong,.activity-list small{display:block}.activity-list small{color:var(--muted);margin-top:.15rem}.workspace-switcher{position:relative}.workspace-switcher>summary{list-style:none;padding:.6rem .8rem;border:1px solid var(--line);border-radius:10px}.workspace-switcher>div{position:absolute;right:0;top:calc(100% + .4rem);min-width:240px;padding:.4rem;background:white;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.workspace-switcher button{width:100%;text-align:left;padding:.65rem;border:0;background:white;border-radius:7px}.workspace-switcher button:hover{background:var(--surface-soft)}
.stock-alert-list{list-style:none;margin:0;padding:0;display:grid}.stock-alert-list li{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 0;border-bottom:1px solid var(--line)}.stock-alert-list li:last-child{border-bottom:0}.stock-alert-list strong,.stock-alert-list small{display:block}.stock-alert-list small{margin-top:.12rem;color:var(--muted);font-size:.72rem}.stock-alert-list .empty-state{display:block;border:0}
.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.settings-card{min-height:132px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1.2rem;color:var(--ink);background:white;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.settings-card:not(.settings-card-static):hover{transform:translateY(-2px);border-color:#b8cef4}.settings-card strong,.settings-card small{display:block}.settings-card small{margin-top:.25rem;color:var(--muted)}.settings-icon,.report-tile-icon{width:48px;height:48px;display:grid;place-items:center;color:var(--blue);background:#edf4ff;border-radius:13px}.settings-icon .ph-icon,.report-tile-icon .ph-icon{width:1.4rem;height:1.4rem}.settings-card>b,.report-tile>b{color:var(--blue);font-size:1.2rem}.settings-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.inline-create-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.7rem}.settings-list{list-style:none;margin:1.1rem 0 0;padding:0;border-top:1px solid var(--line)}.settings-list li{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--line)}.settings-list small{color:var(--muted)}
.report-period-form{display:grid;grid-template-columns:minmax(170px,240px) minmax(170px,240px) auto;align-items:end;gap:.8rem;margin-bottom:1.5rem}.report-period-form button{justify-self:start}.report-catalog,.report-section{scroll-margin-top:95px;margin-bottom:1.4rem}.section-title{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:.8rem}.section-title h2{margin:0;font-size:1.25rem}.section-title p{margin:.25rem 0 0;color:var(--muted)}.report-tile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.report-tile{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1rem;color:var(--ink);background:white;border:1px solid var(--line);border-radius:14px;box-shadow:0 5px 18px rgba(23,32,51,.05)}.report-tile:hover{border-color:#b8cef4;transform:translateY(-1px)}.report-tile strong,.report-tile small{display:block}.report-tile small{margin-top:.2rem;color:var(--muted)}.report-tile-green{color:var(--green);background:#ebf8ef}.report-tile-yellow{color:#886400;background:#fff7dc}.report-tile-red{color:var(--red);background:#fff0f0}.report-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.statement-table{width:100%;border-collapse:collapse}.statement-table th,.statement-table td{padding:.75rem .2rem;border-bottom:1px solid var(--line)}.statement-table th{text-align:left;font-weight:650}.statement-table td{text-align:right;font-variant-numeric:tabular-nums}.statement-subtotal th,.statement-subtotal td{font-weight:800}.statement-total th,.statement-total td{padding-top:1rem;font-size:1.05rem;font-weight:850;border-bottom:3px double var(--ink)}.report-note{margin:1rem 0 0;padding:.8rem;color:var(--muted);background:var(--surface-soft);border-radius:10px;font-size:.78rem}.mini-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin-bottom:1rem}.mini-metrics>div{padding:.75rem;background:var(--surface-soft);border-radius:10px}.mini-metrics small,.mini-metrics strong{display:block}.mini-metrics small{color:var(--muted)}.mini-metrics strong{margin-top:.25rem;font-size:.95rem}.compact-table{margin-bottom:0}.compact-table .data-table{min-width:520px}.data-table td small{display:block;margin-top:.12rem;color:var(--muted);font-size:.7rem}.report-coming-soon{display:grid;grid-template-columns:1.4fr 1fr;gap:1.5rem;align-items:center;padding:1.2rem;background:#fff9e8;border:1px solid #f0d77c;border-radius:var(--radius)}.report-coming-soon h2{margin:0}.report-coming-soon p:not(.eyebrow){margin:.35rem 0 0;color:#695b33}.coming-soon-list{display:grid;gap:.5rem}.coming-soon-list span{display:flex;justify-content:space-between;gap:.8rem;padding:.65rem .75rem;background:rgba(255,255,255,.7);border-radius:9px}.coming-soon-list b{color:#755d00;font-size:.72rem}
@media (max-width:1000px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2,.report-columns{grid-template-columns:1fr}.app-shell.sidebar-collapsed{display:block}.sidebar,.app-shell.sidebar-collapsed .sidebar{position:fixed;left:0;width:270px;padding:1.25rem 1rem;opacity:1;visibility:visible;pointer-events:auto;overflow:visible;transform:translateX(-105%);transition:transform .2s ease;box-shadow:var(--shadow)}.sidebar.open{transform:translateX(0)}.app-shell{display:block}.mobile-scrim{position:fixed;inset:0;background:rgba(10,18,32,.48);z-index:25}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:680px){.topbar{height:64px;padding:0 .8rem}.page-content{padding:1rem}.topbar-actions .button-quiet,.workspace-switcher{display:none}.metrics,.settings-grid,.settings-form-grid,.report-tile-grid{grid-template-columns:1fr}.page-header{display:grid}.form-grid{grid-template-columns:1fr}.line-grid,.line-grid-purchase,.line-grid-transfer,.line-grid-count{grid-template-columns:1fr}.line-grid .field:first-child{grid-column:auto}.delete-action-field{grid-column:auto;justify-self:end}.connectivity-banner{width:calc(100% - 1rem);top:.5rem}.panel{border-radius:13px}.page-actions>*{flex:1;text-align:center}.quick-sale-steps{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.quick-sale-steps span{justify-content:center;padding:.35rem}.quick-sale-card{padding:.85rem}.sale-context{grid-template-columns:auto 1fr}.sale-details{grid-column:1/-1}.sale-details>summary{padding-top:.5rem;border-top:1px solid #d8e6ff}.sale-details-grid{position:static;width:100%;grid-template-columns:1fr;margin-top:.75rem;box-shadow:none}.field-span-2{grid-column:auto}.sale-line{grid-template-columns:30px minmax(0,1fr) 44px;padding:.85rem}.sale-line-number{align-self:start;margin-top:1.4rem}.quick-line-fields{grid-template-columns:1fr}.remove-line{align-self:end}.add-line-button{width:100%}.quick-sale-actions{display:grid;grid-template-columns:1fr 1.35fr}.quick-sale-actions>*{width:100%}.inline-create-form{grid-template-columns:1fr}.report-period-form{grid-template-columns:1fr}.report-period-form button{width:100%}.mini-metrics{grid-template-columns:1fr}.report-coming-soon{grid-template-columns:1fr}.coming-soon-list span{display:grid}.topbar-title{max-width:140px}.topbar-title strong,.topbar-title small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
@media (max-width:1000px){.checkout-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:680px){.checkout-summary{grid-template-columns:1fr}.sale-line-summary{grid-column:2;grid-template-columns:1fr}.product-field input,.product-field select{min-width:0}}
@media print{.sidebar,.topbar,.page-actions,.connectivity-banner{display:none!important}.app-shell{display:block}.page-content{padding:0}.panel,.metric-card{box-shadow:none}.receipt-payment{break-inside:avoid}}
.stack-form{display:grid;gap:.8rem}.stack-form>div{display:grid;gap:.35rem}.stack-form>div>label{font-size:.78rem;font-weight:800}.stack-form>div>input,.stack-form>div>select,.stack-form>div>textarea{width:100%;min-height:44px;padding:.65rem .75rem;border:1px solid #cdd4df;border-radius:10px;background:white}.stack-form .helptext{color:var(--muted);font-size:.72rem}.list-filter-form{display:grid;grid-template-columns:minmax(220px,1fr) repeat(2,minmax(150px,220px)) auto;align-items:end;gap:.8rem;margin-bottom:1rem}.pagination{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;margin-top:1rem;padding:.75rem;background:var(--surface);border:1px solid var(--line);border-radius:13px;color:var(--muted)}.pagination-summary{display:grid;min-width:max-content}.pagination-summary strong{color:var(--ink);font-size:.78rem}.pagination-summary span{font-size:.68rem}.pagination-controls{display:flex;align-items:center;justify-content:center;gap:.35rem}.pagination-link,.pagination-number{min-height:38px;display:inline-grid;place-items:center;padding:.45rem .7rem;color:var(--ink);background:white;border:1px solid var(--line);border-radius:9px;font-size:.74rem;font-weight:800}.pagination-number{min-width:38px;padding:.45rem}.pagination-number.is-current{color:white;background:var(--blue);border-color:var(--blue)}.pagination-link.is-disabled{color:#9aa3b2;background:#f4f6f9;cursor:not-allowed}.pagination-jump{display:flex;align-items:center;gap:.45rem}.pagination-jump label{font-size:.72rem;font-weight:800;white-space:nowrap}.pagination-jump input{width:68px;min-height:38px;padding:.4rem .5rem;text-align:center;border:1px solid #cdd4df;border-radius:9px}.pagination-jump button{min-height:38px;padding:.45rem .7rem}@media(max-width:900px){.pagination{grid-template-columns:1fr}.pagination-summary{text-align:center}.pagination-controls{flex-wrap:wrap}.pagination-jump{justify-content:center}}@media(max-width:680px){.list-filter-form{grid-template-columns:1fr}.pagination{padding:.65rem}.pagination-edge{display:none}.pagination-link,.pagination-number{min-height:40px}.pagination-jump{width:100%}.pagination-jump input{flex:1;max-width:110px}}
.product-field{position:relative}.product-field.search-enhanced .product-source-select{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;margin:0!important;padding:0!important;opacity:0;pointer-events:none}.product-suggestions{position:absolute;z-index:18;top:calc(100% + .35rem);left:0;right:0;max-height:330px;overflow:auto;padding:.4rem;background:white;border:1px solid #cdd8e8;border-radius:12px;box-shadow:0 16px 35px rgba(23,32,51,.16)}.product-suggestion{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;padding:.72rem .75rem;text-align:left;color:var(--ink);background:white;border:0;border-radius:9px}.product-suggestion:hover,.product-suggestion.active{background:#edf4ff;outline:none}.product-suggestion>span:last-child{text-align:right}.product-suggestion strong,.product-suggestion small{display:block}.product-suggestion small{margin-top:.12rem;color:var(--muted);font-size:.7rem}.product-suggestion .stock-out{color:var(--red)}.product-suggestion-empty{margin:0;padding:.8rem;color:var(--muted);font-size:.8rem}@media(max-width:680px){.product-suggestion{grid-template-columns:1fr}.product-suggestion>span:last-child{text-align:left}}
.checkout-summary{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}.checkout-summary>.field{display:grid;grid-template-rows:1.2rem 50px 1rem;align-content:center;gap:.35rem;min-width:0}.checkout-summary>.field>label,.checkout-summary>.field>.field-label{display:flex;align-items:end;min-height:1.2rem}.checkout-summary>.field>input,.checkout-summary>.field>select{height:50px;min-height:50px}.checkout-summary>.checkout-total strong{height:50px;display:flex;align-items:center;margin:0;font-size:1.4rem;white-space:nowrap}.checkout-summary>.field>small{align-self:start;white-space:nowrap}.form-grid,.line-grid,.settings-form-grid{align-items:start}@media(max-width:1000px){.checkout-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.checkout-summary{grid-template-columns:1fr}.checkout-summary>.field{grid-template-rows:auto 50px auto}.checkout-summary>.field>small{white-space:normal}}
.field>input:not([type="checkbox"]):not([type="hidden"]),.field>select{height:46px;min-height:46px}.field>input[type="checkbox"]{width:1.15rem;height:1.15rem;min-height:0}.checkout-summary>.checkout-total{align-self:stretch}.stack-form>div{grid-template-rows:auto minmax(46px,auto) auto}.stack-form>div>label{grid-row:1}.stack-form>div>input,.stack-form>div>select,.stack-form>div>textarea{grid-row:2}.stack-form>div>.helptext{grid-row:3}.stack-form>div>input[type="checkbox"]{width:1.15rem;height:1.15rem;min-height:0;padding:0;accent-color:var(--blue)}
.checkout-summary>div.checkout-total:first-child{align-self:stretch}.checkout-summary>div.checkout-total:first-child strong{margin:0}.checkout-summary>.field>input:not([type="checkbox"]),.checkout-summary>.field>select{height:50px;min-height:50px}
.field>input[type="checkbox"],.stack-form>div>input[type="checkbox"]{-webkit-appearance:none;appearance:none;justify-self:start;width:44px;height:24px;min-height:24px;padding:0;border:1px solid #b9c2cf;border-radius:999px;background:radial-gradient(circle at 11px 50%,#fff 0 8px,transparent 8.5px),#c9d0da;box-shadow:inset 0 1px 2px rgba(23,32,51,.12);cursor:pointer;transition:background .18s ease,border-color .18s ease}.field>input[type="checkbox"]:checked,.stack-form>div>input[type="checkbox"]:checked{border-color:var(--blue);background:radial-gradient(circle at 32px 50%,#fff 0 8px,transparent 8.5px),var(--blue)}.field>input[type="checkbox"]:focus-visible,.stack-form>div>input[type="checkbox"]:focus-visible{outline:3px solid rgba(53,104,212,.22);outline-offset:2px}.field>input[type="checkbox"]:disabled,.stack-form>div>input[type="checkbox"]:disabled{opacity:.55;cursor:not-allowed}
.import-card{width:min(1050px,100%);margin:0 auto 1.25rem;padding:1.5rem;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.import-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;margin-bottom:1.35rem}.import-card-header h1{margin:0;font-size:clamp(1.55rem,3vw,2rem);letter-spacing:-.035em}.import-card-header p:not(.eyebrow){max-width:720px;margin:.35rem 0 0;color:var(--muted)}.import-review-pill{display:inline-flex;align-items:center;white-space:nowrap;padding:.55rem .8rem;color:#18733a;background:#eaf7ee;border-radius:999px;font-size:.78rem;font-weight:850}.import-form{display:grid;gap:1.15rem}.import-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.optional-label{color:var(--muted);font-weight:650}.required-mark{color:var(--red)}.import-purpose-field{width:min(420px,100%)}.import-file-field{gap:.5rem}.import-dropzone{position:relative;min-height:230px;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:.55rem;padding:1.4rem;text-align:center;background:#fbfdfc;border:2px dashed #acd0b7;border-radius:17px;cursor:pointer;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.import-dropzone:hover,.import-dropzone.is-dragging{background:#f0faf3;border-color:var(--green);box-shadow:0 0 0 4px rgba(41,150,106,.1)}.import-dropzone:focus-within{border-color:var(--blue);box-shadow:0 0 0 4px rgba(53,104,212,.13)}.import-dropzone input[type="file"]{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;pointer-events:none}.import-upload-icon{width:52px;height:52px;color:var(--green)}.import-dropzone strong{font-size:1.05rem}.import-or{color:var(--muted);font-size:.8rem}.import-choose-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:.5rem .85rem;color:#18733a;background:white;border:1px solid var(--green);border-radius:9px;font-weight:800}.import-file-help{color:var(--muted);font-size:.76rem}.import-file-selection{margin-top:.25rem;padding:.4rem .65rem;color:var(--blue-dark);background:#edf4ff;border-radius:999px;font-size:.76rem;font-weight:800}.import-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);align-items:stretch;gap:1rem}.import-template-link{display:flex;align-items:center;gap:.65rem;padding:.8rem 1rem;color:#18733a;font-size:1rem;font-weight:850;border-radius:11px}.import-template-link:hover{background:#f0faf3}.import-template-link .ph-icon{width:1.4rem;height:1.4rem}.import-stage-button{min-height:58px;justify-content:space-between;padding-inline:1.2rem;font-size:1rem}.import-stage-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.import-history-panel{width:min(1050px,100%);margin:0 auto}.table-subtext{display:block;margin-top:.15rem;color:var(--muted);font-size:.7rem}.import-file-field>.errorlist{margin:0}.import-file-field>.errorlist li{list-style:none;margin:0;padding:.6rem .75rem;background:#fff0f0;border-radius:9px}.import-dropzone.has-file{background:#f6fbff;border-color:#9dbef7}.import-dropzone.has-file .import-upload-icon{color:var(--blue)}
@media(max-width:680px){.import-card{padding:1rem;border-radius:15px}.import-card-header{display:grid;gap:.8rem}.import-review-pill{justify-self:start}.import-meta-grid,.import-actions{grid-template-columns:1fr}.import-dropzone{min-height:220px;padding:1rem}.import-stage-button{grid-row:1}.import-template-link{justify-content:center;text-align:center}.import-history-panel{border-radius:15px}}
.team-page-header p:not(.eyebrow){max-width:820px}.team-permission-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.65fr);align-items:start;gap:1rem;margin-bottom:1rem}.team-create-panel,.team-edit-panel{overflow:visible}.team-access-form{display:grid;gap:1.25rem}.permission-fieldset{min-width:0;margin:0;padding:0;border:0}.permission-fieldset legend{margin-bottom:.65rem;font-size:.9rem;font-weight:850}.fieldset-help{margin:-.35rem 0 .7rem;color:var(--muted);font-size:.78rem}.permission-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.permission-choice{display:flex;align-items:flex-start;gap:.7rem;min-height:108px;padding:.85rem;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:13px;cursor:pointer;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.permission-choice:hover{border-color:#a9c7fa}.permission-choice:has(input:checked){background:#f3f7ff;border-color:var(--blue);box-shadow:0 0 0 3px rgba(53,104,212,.1)}.permission-choice input[type="radio"]{-webkit-appearance:none;appearance:none;width:20px;height:20px;flex:0 0 auto;margin:.05rem 0 0;border:2px solid #aab5c4;border-radius:50%;background:white}.permission-choice input[type="radio"]:checked{border-color:var(--blue);box-shadow:inset 0 0 0 4px white;background:var(--blue)}.permission-choice input[type="radio"]:focus-visible,.workspace-access-option input[type="checkbox"]:focus-visible{outline:3px solid rgba(53,104,212,.22);outline-offset:2px}.permission-choice strong,.permission-choice small{display:block}.permission-choice small{margin-top:.25rem;color:var(--muted);font-size:.72rem;line-height:1.4}.workspace-access-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.workspace-access-option{display:flex;align-items:center;gap:.65rem;min-height:52px;padding:.7rem .8rem;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:11px;cursor:pointer;font-size:.8rem;font-weight:800}.workspace-access-option:hover{border-color:#a9c7fa}.workspace-access-option:has(input:checked){color:var(--blue-dark);background:#f3f7ff;border-color:var(--blue)}.workspace-access-option input[type="checkbox"]{-webkit-appearance:none;appearance:none;width:21px;height:21px;flex:0 0 auto;margin:0;border:2px solid #aab5c4;border-radius:6px;background:white}.workspace-access-option input[type="checkbox"]:checked{border-color:var(--blue);background:var(--blue);box-shadow:inset 0 0 0 4px white}.access-guide-panel{position:sticky;top:94px}.access-guide-list{display:grid;gap:.9rem}.access-guide-list>div{display:grid;grid-template-columns:auto 1fr;gap:.75rem;align-items:start}.access-guide-list strong,.access-guide-list small{display:block}.access-guide-list small{margin-top:.15rem;color:var(--muted);font-size:.74rem}.access-guide-icon{width:39px;height:39px;display:grid;place-items:center;color:#755d00;background:#fff7dc;border-radius:11px}.access-guide-blue{color:var(--blue);background:#edf4ff}.access-guide-green{color:var(--green);background:#ebf8ef}.team-directory-panel{margin-top:1rem}.team-member-list{display:grid;border-top:1px solid var(--line)}.team-member-row{display:grid;grid-template-columns:auto minmax(150px,.7fr) minmax(280px,1.5fr) auto;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line)}.team-member-row:last-child{border-bottom:0}.team-avatar{width:42px;height:42px;display:grid;place-items:center;color:var(--blue-dark);background:#edf4ff;border-radius:12px;font-weight:850}.team-member-identity strong,.team-member-identity small{display:block}.team-member-identity small{margin-top:.12rem;color:var(--muted);font-size:.72rem}.team-memberships{display:flex;flex-wrap:wrap;gap:.5rem}.team-membership-pill{padding:.45rem .6rem;background:var(--surface-soft);border:1px solid var(--line);border-radius:10px}.team-membership-pill b,.team-membership-pill small{display:block}.team-membership-pill b{font-size:.76rem}.team-membership-pill small{margin-top:.1rem;color:var(--muted);font-size:.66rem}.team-edit-panel{width:min(900px,100%)}.team-display-name-field{width:min(440px,100%)}
@media(max-width:1000px){.team-permission-layout{grid-template-columns:1fr}.access-guide-panel{position:static}.team-member-row{grid-template-columns:auto 1fr auto}.team-memberships{grid-column:2/-1}}
@media(max-width:680px){.permission-choice-grid,.workspace-access-grid{grid-template-columns:1fr}.permission-choice{min-height:0}.team-member-row{grid-template-columns:auto 1fr}.team-member-row>.button-secondary,.team-member-row>.badge{grid-column:1/-1;width:100%}.team-memberships{grid-column:1/-1}.team-directory-panel{padding:.9rem}.team-access-form .form-grid{grid-template-columns:1fr}.team-access-form .field-span-2{grid-column:auto}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Lodging front desk */
.lodge-dashboard-grid{margin-bottom:1rem}.lodge-task-list{display:grid;gap:.5rem}.lodge-task{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:.8rem;color:var(--ink);border:1px solid var(--line);border-radius:12px}.lodge-task:hover{background:#f7faff;border-color:#a9c7fa}.lodge-task strong,.lodge-task small{display:block}.lodge-task small{margin-top:.14rem;color:var(--muted);font-size:.72rem}.lodge-task>b{color:var(--blue);font-size:.76rem}.room-chip{min-width:48px;min-height:40px;display:inline-grid;place-items:center;padding:.4rem .65rem;color:var(--blue-dark);background:#edf4ff;border-radius:10px;font-size:.88rem;font-weight:850}.empty-state-card{display:grid;gap:.25rem;place-items:center;min-height:120px;padding:1.2rem;text-align:center;color:var(--muted);background:var(--surface-soft);border:1px dashed #cbd3df;border-radius:12px}.empty-state-card strong{color:var(--ink)}.room-readiness{display:grid;gap:.7rem}.room-readiness>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.65rem;padding:.72rem .8rem;background:var(--surface-soft);border-radius:10px}.room-readiness-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px}.room-readiness-icon .ph-icon{width:1.05rem;height:1.05rem}.status-ready{color:#18733a;background:#eaf7ee}.status-occupied{color:#18733a;background:#dff3e5}.status-dirty{color:#a82729;background:#fdecec}.lodge-recent{margin-top:1rem}.lodge-status-reserved{color:#185abc;background:#e4efff}.lodge-status-checked_in{color:#18733a;background:#dff3e5}.lodge-status-checked_out{color:#586477;background:#eef1f5}.lodge-status-cancelled,.lodge-status-no_show{color:#a82729;background:#fdecec}
.lodge-filter{grid-template-columns:minmax(260px,1fr) minmax(170px,240px) auto}.lodge-reservation-form{display:grid;gap:1.4rem}.lodge-form-section{padding-top:1.2rem;border-top:1px solid var(--line)}.lodge-stay-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stay-header .page-actions{align-items:center}.stay-header form{display:inline-flex}.stay-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.stay-summary article{display:grid;align-content:start;gap:.22rem}.stay-summary article>small{color:var(--muted);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.stay-summary article>strong{margin:.25rem 0;font-size:1.08rem}.stay-summary article>span{color:var(--muted);font-size:.78rem}.stay-summary .stay-balance>strong{color:var(--blue-dark);font-size:1.45rem}.stay-workspace{align-items:start}.folio-list{display:grid}.folio-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;padding:.8rem 0;border-bottom:1px solid var(--line)}.folio-list>div:last-child{border-bottom:0}.folio-list strong,.folio-list small{display:block}.folio-list small{margin-top:.15rem;color:var(--muted);font-size:.7rem}.folio-list b{font-variant-numeric:tabular-nums}.folio-list .folio-payment b{color:var(--green)}.stay-actions-stack{display:grid;gap:1rem}.lodge-disclosure>summary{font-weight:850;list-style:none}.lodge-disclosure>summary::after{content:"+";float:right;color:var(--blue)}.lodge-disclosure[open]>summary{margin-bottom:1rem;padding-bottom:.8rem;border-bottom:1px solid var(--line)}.lodge-disclosure[open]>summary::after{content:"−"}.lodge-cancel{color:var(--red)}
.room-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin-bottom:1rem}.room-card{display:grid;gap:.4rem;padding:1rem;background:white;border:1px solid var(--line);border-radius:14px;box-shadow:0 5px 18px rgba(23,32,51,.05)}.room-card>div{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.room-card>strong{margin-top:.25rem}.room-card>small{color:var(--muted)}.room-card>b{margin-top:.3rem;font-size:1.05rem}.room-card>b small{color:var(--muted);font-size:.7rem;font-weight:650}.room-available{box-shadow:inset 0 3px var(--green),0 5px 18px rgba(23,32,51,.05)}.room-occupied{background:#eaf7ee;border-color:#9bd5ad;box-shadow:inset 0 3px var(--green),0 5px 18px rgba(23,32,51,.07)}.room-dirty{box-shadow:inset 0 3px var(--red),0 5px 18px rgba(23,32,51,.05)}.room-maintenance{box-shadow:inset 0 3px #667085,0 5px 18px rgba(23,32,51,.05)}.room-out_of_service{box-shadow:inset 0 3px var(--red),0 5px 18px rgba(23,32,51,.05)}.room-status-badge .ph-icon{width:.95rem;height:.95rem}.lodge-room-status-available{color:#18733a;background:#eaf7ee}.lodge-room-status-reserved{color:#185abc;background:#e4efff}.lodge-room-status-occupied{color:#18733a;background:#dff3e5}.lodge-room-status-dirty{color:#a82729;background:#fdecec}.lodge-room-status-maintenance{color:#586477;background:#eef1f5}.lodge-room-status-out_of_service{color:#a82729;background:#fdecec}.room-empty{grid-column:1/-1}.lodge-setup-grid{align-items:start}.filter-pills{display:flex;gap:.5rem;overflow:auto;margin-bottom:1rem;padding:.1rem}.filter-pills a,.filter-pills button{appearance:none;white-space:nowrap;padding:.55rem .8rem;color:var(--muted);background:white;border:1px solid var(--line);border-radius:999px;font:inherit;font-size:.78rem;font-weight:800;line-height:1.2;cursor:pointer}.filter-pills a:hover,.filter-pills button:hover{color:var(--ink);border-color:#c6a58f}.filter-pills a:focus-visible,.filter-pills button:focus-visible{outline:3px solid rgba(194,111,55,.2);outline-offset:2px}.filter-pills a.active,.filter-pills button.active{color:white;background:var(--blue);border-color:var(--blue);box-shadow:0 4px 12px rgba(19,44,76,.16)}.housekeeping-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.housekeeping-card{display:grid;gap:.45rem}.housekeeping-card>div:first-child{display:flex;justify-content:space-between;align-items:center}.housekeeping-card>small{color:var(--muted)}.housekeeping-card .page-actions{margin-top:.5rem}.housekeeping-card form,.housekeeping-card button{width:100%}.housekeeping-empty{grid-column:1/-1}.report-note p{margin:.35rem 0 0;color:var(--muted)}
@media(max-width:1100px){.room-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lodge-stay-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.housekeeping-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.stay-summary{grid-template-columns:1fr}.room-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.lodge-filter,.lodge-stay-grid{grid-template-columns:1fr}.room-grid,.housekeeping-grid{grid-template-columns:1fr}.lodge-task{grid-template-columns:auto minmax(0,1fr)}.lodge-task>b{grid-column:2}.stay-header .page-actions{width:100%}.stay-header .page-actions form,.stay-header .page-actions button{width:100%}.folio-list>div{grid-template-columns:1fr}.folio-list>div>b{text-align:left}.room-card{padding:.85rem}.lodge-reservation-form{padding:.9rem}}
@media(max-width:680px){.lodge-guests-header{display:none}.lodge-guests-header+.lodge-filter{margin-top:0}}
.room-board-section{margin-bottom:1.2rem}.room-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.room-board-card{display:grid;align-content:start;gap:.45rem;min-height:180px;padding:.9rem;background:white;border:1px solid var(--line);border-radius:14px;box-shadow:0 5px 18px rgba(23,32,51,.05)}.room-board-card>header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.room-board-number{font-size:1.15rem;font-weight:900}.room-board-card>small{color:var(--muted)}.room-board-available{box-shadow:inset 0 3px var(--green),0 5px 18px rgba(23,32,51,.05)}.room-board-occupied{background:#eaf7ee;border-color:#9bd5ad;box-shadow:inset 0 3px var(--green),0 5px 18px rgba(23,32,51,.07)}.room-board-dirty{box-shadow:inset 0 3px var(--red),0 5px 18px rgba(23,32,51,.05)}.room-board-maintenance{box-shadow:inset 0 3px #667085,0 5px 18px rgba(23,32,51,.05)}.room-board-out_of_service{box-shadow:inset 0 3px var(--red),0 5px 18px rgba(23,32,51,.05)}.room-board-stay{display:grid;gap:.1rem;margin-top:.25rem;padding:.6rem;background:rgba(255,255,255,.72);border-radius:9px}.room-board-stay>span{color:var(--muted);font-size:.68rem}.room-board-stay>strong{font-size:.78rem}.room-board-stay .payment-paid{color:#18733a;font-weight:800}.room-board-stay .payment-due{color:#a65f00;font-weight:800}.room-board-open{width:100%;margin-top:auto}.quick-room-action{margin-top:auto}.quick-room-action>summary{display:flex;align-items:center;justify-content:center;min-height:40px;padding:.55rem;color:var(--blue-dark);border:1px solid #b8cef4;border-radius:9px;font-size:.78rem;font-weight:850;list-style:none}.quick-room-action[open]>summary{margin-bottom:.6rem;color:var(--muted);background:var(--surface-soft)}.quick-room-action form{display:grid;grid-template-columns:1fr 1.25fr;gap:.45rem}.quick-room-action label{display:grid;gap:.25rem;color:var(--muted);font-size:.68rem;font-weight:750}.quick-room-action input,.quick-room-action select{width:100%;min-height:38px;padding:.45rem .5rem;border:1px solid #cdd4df;border-radius:8px;background:white}.quick-room-action button{grid-column:1/-1;width:100%;min-height:38px}.room-board-unavailable{margin-top:auto;color:var(--muted);font-size:.72rem}.room-board-empty{grid-column:1/-1}
@media(max-width:1100px){.room-board{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.room-board{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.room-board{grid-template-columns:1fr}.room-board-card{min-height:0}}
.folio-list .folio-refund b{color:var(--red)}.refund-amount{display:block;margin:.4rem 0 1rem;color:var(--red);font-size:1.45rem}.stay-actions-stack .button-danger{width:100%}
.room-board-reserved{background:#eaf2ff;border-color:#9fc0f4;box-shadow:inset 0 3px var(--blue),0 5px 18px rgba(23,32,51,.07)}.room-board-stay .checkout-due{color:var(--red)}.next-booking{display:grid;gap:.1rem;margin-top:.2rem;padding:.5rem .6rem;color:#755d00;background:#fff7dc;border-radius:8px}.next-booking span{font-size:.66rem}.next-booking strong{font-size:.75rem}

/* Per-workspace team permissions */
.workspace-permission-list{display:grid;gap:.8rem}.workspace-permission-row{display:grid;gap:.8rem;padding:1rem;background:#fbfcfe;border:1px solid var(--line);border-radius:14px}.workspace-permission-identity{display:flex;align-items:center;gap:.75rem}.workspace-permission-identity strong,.workspace-permission-identity small{display:block}.workspace-permission-identity small{margin-top:.12rem;color:var(--muted);font-size:.7rem}.workspace-permission-icon{width:40px;height:40px;display:grid;place-items:center;flex:0 0 auto;color:var(--blue-dark);background:#edf4ff;border-radius:11px}.workspace-role-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.workspace-role-option{display:flex;align-items:center;justify-content:center;gap:.45rem;min-height:48px;padding:.55rem .6rem;text-align:center;color:var(--muted);background:white;border:1px solid var(--line);border-radius:10px;cursor:pointer;font-size:.72rem;font-weight:800}.workspace-role-option:hover{border-color:#a9c7fa}.workspace-role-option input{-webkit-appearance:none;appearance:none;width:16px;height:16px;flex:0 0 auto;margin:0;border:2px solid #aab5c4;border-radius:50%;background:white}.workspace-role-option:has(input:checked){color:var(--blue-dark);background:#edf4ff;border-color:var(--blue);box-shadow:0 0 0 2px rgba(53,104,212,.1)}.workspace-role-option:has(input[value="viewer"]:checked){color:#755d00;background:#fff7dc;border-color:var(--yellow)}.workspace-role-option:has(input[value="manager"]:checked){color:#18733a;background:#eaf7ee;border-color:var(--green)}.workspace-role-option:has(input[value=""]:checked){color:#586477;background:#eef1f5;border-color:#aab5c4}.workspace-role-option input:checked{border-color:currentColor;box-shadow:inset 0 0 0 3px white;background:currentColor}.workspace-role-option input:focus-visible{outline:3px solid rgba(53,104,212,.22);outline-offset:2px}

/* Reservations and arrival schedule */
.sale-context{grid-template-columns:auto minmax(160px,1fr) minmax(170px,220px) auto}.sale-channel-field{margin:0}.sale-channel-field label{font-size:.68rem}.quick-line-fields{grid-template-columns:minmax(240px,1fr) minmax(170px,220px) minmax(120px,170px)}.sale-line-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.line-grid-purchase{grid-template-columns:minmax(210px,1.6fr) minmax(170px,1fr) minmax(120px,.75fr) minmax(140px,.9fr) 74px}.modern-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.modern-check-card{display:flex;align-items:flex-start;gap:.7rem;padding:.9rem;background:#fbfcfe;border:1px solid var(--line);border-radius:12px;cursor:pointer}.modern-check-card:has(input:checked){color:var(--blue-dark);background:#edf4ff;border-color:var(--blue);box-shadow:0 0 0 2px rgba(53,104,212,.1)}.modern-check-card input{width:20px;height:20px;flex:0 0 auto;margin:.1rem 0 0;accent-color:var(--blue)}.modern-check-card strong,.modern-check-card small{display:block}.modern-check-card small{margin-top:.2rem;color:var(--muted);font-size:.7rem;line-height:1.35}
@media(max-width:1000px){.quick-line-fields{grid-template-columns:minmax(220px,1fr) repeat(2,minmax(130px,.6fr))}.sale-context{grid-template-columns:auto 1fr minmax(160px,210px)}.sale-details{grid-column:1/-1}}
@media(max-width:680px){.quick-line-fields,.modern-check-grid{grid-template-columns:1fr}.sale-context{grid-template-columns:auto 1fr}.sale-channel-field,.sale-details{grid-column:1/-1}.sale-line-summary{grid-template-columns:1fr 1fr}}
.reservation-status-badge .ph-icon{width:.95rem;height:.95rem}.reservation-status-badge.lodge-status-checked_in{color:#18733a;background:#dff3e5}.reservation-status-badge.lodge-status-checked_out{color:#18733a;background:#eaf7ee}.reservation-table-link,.reservation-cell-icon{display:inline-flex;align-items:center;gap:.45rem}.reservation-table-link .ph-icon{color:var(--blue)}.reservation-cell-icon>.ph-icon{color:#738097}.arrival-schedule-list{max-height:440px;overflow:auto;padding-right:.15rem}.arrival-schedule-item{grid-template-columns:minmax(92px,auto) minmax(0,1fr) auto}.arrival-date-badge{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.05rem .45rem;min-width:92px;padding:.5rem .6rem;color:#755d00;background:#fff7dc;border-radius:10px}.arrival-date-badge .ph-icon{grid-row:1/3;width:1.1rem;height:1.1rem}.arrival-date-badge strong,.arrival-date-badge small{display:block}.arrival-date-badge strong{font-size:.75rem}.arrival-date-badge small{color:#7b6c3d;font-size:.64rem}
@media(max-width:1000px){.workspace-role-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.workspace-role-options{grid-template-columns:1fr}.workspace-role-option{justify-content:flex-start;text-align:left}.arrival-schedule-list{max-height:none}.arrival-schedule-item{grid-template-columns:minmax(92px,auto) minmax(0,1fr)}.arrival-schedule-item>b{grid-column:2}}
/* Lodge room states use stronger fills so status is readable at a glance. */
.room-occupied,.room-board-occupied{background:#d8f0df;border-color:#72c68b;box-shadow:inset 0 3px var(--green),0 5px 18px rgba(23,32,51,.08)}
.room-board-reserved{background:#d7e7ff;border-color:#76a7f5;box-shadow:inset 0 3px var(--blue),0 5px 18px rgba(23,32,51,.08)}
.lodge-room-status-reserved{color:#124fa6;background:#d4e6ff}.lodge-room-status-occupied,.status-occupied,.reservation-status-badge.lodge-status-checked_in{color:#12692f;background:#cfead8}
.lodge-activity-preview{margin-top:1rem}.activity-page{max-width:1040px}.activity-timeline{display:grid;gap:0;margin:0;padding:0;list-style:none}.activity-entry{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:.8rem;padding:.9rem 0;border-bottom:1px solid var(--line)}.activity-entry:last-child{border-bottom:0}.activity-icon{width:38px;height:38px;display:grid;place-items:center;color:var(--blue-dark);background:#e7f0ff;border-radius:11px}.activity-icon .ph-icon{width:1.1rem;height:1.1rem}.activity-entry-title{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.activity-entry-title strong{font-size:.88rem}.activity-entry-title time,.activity-entry small{color:var(--muted);font-size:.7rem}.activity-entry p{margin:.2rem 0;color:var(--ink);font-size:.78rem}.activity-entry p a{color:var(--blue-dark);font-weight:750}.activity-timeline-compact .activity-entry:nth-child(n+5){display:none}@media(max-width:700px){.activity-entry-title{display:grid;gap:.15rem}.activity-entry-title time{order:2}}
.password-control{position:relative;display:block;width:100%}.password-control input{padding-right:3.2rem!important}.password-visibility-toggle{position:absolute;top:50%;right:.35rem;width:36px;height:36px;display:grid;place-items:center;transform:translateY(-50%);padding:0;color:var(--muted);background:transparent;border:0;border-radius:8px;cursor:pointer}.password-visibility-toggle:hover{color:var(--blue-dark);background:#edf4ff}.password-visibility-toggle:focus-visible{outline:3px solid rgba(53,104,212,.25);color:var(--blue-dark)}.password-visibility-toggle .ph-icon{width:1.15rem;height:1.15rem}.password-visibility-toggle[aria-pressed="true"]{color:var(--blue-dark)}
.quick-room-action form{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-room-action [data-short-stay-price]{grid-column:1/-1;color:var(--blue-dark);font-size:.68rem;font-weight:800}.quick-room-action [hidden]{display:none!important}.room-manage-link{width:100%;margin-top:.35rem}.room-maintenance-note{display:grid;gap:.15rem;margin-top:.35rem;padding:.55rem;color:#755d00;background:#fff7dc;border-radius:9px}.room-maintenance-note strong{font-size:.76rem}.room-maintenance-note span{font-size:.68rem}.room-type-rates{margin:1rem 0}.maintenance-current,.maintenance-history{max-width:1040px;margin-bottom:1rem}.maintenance-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:0 0 1rem}.maintenance-details>div{padding:.75rem;background:var(--surface-soft);border-radius:10px}.maintenance-details dt{color:var(--muted);font-size:.7rem}.maintenance-details dd{margin:.2rem 0 0;font-weight:750}@media(max-width:680px){.quick-room-action form,.maintenance-details{grid-template-columns:1fr}}
.activity-danger .activity-icon{color:#a82729;background:#fde3e4}.activity-danger .activity-entry-title strong{color:#a82729}.activity-success .activity-icon{color:#12692f;background:#cfead8}.activity-warning .activity-icon{color:#8a5700;background:#fff0c2}.activity-neutral .activity-icon{color:#586477;background:#eef1f5}.activity-info .activity-icon{color:#124fa6;background:#d4e6ff}

/* Shared form clarity and connected setup flows */
.required-marker,.required-mark{color:#c5221f;font-weight:900}.form-required-note{margin:0 0 1rem;color:var(--muted);font-size:.74rem}.form-required-note span{color:#c5221f;font-weight:900}.inline-option-create{margin-top:.5rem;padding:.55rem .65rem;background:#f7faff;border:1px dashed #b9c9df;border-radius:10px}.inline-option-create summary{color:var(--blue-dark);cursor:pointer;font-size:.72rem;font-weight:800}.inline-option-create[open] summary{margin-bottom:.65rem}.inline-option-create .field{margin:0}.connected-settings-note{margin:0 0 1rem;padding:.85rem 1rem;color:#174ea6;background:#edf4ff;border:1px solid #c7dafb;border-radius:12px}.connected-settings-note strong,.connected-settings-note p{display:block}.connected-settings-note p{margin:.25rem 0 0;color:#51627c;font-size:.78rem;line-height:1.45}.connected-settings-note-page{max-width:1040px}.quick-sale-heading-actions{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;flex-wrap:wrap}

/* Business dashboards use a restrained workspace tint while keeping cards readable. */
.business-dashboard{padding:1.15rem;border:1px solid rgba(53,104,212,.14);border-radius:24px;background:linear-gradient(145deg,rgba(53,104,212,.08),rgba(255,255,255,.92) 34%,rgba(229,166,43,.05));box-shadow:0 14px 34px rgba(23,32,51,.045)}.business-dashboard-retail{background:linear-gradient(145deg,rgba(41,150,106,.12),rgba(255,255,255,.94) 35%,rgba(53,104,212,.06));border-color:rgba(41,150,106,.2)}.business-dashboard-wholesale{background:linear-gradient(145deg,rgba(229,166,43,.14),rgba(255,255,255,.94) 35%,rgba(53,104,212,.07));border-color:rgba(229,166,43,.24)}.business-dashboard-hardware{background:linear-gradient(145deg,rgba(53,104,212,.12),rgba(255,255,255,.94) 35%,rgba(216,75,75,.055));border-color:rgba(53,104,212,.2)}.metric-card-link{color:inherit;text-decoration:none;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.metric-card-link:hover{transform:translateY(-2px);border-color:#9dbcf2;box-shadow:0 12px 28px rgba(53,104,212,.13)}.metric-card-link:focus-visible{outline:3px solid rgba(53,104,212,.28);outline-offset:3px}@media(max-width:680px){.business-dashboard{margin:0 -.35rem;padding:.75rem;border-radius:18px}.quick-sale-heading-actions{width:100%;justify-content:flex-start}}

/* Dashboard metrics are individually color-coded for faster scanning. */
.business-dashboard .metrics>.metric-card:nth-child(1){background:#eaf2ff;border-color:#bfd4f8}.business-dashboard .metrics>.metric-card:nth-child(2){background:#fff0ef;border-color:#f4c4bf}.business-dashboard .metrics>.metric-card:nth-child(3){background:#eaf7ee;border-color:#bfe3c9}.business-dashboard .metrics>.metric-card:nth-child(4){background:#fff7dc;border-color:#ecd894}.business-dashboard .metrics>.metric-card:nth-child(5){background:#eef1ff;border-color:#cbd3f3}.business-dashboard .metrics>.metric-card:nth-child(6){background:#eaf6f8;border-color:#bfdee3}

/* Product setup and checkout guidance */
.inline-unit-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.inline-unit-grid .modern-check-card{grid-column:1/-1}.product-next-step{display:flex;align-items:center;gap:.65rem;margin-top:1rem;padding:.75rem .85rem;color:#51627c;background:#f7f9fc;border-radius:10px;font-size:.76rem}.product-next-step strong{color:var(--ink);white-space:nowrap}.product-setup-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding:1rem 1.1rem;color:#174ea6;background:#eaf2ff;border:1px solid #b9d0f7;border-radius:14px}.product-setup-banner strong{display:block;font-size:.92rem}.product-setup-banner p{margin:.25rem 0 0;color:#51627c;font-size:.78rem}.selling-unit-create{margin-top:1rem}.selling-unit-create form{margin-top:.8rem}.button-primary.is-unavailable{opacity:.45;filter:saturate(.35);cursor:not-allowed;box-shadow:none;transform:none}.sale-block-message{margin-top:1rem;padding:.8rem .9rem;color:#9b1c1f;background:#fdecec;border:1px solid #efb7b9;border-radius:11px;font-size:.8rem;font-weight:750}@media(max-width:680px){.inline-unit-grid{grid-template-columns:1fr}.inline-unit-grid .modern-check-card{grid-column:auto}.product-next-step,.product-setup-banner{align-items:flex-start;flex-direction:column}.product-setup-banner .button-primary{width:100%}}

/* Keep multi-business navigation available on phones as a compact top-bar control. */
.workspace-switcher>summary{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:42px;cursor:pointer;font-weight:750}.workspace-switcher>summary::-webkit-details-marker{display:none}.workspace-switcher>summary .ph-icon{width:1.15rem;height:1.15rem}.workspace-switcher-menu{z-index:45}.workspace-switcher-menu form{margin:0}.workspace-switcher-menu button{display:flex;align-items:center;justify-content:space-between;gap:1rem}.workspace-switcher-menu button small{color:var(--blue-dark);font-size:.67rem;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.workspace-switcher-menu button.is-current{color:var(--blue-dark);background:#edf4ff}

/* Desktop tables become complete, labeled record cards instead of sideways scrollers on phones. */
@media(max-width:680px){
  .topbar-actions{gap:.35rem}.workspace-switcher{display:block}.workspace-switcher>summary{width:42px;padding:0;background:white}.workspace-switcher-text{display:none}.workspace-switcher-menu{position:fixed!important;top:68px!important;right:.8rem!important;left:.8rem!important;width:auto;min-width:0!important;max-height:calc(100vh - 84px);overflow:auto}.workspace-switcher-menu button{min-height:48px}.line-grid-purchase{grid-template-columns:1fr}.line-grid-purchase>.field{min-width:0}
  .table-wrap{width:100%;margin:0;overflow:visible}.data-table,.compact-table .data-table{display:block;width:100%;min-width:0}.data-table thead{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.data-table tbody{display:grid;width:100%;gap:.75rem}.data-table tbody tr{display:grid;width:100%;padding:.35rem .75rem;background:white;border:1px solid var(--line);border-radius:12px;box-shadow:0 3px 12px rgba(23,32,51,.035)}.data-table tbody td{display:grid;width:100%;min-width:0;grid-template-columns:minmax(88px,.42fr) minmax(0,1fr);align-items:start;gap:.7rem;padding:.58rem 0;border-bottom:1px solid var(--line);text-align:right!important;overflow-wrap:anywhere}.data-table tbody td:last-child{border-bottom:0}.data-table tbody td::before{content:attr(data-label);grid-column:1;grid-row:1/-1;color:var(--muted);font-size:.68rem;font-weight:800;letter-spacing:.035em;text-align:left;text-transform:uppercase}.data-table tbody td>*{grid-column:2;min-width:0;max-width:100%;justify-self:end;text-align:right}.data-table tbody td>small{display:block}.data-table tbody td input,.data-table tbody td select,.data-table tbody td textarea{width:100%;text-align:left}.data-table tbody td.mobile-table-action{display:flex;justify-content:flex-end}.data-table tbody td.mobile-table-action::before{content:none}.data-table tbody tr.mobile-table-empty-row{display:block;padding:0;border:0;box-shadow:none}.data-table tbody tr.mobile-table-empty-row td{display:block;padding:2rem .5rem;border:0;text-align:center!important}.data-table tbody tr.mobile-table-empty-row td::before{content:none}
}

/* Offline forms use the same control typography and transaction geometry as connected forms. */
.offline-form input:not([type="checkbox"]):not([type="radio"]),.offline-form select,.offline-form textarea{font-family:"Google Sans Flex",Arial,"Segoe UI",system-ui,sans-serif;font-size:1rem;line-height:1.35}
.offline-form textarea{min-height:66px}
.offline-quick-sale-card .sale-context{background:#f7faff;border-color:#d8e6ff}
.offline-quick-sale-card .sale-context-icon{border-color:#d8e6ff}
.offline-sale-line .quick-line-fields{grid-template-columns:minmax(240px,1fr) minmax(170px,220px) minmax(120px,170px)}
.offline-form.panel.form-card-wide{width:100%;max-width:1180px}

/* Import completion flow */
.import-next-step{display:grid;gap:1.1rem;margin-bottom:1rem}.import-workflow-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem}.import-workflow-steps span{display:flex;align-items:center;gap:.45rem;padding:.55rem .65rem;color:var(--muted);background:var(--surface-soft);border-radius:9px;font-size:.7rem;font-weight:800}.import-workflow-steps b{width:22px;height:22px;display:grid;place-items:center;flex:0 0 auto;color:#667085;background:white;border:1px solid var(--line);border-radius:50%;font-size:.66rem}.import-workflow-steps .is-done{color:#12692f;background:#eaf7ee}.import-workflow-steps .is-done b{color:white;background:var(--green);border-color:var(--green)}.import-next-heading{display:flex;align-items:flex-start;gap:.85rem}.import-next-heading h2{margin:0;font-size:1.2rem}.import-next-heading p:not(.eyebrow){margin:.3rem 0 0;color:var(--muted)}.import-next-icon{width:44px;height:44px;display:grid;place-items:center;flex:0 0 auto;color:#12692f;background:#eaf7ee;border-radius:12px}.import-next-icon .ph-icon{width:1.35rem;height:1.35rem}.import-next-warning{color:#8a5700;background:#fff0c2}.import-next-error{color:#a82729;background:#fde3e4}.import-purpose-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.import-purpose-option{display:flex;align-items:flex-start;gap:.7rem;padding:1rem;background:#fbfcfe;border:1px solid var(--line);border-radius:12px;cursor:pointer}.import-purpose-option:has(input:checked){color:var(--blue-dark);background:#edf4ff;border-color:var(--blue);box-shadow:0 0 0 2px rgba(53,104,212,.1)}.import-purpose-option input{width:19px;height:19px;flex:0 0 auto;margin:.12rem 0 0;accent-color:var(--blue)}.import-purpose-option strong,.import-purpose-option em{display:block}.import-purpose-option strong{font-style:normal}.import-purpose-option strong small{margin-left:.3rem;padding:.2rem .4rem;color:#12692f;background:#dff3e5;border-radius:999px;font-size:.6rem}.import-purpose-option em{margin-top:.25rem;color:var(--muted);font-size:.72rem;font-style:normal;line-height:1.45}.import-purpose-choice>.button-primary{grid-column:1/-1;justify-self:end}.import-final-action{display:flex;align-items:center;gap:.8rem}.import-final-action span{color:var(--muted);font-size:.74rem}.import-dependency-note{margin:0}
.import-final-action.is-submitting{padding:.8rem;border:1px solid #bfd4f8;border-radius:12px;background:#edf4ff}.import-final-action.is-submitting [data-import-progress]{color:#124fa6;font-weight:700}.import-final-action button[aria-busy="true"]{cursor:wait;opacity:.78}
.metric-card-danger{background:#fff1f0;border-color:#f0c1bd}.import-workflow-steps .is-error{color:#a82729;background:#fff1f0}.import-workflow-steps .is-error b{color:white;background:var(--red);border-color:var(--red)}.import-workflow-steps .is-partial{color:#805d00;background:#fff6d8}.import-workflow-steps .is-partial b{color:white;background:#c58a00;border-color:#c58a00}.import-outcome-partial{border-color:#ecd894;background:#fff9e8}.import-outcome-partial .import-outcome-icon{color:#805d00;background:#ffefb8}.import-outcome-partial p{color:#745f28}.import-guidance{margin:.2rem 0 0;color:var(--muted);font-size:.76rem}.import-failure-details{margin-bottom:1rem;overflow:hidden}.import-opening-summary{padding:1rem;border-top:1px solid var(--line);background:#fff9e8}.import-opening-summary>strong{display:block;color:#6e5000}.import-opening-summary>p{margin:.25rem 0 .8rem;color:#745f28;font-size:.78rem}.import-row-errors{border-top:1px solid var(--line)}.import-row-errors summary{padding:1rem;cursor:pointer;color:var(--blue-dark);font-weight:800}.import-row-errors[open] summary{border-bottom:1px solid var(--line)}.partial-import-actions{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.skip-import-resolution{padding:.8rem 1rem;border:1px solid #ecd894;border-radius:12px;background:#fffdf6}.skip-import-resolution summary{cursor:pointer;color:#745f28;font-weight:800}.skip-import-resolution form{display:grid;gap:.55rem;margin-top:.8rem}.skip-import-resolution textarea{width:100%;resize:vertical}.skip-import-resolution p{margin:0;color:var(--muted);font-size:.74rem}.skip-import-resolution button{justify-self:start}.incomplete-import-warning{display:flex;align-items:center;justify-content:space-between;gap:1rem}.incomplete-import-warning div{display:grid;gap:.15rem}.incomplete-import-warning span{font-size:.76rem}.incomplete-import-warning a{white-space:nowrap;font-weight:800}
.sales-list-filters{grid-template-columns:minmax(240px,1fr) minmax(150px,190px) repeat(2,minmax(145px,190px)) auto}.list-summary{display:flex;align-items:center;gap:.7rem;margin:-.2rem 0 1rem;flex-wrap:wrap}.list-summary>span{display:grid;gap:.1rem;padding:.55rem .75rem;background:#edf4ff;border:1px solid #c8daf8;border-radius:10px}.list-summary small{color:var(--muted);font-size:.66rem}.list-summary strong{font-size:.85rem}.list-summary p{margin:0;color:#51627c;font-size:.74rem}.imported-payment-note{display:grid;gap:.2rem;margin:1rem;padding:.8rem;color:#51627c;background:#edf4ff;border:1px solid #bfd4f8;border-radius:10px}.imported-payment-note span{font-size:.76rem}@media(max-width:900px){.sales-list-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-list-filters .field:first-child{grid-column:1/-1}}@media(max-width:680px){.sales-list-filters{grid-template-columns:1fr}.sales-list-filters .field:first-child{grid-column:auto}.list-summary>span{flex:1;min-width:135px}}
@media(max-width:680px){.import-workflow-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.import-purpose-choice{grid-template-columns:1fr}.import-purpose-choice>.button-primary,.import-final-action .button-primary{width:100%}.import-final-action{align-items:stretch;flex-direction:column}}

/* Compact import feedback and stable password reveal controls. */
.import-dropzone{min-height:150px;gap:.35rem;padding:.9rem 1.2rem;border-radius:15px}.import-upload-icon{width:40px;height:40px}.import-dropzone strong{font-size:1rem}.import-or{font-size:.75rem}.import-choose-button{min-height:36px;padding:.42rem .8rem}.import-file-help{font-size:.72rem}.import-file-selection{margin-top:.2rem;padding:.35rem .6rem;font-size:.72rem}.import-history-action{min-height:36px;padding:.45rem .7rem;white-space:nowrap}
.import-outcome{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.85rem;margin:0 0 1rem;padding:.9rem 1rem;border:1px solid #b9d4c1;border-radius:13px;background:#edf8f0}.import-outcome-icon{width:40px;height:40px;display:grid;place-items:center;color:#12692f;background:#d8efdf;border-radius:11px}.import-outcome-icon .ph-icon{width:1.25rem;height:1.25rem}.import-outcome strong{display:block}.import-outcome p{margin:.2rem 0 0;color:#45604d;font-size:.78rem;line-height:1.45}.import-outcome-reviewed{border-color:#bfd4f8;background:#edf4ff}.import-outcome-reviewed .import-outcome-icon{color:#124fa6;background:#d8e7ff}.import-outcome-reviewed p{color:#51627c}.import-outcome-error{border-color:#f0c1bd;background:#fff1f0}.import-outcome-error .import-outcome-icon{color:#a82729;background:#fde3e4}.import-outcome-error p{color:#7a4a48}
.password-control input{width:100%;padding-right:3.2rem!important}.auth-card .password-visibility-toggle{right:.35rem;width:36px;min-width:36px;height:36px;min-height:36px;padding:0;box-shadow:none}
@media(max-width:680px){.import-dropzone{min-height:145px;padding:.8rem}.import-outcome{grid-template-columns:auto minmax(0,1fr);align-items:start}.import-outcome>.button-secondary{grid-column:1/-1;width:100%}}

/* Shared connected/offline product detail hero. */
.topbar-title > small:empty{display:none}
.product-topbar-breadcrumb{display:flex;min-width:0;align-items:center;gap:.65rem;white-space:nowrap}
.product-topbar-breadcrumb>a{color:var(--muted);font-weight:650}
.product-topbar-breadcrumb>a:hover{color:var(--blue-dark)}
.product-topbar-breadcrumb>span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.product-topbar-breadcrumb>span[aria-hidden="true"]{flex:0 0 auto;color:#94a3b8;font-size:1.2rem;font-weight:500;overflow:visible}
.product-back-link{display:inline-flex;align-items:center;gap:.45rem;margin:0 0 1.35rem;color:var(--blue-dark);font-size:.78rem;font-weight:800}
.product-back-link:hover{color:var(--blue);text-decoration:none}
.product-back-link .ph-icon{width:1rem;height:1rem}
.product-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;margin-bottom:1.45rem;padding:0 clamp(.2rem,1vw,.8rem)}
.product-hero-main{min-width:0;flex:1}
.product-hero h1{margin:0;color:var(--ink);font-size:clamp(1.8rem,2.7vw,2.55rem);letter-spacing:-.045em;line-height:1.08}
.product-status-row{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;margin-top:1rem}
.product-status-pill{display:inline-flex;align-items:center;gap:.42rem;min-height:34px;padding:.4rem .72rem;border-radius:10px;font-size:.76rem;font-weight:850;text-transform:capitalize}
.product-status-pill.status-active{color:#127a42;background:#dff7e9}
.product-status-pill.status-discontinued{color:#8a5c00;background:#fff1cf}
.product-status-pill.status-archived{color:#536174;background:#edf1f5}
.product-status-pill.status-pending{color:#87510e;background:#fff0df}
.product-status-pill.status-price-warning{color:#97420b;background:#fff1df}
.product-status-pill .status-dot{width:10px;height:10px;background:currentColor;border:3px solid color-mix(in srgb,currentColor 18%,white);border-radius:999px;box-sizing:content-box}
.product-status-pill .ph-icon{width:1rem;height:1rem}
.product-identity-strip{display:flex;align-items:center;gap:0;margin:1.35rem 0 0;overflow-x:auto}
.product-identity-strip>div{position:relative;display:flex;align-items:center;gap:.65rem;min-width:max-content;padding-right:2.2rem;margin-right:1.25rem}
.product-identity-strip>div:not(:last-child)::after{content:"›";position:absolute;right:.3rem;color:#a3adba;font-size:1.55rem;font-weight:500}
.product-identity-icon{display:grid;flex:0 0 auto;width:31px;height:31px;place-items:center;color:#6b788b}
.product-identity-icon .ph-icon{width:1.45rem;height:1.45rem}
.product-identity-strip dt{color:var(--muted);font-size:.69rem;font-weight:650}
.product-identity-strip dd{margin:.12rem 0 0;color:var(--ink);font-size:.84rem;font-weight:850}
.product-identity-strip dd a{color:inherit}
.product-hero-description{max-width:820px;margin:1rem 0 0;color:var(--muted);font-size:.78rem}
.product-hero-actions{display:flex;flex:0 0 auto;align-items:center;gap:.7rem}
.product-hero-actions>.button-primary,.product-hero-actions>.button-secondary,.product-more-menu>summary{min-height:48px;padding:.72rem 1rem;gap:.5rem;white-space:nowrap}
.product-hero-actions .ph-icon,.product-more-panel .ph-icon{width:1.05rem;height:1.05rem}
.product-more-menu{position:relative;margin:0}
.product-more-menu>summary{display:inline-flex;align-items:center;list-style:none;cursor:pointer}
.product-more-menu>summary::-webkit-details-marker{display:none}
.product-more-menu[open]>summary{border-color:#9aa6b5;box-shadow:0 0 0 3px rgba(53,104,212,.12)}
.product-more-panel{position:absolute;z-index:25;top:calc(100% + .45rem);right:0;width:248px;padding:.45rem;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 18px 42px rgba(15,23,42,.16)}
.product-more-panel>a,.product-more-panel button{display:flex;width:100%;min-height:42px;align-items:center;gap:.65rem;padding:.65rem .75rem;color:var(--ink);background:transparent;border:0;border-radius:9px;font:inherit;font-size:.76rem;font-weight:700;text-align:left;cursor:pointer}
.product-more-panel>a:hover,.product-more-panel button:hover{background:#f3f6fa;text-decoration:none}
.product-more-panel form{margin:0}
.product-more-panel .product-delete-action{color:var(--red)}
.product-more-panel .product-delete-action:hover{color:#a82729;background:#fff1f0}
.product-more-divider{height:1px;margin:.35rem .2rem;background:var(--line)}
.product-setup-banner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;margin:0 0 1.5rem;padding:1rem 1.2rem;color:#8d3d0b;background:#fff2e8;border:1px solid #f2ccb4;border-radius:14px}
.product-setup-banner strong{font-size:1rem}
.product-setup-banner p{margin:.25rem 0 0;color:#9a4b1a;font-size:.76rem}
.product-setup-icon{display:grid;width:38px;height:38px;place-items:center;color:#fff;background:#cf650c;border-radius:999px}
.product-setup-icon .ph-icon{width:1.15rem;height:1.15rem}
.product-setup-actions{display:flex;align-items:center;gap:.6rem}
.product-setup-actions .button-secondary,.product-setup-actions .button-quiet{min-height:40px;padding:.55rem .8rem;color:#94410f;white-space:nowrap}
.product-stock-summary{grid-template-columns:minmax(230px,.9fr) minmax(300px,1.15fr) minmax(430px,1.35fr);margin-bottom:1.5rem;padding:.85rem 0;overflow:visible}
.product-stock-metric,.product-stock-actions{display:flex;min-height:136px;align-items:center;align-content:unset;gap:1rem;padding:1rem 1.35rem;background:#fff}
.product-stock-metric{border-right:1px solid var(--line)}
.product-stock-metric>div,.product-stock-actions>div{display:grid;min-width:0;gap:.26rem}
.product-stock-metric>div>small,.product-stock-actions>div>span{color:var(--muted);font-size:.68rem;font-weight:850;letter-spacing:.075em;text-transform:uppercase}
.product-stock-metric>div>strong{display:block;color:var(--ink);font-size:1.45rem;letter-spacing:-.035em;line-height:1.18}
.product-stock-on-hand{box-shadow:none}
.product-stock-on-hand>div>strong{font-size:clamp(1.55rem,2vw,2rem)}
.product-stock-metric>div>span{color:var(--muted);font-size:.72rem}
.product-stock-icon{display:grid;flex:0 0 auto;width:58px;height:58px;place-items:center;border-radius:12px}
.product-stock-icon .ph-icon{width:1.8rem;height:1.8rem}
.product-stock-icon-green{color:#159356;background:#e4f8ed}
.product-stock-icon-blue{color:#2f52d7;background:#eceeff}
.product-stock-icon-copper{color:#bb5a19;background:#fff0e5}
.product-stock-actions{background:#fff}
.product-stock-actions>.product-stock-icon{align-self:center}
.product-stock-actions .page-actions{display:grid;grid-template-columns:repeat(2,minmax(140px,1fr));gap:.55rem;margin-top:.25rem}
.product-stock-actions .button-secondary{justify-content:flex-start;min-height:42px;padding:.58rem .72rem;font-size:.72rem}
.product-stock-actions .button-secondary .ph-icon{width:1rem;height:1rem}
.offline-content>.product-back-link,.offline-content>.product-hero,.offline-content>.product-setup-banner,.offline-content>.product-stock-summary{width:100%}
@media(max-width:1280px){.product-hero{display:grid}.product-hero-actions{justify-content:flex-start}.product-stock-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.product-stock-actions{grid-column:1/-1;border-top:1px solid var(--line)}}
@media(max-width:760px){.product-back-link{margin-bottom:1rem}.product-hero{gap:1.2rem;padding:0}.product-hero-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.product-more-menu,.product-more-menu>summary{width:100%}.product-more-menu>summary{justify-content:center}.product-more-panel{left:0;right:auto;width:min(280px,calc(100vw - 2rem))}.product-identity-strip{align-items:flex-start;flex-direction:column;gap:.75rem;overflow:visible}.product-identity-strip>div{padding-right:0;margin-right:0}.product-identity-strip>div::after{display:none}.product-setup-banner{grid-template-columns:auto 1fr}.product-setup-actions{grid-column:1/-1;width:100%}.product-setup-actions>*{flex:1}.product-stock-summary{grid-template-columns:1fr;padding:0}.product-stock-metric,.product-stock-actions{min-height:120px;border-right:0;border-bottom:1px solid var(--line)}.product-stock-actions{grid-column:auto}.product-stock-actions .page-actions{grid-template-columns:1fr 1fr}.product-topbar-breadcrumb>a:nth-of-type(2),.product-topbar-breadcrumb>a:nth-of-type(2)+span{display:none}}
@media(max-width:480px){.product-hero-actions{grid-template-columns:1fr}.product-stock-actions .page-actions{grid-template-columns:1fr}.product-setup-actions{align-items:stretch;flex-direction:column}.product-status-row{gap:.4rem}}

/* Product detail and its installed offline view deliberately share these exact components. */
.product-stock-summary{display:grid;align-items:stretch;padding:0;overflow:visible}
.product-stock-metric,.product-stock-actions{min-width:0}
.packaging-equivalent-list{display:grid!important;gap:.18rem}
.packaging-equivalent-list>span{display:block}
.selling-unit-create .form-grid{align-items:stretch}
.selling-unit-create .field:not(:has(>input[type="checkbox"])){align-self:start!important;grid-template-rows:1.2rem 46px minmax(2.4rem,auto);align-content:start}
.selling-unit-create .field:not(:has(>input[type="checkbox"]))>label{grid-row:1;align-self:start}
.selling-unit-create .field:not(:has(>input[type="checkbox"]))>input,
.selling-unit-create .field:not(:has(>input[type="checkbox"]))>select{grid-row:2;align-self:start}
.selling-unit-create .field:not(:has(>input[type="checkbox"]))>.helptext,
.selling-unit-create .field:not(:has(>input[type="checkbox"]))>.errorlist{grid-row:3;align-self:start}
.selling-unit-create .field:has(>input[type="checkbox"]){align-self:start;min-height:46px;margin-top:1.58rem}
.product-detail-header { align-items: flex-start; }
.product-header-action-stack { display: grid; justify-items: end; gap: .55rem; min-width: min(100%, 540px); }
.product-header-action-stack > .page-actions { justify-content: flex-end; }
.product-lifecycle-actions { display: flex; justify-content: flex-end; align-items: center; gap: .2rem; flex-wrap: wrap; }
.product-lifecycle-actions form { margin: 0; }
.product-lifecycle-actions .button-quiet { min-height: 34px; padding: .35rem .55rem; color: var(--muted); font-size: .7rem; box-shadow: none; }
.product-lifecycle-actions .button-quiet:hover { color: var(--ink); background: #f2f5f9; }
.product-lifecycle-actions .product-delete-action { color: var(--red); }
.product-lifecycle-actions .product-delete-action:hover { color: #a82729; background: #fff1f0; }
.product-setup-banner { padding-right: 1.1rem; }
.catalog-unified-filter { grid-template-columns: minmax(320px, 1fr) minmax(240px, 300px) auto; }
.catalog-unified-filter > .field { min-width: 0; }
.offline-catalog-filters.catalog-unified-filter { grid-template-columns: minmax(320px, 1fr) minmax(240px, 300px) auto; }
.catalog-unified-filter .catalog-archive-toggle { min-height: 64px; align-self: end; align-items: center; justify-content: center; text-align: left; }
.catalog-unified-filter .catalog-archive-toggle > input { flex: 0 0 auto; margin: 0; }
.catalog-unified-filter .catalog-archive-toggle > span { display: grid; justify-items: start; }
@media(max-width:900px){.catalog-unified-filter,.offline-catalog-filters.catalog-unified-filter{grid-template-columns:1fr 1fr}.catalog-unified-filter>button{grid-column:1/-1;justify-self:start}}
@media(max-width:680px){.catalog-unified-filter,.offline-catalog-filters.catalog-unified-filter{grid-template-columns:1fr}.catalog-unified-filter>button{grid-column:auto;width:100%}.catalog-unified-filter .catalog-archive-toggle{min-height:56px}}

.offline-page { min-height: 100vh; margin: 0; background: var(--surface-soft); }
.offline-first-use { display: grid; min-height: 100vh; place-items: center; padding: 1.5rem; }
.offline-startup-card { width: min(100%, 440px); padding: 2rem; border: 1px solid var(--line); border-radius: 18px; background: #fff; box-shadow: var(--shadow); }
.offline-first-use img { display: block; width: 164px; max-width: 55%; height: auto; margin-bottom: 1.8rem; }
.offline-first-use h1,.offline-first-use p { margin: 0; }
.offline-startup-copy { margin-top: .7rem !important; color: var(--muted); line-height: 1.55; }
.offline-first-use .eyebrow,.offline-app-shell .eyebrow { color: var(--blue-dark); font-weight: 850; text-transform: uppercase; }
.offline-app-shell { display: grid; width: 100%; max-width: 100%; min-height: 100vh; grid-template-columns: 252px minmax(0, 1fr); overflow-x: clip; }
.offline-mobile-scrim { display: none; }
.offline-sidebar {
  grid-column: 1;
  grid-row: 1;
  position: fixed;
  z-index: 80;
  inset: 0 auto 0 0;
  width: 252px;
  height: 100vh;
  height: 100dvh;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 1.1rem .8rem .85rem;
  color: #fff;
  background: var(--sidebar);
  border-right: 1px solid rgba(255,255,255,.05);
}
.offline-brand { display: block; padding: .45rem .7rem 1.05rem; }
.offline-brand img { display: none; width: min(100%, 194px); height: auto; }
.offline-brand.image-ready img { display: block; }
.offline-brand-fallback { display: flex; align-items: baseline; gap: .6rem; min-height: 42px; color: #fff; }
.offline-brand-fallback strong { font-size: 1.75rem; font-weight: 520; letter-spacing: -.075em; }
.offline-brand-fallback small { color: #d89a72; font-size: .68rem; font-weight: 800; text-transform: uppercase; }
.offline-brand.image-ready .offline-brand-fallback { display: none; }
.offline-workspace-card { display: grid; gap: .18rem; margin: 0 .15rem .8rem; padding: .75rem .8rem; background: rgba(255,255,255,.045); border: 1px solid rgba(255,255,255,.1); border-radius: 10px; }
.offline-workspace-card small { color: #e5d8de; font-size: .61rem; letter-spacing: .06em; text-transform: uppercase; }
.offline-workspace-card strong { color: #fff; font-size: .82rem; }
.offline-workspace-card span { color: #f0e8e4; font-size: .68rem; line-height: 1.35; }
.offline-nav { display: grid; gap: .08rem; }
.offline-nav > p { margin: .72rem .65rem .26rem; font-size: .65rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
/* Colors and interaction states come from the shared nav-item/nav-label rules. */
.offline-nav-item { display: grid; grid-template-columns: 24px 1fr; align-items: center; gap: .55rem; min-height: 39px; padding: .48rem .65rem; border-radius: 8px; font-size: .79rem; font-weight: 620; }
.offline-nav-icon { display: grid; width: 24px; height: 24px; place-items: center; color: #d9c8cf; }
.offline-user { display: flex; align-items: center; gap: .7rem; margin-top: auto; padding: .9rem .7rem 0; border-top: 1px solid rgba(255,255,255,.09); }
.offline-avatar { width: 36px; height: 36px; display: grid; flex: 0 0 auto; place-items: center; color: #fff; background: var(--blue); border-radius: 9px; font-size: .8rem; font-weight: 850; }
.offline-user small,.offline-user strong,.offline-user b { display: block; }
.offline-user small { color: #d9c8cf; font-size: .64rem; }
.offline-user strong { font-size: .78rem; }
.offline-user b { color: #f0e8e4; font-size: .66rem; text-transform: capitalize; }
.offline-main-shell { position: relative; grid-column: 2; grid-row: 1; width: 100%; max-width: 100%; min-width: 0; }
.offline-topbar { height: 66px; display: flex; align-items: center; gap: 1rem; padding: 0 1.4rem; background: rgba(255,255,255,.96); border-bottom: 1px solid var(--line); }
.offline-menu-button { width: 44px; height: 44px; display: grid; place-items: center; padding: 0; color: var(--ink); background: #fff; border: 1px solid var(--line); border-radius: 10px; }
.offline-topbar-title { display: grid; gap: .05rem; }
.offline-topbar-title small { color: var(--muted); font-size: .66rem; }
.offline-topbar-title strong { font-size: .98rem; }
.offline-sync-pill { position: static; z-index: auto; flex: 0 0 auto; min-height: 46px; display: flex; align-items: center; gap: .65rem; margin-left: auto; padding: .55rem .85rem; transform: none; color: #75401f; background: #fffaf0; border: 1px solid #efb326; border-radius: 12px; box-shadow: none; font-size: .72rem; font-weight: 800; white-space: nowrap; }
.offline-sync-pill [data-sync-pending]:empty { display: none; }
.offline-sync-pill a { padding-left: .5rem; border-left: 1px solid #e8d4af; }
.offline-status-dot { width: 9px; height: 9px; flex: 0 0 auto; background: var(--yellow); border-radius: 50%; box-shadow: 0 0 0 6px rgba(245,158,11,.13); }
.offline-content { width: min(1440px,100%); max-width: 100%; min-width: 0; display: grid; gap: 1rem; padding: 1.5rem clamp(1rem,2vw,1.8rem) 2.5rem; overflow-x: clip; }
.offline-content-product-detail{display:block;gap:normal}
.offline-route-error { display: grid; gap: .2rem; padding: .8rem 1rem; color: #8f1f22; background: #fff1f1; border: 1px solid #efb7b9; border-radius: 11px; }
.offline-route-error strong { font-size: .82rem; }
.offline-route-error span,.offline-route-recovery p { margin: 0; color: var(--muted); font-size: .74rem; line-height: 1.5; }
.offline-route-recovery { display: grid; justify-items: start; gap: .85rem; max-width: 760px; }
.offline-page-heading { margin-bottom: .35rem; }
.offline-page-heading .eyebrow { margin: 0 0 .42rem; }
.offline-page-heading h1 { margin: 0; font-size: clamp(1.65rem,2.4vw,2.15rem); letter-spacing: -.045em; }
.offline-page-heading > p:last-child { max-width: 760px; margin: .5rem 0 0; color: var(--muted); font-size: .86rem; }
.offline-operational-status { display: grid; grid-template-columns: auto minmax(0,1fr) auto auto; align-items: center; gap: .8rem; padding: .85rem 1rem; background: #fff; border: 1px solid var(--line); border-radius: 12px; }
.offline-operational-status small,.offline-operational-status strong { display: block; }
.offline-operational-status small { color: var(--muted); font-size: .66rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.offline-operational-status strong { font-size: .82rem; }
.offline-operational-status a { font-size: .75rem; font-weight: 800; }
.offline-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin-top: .55rem; }
.offline-section-heading .eyebrow { margin: 0 0 .28rem; }
.offline-section-heading h2 { margin: 0; font-size: 1.15rem; }
.offline-section-heading > span { color: var(--muted); font-size: .72rem; }
.offline-metric-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; }
.offline-metric-card { min-height: 176px; padding: 1.1rem; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); }
.offline-metric-card header { display: flex; align-items: center; justify-content: space-between; color: var(--muted); font-size: .78rem; font-weight: 750; }
.offline-metric-card > strong { display: block; margin-top: 1.1rem; font-size: clamp(1.3rem,2vw,1.8rem); letter-spacing: -.04em; }
.offline-metric-card > small { display: block; margin-top: .4rem; color: var(--muted); font-size: .72rem; }
.offline-metric-icon,.offline-card-icon { width: 38px; height: 38px; display: grid; flex: 0 0 auto; place-items: center; color: var(--blue-dark); background: #fceee6; border-radius: 11px; }
.offline-metric-icon.is-green { color: #18733a; background: #eaf7ee; }
.offline-metric-icon.is-copper { color: var(--blue-dark); background: #fff4df; }
.offline-metric-icon.is-red { color: #c32432; background: #fff0f2; }
.offline-metric-grid-six { grid-template-columns: repeat(3,minmax(0,1fr)); margin-bottom: 1rem; }
.offline-dashboard-grid { display: grid; grid-template-columns: minmax(0,2fr) minmax(280px,1fr); gap: 1rem; align-items: start; }
.offline-dashboard-grid > .panel { margin: 0; }
.offline-alert-list,.offline-report-table { display: grid; }
.offline-alert-list a,.offline-report-table article { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .85rem 0; color: inherit; border-bottom: 1px solid var(--line); text-decoration: none; }
.offline-alert-list a:last-child,.offline-report-table article:last-child { border-bottom: 0; }
.offline-alert-list span,.offline-report-table span { display: grid; gap: .2rem; min-width: 0; }
.offline-alert-list strong,.offline-report-table strong { font-size: .8rem; }
.offline-alert-list small,.offline-report-table small { color: var(--muted); font-size: .68rem; }
.offline-alert-list b { color: #a2212d; font-size: .74rem; white-space: nowrap; }
.offline-report-table b { font-size: .76rem; text-align: right; }
.offline-card-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(280px,1fr)); gap: .85rem; }
.offline-data-card { grid-template-columns: auto minmax(0,1fr); align-items: start; gap: .85rem; padding: 1rem; box-shadow: 0 5px 18px rgba(17,17,17,.04); }
.offline-data-card > div { display: grid; gap: .25rem; min-width: 0; }
.offline-data-card strong,.offline-data-card b { display: block; }
.offline-data-card span,.offline-data-card small { color: var(--muted); font-size: .72rem; }
.offline-inventory-card b { margin-top: .15rem; color: var(--ink); font-size: 1.1rem; }
.offline-inventory-card small { display: grid; gap: .12rem; margin-top: .25rem; }
.offline-inventory-card small em { color: var(--blue-dark); font-size: .62rem; font-style: normal; font-weight: 850; letter-spacing: .055em; text-transform: uppercase; }
.offline-search { max-width: 720px; }
.offline-search input { width: 100%; padding: .7rem .8rem; background: #fff; border: 1px solid var(--line); border-radius: 10px; }
.offline-sync-panel { display: grid; gap: 1rem; max-width: 880px; padding: 1rem; }
.offline-sync-panel [data-local-events] { display: grid; gap: .65rem; }
.offline-inline-action { justify-self: start; }
.offline-page-heading-row { display: flex; align-items: end; justify-content: space-between; gap: 1rem; }
.offline-page-heading-row > div > p:last-child { max-width: 780px; margin: .5rem 0 0; color: var(--muted); font-size: .86rem; }
.offline-heading-actions,.offline-form-actions { display: flex; align-items: center; gap: .65rem; flex-wrap: wrap; }
.offline-form { display: grid; gap: 1rem; padding: 1.1rem; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); }
.offline-form label { display: grid; min-width: 0; gap: .38rem; color: var(--ink); font-size: .75rem; font-weight: 780; }
.offline-form input,.offline-form select,.offline-form textarea { width: 100%; min-height: 44px; padding: .65rem .72rem; color: var(--ink); background: #fff; border: 1px solid #cdd4df; border-radius: 9px; font: inherit; font-weight: 500; }
.offline-form textarea { min-height: 74px; resize: vertical; }
.offline-form input:focus,.offline-form select:focus,.offline-form textarea:focus { outline: 0; border-color: var(--blue); box-shadow: 0 0 0 3px rgba(184,110,61,.14); }
.offline-form-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .8rem; }
.offline-form-grid.product-identity-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.offline-form-section { display: flex; align-items: end; justify-content: space-between; gap: 1rem; padding-top: .2rem; }
.offline-form-section h2,.offline-form-section p { margin: 0; }
.offline-form-section h2 { font-size: 1rem; }
.offline-form-section p { margin-top: .18rem; color: var(--muted); font-size: .72rem; }
.offline-form-section input { width: min(420px,100%); }
.offline-transaction-line { display: grid; grid-template-columns: minmax(220px,1.5fr) minmax(180px,1fr) minmax(110px,.55fr) minmax(130px,.65fr); gap: .75rem; align-items: end; padding: .8rem; background: #f8fafc; border: 1px solid #e0e6ee; border-radius: 11px; }
.offline-transaction-line[data-line-mode="sale"]{grid-template-columns:minmax(210px,1.4fr) minmax(170px,1fr) minmax(105px,.55fr) minmax(180px,.8fr) auto}
.offline-transaction-line[data-line-mode="purchase"]{grid-template-columns:minmax(210px,1.35fr) minmax(165px,1fr) minmax(100px,.5fr) minmax(115px,.6fr) minmax(155px,.75fr) auto}
.offline-transaction-line[data-line-mode="transfer"]{grid-template-columns:minmax(240px,1.5fr) minmax(200px,1fr) minmax(130px,.6fr) auto}
.offline-transaction-line + .offline-transaction-line{margin-top:.75rem}
.offline-line-remove{min-height:44px;padding:.6rem .75rem;color:var(--danger);background:#fff;border:1px solid #efb7b9;border-radius:9px;font:inherit;font-size:.72rem;font-weight:800;cursor:pointer}
.offline-add-line{justify-self:start;margin-top:.75rem}
.offline-new-pack{grid-column:1/-1;padding:.75rem;background:#fff;border:1px dashed #d2d9e3;border-radius:10px}
.offline-new-pack summary{color:#884515;font-size:.76rem;font-weight:800;cursor:pointer}
.offline-new-pack-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-top:.75rem}
.offline-line-price { display: grid; min-height: 44px; align-content: center; gap: .1rem; padding: .55rem .7rem; background: #fff; border: 1px solid #dce3eb; border-radius: 9px; }
.offline-line-price span { color: var(--muted); font-size: .62rem; }
.offline-line-price strong { font-size: .76rem; }
.offline-form-actions { justify-content: flex-end; padding-top: .8rem; border-top: 1px solid var(--line); }
.offline-form-actions button:disabled{cursor:not-allowed;opacity:.5}
.offline-quick-sale-card{max-width:none;padding:1.25rem}
.offline-quick-sale-card .sale-context{background:#fceee6;border-color:#efcdb8}
.offline-quick-sale-card .sale-context-icon{color:var(--blue-dark);border-color:#efcdb8}
.offline-quick-sale-card .searchable-select{width:100%}
.offline-sale-line .quick-line-fields{grid-template-columns:minmax(280px,1fr) minmax(180px,230px) minmax(140px,190px)}
.offline-sale-line .sale-line-summary{grid-template-columns:repeat(4,minmax(0,1fr))}
.offline-sale-line .remove-line span[aria-hidden]{font-size:1.35rem;line-height:1}
.offline-sale-line.has-stock-error{border-color:#e59191;background:#fffafa;box-shadow:0 0 0 3px rgba(220,38,38,.08)}
.offline-line-error{grid-column:2/-1;margin:0;padding:.55rem .7rem;font-size:.74rem}
.offline-quick-sale-card .checkout-summary{background:#fceee6;border-color:#efcdb8}
.offline-quick-sale-card .quick-sale-actions{margin-top:0}
.offline-quick-sale-card [aria-invalid="true"]{border-color:var(--red);box-shadow:0 0 0 3px rgba(220,38,38,.1)}
.offline-info-callout { display: grid; gap: .18rem; padding: .8rem 1rem; color: #75401f; background: #fff7ec; border: 1px solid #e8c9a4; border-left: 3px solid var(--copper); border-radius: 10px; }
.offline-info-callout strong { font-size: .78rem; }
.offline-info-callout span { font-size: .72rem; line-height: 1.45; }
.offline-contact-form { margin-bottom: .2rem; }
.offline-check { display: flex !important; flex-direction: row; align-items: center; gap: .55rem !important; align-self: end; min-height: 44px; padding: .6rem .7rem; background: #f8fafc; border: 1px solid #dce3eb; border-radius: 9px; }
.offline-check input { width: 18px; min-height: 18px; height: 18px; margin: 0; }
.offline-record-list { display: grid; gap: .65rem; }
.offline-record-list article,.offline-record-row { display: grid; grid-template-columns: minmax(0,1fr) auto auto; align-items: center; gap: 1rem; padding: .9rem 1rem; color: inherit; background: #fff; border: 1px solid var(--line); border-radius: 11px; text-decoration: none; }
.offline-record-row:hover { border-color: var(--brand); box-shadow: 0 8px 24px rgba(34,24,18,.06); }
.offline-record-list article > div,.offline-record-row > div { display: grid; gap: .2rem; min-width: 0; }
.offline-record-list article span,.offline-record-row span { color: var(--muted); font-size: .7rem; }
.offline-record-list article > b,.offline-record-row > b { font-size: .82rem; font-variant-numeric: tabular-nums; }
.offline-record-status { justify-self: end; padding: .28rem .48rem; color: #75401f !important; background: #fceee6; border-radius: 7px; font-weight: 800; text-transform: capitalize; }
.offline-empty { display: grid; justify-items: start; gap: .3rem; padding: 1.2rem; color: var(--muted); background: #fff; border: 1px dashed #cbd5e1; border-radius: 11px; }
.offline-empty p { margin: 0; font-size: .75rem; }
.offline-field-span-2 { grid-column: span 2; }
.offline-detail-summary { margin-bottom: 1rem; }
.offline-detail-summary dl { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1rem; margin: 0; }
.offline-detail-summary dl div { display: grid; gap: .25rem; }
.offline-detail-summary dt { color: var(--muted); font-size: .68rem; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; }
.offline-detail-summary dd { margin: 0; font-weight: 800; }
.offline-detail-lines,.offline-return-lines { display: grid; gap: .6rem; }
.offline-detail-lines article,.offline-return-lines label { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .85rem 0; border-bottom: 1px solid var(--line); }
.offline-detail-lines article:last-child,.offline-return-lines label:last-child { border-bottom: 0; }
.offline-detail-lines article div,.offline-return-lines label span { display: grid; gap: .2rem; }
.offline-detail-lines span,.offline-return-lines small { color: var(--muted); font-size: .7rem; }
.offline-return-lines { margin: .2rem 0; padding: 1rem; background: #fff; border: 1px solid var(--line); border-radius: 12px; }
.offline-return-lines h2 { margin: 0; }
.offline-return-lines input { width: min(170px,40vw); }
.offline-data-link { color: inherit; text-decoration: none; }
.offline-data-link:hover { border-color: var(--brand); box-shadow: 0 12px 28px rgba(34,24,18,.08); }
.offline-product-stock { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-bottom: 1rem; }
.offline-product-stock article { display: grid; gap: .4rem; padding: 1.1rem 1.25rem; background: #fff; border: 1px solid var(--line); border-radius: 12px; }
.offline-product-stock span { color: var(--muted); font-size: .72rem; font-weight: 800; text-transform: uppercase; }
.offline-product-stock strong { font-size: 1.15rem; }
.offline-pack-table { display: grid; margin-bottom: 1rem; }
.offline-pack-table article { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(0,.7fr) minmax(0,1fr); align-items: center; gap: 1rem; padding: .8rem 0; border-bottom: 1px solid var(--line); }
.offline-pack-table article div { display: grid; gap: .15rem; }
.offline-pack-table small,.offline-pack-table article > span { color: var(--muted); font-size: .7rem; }
.offline-inline-form { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .75rem; padding: 1rem; background: #f8fafc; border: 1px dashed #cbd5e1; border-radius: 11px; }
.offline-inline-form label { display: grid; gap: .3rem; font-size: .72rem; font-weight: 800; }
.offline-inline-form button { align-self: end; min-height: 45px; }
.offline-operation-grid,.offline-settings-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
.offline-operation-grid > section { display: grid; align-content: start; gap: .75rem; }
.offline-operation-grid h2 { margin: 0; font-size: 1rem; }
.offline-settings-menu { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
.offline-settings-menu a { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: .35rem 1rem; padding: 1.15rem; color: inherit; background: #fff; border: 1px solid var(--line); border-radius: 12px; text-decoration: none; box-shadow: var(--shadow); }
.offline-settings-menu .offline-workspace-choice{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.35rem 1rem;padding:1.15rem;color:inherit;background:#fff;border:1px solid var(--line);border-radius:12px;text-align:left;box-shadow:var(--shadow);cursor:pointer}
.offline-workspace-choice strong{font-size:.95rem}.offline-workspace-choice span{color:var(--muted);font-size:.74rem}.offline-workspace-choice b{grid-column:2;grid-row:1/3;align-self:center;color:var(--blue-dark);font-size:.72rem}
.offline-settings-menu strong { font-size: .95rem; }
.offline-settings-menu span { color: var(--muted); font-size: .74rem; }
.offline-settings-menu b { grid-column: 2; grid-row: 1/3; align-self: center; color: var(--blue-dark); font-size: .72rem; }
.offline-setup-form { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .65rem; padding: .85rem; background: var(--surface-soft); border: 1px solid var(--line); border-radius: 10px; }
.offline-setup-form label { display: grid; gap: .3rem; font-size: .72rem; font-weight: 750; }
.offline-setup-form button { align-self: end; }
.offline-setup-list { display: grid; gap: .45rem; }
.offline-setup-list article { display: flex; justify-content: space-between; gap: 1rem; padding: .65rem 0; border-bottom: 1px solid var(--line); }
.offline-setup-list article:last-child { border-bottom: 0; }
.offline-setup-list strong { font-size: .78rem; }
.offline-setup-list span { color: var(--muted); font-size: .68rem; text-align: right; }
.offline-family-links { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: 1rem; }
.offline-family-links a { padding: .45rem .68rem; color: var(--blue-dark); background: #fff; border: 1px solid var(--line); border-radius: 999px; font-size: .7rem; font-weight: 750; text-decoration: none; }
.offline-review-notes { display: grid; gap: .35rem; margin-top: 1rem; font-size: .75rem; font-weight: 750; }
.offline-pack-list { display: grid; gap: .25rem; margin-top: .35rem; padding-top: .45rem; border-top: 1px solid #e4e9ef; }
.offline-pack-list span { display: flex; justify-content: space-between; gap: 1rem; }
.offline-pack-list b { color: var(--ink); font-size: .7rem; }
.offline-count-grid { display: grid; gap: .8rem; }
.offline-count-grid > article { display: grid; gap: .8rem; padding: .9rem; background: #f8fafc; border: 1px solid #dce3eb; border-radius: 11px; }
.offline-count-grid article > header,.offline-count-grid article > footer { display: flex; align-items: center; justify-content: space-between; gap: .8rem; }
.offline-count-grid article > header > div { display: grid; gap: .2rem; }
.offline-count-grid article header span { color: var(--muted); font-size: .7rem; }
.offline-count-packs { display: grid; grid-template-columns: repeat(auto-fit,minmax(180px,1fr)); gap: .7rem; }
.offline-count-grid article > footer { align-items: end; }
.offline-count-grid article > footer > label { flex: 1; }
.offline-count-grid article > footer > strong { min-width: 190px; padding-bottom: .7rem; font-size: .78rem; text-align: right; }
.offline-count-total-summary{display:grid;min-width:190px;justify-items:end;gap:.2rem;padding-bottom:.7rem;text-align:right}.offline-count-total-summary>strong{font-size:.78rem}.offline-count-total-summary .count-equivalent-list{max-width:320px}
.offline-form.is-blind [data-count-expected-copy],.offline-form.is-blind [data-count-reason-wrap]{display:none}
.offline-blind-count{align-content:center;min-height:46px;padding:.65rem .75rem;border:1px solid var(--line);border-radius:10px;background:#fff}
.offline-blind-count small{display:block;color:var(--muted);font-weight:500}
.offline-count-review-table article{display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(110px,.5fr) minmax(170px,1fr) minmax(170px,1fr);align-items:end;gap:.75rem}
.offline-count-review-table article>label{display:grid;gap:.3rem;font-size:.72rem;font-weight:750}
.reconciliation-review{display:grid;gap:1rem}
.offline-settings-grid dl { display: grid; gap: .6rem; }
.offline-settings-grid dl div { display: grid; grid-template-columns: 110px 1fr; gap: .75rem; }
.offline-settings-grid dt { color: var(--muted); }
.offline-settings-grid dd { margin: 0; font-weight: 750; }
.offline-role-members { display:grid; gap:.45rem; }
.offline-role-members > span { display:grid; gap:.1rem; padding:.65rem .7rem; background:#faf8f6; border:1px solid var(--line); border-radius:10px; font-weight:800; }
.offline-role-members small { color:var(--muted); font-weight:600; }
.offline-capability-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:.65rem; }
.offline-capability-grid > span { display:grid; gap:.15rem; padding:.7rem; background:#faf8f6; border:1px solid var(--line); border-radius:10px; }
.offline-capability-grid strong { text-transform:capitalize; }
.offline-capability-grid small { color:var(--muted); }

@media(max-width:1080px){
  .product-stock-summary { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .product-stock-equivalents { border-right: 0; }
  .product-stock-actions { grid-column: 1/-1; border-top: 1px solid var(--line); }
  .offline-form-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .offline-transaction-line { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .offline-transaction-line[data-line-mode="sale"],.offline-transaction-line[data-line-mode="purchase"],.offline-transaction-line[data-line-mode="transfer"] { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .offline-sale-line .quick-line-fields{grid-template-columns:minmax(220px,1fr) repeat(2,minmax(130px,.6fr))}
}
@media(max-width:900px){
  .offline-app-shell { display:block; min-width:0; }
  .offline-sidebar { position:fixed; z-index:82; inset:0 auto 0 0; width:min(300px,86vw); max-width:100vw; height:100vh; min-width:0; padding:1rem .8rem; overflow-y:auto; transform:translateX(-105%); transition:transform .2s ease; box-shadow:var(--shadow); }
  .offline-sidebar.is-open { transform:translateX(0); }
  .offline-mobile-scrim { position:fixed; z-index:81; inset:0; display:none; width:100%; height:100%; padding:0; background:rgba(10,18,32,.48); border:0; }
  .offline-app-shell.nav-open .offline-mobile-scrim { display:block; }
  .offline-nav { grid-template-columns:1fr; overflow:visible; }
  .offline-nav > p { display:block; }
}
@media(max-width:760px){
  .product-stock-summary,.offline-metric-grid { grid-template-columns: 1fr; }
  .product-stock-metric { border-right: 0; border-bottom: 1px solid var(--line); }
  .product-stock-actions { grid-column: auto; }
  .offline-app-shell { display: block; min-width: 0; }
  .offline-sidebar { position: fixed; z-index: 82; inset: 0 auto 0 0; width: min(300px,86vw); max-width: 100vw; height: 100vh; min-width: 0; padding: 1rem .8rem; overflow-y: auto; transform: translateX(-105%); transition: transform .2s ease; box-shadow: var(--shadow); }
  .offline-sidebar.is-open { transform: translateX(0); }
  .offline-mobile-scrim { position: fixed; z-index: 81; inset: 0; display: none; width: 100%; height: 100%; padding: 0; background: rgba(10,18,32,.48); border: 0; }
  .offline-app-shell.nav-open .offline-mobile-scrim { display: block; }
  .offline-brand img { width: 150px; }
  .offline-nav { grid-template-columns: 1fr; overflow: visible; }
  .offline-nav > p { display: block; }
  .offline-user { display: flex; }
  .offline-sync-pill { position: static; transform: none; margin: .7rem; flex-wrap: wrap; }
  .offline-operational-status { grid-template-columns: auto minmax(0,1fr); }
  .offline-operational-status a { grid-column: 2; }
  .offline-section-heading { align-items: start; flex-direction: column; }
  .offline-page-heading-row,.offline-form-section { align-items: stretch; flex-direction: column; }
  .offline-operation-grid,.offline-settings-grid,.offline-settings-menu,.offline-form-grid,.offline-transaction-line,.offline-dashboard-grid,.offline-setup-form { grid-template-columns: 1fr; }
  .offline-transaction-line[data-line-mode="sale"],.offline-transaction-line[data-line-mode="purchase"],.offline-transaction-line[data-line-mode="transfer"]{grid-template-columns:1fr}
  .offline-sale-line .quick-line-fields{grid-template-columns:1fr}
  .offline-sale-line .sale-line-summary{grid-template-columns:1fr 1fr}
  .offline-line-error{grid-column:1/-1}
  .offline-record-list article,.offline-record-row { grid-template-columns: minmax(0,1fr) auto; }
  .offline-record-status { grid-column: 1/-1; justify-self: start; }
  .offline-field-span-2 { grid-column: auto; }
  .offline-detail-summary dl { grid-template-columns: 1fr 1fr; }
  .offline-product-stock,.offline-inline-form { grid-template-columns: 1fr; }
  .offline-pack-table article { grid-template-columns: 1fr; gap: .3rem; }
  .offline-count-grid article > header,.offline-count-grid article > footer { align-items: stretch; flex-direction: column; }
  .offline-count-grid article > footer > strong { min-width: 0; padding: 0; text-align: left; }
  .offline-count-review-table article{grid-template-columns:1fr}
}

/* Mapping choices always expose the selected destination. */
.mapping-target-panel{margin-bottom:1rem}.mapping-selection-summary{max-width:820px}.mapping-selected-badge{display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap;padding:.48rem .65rem;color:#124fa6;background:#e2edff;border-radius:999px;font-size:.7rem;font-weight:850}.mapping-selected-badge .ph-icon{width:1rem;height:1rem}.mapping-detected-headers{margin:0 0 .85rem;color:var(--muted);font-size:.78rem}.mapping-target-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.65rem}.mapping-target-option{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.72rem .8rem;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:11px;font-size:.78rem;font-weight:800}.mapping-target-option:hover{background:#f7faff;border-color:#a9c7fa}.mapping-target-option.is-selected{color:#124fa6;background:#e7f0ff;border-color:var(--blue);box-shadow:0 0 0 3px rgba(53,104,212,.1)}.mapping-target-option small{display:inline-flex;align-items:center;gap:.25rem;color:#124fa6;font-size:.64rem}.mapping-target-option small .ph-icon{width:.9rem;height:.9rem}.mapping-target-option:focus-visible{outline:3px solid rgba(53,104,212,.25);outline-offset:2px}
@media(max-width:680px){.mapping-target-panel .panel-header{align-items:flex-start;flex-direction:column}.mapping-selected-badge{white-space:normal}.mapping-target-grid{grid-template-columns:1fr}}

/* Draft imports can be discarded before they create business records. */
.draft-delete-confirm{position:relative}.draft-delete-confirm>summary{list-style:none}.draft-delete-confirm>summary::-webkit-details-marker{display:none}.button-danger-secondary{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem .9rem;color:#a82729;background:#fff;border:1px solid #efb7b9;border-radius:10px;cursor:pointer;font-weight:800}.button-danger-secondary:hover,.draft-delete-confirm[open]>.button-danger-secondary{color:#8f1f22;background:#fff1f1;border-color:var(--red)}.button-danger-secondary:focus-visible{outline:3px solid rgba(216,75,75,.22);outline-offset:2px}.button-danger-secondary .ph-icon{width:1.05rem;height:1.05rem}.draft-delete-popover{position:absolute;z-index:25;top:calc(100% + .55rem);right:0;width:min(370px,calc(100vw - 2rem));padding:1rem;text-align:left;color:var(--ink);background:#fff;border:1px solid #efb7b9;border-radius:13px;box-shadow:0 18px 45px rgba(23,32,51,.18)}.draft-delete-popover strong{display:block}.draft-delete-popover p{margin:.35rem 0 1rem;color:var(--muted);font-size:.76rem;line-height:1.5}.draft-delete-actions{display:flex;justify-content:flex-end;gap:.55rem}.draft-delete-actions form{margin:0}.draft-delete-actions .button-secondary,.draft-delete-actions .button-danger{min-height:38px;padding:.5rem .7rem;text-align:center}
@media(max-width:680px){.page-actions:has(.draft-delete-confirm){align-items:flex-start}.draft-delete-confirm{width:100%}.draft-delete-confirm>.button-danger-secondary{width:100%}.draft-delete-popover{position:static;width:100%;margin-top:.55rem}.draft-delete-actions{display:grid;grid-template-columns:1fr}.draft-delete-actions>*{width:100%}.draft-delete-actions button{width:100%}}

/* Wuaci product system — Business */
:root {
  --wuaci-signature: #111111;
  --blue: #b86e3d;
  --blue-dark: #8f4f2a;
  --red: #dc2626;
  --yellow: #f59e0b;
  --green: #16a34a;
  --ink: #111111;
  --muted: #6f6f6f;
  --line: #d4d4d4;
  --surface: #ffffff;
  --surface-soft: #f5f6f7;
  --sidebar: #111111;
  --sidebar-soft: #1d1d1d;
  --shadow: 0 8px 24px rgba(17, 17, 17, .07);
  --radius: 12px;
  --focus-ring: 0 0 0 3px rgba(184, 110, 61, .2);
}

body { background: #f5f6f7; letter-spacing: -.005em; }
a { color: var(--blue-dark); }
a:hover { color: #75401f; }
:where(a, button, input, select, textarea, summary):focus-visible {
  outline: 2px solid var(--blue);
  outline-offset: 3px;
}

.app-shell { grid-template-columns: 252px minmax(0, 1fr); }
.sidebar {
  width: 252px;
  padding: 1.1rem .8rem .85rem;
  background: var(--sidebar);
  border-right: 1px solid rgba(255, 255, 255, .05);
}
.brand-wuaci {
  display: block;
  padding: .45rem .7rem 1.05rem;
  color: white;
}
.brand-wuaci:hover { color: white; }
.brand-wuaci img { display: block; width: min(100%, 194px); height: auto; }
.brand-logo {
  font-size: 1.68rem;
  font-weight: 650;
  letter-spacing: -.075em;
  line-height: 1;
}
.brand-product {
  color: #f0e8e4;
  font-size: .66rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.brand-mark {
  width: auto;
  height: auto;
  display: block;
  padding: 0;
  background: transparent;
  border-radius: 0;
}
.brand-mark i { display: none; }
.brand-mark::after {
  content: "Wuaci";
  color: var(--ink);
  font-size: 1.55rem;
  font-weight: 650;
  letter-spacing: -.075em;
}
.sidebar .brand-mark::after { color: white; }
.workspace-card {
  margin: 0 .15rem .8rem;
  padding: .75rem .8rem;
  background: rgba(255, 255, 255, .045);
  border-color: rgba(255, 255, 255, .1);
  border-radius: 10px;
}
.workspace-card small { color: #e5d8de; text-transform: uppercase; letter-spacing: .06em; font-size: .61rem; }
.workspace-card strong { color: #fff; font-size: .82rem; }
.workspace-card span { color: #f0e8e4; font-size: .68rem; line-height: 1.35; }
.primary-nav { gap: .08rem; }
.nav-label { margin: .72rem .65rem .26rem; color: #d9c8cf; font-size: .65rem; letter-spacing: .13em; }
.nav-item {
  min-height: 39px;
  padding: .48rem .65rem;
  border-radius: 8px;
  color: #e5d8de;
  font-size: .79rem;
  font-weight: 620;
}
.nav-item:hover, .nav-item:focus-visible { color: #fff; background: rgba(255, 255, 255, .07); }
.nav-item.active {
  color: #fff;
  background: rgba(184, 110, 61, .24);
  box-shadow: inset 2px 0 #d89a72;
}
.nav-icon { color: #d9c8cf; }
.nav-item.active .nav-icon { color: #f5f6f7; }
.sidebar-foot { border-top-color: rgba(255, 255, 255, .09); }
.signed-in-avatar { background: #8f4f2a; border-radius: 9px; }
.sidebar-foot-user small { color: #d9c8cf; }
.sidebar-foot-user b { color: #f0e8e4; }

.topbar {
  height: 66px;
  padding: 0 1.4rem;
  background: rgba(255, 255, 255, .96);
  border-bottom-color: var(--line);
  box-shadow: 0 1px 0 rgba(15, 23, 42, .02);
}
.topbar-product-mark { display: none; }
.topbar-product-mark img { display: block; width: 124px; height: auto; }
.topbar-title small { color: var(--muted); font-size: .66rem; letter-spacing: .03em; }
.topbar-title strong { color: var(--ink); font-size: .98rem; }
.page-content { width: min(1440px, 100%); padding: 1.5rem clamp(1rem, 2vw, 1.8rem) 2.5rem; }
.page-header { margin-bottom: 1.2rem; }
.page-header h1 { color: var(--ink); font-size: clamp(1.55rem, 2.4vw, 2rem); letter-spacing: -.045em; }
.page-header p { max-width: 720px; color: var(--muted); font-size: .86rem; }
.eyebrow { color: var(--blue-dark) !important; font-size: .65rem; letter-spacing: .115em; }

.business-setup-shell { width: min(880px, 100%); margin: 0 auto; }
.business-setup-heading { margin-bottom: 1rem; }
.business-setup-heading .eyebrow { margin-bottom: .35rem; font-weight: 850; text-transform: uppercase; }
.business-setup-heading h1 { margin: 0; }
.business-setup-heading p:not(.eyebrow) { margin: .45rem 0 0; }
.business-setup-card { overflow: visible; padding: clamp(1rem, 2.4vw, 1.5rem); }
.business-setup-form { display: grid; gap: 1.25rem; }
.business-setup-form .field { min-width: 0; }
.business-setup-form .field > label,
.business-model-fieldset legend { margin-bottom: .45rem; color: var(--ink); font-size: .78rem; font-weight: 820; }
.business-setup-form input[type="text"],
.business-setup-form select { width: 100%; min-height: 48px; }
.business-model-fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
.business-model-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.business-model-option { display: flex; align-items: flex-start; gap: .75rem; min-height: 116px; padding: .9rem; color: var(--ink); background: var(--surface); border: 1px solid var(--line); border-radius: 11px; cursor: pointer; transition: background .16s ease, border-color .16s ease, box-shadow .16s ease; }
.business-model-option:hover { border-color: #d89a72; background: #fffaf7; }
.business-model-option:has(input:checked) { border-color: var(--blue); background: #fceee6; box-shadow: 0 0 0 3px rgba(184, 110, 61, .12); }
.business-model-option input[type="radio"] { appearance: none; width: 20px; height: 20px; flex: 0 0 auto; margin: .05rem 0 0; border: 2px solid #9b9b9b; border-radius: 50%; background: white; }
.business-model-option input[type="radio"]:checked { border-color: var(--blue); background: var(--blue); box-shadow: inset 0 0 0 4px white; }
.business-model-option input[type="radio"]:focus-visible { outline: 3px solid rgba(184, 110, 61, .22); outline-offset: 2px; }
.business-model-option strong,
.business-model-option small { display: block; }
.business-model-option strong { font-size: .86rem; }
.business-model-option small { margin-top: .3rem; color: var(--muted); font-size: .72rem; line-height: 1.45; }
.business-setup-details { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(180px, .75fr); gap: 1rem; }
.business-setup-details .field:last-child { grid-column: 1 / -1; }
.additional-business-details { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); align-items: start; }
.additional-business-details .field:last-child { grid-column: auto; }
.additional-business-details textarea { width: 100%; min-height: 112px; }
.additional-business-form .form-actions .button-primary,
.additional-business-form .form-actions .button-secondary { min-height: 48px; }
.business-setup-actions { margin-top: .1rem; padding-top: 1rem; border-top: 1px solid var(--line); }
.business-setup-actions .button-primary { min-width: 180px; min-height: 48px; }

@media (max-width: 680px) {
  .business-setup-shell { width: 100%; }
  .business-setup-card { padding: 1rem; }
  .business-model-grid,
  .business-setup-details { grid-template-columns: 1fr; }
  .business-setup-details .field:last-child { grid-column: auto; }
  .additional-business-details { grid-template-columns: 1fr; }
  .business-model-option { min-height: 0; }
  .business-setup-actions .button-primary { width: 100%; }
}

.icon-button, .button-quiet, .button-primary, .button-secondary, .button-danger {
  min-height: 40px;
  border-radius: 9px;
  padding: .58rem .82rem;
  font-size: .78rem;
  font-weight: 760;
}
.button-primary {
  background: var(--blue-dark);
  box-shadow: 0 4px 10px rgba(143, 79, 42, .22);
}
.button-primary:hover { background: #75401f; }
.button-secondary { border-color: #cfd8e5; }
.button-secondary:hover { border-color: #aab8ca; background: #f8fafc; }
.button-quiet:hover { color: var(--ink); background: #f1f5f9; }

.metric-card, .panel, .settings-card, .report-tile {
  background: var(--surface);
  border-color: var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}
.panel { padding: 1.1rem; }
.panel-header { margin-bottom: .9rem; }
.panel-header h2 { color: var(--ink); font-size: 1.02rem; letter-spacing: -.02em; }
.panel-header p { color: var(--muted); font-size: .76rem; }
.text-link { color: var(--blue-dark); font-size: .76rem; font-weight: 760; white-space: nowrap; }
.data-table th {
  color: #667085;
  background: #f8fafc;
  border-bottom-color: #dce4ef;
  font-size: .66rem;
  letter-spacing: .075em;
}
.data-table td { border-bottom-color: #e7ecf3; font-size: .78rem; }
.data-table tbody tr:hover { background: #fafcff; }
.badge { border-radius: 7px; }
.badge-good { color: #146c4a; background: #e8f5ef; }
.badge-low { color: #7a5600; background: #fff4d6; }
.badge-out, .badge-error { color: #a13434; background: #fdecec; }
.alert { border-radius: 9px; }

.business-dashboard,
.business-dashboard-retail,
.business-dashboard-wholesale,
.business-dashboard-hardware {
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.dashboard-header { align-items: center; margin-bottom: 1rem; }
.dashboard-priority-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  min-height: 58px;
  margin-bottom: 1.4rem;
  padding: .7rem .85rem;
  color: var(--ink);
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 10px;
}
.dashboard-status { display: flex; align-items: center; gap: .7rem; min-width: 0; }
.dashboard-status > span:last-child { display: grid; gap: .06rem; min-width: 0; }
.dashboard-status small { color: var(--muted); font-size: .64rem; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; }
.dashboard-status strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .79rem; }
.status-signal { width: 9px; height: 9px; flex: 0 0 auto; border-radius: 50%; box-shadow: 0 0 0 5px rgba(41, 150, 106, .12); background: var(--green); }
.status-signal-warning { background: var(--yellow); box-shadow: 0 0 0 5px rgba(229, 166, 43, .14); }
.dashboard-priority-links { display: flex; align-items: center; gap: .25rem; }
.dashboard-priority-links a { padding: .42rem .6rem; color: var(--muted); border-radius: 7px; font-size: .72rem; font-weight: 700; }
  .dashboard-priority-links a:hover { color: var(--blue-dark); background: #fceee6; }
.dashboard-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin: 0 0 .75rem; }
.dashboard-section-heading h2 { margin: 0; font-size: 1.08rem; letter-spacing: -.025em; }
.dashboard-section-heading > span { color: var(--muted); font-size: .69rem; }
.business-dashboard .metrics,
.business-dashboard .metrics-financial {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .8rem;
  margin-bottom: 1.2rem;
}
.business-dashboard .metrics > .metric-card,
.business-dashboard .metrics > .metric-card:nth-child(n) {
  min-height: 138px;
  padding: 1rem;
  background: #fff;
  border-color: var(--line);
}
.business-dashboard .metric-card { position: relative; overflow: hidden; }
.business-dashboard .metric-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: #cbd5e1;
}
.business-dashboard .metric-card-primary::before { background: var(--blue); }
.business-dashboard .metric-card-success::before { background: var(--green); }
.business-dashboard .metric-card-warning::before { background: var(--yellow); }
.business-dashboard .metric-card header { font-size: .71rem; }
.business-dashboard .metric-card strong { margin-top: .78rem; color: var(--ink); font-size: clamp(1.18rem, 1.8vw, 1.6rem); font-variant-numeric: tabular-nums; }
.business-dashboard .metric-card > small { margin-top: .35rem; font-size: .68rem; line-height: 1.4; }
.business-dashboard .metric-icon {
  width: 34px;
  height: 34px;
  color: var(--blue-dark);
  background: #fceee6;
  border-radius: 9px;
}
.business-dashboard .metric-card-success .metric-icon { color: #176d4c; background: #e9f6f0; }
.business-dashboard .metric-card-warning .metric-icon { color: #835b00; background: #fff5dc; }
.metric-card-link:hover { transform: translateY(-1px); border-color: #aebfdb; box-shadow: 0 10px 24px rgba(15, 23, 42, .08); }
.metric-card-link:focus-visible { box-shadow: var(--focus-ring); }
.dashboard-work-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; }
.dashboard-sales-panel { grid-column: span 2; }
.dashboard-sales-panel .table-wrap { margin-bottom: -1.1rem; }
.dashboard-alerts-panel { align-self: start; }
.dashboard-alerts-panel .panel-header { align-items: flex-start; }
.stock-alert-list li { padding: .72rem 0; }
.stock-alert-list .empty-state { display: grid; justify-items: center; gap: .25rem; padding: 2rem .5rem; text-align: center; }
.stock-alert-list .empty-state strong { color: var(--ink); }
.stock-alert-list .empty-state small { margin: 0; }
.empty-state-mark { width: 34px; height: 34px; display: grid; place-items: center; color: #176d4c; background: #e9f6f0; border-radius: 50%; font-weight: 900; }

  .auth-main {
    background:
      radial-gradient(circle at 10% 15%, rgba(184, 110, 61, .10), transparent 30%),
      var(--surface-soft);
  }
.auth-card { border-radius: 16px; box-shadow: 0 18px 48px rgba(15, 23, 42, .1); }

@media (max-width: 1100px) {
  .business-dashboard .metrics,
  .business-dashboard .metrics-financial { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dashboard-work-grid { grid-template-columns: 1fr; }
  .dashboard-sales-panel { grid-column: auto; }
}

@media (max-width: 900px) {
  .app-shell { grid-template-columns: 0 minmax(0, 1fr); }
  .sidebar { width: min(300px, 86vw); }
  .topbar-product-mark { display: flex; align-items: center; padding-right: .9rem; border-right: 1px solid var(--line); }
}

@media (max-width: 680px) {
  .topbar { height: 62px; padding: 0 .75rem; gap: .65rem; }
  .topbar-title { min-width: 0; }
  .topbar-title small, .topbar-title strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .topbar-actions .button-quiet span { display: none; }
  .page-content { padding: 1rem .8rem 2rem; }
  .dashboard-header { align-items: flex-start; }
  .dashboard-header .page-actions { display: grid; grid-template-columns: 1fr 1fr; width: 100%; }
  .dashboard-header .page-actions > * { width: 100%; }
  .dashboard-priority-bar { align-items: stretch; flex-direction: column; }
  .dashboard-priority-links { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); padding-top: .55rem; }
  .dashboard-priority-links a { text-align: center; }
  .dashboard-section-heading > span { display: none; }
  .business-dashboard .metrics,
  .business-dashboard .metrics-financial { grid-template-columns: 1fr 1fr; gap: .65rem; }
  .business-dashboard .metrics > .metric-card,
  .business-dashboard .metrics > .metric-card:nth-child(n) { min-height: 128px; padding: .85rem; }
  .business-dashboard .metric-card strong { font-size: 1.12rem; overflow-wrap: anywhere; }
  .business-dashboard .metric-card > small { font-size: .64rem; }
  .panel { padding: .9rem; }
  .dashboard-sales-panel .table-wrap { margin-inline: -.9rem; margin-bottom: -.9rem; }
}

@media (max-width: 430px) {
  .topbar-product-mark { display: none; }
  .business-dashboard .metrics,
  .business-dashboard .metrics-financial { grid-template-columns: 1fr; }
  .business-dashboard .metrics > .metric-card,
  .business-dashboard .metrics > .metric-card:nth-child(n) { min-height: auto; }
  .dashboard-header .page-actions { grid-template-columns: 1fr; }
}

/* Mobile drawer owns its scroll while the underlying page remains fixed. */
body.mobile-nav-open {
  position: fixed;
  right: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
}

@media (max-width: 1000px) {
  .sidebar,
  .app-shell.sidebar-collapsed .sidebar {
    height: 100vh;
    height: 100dvh;
    max-height: 100dvh;
    overflow-x: hidden;
    overflow-y: hidden;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }
  .sidebar .primary-nav {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
  }
  .sidebar .sidebar-foot { flex: 0 0 auto; }
  .mobile-scrim {
    overscroll-behavior: contain;
    touch-action: none;
  }
}

/* Shared Wuaci identity controls. Product color is limited to the avatar and focus state. */
.sidebar-foot:has(.sidebar-identity) { display: block; padding: .85rem 0 0; }
.sidebar-identity { display: grid; min-width: 0; align-items: center; gap: .2rem .65rem; grid-template-columns: 2.25rem minmax(0, 1fr); }
.identity-avatar { display: grid; width: 2.25rem; height: 2.25rem; place-items: center; color: #fff; background: var(--copper, #b86e3d); border-radius: .65rem; font-size: .78rem; font-weight: 850; }
.identity-copy { display: grid; min-width: 0; }
.identity-copy small,.identity-copy strong,.identity-copy span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.identity-copy small { color: #d9c8cf; font-size: .62rem; }
.identity-copy strong { color: #fff; font-size: .78rem; }
.identity-copy span { color: #d9c8cf; font-size: .62rem; }
.identity-sidebar-actions { display: grid; gap: .35rem; margin-top: .65rem; grid-column: 1 / -1; grid-template-columns: 1fr 1fr; }
.identity-sidebar-actions form { display: flex; height: 100%; margin: 0; }
.identity-sidebar-actions a,.identity-sidebar-actions button { display: flex; width: 100%; min-height: 3.35rem; height: 100%; align-items: center; justify-content: center; padding: .45rem .55rem; color: #fff; background: rgb(255 255 255 / 7%); border: 1px solid rgb(255 255 255 / 14%); border-radius: .5rem; font-size: .7rem; font-weight: 750; line-height: 1.2; text-align: center; text-decoration: none; }
.identity-sidebar-actions a:hover,.identity-sidebar-actions button:hover { color: #fff; background: rgb(255 255 255 / 13%); transform: none; }
.identity-menu { position: relative; }
.topbar-actions > details { margin-top: 0; }
.identity-menu > summary { display: flex; min-height: 2.7rem; align-items: center; gap: .5rem; list-style: none; cursor: pointer; }
.identity-menu > summary::-webkit-details-marker { display: none; }
.identity-summary-name { max-width: 9rem; overflow: hidden; color: var(--ink); font-size: .78rem; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.identity-chevron { color: var(--muted); font-size: .75rem; transition: transform .15s ease; }
.identity-menu[open] .identity-chevron { transform: rotate(180deg); }
.identity-menu:not([open]) > .identity-menu-panel { display: none; }
.identity-menu-panel { position: absolute; z-index: 45; top: calc(100% + .55rem); right: 0; display: grid; width: min(19rem, calc(100vw - 1.5rem)); gap: .45rem; padding: 1rem; background: #fff; border: 1px solid var(--border); border-radius: .75rem; box-shadow: var(--shadow); }
.identity-menu-panel p { display: grid; min-width: 0; margin: 0 0 .35rem; }
.identity-menu-panel p small,.identity-menu-panel p strong,.identity-menu-panel p span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.identity-menu-panel p small,.identity-menu-panel p span { color: var(--muted); font-size: .7rem; }
.identity-menu-panel form { margin: 0; }
.identity-action { display: flex; width: 100%; min-height: 2.45rem; align-items: center; justify-content: flex-start; padding: .55rem .7rem; color: var(--ink); background: #fff; border: 1px solid var(--border); border-radius: .5rem; font-size: .78rem; font-weight: 750; text-decoration: none; }
.identity-action:hover { color: var(--ink); background: var(--surface-alt, #f5f6f7); transform: none; }
.identity-signout { color: #8f2d2d; }
@media (max-width: 680px) { .identity-summary-name { display: none; } }

/* Product packaging and reusable searchable selects. */
.line-grid-purchase{grid-template-columns:minmax(200px,1.55fr) minmax(160px,1fr) minmax(105px,.65fr) minmax(125px,.8fr) minmax(120px,.72fr) 62px}
.field-span-all{grid-column:1/-1}
.purchase-line-total strong{min-height:44px;display:flex;align-items:center;padding:.65rem .75rem;background:#f7f9fc;border:1px solid var(--line);border-radius:10px;font-variant-numeric:tabular-nums}
.purchase-unit-create{padding:.65rem .8rem;background:#fafbfc;border:1px dashed #c8d0dc;border-radius:11px}
.purchase-unit-create summary{cursor:pointer;color:var(--blue-dark);font-size:.78rem;font-weight:800}
.purchase-unit-create-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:.8rem}
.purchase-unit-create-actions{grid-column:1/-1;display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}
.purchase-unit-create-actions .helptext{margin:0}
.purchase-unit-save-status{color:var(--blue-dark);font-size:.74rem;font-weight:750}
.purchase-unit-save-status.is-error{color:var(--danger)}
.duplicate-purchase-warning{display:grid;gap:.85rem;margin-top:1rem;padding:1rem;background:#fff8ed;border:1px solid #dfb46e;border-radius:11px}
.duplicate-purchase-warning[hidden]{display:none}
.duplicate-purchase-warning p{margin:.25rem 0 0}
.duplicate-purchase-warning dl{display:flex;gap:1.25rem;margin:.65rem 0 0}
.duplicate-purchase-warning dl div{display:grid;gap:.1rem}
.duplicate-purchase-warning dt{color:var(--muted);font-size:.7rem;font-weight:700;text-transform:uppercase}
.duplicate-purchase-warning dd{margin:0;font-weight:750}
.duplicate-purchase-actions{display:flex;gap:.6rem;flex-wrap:wrap}
.duplicate-override-reason{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;padding-top:.75rem;border-top:1px solid #ead2aa}
.duplicate-override-reason[hidden],.duplicate-override-reason [hidden]{display:none}
.duplicate-override-reason>.helptext{grid-column:1/-1;margin:0}
.searchable-select{position:relative}
.searchable-select>select{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;opacity:0;pointer-events:none}
.searchable-select-input{width:100%;min-height:44px;padding:.65rem .75rem;border:1px solid #cdd4df;border-radius:10px;background:#fff;color:var(--ink)}
.searchable-select-options{position:absolute;z-index:35;top:calc(100% + .3rem);left:0;right:0;max-height:260px;overflow:auto;padding:.35rem;background:#fff;border:1px solid #cdd8e8;border-radius:11px;box-shadow:0 14px 30px rgba(23,32,51,.15)}
.searchable-select-option{display:block;width:100%;padding:.65rem .7rem;text-align:left;color:var(--ink);background:#fff;border:0;border-radius:8px}
.searchable-select-option:hover,.searchable-select-option.is-active{background:#edf4ff}
.searchable-select-empty{margin:0;padding:.75rem;color:var(--muted);font-size:.75rem;text-align:center}
.searchable-select-create{margin-top:.25rem;border-top:1px solid var(--line);color:var(--blue-dark);font-weight:800}
.offline-user{flex-wrap:wrap}.offline-user-actions{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;width:100%;margin-top:.5rem}.offline-user-actions a{padding:.5rem;color:#fff;background:#252525;border:1px solid #414141;border-radius:8px;font-size:.66rem;font-weight:750;text-align:center;text-decoration:none}
.offline-topbar-actions{display:flex;flex:0 1 auto;min-width:0;gap:.55rem;margin-left:0}
.offline-topbar-actions>a{display:inline-flex;align-items:center;gap:.45rem}.offline-topbar-profile{display:flex;align-items:center;gap:.55rem;padding:0 .35rem}.offline-topbar-profile>b{display:grid;width:36px;height:36px;place-items:center;color:#fff;background:var(--copper);border-radius:10px}.offline-topbar-profile>strong{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem}
@media(max-width:1300px){.offline-topbar-profile>strong{display:none}}
.offline-report-period,.offline-register-filters,.offline-catalog-filters{grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:end;margin-bottom:1rem;box-shadow:none}
.offline-register-table,.offline-inventory-table,.offline-product-table{overflow:auto}
.offline-register-head,.offline-register-table>a,.offline-register-table>article{display:grid;grid-template-columns:minmax(150px,1fr) minmax(150px,1fr) minmax(150px,1fr) 120px 140px;gap:1rem;align-items:center;padding:.8rem 1rem}
.offline-inventory-head,.offline-inventory-table>article{display:grid;grid-template-columns:minmax(190px,1.25fr) minmax(130px,.7fr) minmax(200px,1fr) 110px 130px 120px;gap:1rem;align-items:center;padding:.8rem 1rem}
.offline-product-head,.offline-product-table>a{display:grid;grid-template-columns:minmax(190px,1.2fr) minmax(170px,1fr) 130px 110px minmax(230px,1.3fr);gap:1rem;align-items:center;padding:.8rem 1rem}
.offline-register-head,.offline-inventory-head,.offline-product-head{min-width:850px;color:var(--muted);background:#f5f7fa;font-size:.66rem;font-weight:850;letter-spacing:.04em;text-transform:uppercase}
.offline-register-table>a,.offline-register-table>article,.offline-inventory-table>article,.offline-product-table>a{min-width:850px;color:inherit;border-top:1px solid var(--line);font-size:.74rem;text-decoration:none}
.offline-register-table>a:hover,.offline-product-table>a:hover{background:#fffaf6}
.offline-register-table strong,.offline-inventory-table strong,.offline-product-table strong{display:block}.offline-register-table small,.offline-inventory-table small,.offline-product-table small{display:block;margin-top:.2rem;color:var(--muted)}
.offline-row-actions{display:flex;gap:.5rem}.offline-row-actions a{color:var(--blue-dark);font-size:.68rem;font-weight:800}
.offline-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1rem}.offline-pagination span{color:var(--muted);font-size:.74rem;font-weight:750}
.offline-queue-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.25rem 1rem;align-items:center;padding:.8rem;background:#fff;border:1px solid var(--line);border-radius:10px}.offline-queue-item strong{overflow-wrap:anywhere}.offline-queue-item span{padding:.25rem .45rem;background:#fceee6;border-radius:7px;font-size:.68rem;font-weight:800;text-transform:capitalize}.offline-queue-item small{grid-column:1/-1;color:var(--muted)}
.table-secondary{display:block;margin-top:.2rem;color:var(--muted)}
.field:has(>input[type="checkbox"]){grid-template-columns:1.25rem minmax(0,1fr);align-items:center;padding:.75rem;border:1px solid var(--line);border-radius:10px;background:#fafbfc}
.field:has(>input[type="checkbox"])>input{grid-column:1;grid-row:1}
.field:has(>input[type="checkbox"])>label{grid-column:2;grid-row:1;min-height:0}
.field:has(>input[type="checkbox"])>.helptext,.field:has(>input[type="checkbox"])>.errorlist{grid-column:1/-1}
@media(max-width:1000px){.line-grid-purchase{grid-template-columns:repeat(2,minmax(0,1fr))}.purchase-unit-create-grid,.offline-new-pack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.offline-report-period,.offline-register-filters,.offline-catalog-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.offline-topbar-actions{display:none}}
@media(max-width:680px){.line-grid-purchase,.purchase-unit-create-grid,.offline-new-pack-grid,.duplicate-override-reason,.offline-report-period,.offline-register-filters,.offline-catalog-filters{grid-template-columns:1fr}.field-span-all{grid-column:auto}}
.product-quick-create-dialog{width:min(920px,calc(100vw - 2rem));max-height:calc(100vh - 2rem);padding:1.4rem;border:0;border-radius:18px;box-shadow:0 24px 70px rgba(15,23,42,.25);overflow:auto}.product-quick-create-dialog::backdrop{background:rgba(15,23,42,.55)}.product-quick-create-dialog .panel-header{align-items:flex-start}.product-quick-create-dialog .form-errors{margin:.8rem 0;padding:.8rem 1rem;border:1px solid #efb5b5;border-radius:10px;background:#fff1f1;color:#9f1d1d}.product-field>.button-quiet{align-self:flex-start;margin-top:.35rem}
.team-membership-access{display:inline-flex;align-items:stretch;gap:.35rem}.team-revoke-trigger{display:flex;align-items:center;padding:.45rem .6rem;color:#a82729;background:#fff;border:1px solid #efb7b9;border-radius:10px;cursor:pointer;font:inherit;font-size:.68rem;font-weight:800}.team-revoke-trigger:hover,.team-revoke-trigger:focus-visible{background:#fff1f1;border-color:var(--red)}.team-revoke-dialog{width:min(520px,calc(100vw - 2rem));max-width:none;padding:0;color:var(--ink);background:transparent;border:0;border-radius:18px;box-shadow:0 24px 80px rgba(23,32,51,.28)}.team-revoke-dialog::backdrop{background:rgba(15,23,42,.58);backdrop-filter:blur(2px)}.team-revoke-dialog-card{display:grid;grid-template-columns:auto 1fr;gap:1rem;padding:1.35rem;background:#fff;border:1px solid #efb7b9;border-radius:18px}.team-revoke-dialog-card h2{margin:.15rem 0 .45rem;font-size:1.2rem;line-height:1.25}.team-revoke-dialog-card p:not(.eyebrow){margin:0;color:var(--muted);font-size:.78rem;line-height:1.6}.team-revoke-dialog-icon{display:grid;width:2.6rem;height:2.6rem;place-items:center;color:#a82729;background:#fff1f1;border-radius:12px}.team-revoke-dialog-icon .ph-icon{width:1.3rem;height:1.3rem}.team-revoke-dialog-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:.65rem;padding-top:.25rem}.team-revoke-submit{display:none}@media(max-width:560px){.team-revoke-dialog-card{grid-template-columns:1fr}.team-revoke-dialog-icon{display:none}.team-revoke-dialog-actions{display:grid}.team-revoke-dialog-actions>*{width:100%}}
.team-access-card-list{display:grid;gap:1rem}.team-access-card{padding:1rem;border:1px solid var(--line);border-radius:14px;background:#fff}.team-access-card-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:start;gap:.8rem}.team-access-card-header .team-member-identity span{display:block;margin-top:.3rem;color:var(--muted);font-size:.72rem}.team-protected-badge{align-self:center}.team-manage-access{align-self:center}.team-workspace-access{margin-top:.9rem}.team-workspace-access h3{margin:0 0 .35rem;font-size:.8rem}.team-workspace-table-wrap{width:100%;overflow:visible}.team-workspace-table{width:100%;border-collapse:collapse;table-layout:fixed}.team-workspace-table th{padding:.25rem .45rem .45rem;color:var(--muted);font-size:.66rem;text-align:left;font-weight:800}.team-workspace-table th:nth-child(1){width:36%}.team-workspace-table th:nth-child(2){width:21%}.team-workspace-table th:nth-child(3){width:37%}.team-workspace-table th:last-child{width:42px}.team-workspace-table td{padding:.55rem .45rem;border-top:1px solid var(--line);font-size:.76rem;vertical-align:middle;overflow-wrap:anywhere}.team-workspace-table td strong,.team-workspace-table td small{display:block}.team-workspace-table td small{margin-top:.12rem;color:var(--muted);font-size:.65rem}.team-workspace-actions{position:relative;text-align:right}.team-workspace-menu{position:relative;display:inline-block}.team-workspace-menu summary{display:grid;width:34px;height:34px;place-items:center;border-radius:9px;color:var(--copper-dark);cursor:pointer;list-style:none}.team-workspace-menu summary::-webkit-details-marker{display:none}.team-workspace-menu summary:hover,.team-workspace-menu summary:focus-visible{background:#fff1e8}.team-workspace-menu-dots{display:block;font-size:1.35rem;font-weight:850;line-height:1;transform:translateY(-.08rem)}.team-workspace-menu-popover{position:absolute;z-index:80;top:calc(100% + .25rem);right:0;display:grid;width:max-content;min-width:190px;padding:.35rem;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 30px rgba(17,17,17,.15);text-align:left}.team-workspace-menu-popover a,.team-workspace-menu-popover button{display:block;width:100%;padding:.55rem .65rem;color:var(--ink);background:transparent;border:0;border-radius:7px;text-decoration:none;text-align:left;font:inherit;font-size:.72rem;font-weight:750;cursor:pointer}.team-workspace-menu-popover a:hover,.team-workspace-menu-popover button:hover{background:var(--surface-soft)}.team-workspace-menu-popover button{color:#a82729}
@media(max-width:720px){.team-access-card{padding:.85rem}.team-access-card-header{grid-template-columns:auto minmax(0,1fr) auto}.team-access-card-header .team-manage-access{grid-column:1/-1;width:100%;text-align:center}.team-workspace-table thead{display:none}.team-workspace-table,.team-workspace-table tbody,.team-workspace-table tr,.team-workspace-table td{display:block;width:100%}.team-workspace-table tr{position:relative;padding:.6rem 2.7rem .6rem 0;border-top:1px solid var(--line)}.team-workspace-table td{display:grid;grid-template-columns:minmax(95px,.42fr) minmax(0,1fr);gap:.5rem;padding:.25rem 0;border:0}.team-workspace-table td::before{content:attr(data-label);color:var(--muted);font-size:.65rem;font-weight:800}.team-workspace-table .team-workspace-actions{position:absolute;top:.55rem;right:0;display:block;width:auto}.team-workspace-table .team-workspace-actions::before{display:none}.team-workspace-menu-popover{position:fixed;top:auto;right:1rem;bottom:1rem;left:1rem;width:auto}.team-directory-heading{align-items:flex-start}.team-count-badge{flex:0 0 auto}}

/* Offline app shell, connectivity, and physical reconciliation. */
.sync-status-bar{display:flex;min-height:2.2rem;align-items:center;gap:.75rem;padding:.45rem 1rem;color:#4b361f;background:#fff4df;border-bottom:1px solid #ead5b3;font-size:.75rem;font-weight:700}.sync-status-bar a{margin-left:auto}.app-update-notice{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.55rem 1rem;color:#17355c;background:#eaf3ff;border-bottom:1px solid #bcd4f2;font-size:.78rem;font-weight:750}.count-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.count-summary div{display:grid;gap:.2rem}.count-workspace{display:grid;gap:1rem}.physical-count-card{display:grid;gap:1rem}.count-helper{margin:0;padding:.7rem .8rem;background:#f7f9fc;border-left:3px solid var(--copper);font-size:.78rem}.physical-package-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.8rem}.physical-package-field{display:grid;gap:.35rem;font-size:.78rem;font-weight:750}.physical-package-field input{min-height:46px}.count-calculation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.count-calculation>div{display:grid;align-content:start;gap:.2rem;padding:.8rem;background:#f7f9fc;border-radius:10px}.count-calculation strong{font-size:1.05rem}.count-equivalent-list{color:var(--muted);font-size:.72rem;line-height:1.45}.count-reason-grid{padding-top:.8rem;border-top:1px solid var(--line)}.reconciliation-post{display:flex;align-items:center;gap:1rem}.reconciliation-post p{margin:0}.reconciliation-post button{margin-left:auto}

/* Structured returns and focused stock-attention content. */
.return-workflow{display:grid;gap:1rem}
.return-summary-card,.return-items-panel{padding:1.2rem;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 9px 24px rgba(23,32,51,.045)}
.return-details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:.9rem}
.return-item-list{display:grid;gap:.75rem;margin-top:.8rem}
.return-item-card{display:grid;grid-template-columns:minmax(220px,1.15fr) minmax(320px,1fr) minmax(160px,.48fr);gap:1rem;align-items:center;padding:1rem;background:#fbfcfe;border:1px solid var(--line);border-radius:12px}
.return-product{display:flex;min-width:0;align-items:center;gap:.75rem}
.return-product-mark{display:grid;width:2rem;height:2rem;flex:0 0 auto;place-items:center;color:var(--copper-dark);background:#fceee6;border-radius:8px;font-size:.76rem;font-weight:850}
.return-product>span:last-child{display:grid;min-width:0;gap:.15rem}
.return-product strong{overflow-wrap:anywhere}.return-product small{color:var(--muted)}
.return-item-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin:0}
.return-item-facts div{display:grid;gap:.18rem;padding:.65rem .75rem;background:#fff;border:1px solid #e4e9f0;border-radius:9px}
.return-item-facts dt{color:var(--muted);font-size:.64rem;font-weight:800;letter-spacing:.035em;text-transform:uppercase}
.return-item-facts dd{margin:0;font-size:.78rem;font-weight:800;font-variant-numeric:tabular-nums}
.return-quantity-field{align-self:stretch;justify-content:center}.return-quantity-field input{min-width:0;font-weight:800;font-variant-numeric:tabular-nums}
.return-actions{display:flex;justify-content:flex-end;gap:.65rem}
.attention-panel-heading{display:grid;justify-items:start;gap:.8rem;text-align:left}.attention-panel-heading>div{display:grid;justify-items:start}.attention-panel-heading p{max-width:24rem}.attention-action{justify-self:start}
.sync-device-panel{margin-bottom:1rem}.sync-attention-panel{margin-bottom:1rem;border:1px solid #edc17d;border-top:4px solid var(--yellow)}.sync-attention-icon{display:grid;width:3rem;height:3rem;place-items:center;color:#8b4a14;background:#fff3d8;border-radius:50%}.sync-attention-icon .ph-icon{width:1.5rem;height:1.5rem}.sync-conflict-list{display:grid;gap:1rem;margin-top:1.25rem}.sync-conflict-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.25rem;padding:1.1rem;background:#fffaf2;border:1px solid #edcda1;border-radius:14px}.sync-conflict-copy h3{margin:.55rem 0 .25rem}.sync-conflict-copy>p{margin:0;color:var(--muted);max-width:62rem}.sync-conflict-facts{display:grid;grid-template-columns:2fr 1fr 1fr;gap:.65rem;margin:.85rem 0 0}.sync-conflict-facts div{padding:.65rem .75rem;background:#fff;border:1px solid #eadfd2;border-radius:10px}.sync-conflict-facts dt,.sync-review-line dt{color:var(--muted);font-size:.66rem;font-weight:800;text-transform:uppercase}.sync-conflict-facts dd,.sync-review-line dd{margin:.15rem 0 0;font-weight:800}.sync-conflict-actions{display:grid;align-content:center;gap:.5rem;min-width:180px}.sync-conflict-actions form{margin:0}.sync-conflict-actions form button{width:100%}.sync-manager-note{align-self:center;margin:0;color:var(--muted)}.sync-review-form{display:grid;gap:1rem}.sync-review-lines{display:grid;gap:.75rem}.sync-review-line{display:grid;grid-template-columns:minmax(210px,1.5fr) minmax(240px,1fr) minmax(180px,.65fr);gap:1rem;align-items:end;padding:1rem;background:#fbfcfe;border:1px solid var(--line);border-radius:12px}.sync-review-line>div:first-child{display:grid;gap:.2rem}.sync-review-line small{color:var(--muted)}.sync-review-line dl{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin:0}.sync-review-line dl div{padding:.6rem;background:#fff;border:1px solid var(--line);border-radius:9px}.sync-review-line label{display:grid;gap:.4rem;font-weight:800}.sync-review-actions{display:flex;justify-content:flex-end;gap:.65rem;padding-top:.5rem}@media(max-width:820px){.sync-conflict-card,.sync-review-line{grid-template-columns:1fr}.sync-conflict-actions{grid-template-columns:1fr 1fr;min-width:0}.sync-conflict-facts{grid-template-columns:1fr}.sync-review-actions{display:grid}.sync-review-actions>*{width:100%}}@media(max-width:520px){.sync-conflict-actions,.sync-review-line dl{grid-template-columns:1fr}}
.dashboard-alerts-panel .stock-alert-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center}.dashboard-alerts-panel .stock-alert-list li>span{display:grid;gap:.12rem;min-width:0;text-align:left}.dashboard-alerts-panel .stock-alert-list .badge{min-width:7rem;justify-self:end;text-align:center}
@media(max-width:900px){.return-item-card{grid-template-columns:minmax(210px,1fr) minmax(280px,1fr)}.return-quantity-field{grid-column:1/-1}.return-actions>*{flex:1}}
.audit-quick-filters{display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:.85rem}.audit-quick-filters a{padding:.5rem .75rem;color:var(--copper-dark);background:#fff;border:1px solid var(--line);border-radius:999px;font-size:.72rem;font-weight:800}.audit-filter-panel{margin-bottom:1rem;padding:1rem}.audit-filter-grid{display:grid;grid-template-columns:2fr repeat(4,minmax(130px,1fr));gap:.7rem}.audit-filter-grid label{display:grid;gap:.3rem;font-size:.68rem;font-weight:800}.audit-filter-grid input,.audit-filter-grid select{min-width:0}.audit-search{grid-column:span 2}.audit-filter-actions{display:flex;justify-content:flex-end;gap:.55rem;margin-top:.8rem}.audit-table-panel{padding:0;overflow:hidden}.audit-table-panel>.panel-header{padding:1rem}.audit-table{min-width:1120px}.audit-table td{vertical-align:top}.audit-table td>small,.audit-table time small,.audit-table td>strong+small{display:block;margin-top:.16rem;color:var(--muted)}.audit-row-button{display:grid;gap:.15rem;width:100%;padding:0;color:inherit;background:none;border:0;text-align:left;cursor:pointer}.audit-row-button strong{color:var(--copper-dark)}.audit-row-button small{max-width:320px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audit-result-failed,.audit-result-denied,.audit-result-conflict{color:#a82729;background:#fff1f1}.audit-result-cancelled{color:#805b10;background:#fff7db}.audit-detail-dialog{width:min(620px,calc(100vw - 1rem));max-width:none;height:100vh;max-height:100vh;margin:0 0 0 auto;padding:0;color:var(--ink);background:#fff;border:0;box-shadow:-20px 0 60px rgba(23,32,51,.2)}.audit-detail-dialog::backdrop{background:rgba(15,23,42,.5)}.audit-detail-dialog>article{display:grid;align-content:start;gap:1rem;min-height:100%;padding:1.25rem}.audit-detail-dialog header{display:flex;justify-content:space-between;gap:1rem}.audit-detail-dialog h2{margin:.15rem 0}.audit-detail-dialog header p:last-child{margin:0;color:var(--muted)}.audit-detail-dialog footer{display:flex;justify-content:flex-end;gap:.55rem;padding-top:.75rem;border-top:1px solid var(--line)}.audit-detail-facts,.audit-technical{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.audit-detail-facts div,.audit-technical div{padding:.7rem;background:#f7f8fa;border:1px solid var(--line);border-radius:10px}.audit-detail-facts dt,.audit-technical dt{color:var(--muted);font-size:.65rem;font-weight:800;text-transform:uppercase}.audit-detail-facts dd,.audit-technical dd{margin:.18rem 0 0;overflow-wrap:anywhere;font-weight:750}.audit-change-list{display:grid;gap:.45rem}.audit-change-list>div{display:grid;grid-template-columns:minmax(120px,.7fr) minmax(0,1fr) auto minmax(0,1fr);gap:.55rem;align-items:center;padding:.65rem .75rem;background:#f7f8fa;border:1px solid var(--line);border-radius:9px}.audit-change-list span{overflow-wrap:anywhere}@media(max-width:950px){.audit-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.audit-search{grid-column:1/-1}}@media(max-width:560px){.audit-filter-grid,.audit-detail-facts,.audit-technical,.audit-change-list>div{grid-template-columns:1fr}.audit-change-list>div span:nth-of-type(2){display:none}.audit-detail-dialog footer{display:grid}}
@media(max-width:680px){.return-details-grid,.return-item-card,.return-item-facts{grid-template-columns:1fr}.return-details-grid .field-span-2,.return-quantity-field{grid-column:auto}.return-summary-card,.return-items-panel{padding:.9rem}.return-actions{display:grid}.dashboard-alerts-panel .stock-alert-list .badge{min-width:auto}}
.list-filter-form:has(.record-search-field){position:relative;z-index:15;overflow:visible}.record-search-field{position:relative;z-index:16}.record-search-suggestions{position:absolute;z-index:60;top:calc(100% + .35rem);left:0;right:0;max-height:20rem;overflow-y:auto;padding:.35rem;border:1px solid var(--line);border-radius:.8rem;background:var(--surface,#fff);box-shadow:0 1rem 2.4rem rgba(17,17,17,.14)}.record-search-suggestions button{display:flex;width:100%;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.7rem .8rem;border:0;border-radius:.55rem;background:transparent;color:inherit;text-align:left;cursor:pointer}.record-search-suggestions button:hover,.record-search-suggestions button.active{background:var(--surface-subtle,#f5f3f1)}.record-search-suggestions small{color:var(--muted)}
.record-search-empty{margin:0;padding:.8rem;color:var(--muted);font-size:.78rem;line-height:1.45}

/* Dense manager screens stay visually contained at every desktop width. */
.audit-filter-panel{padding:1.25rem;border:1px solid var(--line);border-radius:16px;background:#fff}
.audit-filter-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem}
.audit-filter-grid label{grid-column:span 3;min-width:0;gap:.42rem;color:var(--ink);font-size:.74rem}
.audit-filter-grid .audit-search{grid-column:span 6}
.audit-filter-grid input,.audit-filter-grid select{display:block;width:100%;height:48px;min-width:0;padding:.7rem .8rem;appearance:none;color:var(--ink);background:#fff;border:1px solid #c9d0da;border-radius:10px;box-shadow:none;font:inherit;font-weight:600}
.audit-filter-grid input:focus,.audit-filter-grid select:focus{outline:3px solid rgba(184,110,61,.18);border-color:var(--copper)}
.audit-filter-actions{padding-top:1rem;border-top:1px solid var(--line)}
.audit-table-panel{max-width:100%;border:1px solid var(--line);border-radius:16px}
.audit-table-panel>.panel-header{margin:0;padding:1.25rem;border-bottom:1px solid var(--line)}
.audit-table-panel>.table-wrap{width:100%;max-width:100%;margin:0;overflow-x:auto;overflow-y:hidden}

/* Keep the application viewport stable and make connection state compact on small screens. */
[data-sync-compact]{display:none}
.connectivity-status-dot{width:9px;height:9px;flex:0 0 auto;border-radius:999px;background:var(--yellow);box-shadow:0 0 0 5px rgba(245,158,11,.13)}
.connectivity-banner[data-connectivity="online"],.offline-sync-pill[data-connectivity="online"]{color:#17663a;background:#effaf3;border-color:#78c596}
.connectivity-banner[data-connectivity="online"] .connectivity-status-dot,.offline-sync-pill[data-connectivity="online"] .offline-status-dot{background:var(--green);box-shadow:0 0 0 5px rgba(22,163,74,.13)}
.connectivity-banner[data-connectivity="offline"],.offline-sync-pill[data-connectivity="offline"]{color:#75401f;background:#fffaf0;border-color:#efb326}
.app-shell,.main-shell,.page-content,.panel,.form-card-wide,.form-grid,.field,.count-workspace,.physical-count-card,.physical-package-field{min-width:0;max-width:100%}
input[type="date"],input[type="datetime-local"],input[type="time"]{width:100%;min-width:0}
.offline-form-grid>label{min-width:0;max-width:100%;overflow:hidden}.offline-form-grid>label:has(.searchable-select){overflow:visible;position:relative;z-index:2}.offline-form-grid>label:has(.searchable-select):focus-within{z-index:40}.offline-form .searchable-select{width:100%;min-width:0}.offline-form .searchable-select-option:disabled{cursor:not-allowed;opacity:.58}.offline-form input[type="date"],.offline-form input[type="datetime-local"],.offline-form input[type="time"]{display:block;inline-size:100%;min-inline-size:0!important;max-inline-size:100%!important;overflow:hidden}
@media(max-width:680px){
  .connectivity-banner,.offline-sync-pill{position:static;z-index:auto;width:auto;max-width:calc(100vw - 2rem);min-height:42px;margin:0;padding:.45rem .65rem;transform:none;gap:.5rem;border-radius:999px;box-shadow:0 7px 20px rgba(17,17,17,.14)}
  .connectivity-banner [data-sync-state],.connectivity-banner [data-sync-pending],.connectivity-banner a,.offline-sync-pill [data-sync-state],.offline-sync-pill [data-sync-pending],.offline-sync-pill a{display:none}
  .connectivity-banner [data-sync-compact],.offline-sync-pill [data-sync-compact]{display:inline;white-space:nowrap;font-size:.72rem}
  .offline-topbar{position:relative;top:auto;z-index:70;padding:0 .7rem}
  .offline-topbar-title{max-width:calc(100% - 9rem);min-width:0}
  .page-content,.offline-content{width:100%;max-width:100%;overflow-x:clip}
  .count-summary,.count-calculation,.physical-package-grid{grid-template-columns:1fr}
  .physical-package-field input{width:100%}
  .offline-count-grid article>footer{align-items:stretch;flex-direction:column}.offline-count-total-summary{width:100%;min-width:0;justify-items:start;padding-bottom:0;text-align:left}
  .reconciliation-post{align-items:stretch;flex-direction:column}
  .reconciliation-post button{width:100%;margin-left:0}
  .dashboard-alerts-panel{display:grid;justify-items:center;text-align:center}
  .dashboard-alerts-panel .attention-panel-heading{width:100%;grid-template-columns:1fr;justify-content:center;justify-items:center}
  .dashboard-alerts-panel .attention-panel-heading>div{width:100%;justify-items:center}
  .dashboard-alerts-panel .attention-action{margin-inline:auto}
  .dashboard-alerts-panel .stock-alert-list{width:100%}
  .dashboard-alerts-panel .stock-alert-list .stock-success-state{width:100%;justify-items:center;text-align:center}
}
.audit-table{width:100%;min-width:1040px;table-layout:fixed}
.audit-table th:nth-child(1){width:120px}.audit-table th:nth-child(2){width:150px}.audit-table th:nth-child(3){width:290px}.audit-table th:nth-child(4){width:110px}.audit-table th:nth-child(5){width:150px}.audit-table th:nth-child(6){width:130px}.audit-table th:nth-child(7){width:105px}.audit-table th:nth-child(8){width:100px}
.audit-table th,.audit-table td{min-width:0;overflow-wrap:anywhere;word-break:normal}
.audit-row-button small{max-width:none;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.4}
.role-profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.role-profile-card{display:grid;align-content:start;gap:.8rem}.role-profile-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.role-profile-heading h2{margin:.45rem 0 0}.role-profile-card>p{margin:0;color:var(--muted);line-height:1.5}.role-profile-facts{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin:auto 0 0}.role-profile-facts div{padding:.7rem;background:#faf8f6;border:1px solid var(--line);border-radius:10px}.role-profile-facts dt{color:var(--muted);font-size:.65rem;font-weight:800;text-transform:uppercase}.role-profile-facts dd{margin:.15rem 0 0;font-weight:850}.permission-safety-note{border-left:4px solid var(--copper)}.permission-safety-note h2{margin-top:0}.role-editor-form{display:grid;gap:1rem}.role-capability-panel{overflow:visible}.capability-groups{display:grid;gap:1rem}.capability-group{margin:0;padding:1rem;border:1px solid var(--line);border-radius:13px}.capability-group legend{padding:0 .4rem;font-weight:850}.capability-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.capability-option{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.7rem;align-items:start;padding:.8rem;background:#fbfcfd;border:1px solid var(--line);border-radius:10px;cursor:pointer}.capability-option:has(input:checked){background:#fff5ee;border-color:var(--copper)}.capability-option.is-sensitive:has(input:checked){background:#fff8e5;border-color:#d49a32}.capability-option input{width:18px;height:18px;margin:.1rem 0 0;accent-color:var(--copper)}.capability-option strong,.capability-option em{display:block}.capability-option strong{font-size:.8rem}.capability-option strong small{display:inline-flex;margin-left:.4rem;padding:.16rem .32rem;color:#8a4d13;background:#fff0d6;border-radius:999px;font-size:.58rem;text-transform:uppercase}.capability-option em{margin-top:.2rem;color:var(--muted);font-size:.72rem;font-style:normal;line-height:1.4}.member-permission-form{display:grid;gap:1.15rem;max-width:980px}.scope-option-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.scope-option{display:flex;gap:.55rem;align-items:center;padding:.8rem;background:#fff;border:1px solid var(--line);border-radius:10px;cursor:pointer}.scope-option:has(input:checked){background:#fff5ee;border-color:var(--copper)}.scope-option input{accent-color:var(--copper)}
@media(max-width:1100px){.audit-filter-grid label{grid-column:span 4}.audit-filter-grid .audit-search{grid-column:span 8}.role-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.audit-filter-grid label,.audit-filter-grid .audit-search{grid-column:1/-1}.audit-filter-actions{display:grid;grid-template-columns:1fr 1fr}.audit-filter-actions>*{width:100%}.role-profile-grid,.capability-option-grid,.scope-option-grid{grid-template-columns:1fr}}

/* Connected and offline mobile pages share one centered, overflow-safe composition. */
@media(max-width:680px){
  .page-content,.offline-content{margin-inline:auto;padding-inline:max(1rem,env(safe-area-inset-left));}
  .page-header,.offline-page-heading-row{justify-items:center;text-align:center;grid-template-columns:minmax(0,1fr);}
  .page-header>div,.offline-page-heading-row>div{width:100%;max-width:38rem;margin-inline:auto;}
  .page-header p,.offline-page-heading-row p{margin-inline:auto;}
  .page-actions,.offline-heading-actions{width:100%;justify-content:center;}
  .page-actions>*,.offline-heading-actions>*{min-width:min(100%,10rem);}
  .panel,.offline-form,.form-card,.form-card-wide{width:100%;margin-inline:auto;}
  .form-grid,.offline-form-grid,.stack-form,.list-filter-form,.filter-bar,.transfer-context,.transfer-filters{width:100%;justify-items:stretch;}
  .field,label{min-width:0;max-width:100%;}
  .field input,.field select,.field textarea,.offline-form input,.offline-form select,.offline-form textarea,.stack-form input,.stack-form select,.stack-form textarea{inline-size:100%;min-inline-size:0;max-inline-size:100%;}
  .modern-check-card,.catalog-archive-toggle{justify-self:stretch;justify-content:center;text-align:center;}
  .modern-check-card>span,.catalog-archive-toggle>span{justify-items:center!important;text-align:center;}
  .data-table tbody tr{margin-inline:auto;}
  .empty-state,.mobile-table-empty-row{text-align:center;}
  .offline-form-actions,.form-actions{width:100%;justify-content:center;}
  .offline-form-actions>*,.form-actions>*{flex:1 1 10rem;text-align:center;}
  .sales-list-page-actions,.offline-heading-actions{display:grid;grid-template-columns:1fr;width:min(100%,38rem);margin-inline:auto;justify-self:center;gap:.75rem;}
  .sales-list-page-actions>*,.offline-heading-actions>*{width:100%;min-width:0;justify-content:center;text-align:center;}
}

/* Final offline parity overrides must remain after the legacy offline rules. */
.offline-form input:not([type="checkbox"]):not([type="radio"]),.offline-form select,.offline-form textarea{font-family:"Google Sans Flex",Arial,"Segoe UI",system-ui,sans-serif;font-size:1rem;line-height:1.35}
.offline-form textarea{min-height:66px}
.offline-quick-sale-card .sale-context{background:#f7faff;border-color:#d8e6ff}
.offline-quick-sale-card .sale-context-icon{border-color:#d8e6ff}
.offline-sale-line .quick-line-fields{grid-template-columns:minmax(240px,1fr) minmax(170px,220px) minmax(120px,170px)}
.offline-form.panel.form-card-wide{width:100%;max-width:1180px}
.offline-form-grid>label>small,.offline-form-grid>label>.helptext,.offline-form-grid>.field>small,.offline-form-grid>.field>.helptext{color:var(--muted);font-size:.72rem;font-weight:400;line-height:1.45}
@media(max-width:680px){.offline-sale-line .quick-line-fields{grid-template-columns:1fr}}

/* Compact, professional report controls shared by connected and offline mobile views. */
@media(max-width:680px){
  .report-hero{grid-template-columns:minmax(0,1fr);width:100%;justify-content:stretch;gap:1rem;margin-bottom:1rem}
  .report-hero .page-actions,.offline-report-actions{display:grid;grid-template-columns:1fr;width:min(100%,20rem);max-width:20rem;margin-inline:auto!important;justify-self:center;gap:.6rem}
  .report-hero .page-actions>*,.offline-report-actions>*{width:100%;min-height:46px}
  .report-period-form{display:grid!important;grid-template-columns:1fr!important;align-items:stretch!important;justify-items:stretch;gap:.8rem;padding:1rem;margin-bottom:1.35rem}
  .report-period-form .field{display:grid!important;grid-template-columns:1fr!important;align-content:start!important;gap:.35rem!important;min-height:0!important;height:auto!important;text-align:center}
  .report-period-form .field label{display:block!important;min-height:0!important;height:auto!important;margin:0!important;padding:0!important;font-size:.78rem;line-height:1.25;text-align:center}
  .report-period-form input[type="date"]{display:block!important;box-sizing:border-box!important;inline-size:100%!important;width:100%!important;min-inline-size:0!important;max-inline-size:100%!important;height:48px!important;min-height:48px!important;max-height:48px!important;margin:0!important;padding:.65rem .75rem!important;border-radius:10px;font-family:"Google Sans Flex",Arial,"Segoe UI",system-ui,sans-serif;font-size:16px!important;line-height:1.2!important;text-align:center!important;-webkit-text-size-adjust:100%;text-size-adjust:100%}
  .report-period-form input[type="date"]::-webkit-date-and-time-value{min-height:0;margin:0;text-align:center}
  .report-period-form input[type="date"]::-webkit-datetime-edit{display:block;padding:0;text-align:center}
  .report-period-form button{grid-column:1/-1;width:100%;min-height:46px;margin:0}
  .report-catalog .section-title{justify-content:center;text-align:center}
}

/* Connected and offline page headings share identical type and vertical rhythm. */
.offline-page-heading{margin-bottom:.2rem}
.offline-page-heading h1{font-size:clamp(1.55rem,2.4vw,2rem);line-height:1.45}
.offline-page-heading-row .eyebrow{font-size:.86rem;line-height:1.45}
.offline-page-heading-row>div>p:last-child{max-width:720px;margin:.35rem 0 0}

/* Connection changes repaint one fixed-size status control; they never reflow the page or header. */
@media(min-width:681px){
  .connectivity-banner,.offline-sync-pill{inline-size:390px;max-inline-size:390px;height:46px;min-height:46px;justify-content:flex-start}
  .connectivity-banner [data-sync-state],.offline-sync-pill [data-sync-state]{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis}
}
@media(max-width:680px){
  .offline-form-grid.product-identity-grid{grid-template-columns:1fr}
  .connectivity-banner,.offline-sync-pill{inline-size:96px;max-inline-size:96px;justify-content:center}
}

/* Headers scroll normally. The small phone status floats near the safe bottom-right edge. */
.topbar,.offline-topbar{position:relative!important;top:auto!important}
.connectivity-banner,.offline-sync-pill{position:static!important;inset:auto!important;transform:none!important}
.mobile-connectivity-slot{display:none}
@media(max-width:680px){
  .mobile-connectivity-slot:not(:empty){display:block;min-height:0;height:0;padding:0}
  .mobile-connectivity-slot>.connectivity-banner,.mobile-connectivity-slot>.offline-sync-pill{position:fixed!important;z-index:80;top:auto!important;right:max(.75rem,env(safe-area-inset-right))!important;bottom:calc(.75rem + env(safe-area-inset-bottom))!important;left:auto!important;inline-size:96px;width:96px;max-inline-size:96px;min-height:42px;height:42px;margin:0;transform:none;box-shadow:0 7px 20px rgba(17,17,17,.14)}
}

/* Sale details use one visual system for manager, salesperson, connected, and offline views. */
.sale-back-link{display:inline-flex;align-items:center;gap:.4rem;margin:0 0 1rem;color:var(--blue-dark);font-size:.78rem;font-weight:800}.sale-back-link .ph-icon{width:1rem;height:1rem}
.sale-detail-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:1.25rem;margin-bottom:1rem}.sale-detail-heading{min-width:0}.sale-detail-heading h1{margin:0;font-size:clamp(1.7rem,3vw,2.35rem);letter-spacing:-.04em;overflow-wrap:anywhere}.sale-detail-heading>p{display:flex;flex-wrap:wrap;gap:.4rem;margin:.35rem 0 .6rem;color:var(--muted)}
.sale-badges{display:flex;flex-wrap:wrap;gap:.45rem}.sale-badge{display:inline-flex;align-items:center;gap:.28rem;padding:.28rem .55rem;color:#3f4754;background:#eef1f5;border-radius:999px;font-size:.7rem;font-weight:750}.sale-badge-success{color:#087b36;background:#dcf8e7}.sale-badge .ph-icon{width:.82rem;height:.82rem}
.sale-detail-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.65rem}.sale-detail-actions>a,.sale-detail-actions>button,.sale-more>summary{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:44px;white-space:nowrap}.sale-detail-actions .ph-icon{width:1rem;height:1rem}.sale-more{position:relative}.sale-more>summary{list-style:none;cursor:pointer}.sale-more>summary::-webkit-details-marker{display:none}.sale-more>div{position:absolute;right:0;top:calc(100% + .35rem);z-index:15;display:grid;min-width:185px;padding:.35rem;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.sale-more>div a{padding:.65rem .75rem;color:var(--ink);border-radius:7px;font-size:.76rem;font-weight:750}.sale-more>div a:hover{background:var(--surface-soft)}
.sale-kpi-grid{display:grid;gap:.75rem;margin-bottom:1rem}.sale-kpi-grid.is-manager{grid-template-columns:repeat(5,minmax(0,1fr))}.sale-kpi-grid.is-salesperson{grid-template-columns:repeat(3,minmax(0,1fr))}.sale-kpi{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.8rem;min-height:102px;padding:1rem;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 7px 24px rgba(17,24,39,.05)}.sale-kpi-icon{display:inline-flex;width:48px;height:48px;align-items:center;justify-content:center;border-radius:10px}.sale-kpi-icon .ph-icon{width:25px;height:25px}.sale-kpi-icon.is-green{color:#079447;background:#e2f8eb}.sale-kpi-icon.is-purple{color:#4f46e5;background:#ecebff}.sale-kpi-icon.is-gold{color:#a35408;background:#fff2d5}.sale-kpi-icon.is-blue{color:#1258bd;background:#e7f1ff}.sale-kpi>div{display:grid;gap:.18rem;min-width:0}.sale-kpi small,.sale-kpi span{color:var(--muted);font-size:.7rem}.sale-kpi strong{font-size:1.12rem;line-height:1.15;overflow-wrap:anywhere}.sale-paid-status{display:inline-flex!important;width:max-content;padding:.18rem .48rem;color:#087b36!important;background:#dcf8e7;border-radius:999px;font-size:.65rem!important;font-weight:800}
.sale-detail-layout{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(300px,.75fr);gap:1rem;align-items:start}.sale-detail-primary,.sale-detail-secondary{display:grid;gap:1rem}.sale-detail-layout .panel{margin:0}.sale-items-panel{overflow:hidden}.sale-items-table{min-width:650px}.sale-items-table th:first-child{width:42px}.sale-items-table td strong{display:block}.sale-cost-row td{padding-top:0;background:#f7fbff}.sale-cost-breakdown{display:grid;gap:.35rem;padding:.65rem .8rem;background:linear-gradient(90deg,#eff7ff,#fff);border-radius:8px}.sale-cost-breakdown>strong{margin-bottom:.15rem;font-size:.72rem}.sale-cost-breakdown span{display:flex;justify-content:space-between;gap:1rem}.sale-cost-breakdown em{font-style:normal}.sale-cost-breakdown b,.sale-cost-breakdown em{font-size:.7rem}.sale-cost-total{padding-top:.35rem;border-top:1px solid #c9ddf4}.sale-table-total{display:grid;grid-template-columns:1fr;gap:.35rem;width:min(320px,100%);margin:.7rem 1rem .9rem auto;padding:.65rem .8rem;background:var(--surface-soft);border-radius:9px}.sale-table-total span{display:flex;justify-content:space-between;gap:1rem;font-size:.72rem}
.sale-line-cost-summary{display:flex;flex-wrap:wrap;gap:.45rem 1.25rem;align-items:center;padding:.55rem .8rem;background:linear-gradient(90deg,#eff7ff,#fff);border-radius:8px}.sale-line-cost-summary span{display:flex;gap:.35rem;align-items:baseline;font-size:.7rem;color:var(--muted)}.sale-line-cost-summary b{color:var(--ink);font-size:.72rem}.sale-cost-allocation{margin-top:.45rem;padding:0 .8rem .65rem;background:linear-gradient(90deg,#eff7ff,#fff);border-radius:8px}.sale-cost-allocation summary{width:max-content;max-width:100%;padding:.65rem 0 .35rem;color:#174f89;font-size:.7rem;font-weight:750;cursor:pointer}.sale-cost-allocation-table{margin-top:.35rem;border:1px solid #d8e5f2;border-radius:8px;overflow:hidden;background:#fff}.sale-cost-allocation-table>div{display:grid;grid-template-columns:minmax(110px,.7fr) minmax(120px,.8fr) minmax(120px,.8fr) minmax(190px,1.5fr);gap:.7rem;align-items:center;padding:.5rem .65rem;border-top:1px solid #e3ebf4;font-size:.68rem}.sale-cost-allocation-table>div:first-child{border-top:0}.sale-cost-allocation-head{background:#f4f8fc;color:var(--muted);font-size:.62rem!important;font-weight:750;text-transform:uppercase;letter-spacing:.04em}.sale-cost-allocation-total{background:#f8fafc}.sale-cost-allocation-total b{font-size:.72rem}
.sale-section-title{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.8rem}.sale-section-title h2,.sale-section-title p,.sale-section-heading h2,.sale-detail-secondary>section>p{margin:0}.sale-section-title h2,.sale-section-heading h2{font-size:1rem}.sale-section-title p,.sale-detail-secondary>section>p{margin-top:.18rem;color:var(--muted);font-size:.72rem}.sale-payment-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:1rem 0 0}.sale-payment-facts div{padding:0 1rem;border-right:1px solid var(--line)}.sale-payment-facts div:first-child{padding-left:0}.sale-payment-facts div:last-child{border:0}.sale-payment-facts dt{color:var(--muted);font-size:.7rem}.sale-payment-facts dd{margin:.25rem 0 0;font-size:1rem;font-weight:850}.sale-section-heading{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.sale-section-heading h2{display:flex;align-items:center;gap:.45rem}.sale-section-heading .ph-icon,.sale-actions-card .ph-icon{width:1.05rem;height:1.05rem}.sale-customer-card .sale-section-title small{color:var(--muted)}.sale-customer-card .sale-section-title h2{font-size:1.15rem}.sale-information dl{display:grid;gap:.28rem;margin:.8rem 0 0}.sale-information dl div{display:grid;grid-template-columns:minmax(90px,.8fr) minmax(0,1.2fr);gap:.75rem}.sale-information dt{color:var(--muted);font-size:.7rem}.sale-information dd{margin:0;font-size:.72rem;overflow-wrap:anywhere}.sale-stock-row{display:grid;grid-template-columns:auto 1fr auto;gap:.65rem;margin-top:.8rem;font-size:.72rem}.sale-stock-card footer{margin-top:.75rem;color:var(--muted);font-size:.68rem}.sale-audit-card ol{display:grid;gap:.65rem;margin:.8rem 0 0;padding:0;list-style:none}.sale-audit-card li{position:relative;display:grid;gap:.12rem;padding-left:1.1rem}.sale-audit-card li:before{content:"";position:absolute;left:0;top:.28rem;width:.48rem;height:.48rem;background:#8ca0b5;border-radius:999px}.sale-audit-card li:not(:last-child):after{content:"";position:absolute;left:.21rem;top:.75rem;bottom:-.7rem;width:1px;background:#cbd5df}.sale-audit-card li strong{font-size:.72rem}.sale-audit-card li span{color:var(--muted);font-size:.67rem}.sale-actions-card{display:grid;gap:.55rem}.sale-actions-card h2{display:flex;align-items:center;gap:.5rem;margin:0 0 .25rem;font-size:1rem}.sale-actions-card>a,.sale-actions-card>button{display:flex;align-items:center;gap:.55rem;width:100%;min-height:42px;padding:.65rem .75rem;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:9px;font:inherit;font-size:.75rem;font-weight:750;cursor:pointer}
@media(max-width:1180px){.sale-kpi-grid.is-manager{grid-template-columns:repeat(3,minmax(0,1fr))}.sale-detail-layout{grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr)}}
@media(max-width:900px){.sale-detail-hero{display:grid}.sale-detail-actions{justify-content:flex-start}.sale-detail-layout{grid-template-columns:1fr}.sale-detail-secondary{grid-template-columns:repeat(2,minmax(0,1fr))}.sale-detail-secondary>.sale-audit-card{grid-column:1/-1}.sale-kpi-grid.is-manager,.sale-kpi-grid.is-salesperson{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.sale-back-link{margin-top:.1rem}.sale-detail-hero,.sale-detail-heading{text-align:center;justify-items:center}.sale-detail-heading>p,.sale-badges{justify-content:center}.sale-detail-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.sale-detail-actions>*{width:100%}.sale-detail-actions>.button-primary:last-child{grid-column:1/-1}.sale-more>div{right:0}.sale-kpi-grid.is-manager,.sale-kpi-grid.is-salesperson{grid-template-columns:1fr}.sale-kpi{width:100%;max-width:34rem;margin-inline:auto;text-align:left}.sale-detail-secondary{grid-template-columns:1fr}.sale-detail-secondary>.sale-audit-card{grid-column:auto}.sale-payment-facts{grid-template-columns:1fr;text-align:center}.sale-payment-facts div,.sale-payment-facts div:first-child{padding:.7rem 0;border-right:0;border-bottom:1px solid var(--line)}.sale-payment-facts div:last-child{border-bottom:0}.sale-section-title{justify-items:center;grid-template-columns:1fr;text-align:center}.sale-section-heading{align-items:center}.sale-items-table{min-width:0}.sale-items-table .sale-item-row td{grid-template-columns:1fr!important;justify-items:center!important;text-align:center!important}.sale-items-table .sale-item-row td:before{margin:0 0 .18rem;text-align:center}.sale-items-table .sale-cost-row{display:block}.sale-items-table .sale-cost-row td:first-child{display:none}.sale-items-table .sale-cost-row td[colspan]{display:block;padding:.65rem}.sale-cost-breakdown{text-align:left}.sale-line-cost-summary{display:grid;grid-template-columns:1fr;text-align:center;justify-items:center}.sale-cost-allocation{padding-inline:.5rem;text-align:center}.sale-cost-allocation summary{margin-inline:auto}.sale-cost-allocation-head{display:none!important}.sale-cost-allocation-table>div:not(.sale-cost-allocation-head){grid-template-columns:1fr 1fr;text-align:center;gap:.65rem;padding:.7rem}.sale-cost-allocation-table>div:not(.sale-cost-allocation-head)>*{display:grid;justify-items:center;gap:.1rem}.sale-cost-allocation-table>div:not(.sale-cost-allocation-head)>span:nth-child(1):before{content:"Quantity"}.sale-cost-allocation-table>div:not(.sale-cost-allocation-head)>span:nth-child(2):before{content:"Unit cost"}.sale-cost-allocation-table>div:not(.sale-cost-allocation-head)>b:nth-child(3):before{content:"COGS"}.sale-cost-allocation-table>div:not(.sale-cost-allocation-head)>span:nth-child(4):before{content:"Source"}.sale-cost-allocation-table>div:not(.sale-cost-allocation-head)>*:before{color:var(--muted);font-size:.58rem;font-weight:750;text-transform:uppercase;letter-spacing:.04em}.sale-cost-allocation-total span:empty{display:none!important}.sale-cost-allocation-total{grid-template-columns:1fr!important}.sale-cost-allocation-total strong:before,.sale-cost-allocation-total b:before{content:none!important}.sale-table-total{margin:.7rem auto .9rem}.sale-information dl div{grid-template-columns:1fr;text-align:center;gap:.1rem}.sale-stock-row{grid-template-columns:1fr;text-align:center}.sale-stock-card footer{text-align:center}.sale-actions-card h2{justify-content:center}.sale-customer-card{text-align:center}.sale-customer-card .sale-section-title{grid-template-columns:1fr}.sale-audit-card{text-align:left}}

/* Purchase quantity correction keeps unit conversion, impact, and confirmation together. */
.purchase-correct-link{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:38px;white-space:nowrap}
.purchase-correct-link .ph-icon{width:1rem;height:1rem}
.purchase-history-list{display:grid;gap:.55rem}.purchase-history-list article{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.7rem;padding:.7rem .8rem;border:1px solid var(--line);border-radius:10px;background:#fff}.purchase-history-list p{margin:.15rem 0;color:var(--muted);font-size:.75rem}.purchase-history-list small{color:var(--muted);font-size:.68rem}.purchase-history-icon,.purchase-correction-product-icon,.purchase-correction-preview-icon,.purchase-correction-guidance-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:38px;height:38px;border-radius:10px;color:#1858a0;background:#eaf3ff}.purchase-history-icon .ph-icon,.purchase-correction-product-icon .ph-icon,.purchase-correction-preview-icon .ph-icon,.purchase-correction-guidance-icon .ph-icon{width:21px;height:21px}
.purchase-correction-header{margin-bottom:1rem}.purchase-correction-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(240px,.7fr);align-items:start;gap:1rem}.purchase-correction-main{display:grid;gap:1rem;min-width:0}.purchase-correction-main>.panel,.purchase-correction-guidance{margin:0}.purchase-correction-product{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.9rem}.purchase-correction-product-icon{width:50px;height:50px;color:#087b42;background:#e4f5ec}.purchase-correction-product-icon .ph-icon{width:27px;height:27px}.purchase-correction-product small,.purchase-correction-facts small,.purchase-correction-preview-grid small{display:block;color:var(--muted);font-size:.69rem}.purchase-correction-product h2{margin:.15rem 0;font-size:1rem}.purchase-correction-product p,.purchase-correction-current .panel-header p,.purchase-correction-form .panel-header p{margin:.15rem 0 0;color:var(--muted);font-size:.73rem}.purchase-correction-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.purchase-correction-facts>div{display:grid;align-content:center;gap:.22rem;min-width:0;padding:.75rem .85rem;background:#f7faff;border:1px solid #dfebf6;border-radius:10px}.purchase-correction-facts strong{font-size:1rem;overflow-wrap:anywhere}.purchase-correction-fields{display:grid;grid-template-columns:minmax(200px,.7fr) minmax(260px,1.3fr);gap:.8rem;align-items:start}.purchase-correction-fields .field{display:grid;align-content:start;gap:.35rem;min-width:0}.purchase-correction-fields input,.purchase-correction-fields textarea{width:100%;box-sizing:border-box}.purchase-correction-preview{display:grid;gap:.8rem;margin-top:1rem;padding:1rem;background:#f6fbf8;border:1px solid #cde9d7;border-radius:12px}.purchase-correction-preview-heading{display:flex;align-items:center;gap:.65rem}.purchase-correction-preview-heading h3{margin:0;font-size:.9rem}.purchase-correction-preview-heading p{margin:.12rem 0 0;color:var(--muted);font-size:.72rem}.purchase-correction-preview-icon{color:#087b42;background:#e2f5e9}.purchase-correction-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.purchase-correction-preview-grid>div{display:grid;gap:.2rem;padding:.6rem .7rem;background:#fff;border:1px solid #d9e8df;border-radius:9px}.purchase-correction-preview-grid span{font-size:.77rem;overflow-wrap:anywhere}.purchase-correction-notice{margin:0;padding:.65rem .75rem;background:#fff8e9;border:1px solid #f0dda9;border-radius:9px;color:#6f520f;font-size:.73rem}.purchase-correction-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:.6rem;margin-top:1rem}.purchase-correction-actions>*{display:inline-flex;align-items:center;justify-content:center;min-height:42px}.purchase-correction-guidance{display:grid;justify-items:start;gap:.65rem}.purchase-correction-guidance-icon{color:#995c0b;background:#fff2d9}.purchase-correction-guidance h2{margin:0;font-size:.92rem}.purchase-correction-guidance p{margin:0;color:var(--muted);font-size:.73rem;line-height:1.5}
@media(max-width:900px){.purchase-correction-layout{grid-template-columns:1fr}.purchase-correction-guidance{grid-template-columns:auto 1fr;align-items:start}.purchase-correction-guidance p{grid-column:2}}
@media(max-width:680px){.purchase-correction-header{text-align:center}.purchase-correction-product{grid-template-columns:1fr;justify-items:center;text-align:center}.purchase-correction-facts,.purchase-correction-fields,.purchase-correction-preview-grid{grid-template-columns:1fr}.purchase-correction-actions{display:grid;grid-template-columns:1fr;width:100%}.purchase-correction-actions>*{width:100%;min-width:0}.purchase-correction-guidance{grid-template-columns:1fr;justify-items:center;text-align:center}.purchase-correction-guidance p{grid-column:1}.purchase-items-table .purchase-correct-link{width:100%;max-width:260px}}
.purchase-edit-link{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-width:4.8rem}
.purchase-edit-link .ph-icon{width:1rem;height:1rem;flex:none}
.purchase-edit-layout{display:grid;gap:1rem;max-width:1120px}
.purchase-edit-panel{min-width:0}
.purchase-edit-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.purchase-edit-full{grid-column:1/-1}
.purchase-edit-fields .field,.purchase-edit-line .field{min-width:0}
.purchase-edit-fields input,.purchase-edit-fields select,.purchase-edit-fields textarea,.purchase-edit-line input,.purchase-edit-line select{width:100%;max-width:100%;box-sizing:border-box}
.purchase-edit-lines{display:grid;gap:.75rem}
.purchase-edit-line{display:grid;grid-template-columns:2rem minmax(170px,1.5fr) minmax(150px,1.2fr) minmax(120px,.7fr) minmax(140px,.8fr);align-items:start;gap:.75rem;padding:1rem;border:1px solid var(--line,#dce3e8);border-radius:14px;background:#fff}
.purchase-edit-line-number{display:grid;place-items:center;width:2rem;height:2rem;margin-top:1.8rem;border-radius:50%;background:#e9f1f8;color:#315b84;font-weight:700}
.purchase-edit-history-details{margin-top:.6rem}.purchase-edit-history-details summary{color:#315b84;cursor:pointer;font-weight:700}.purchase-edit-history-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:.75rem}.purchase-edit-history-grid>div{padding:.8rem;border:1px solid #dce3e8;border-radius:10px}.purchase-edit-history-grid h3{margin:0 0 .5rem;font-size:.9rem}.purchase-edit-history-grid p{margin:.25rem 0;overflow-wrap:anywhere}
.invitation-card .stack-form .field{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;align-items:start;gap:.4rem;min-width:0}
.invitation-card .stack-form .field>label{grid-row:1}
.invitation-card .stack-form .field>.password-control{grid-row:2;position:relative;display:block;width:100%;min-width:0}
.invitation-card .stack-form .field>.password-control>input{display:block;width:100%;box-sizing:border-box;padding-right:3.3rem!important}
.invitation-card .stack-form .field>.password-control>.password-visibility-toggle{position:absolute;top:50%;right:.4rem;transform:translateY(-50%);width:36px;min-width:36px;height:36px;min-height:36px;padding:0}
.invitation-card .stack-form .field>.helptext{grid-row:3}
@media(max-width:900px){.purchase-edit-line{grid-template-columns:repeat(2,minmax(0,1fr))}.purchase-edit-line-number{grid-column:1/-1;margin-top:0}.purchase-edit-line .field{grid-column:auto;grid-row:auto}}
@media(max-width:560px){.purchase-edit-fields,.purchase-edit-history-grid{grid-template-columns:1fr}.purchase-edit-line{grid-template-columns:1fr}.purchase-edit-line-number{grid-column:1;grid-row:auto}.purchase-edit-line .field{grid-column:1;grid-row:auto}.purchase-correction-preview-grid{grid-template-columns:1fr}.purchase-correction-actions{flex-wrap:wrap}.purchase-correction-actions>*{min-height:42px}}

.purchase-product-list{list-style:none;margin:0;padding:0;display:grid;gap:.45rem;min-width:140px;max-width:340px;white-space:normal;overflow-wrap:anywhere}.purchase-product-list small{display:block;color:var(--muted);margin-top:.15rem}