/* AX back-office screens (Products, Stock, Purchasing, Dashboard) in the POS design language:
   greige canvas, glass cards with a soft long shadow, pill controls, ink primary actions. */
.ax-app{
 --ax-bg:#efefec;--ax-glass:#ffffffb8;--ax-glass-solid:#fcfcfb;--ax-rim:#ffffffcc;--ax-ink:#111;--ax-on-ink:#f7f7f5;
 --ax-text:#111;--ax-muted:#5c5c5a;--ax-faint:#73736f;--ax-line:#11111117;--ax-line-2:#11111129;--ax-well:#1111110f;
 --ax-accent:#bcd4f2;--ax-accent-soft:#e3edf9;--ax-good:#237a48;--ax-good-soft:#e2f1e7;--ax-bad:#bf3644;--ax-bad-soft:#f8e3e5;--ax-warn:#8a5a00;--ax-warn-soft:#fbefd5;
 --ax-r-card:24px;--ax-r-tile:16px;--ax-r-ctl:999px;
 --ax-shadow:0 1px 0 #ffffffb3 inset,0 24px 48px -30px #00000038;--ax-ease:cubic-bezier(.2,.8,.2,1);
 min-height:100vh;color:var(--ax-text);font-family:"Urbanist",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:500;letter-spacing:0;
 background:radial-gradient(1400px 700px at 0% 0%,#fbfbf9 0%,transparent 60%),radial-gradient(1000px 600px at 100% 0%,#f7f7f4 0%,transparent 55%),var(--ax-bg);
 padding:16px;
}
.ax-app *{box-sizing:border-box}body:has(.ax-app) .container{max-width:none;width:100%;padding:0}
.ax-app [hidden]{display:none!important}
.ax-app :focus-visible{outline:2px solid var(--ax-ink);outline-offset:2px}
.ax-app button,.ax-app .ax-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;border:1px solid var(--ax-line-2);border-radius:var(--ax-r-ctl);padding:0 16px;background:var(--ax-glass);color:var(--ax-text);font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;text-decoration:none;transition:background .2s var(--ax-ease),transform .15s var(--ax-ease)}
.ax-app button:hover:not(:disabled){background:#fff}.ax-app button:active:not(:disabled){transform:translateY(1px)}.ax-app button:disabled{opacity:.5;cursor:not-allowed}
.ax-app .ax-primary{background:var(--ax-ink);border-color:var(--ax-ink);color:var(--ax-on-ink)}.ax-app .ax-primary:hover:not(:disabled){background:#2a2a2a}
.ax-app .ax-danger{color:var(--ax-bad)}
.ax-app input,.ax-app select,.ax-app textarea{min-height:40px;border:1px solid var(--ax-line);border-radius:12px;background:#fff;color:var(--ax-text);font:inherit;font-size:14px;padding:8px 12px;min-width:0;max-width:100%}
.ax-app textarea{min-height:110px;resize:vertical;line-height:1.45}
.ax-app input[type=color]{padding:3px;width:44px;min-height:36px}
.ax-app label{display:grid;gap:6px;font-size:12.5px;font-weight:600;color:var(--ax-muted)}
.ax-app h1,.ax-app h2,.ax-app h3{margin:0;color:var(--ax-text);letter-spacing:0}
.ax-app small{color:var(--ax-faint);font-size:12px}

/* Shell: the same top bar on every back-office screen. */
.ax-top{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:14px 22px;margin-bottom:16px;border:1px solid var(--ax-rim);border-radius:var(--ax-r-card);background:var(--ax-glass);box-shadow:var(--ax-shadow);backdrop-filter:blur(18px)}
.ax-top .ax-brand{display:inline-flex;align-items:center;gap:12px;color:var(--ax-text);text-decoration:none}.ax-top .ax-brand img{width:66px;height:auto}.ax-top .ax-brand small{font-size:12px;letter-spacing:.14em}
.ax-top nav{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}
.ax-top nav a{padding:9px 16px;border-radius:var(--ax-r-ctl);color:var(--ax-muted);text-decoration:none;font-weight:600;font-size:14px}
.ax-top nav a:hover{background:var(--ax-well);color:var(--ax-text)}.ax-top nav a[aria-current=page]{background:var(--ax-ink);color:var(--ax-on-ink)}
.ax-top .ax-user{font-size:13px;color:var(--ax-muted)}
.ax-card{border:1px solid var(--ax-rim);border-radius:var(--ax-r-card);background:var(--ax-glass);box-shadow:var(--ax-shadow);backdrop-filter:blur(18px);padding:20px}
.ax-message{margin:0 0 14px;padding:12px 16px;border-radius:var(--ax-r-tile);font-size:14px}.ax-message:empty{display:none}
.ax-message.ok{background:var(--ax-good-soft);color:var(--ax-good)}.ax-message.error{background:var(--ax-bad-soft);color:var(--ax-bad)}.ax-message.info{background:var(--ax-accent-soft);color:#0f1f33}
.ax-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--ax-r-ctl);font-size:11.5px;font-weight:700;background:var(--ax-well);color:var(--ax-muted)}
.ax-chip.good{background:var(--ax-good-soft);color:var(--ax-good)}.ax-chip.warn{background:var(--ax-warn-soft);color:var(--ax-warn)}.ax-chip.bad{background:var(--ax-bad-soft);color:var(--ax-bad)}
.ax-table{width:100%;border-collapse:collapse;font-size:13.5px}.ax-table th{text-align:left;font-size:11.5px;font-weight:700;color:var(--ax-faint);text-transform:uppercase;letter-spacing:.05em;padding:8px 10px;border-bottom:1px solid var(--ax-line)}
.ax-table td{padding:9px 10px;border-bottom:1px solid var(--ax-line);vertical-align:middle}.ax-table .num{text-align:right;font-variant-numeric:tabular-nums}
.ax-table td > small{display:block;margin-top:2px}
.ax-table input{min-height:34px;width:84px;padding:4px 8px;border-radius:10px;text-align:right}
.ax-scroll{overflow-x:auto}
.ax-empty{padding:28px;text-align:center;color:var(--ax-faint)}

/* Products. */
.ax-products{display:grid;grid-template-columns:minmax(300px,380px) 1fr;gap:16px;align-items:start}
.ax-list-tools{display:grid;gap:10px;margin-bottom:12px}.ax-list-tools .ax-row{display:flex;gap:8px;align-items:center}.ax-list-tools select{flex:1}
.ax-toggle{display:inline-flex!important;align-items:center;gap:8px!important;font-size:13px!important;color:var(--ax-text)!important;white-space:nowrap}.ax-toggle input{min-height:auto;width:16px;height:16px}
.ax-product-list{display:grid;gap:8px;max-height:calc(100vh - 290px);overflow-y:auto;padding-right:4px}
.ax-product{display:grid!important;grid-template-columns:52px 1fr;gap:12px;align-items:center;width:100%;min-height:auto!important;padding:10px!important;border-radius:var(--ax-r-tile)!important;text-align:left;justify-content:stretch!important}
.ax-product[aria-current=true]{background:#fff!important;border-color:var(--ax-ink)!important}
.ax-thumb{width:52px;height:52px;border-radius:12px;background:var(--ax-well) center/cover no-repeat;display:grid;place-items:center;color:var(--ax-faint);font-size:11px}
.ax-product strong{display:block;font-size:14px}.ax-product small{display:block}.ax-product .ax-chips{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}
.ax-editor{display:grid;gap:16px}
.ax-editor-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.ax-editor-head h2{font-size:26px;font-weight:700}
.ax-editor-actions{display:flex;gap:8px;align-items:center;position:sticky;top:12px}
.ax-checklist{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.ax-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ax-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ax-section-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.ax-section-title h3{font-size:16px;font-weight:700}
.ax-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.ax-photo{display:grid;gap:6px;padding:8px;border:1px solid var(--ax-line);border-radius:var(--ax-r-tile);background:#fff}
.ax-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:10px;background:var(--ax-well)}
.ax-photo .ax-row{display:flex;gap:4px}.ax-photo button{min-height:30px;padding:0 10px;font-size:12px}.ax-photo select,.ax-photo input{min-height:32px;font-size:12.5px;padding:4px 8px}
.ax-drop{display:grid;place-items:center;gap:6px;aspect-ratio:4/5;border:1.5px dashed var(--ax-line-2);border-radius:var(--ax-r-tile);color:var(--ax-muted);font-size:13px;text-align:center;cursor:pointer;background:#ffffff80}
.ax-drop:hover,.ax-drop.over{background:#fff;border-color:var(--ax-ink)}
.ax-colours{display:grid;gap:8px}.ax-colour{display:grid;grid-template-columns:28px 1fr 160px 52px;gap:10px;align-items:center}
.ax-dot{width:24px;height:24px;border-radius:50%;border:1px solid var(--ax-line-2)}
.ax-counter{font-size:11.5px;color:var(--ax-faint);justify-self:end}
@media (max-width:980px){.ax-products{grid-template-columns:1fr}.ax-product-list{max-height:none}.ax-grid-2,.ax-grid-3{grid-template-columns:1fr}.ax-top{grid-template-columns:1fr}.ax-top nav{justify-content:flex-start}}

/* Tabs and stock. */
.ax-tabs{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:14px}
.ax-tabs [role=tab]{background:transparent;border-color:transparent;color:var(--ax-muted)}
.ax-tabs [role=tab][aria-selected=true]{background:var(--ax-ink);border-color:var(--ax-ink);color:var(--ax-on-ink)}
.ax-tabs .ax-btn{margin-left:auto}
.ax-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:16px}
.ax-kpi{padding:18px 20px}.ax-kpi h3{font-size:13px;font-weight:700;color:var(--ax-muted);margin-bottom:8px}.ax-kpi strong{display:block;font-size:30px;font-weight:700;font-variant-numeric:tabular-nums}.ax-kpi small{display:block;margin-top:4px}
.ax-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}
.ax-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:end;margin-bottom:14px}.ax-toolbar input[type=search]{flex:1;min-width:220px}
.ax-diff-pos{color:var(--ax-good);font-weight:700}.ax-diff-neg{color:var(--ax-bad);font-weight:700}
.ax-results{display:grid;gap:4px;margin-top:6px}.ax-results button{justify-content:space-between!important;border-radius:12px!important;width:100%}
@media (max-width:980px){.ax-split{grid-template-columns:1fr}}

/* Dashboard. */
.ax-page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin:4px 6px 14px;flex-wrap:wrap}.ax-page-head h1{font-size:28px;font-weight:700}
.ax-dash-head .ax-tabs{margin:0}
.ax-dash{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}
.ax-span-12{grid-column:span 12}.ax-span-8{grid-column:span 8}.ax-span-6{grid-column:span 6}.ax-span-4{grid-column:span 4}
.ax-kpi.dark{background:var(--ax-ink);border-color:var(--ax-ink)}.ax-kpi.dark h3,.ax-kpi.dark small{color:#bdbdb8}.ax-kpi.dark strong{color:var(--ax-on-ink)}
.ax-bars{display:flex;align-items:flex-end;gap:6px;height:150px;padding-top:10px}
.ax-bar{flex:1;display:grid;align-content:end;gap:4px;min-width:0;text-align:center}.ax-bar span{display:block;border-radius:8px 8px 3px 3px;background:var(--ax-ink);min-height:3px}.ax-bar small{font-size:10.5px;white-space:nowrap;overflow:hidden}
.ax-meter{height:8px;border-radius:99px;background:var(--ax-well);overflow:hidden}.ax-meter span{display:block;height:100%;background:var(--ax-ink);border-radius:99px}
@media (max-width:1100px){.ax-span-8,.ax-span-6,.ax-span-4{grid-column:span 12}}

/* Sidebar shell (laid out like myBillBook, in the POS look). */
.ax-shell{display:grid;grid-template-columns:252px minmax(0,1fr);gap:16px;align-items:start}
.ax-main{min-width:0}
.ax-side{position:sticky;top:16px;display:grid;gap:12px;align-content:start;max-height:calc(100vh - 32px);overflow-y:auto;padding:18px 14px;border:1px solid var(--ax-rim);border-radius:var(--ax-r-card);background:var(--ax-glass);box-shadow:var(--ax-shadow);backdrop-filter:blur(18px)}
.ax-side .ax-brand{display:inline-flex;align-items:center;gap:10px;padding:0 6px;color:var(--ax-text);text-decoration:none}.ax-side .ax-brand img{width:60px;height:auto}.ax-side .ax-brand small{font-size:11px;letter-spacing:.14em}
.ax-side .ax-user{padding:0 6px;font-size:12.5px;color:var(--ax-muted)}
.ax-new{position:relative;display:grid;grid-template-columns:1fr auto;gap:4px;margin-bottom:12px}.ax-new>.ax-btn{min-height:42px}
.ax-new-more summary{display:grid;place-items:center;min-width:58px;height:42px;padding:0 10px;border:1px solid var(--ax-line-2);border-radius:var(--ax-r-ctl);background:var(--ax-glass);cursor:pointer;list-style:none;font-size:12px;font-weight:600}.ax-new-more summary::-webkit-details-marker{display:none}
.ax-new-more div{position:absolute;left:0;right:0;top:48px;z-index:5;display:grid;gap:2px;padding:8px;border:1px solid var(--ax-line);border-radius:var(--ax-r-tile);background:var(--ax-glass-solid);box-shadow:0 24px 60px -18px #00000047}
.ax-side nav{display:grid;gap:2px}
.ax-side nav a,.ax-new-more a,.ax-nav-foot a{display:block;padding:8px 12px;border-radius:12px;color:var(--ax-muted);font-size:13.5px;font-weight:600;text-decoration:none}
.ax-side nav a:hover,.ax-new-more a:hover,.ax-nav-foot a:hover{background:var(--ax-well);color:var(--ax-text)}
.ax-side nav a[aria-current=page]{background:var(--ax-ink);color:var(--ax-on-ink)}
.ax-nav-group summary,.ax-nav-top{display:flex!important;align-items:center;gap:10px;padding:9px 10px!important;border-radius:12px;color:var(--ax-text)!important;font-size:14px;font-weight:700;cursor:pointer;list-style:none}
.ax-nav-group summary::-webkit-details-marker{display:none}.ax-nav-group summary::after{content:"Open";margin-left:auto;padding:3px 7px;border:1px solid var(--ax-line-2);border-radius:8px;font-size:10px;font-weight:600;color:var(--ax-muted);background:var(--ax-glass)}.ax-nav-group[open] summary::after{content:"Close"}
.ax-nav-group summary:hover{background:var(--ax-well)}
.ax-nav-group div{display:grid;gap:2px;padding:2px 0 6px 36px}
.ax-side nav a.ax-nav-top[aria-current=page]{background:var(--ax-ink);color:var(--ax-on-ink)!important}
.ax-nav-icon{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:var(--ax-well);font-size:11.5px;font-weight:700}
.ax-nav-foot{display:flex;justify-content:space-between;align-items:center;gap:6px;padding-top:10px;border-top:1px solid var(--ax-line)}.ax-nav-foot button{min-height:32px;padding:0 12px;font-size:12.5px}
#ax-shortcuts{width:min(420px,calc(100% - 32px));border:1px solid var(--ax-rim);border-radius:var(--ax-r-card);padding:22px;background:var(--ax-glass-solid);color:var(--ax-text);box-shadow:0 24px 60px -18px #00000047}#ax-shortcuts::backdrop{background:#11111159}
#ax-shortcuts header{display:flex;justify-content:space-between;align-items:center}#ax-shortcuts h2{font-size:18px;font-weight:700}#ax-shortcuts header button{min-height:32px;width:32px;padding:0}
#ax-shortcuts p{margin:6px 0 12px;font-size:13px;color:var(--ax-muted)}#ax-shortcuts ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}#ax-shortcuts li{display:flex;justify-content:space-between;font-size:14px}
.ax-app kbd{padding:2px 7px;border:1px solid var(--ax-line-2);border-radius:7px;background:#fff;font:inherit;font-size:12px;font-weight:700}
.ax-back-link{justify-self:start}
@media (min-width:761px) and (max-width:1100px){.ax-shell{grid-template-columns:218px minmax(0,1fr);gap:12px}.ax-side{padding:14px 10px}}
.ax-menu-toggle{display:none!important}
@media (max-width:760px){.ax-shell{grid-template-columns:minmax(0,1fr)}.ax-menu-toggle{display:inline-flex!important;justify-self:start}.ax-side{display:none;position:static;max-height:none}.ax-shell.ax-menu-open>.ax-side{display:grid}}

/* Stock values and trends. */
.ax-kpi .ax-meter{margin:10px 0 2px}
.ax-note{margin:0 6px 14px;font-size:12.5px;color:var(--ax-faint)}
.ax-value-row{display:grid;gap:4px;margin-bottom:14px}.ax-value-row>div:first-child{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.ax-value-row strong{font-size:18px;font-variant-numeric:tabular-nums}
.ax-flow{display:flex;align-items:flex-end;gap:10px;height:96px;margin-bottom:6px}.ax-flow>div{flex:1;display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:2px;min-width:0;height:100%}
.ax-flow span{display:block;min-height:2px;border-radius:5px 5px 2px 2px}.ax-flow small{grid-column:1/-1;text-align:center;font-size:10.5px}
.ax-flow .in,.ax-key.in{background:var(--ax-accent)}.ax-flow .out,.ax-key.out{background:var(--ax-ink)}
.ax-key{display:inline-block;width:10px;height:10px;margin:0 4px 0 8px;border-radius:3px}

/* Reports, accounting and settings. */
.ax-report-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;align-items:start}.ax-report-grid h3{font-size:15px;font-weight:700;margin-bottom:8px}
.ax-report-list{display:grid;gap:2px;margin:0;padding:0;list-style:none}.ax-report-list li{display:flex;justify-content:space-between;align-items:center;gap:8px;border-radius:10px}.ax-report-list li:hover{background:var(--ax-well)}.ax-report-list a{flex:1;padding:8px 10px;color:var(--ax-text);text-decoration:none;font-size:14px;font-weight:600}
.ax-app .ax-star{min-height:30px;width:30px;padding:0;border:0;background:none;font-size:16px;color:var(--ax-faint)}.ax-app .ax-star[aria-pressed=true]{color:#c58a00}
.ax-table tfoot th{color:var(--ax-text);font-size:13.5px;text-transform:none;letter-spacing:0;border-top:2px solid var(--ax-line-2);border-bottom:0}
.ax-note a{color:var(--ax-text);font-weight:600}
.ax-facts{display:grid;grid-template-columns:110px 1fr;gap:8px 12px;margin:0;font-size:14px}.ax-facts dt{color:var(--ax-muted)}.ax-facts dd{margin:0}
.ax-form-grid{display:grid;gap:12px}.ax-form-grid input,.ax-form-grid textarea{width:100%}
.ax-groups input,.ax-groups select{width:auto;min-width:130px;text-align:left}.ax-groups input[data-key=basis]{min-width:220px}
.ax-app .ax-tabs [aria-pressed=true]{background:var(--ax-ink);border-color:var(--ax-ink);color:var(--ax-on-ink)}.ax-tabs button[aria-pressed=false]{background:transparent;border-color:transparent;color:var(--ax-muted)}
@media print{.ax-side,.ax-no-print,.ax-page-head input{display:none!important}.ax-shell{display:block;padding:0;background:#fff}.ax-card{box-shadow:none;border:0;padding:0}}
@media print{#ax-reports .ax-kpi.dark{background:#fff;border-color:#111}#ax-reports .ax-kpi.dark h3,#ax-reports .ax-kpi.dark strong{color:#111}}
.ax-row-head td{padding-top:16px;font-weight:700;color:var(--ax-text);border-bottom:1px solid var(--ax-line-2)}.ax-row-total td{font-weight:700;background:var(--ax-well)}
.ax-app .ax-link-button{min-height:auto;padding:0;border:0;background:none;font-weight:700;text-decoration:underline}
/* The page's text-box padding squashed checkboxes into ovals. */
.ax-app input[type=checkbox],.ax-app input[type=radio]{width:16px;height:16px;min-height:0;padding:0;margin:0;flex:none;accent-color:var(--ax-ink)}

/* Dashboard date ranges and imported history. */
.ax-dashboard-bars .ax-bar small{overflow:visible}
.ax-history .ax-section-title{flex-wrap:wrap;align-items:flex-start}.ax-history h2{flex-shrink:0}

.ax-sales-details>summary{cursor:pointer;font-weight:600;padding:4px 0}.ax-sales-details[open]>summary{margin-bottom:14px}
.ax-dashboard-bars .ax-bar small{min-height:14px;line-height:14px}
.ax-dashboard-bars .ax-bar{grid-template-columns:minmax(0,1fr)}

#ax-parties .ax-opening-table input{width:140px}#ax-parties .ax-opening-table input[id^="opening-reference-"]{width:190px}#ax-parties .ax-opening-table textarea{min-width:200px;min-height:88px}

/* Staff page (5 Nov 2026): summary cards, side-by-side form fields and a one-row attendance switch. */
#ax-staff .ax-kpis{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}#ax-staff .ax-kpi{padding:14px 18px}#ax-staff .ax-kpi strong{font-size:24px}
#ax-staff .ax-form-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:end;margin-bottom:14px}
#ax-staff .ax-check{display:flex;align-items:center;gap:10px;min-height:40px;font-weight:600;cursor:pointer}#ax-staff .ax-check input[type=checkbox]{-webkit-appearance:checkbox;appearance:auto;background:none;width:18px !important;height:18px !important;margin:0;accent-color:var(--ax-ink)}
#ax-staff .ax-table td small{display:block;color:var(--ax-muted)}
.ax-seg{display:inline-flex;flex-wrap:wrap;gap:2px;padding:3px;border-radius:var(--ax-r-ctl);background:var(--ax-well)}
.ax-app .ax-seg button{min-height:32px;padding:0 14px;border-color:transparent;background:transparent;color:var(--ax-muted)}
.ax-app .ax-seg button.good[aria-pressed=true]{background:var(--ax-good-soft);color:var(--ax-good)}.ax-app .ax-seg button.bad[aria-pressed=true]{background:var(--ax-bad-soft);color:var(--ax-bad)}.ax-app .ax-seg button.warn[aria-pressed=true]{background:var(--ax-warn-soft);color:var(--ax-warn)}.ax-app .ax-seg button.off[aria-pressed=true]{background:var(--ax-ink);color:var(--ax-on-ink)}
/* Staff profile (5 Nov 2026). */
.ax-app .ax-name-link{min-height:0;padding:0;border:0;background:none;font-weight:700;color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--ax-faint)}
#ax-staff .ax-profile-head{display:flex;align-items:center;gap:16px;flex-wrap:wrap}#ax-staff .ax-profile-head>div:nth-child(2){flex:1;min-width:200px}#ax-staff .ax-profile-head h2{font-size:22px;font-weight:700}
#ax-staff .ax-profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px;margin-bottom:12px}#ax-staff .ax-profile-grid>.ax-card{margin:0}
.ax-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}.ax-cal i{font-style:normal;font-size:11px;font-weight:700;color:var(--ax-muted)}.ax-cal span{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:42px;border-radius:8px;font-size:12px;font-weight:700}.ax-cal span b{font-size:11px;font-weight:600;opacity:.7}
.ax-cal span.none{background:var(--ax-well);color:var(--ax-faint)}.ax-cal span.good{background:var(--ax-good-soft);color:var(--ax-good)}.ax-cal span.bad{background:var(--ax-bad-soft);color:var(--ax-bad)}.ax-cal span.warn{background:var(--ax-warn-soft);color:var(--ax-warn)}.ax-cal span.off{background:var(--ax-ink);color:var(--ax-on-ink)}
/* 5 Nov 2026: long pages keep the page background (body is a flex column, so the shell must not shrink to the window). */
.ax-app.ax-shell{flex-shrink:0}
#ax-staff #ax-view{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;gap:16px}#ax-staff #ax-view>*,#ax-staff .ax-kpis{margin:0;min-width:0}#ax-staff .ax-profile-grid{gap:16px;margin:0}

/* AX uses labelled actions instead of decorative arrow marks. */
.ax-app details:not(.ax-nav-group):not(.ax-new-more)>summary{display:inline-flex;align-items:center;min-height:34px;padding:6px 12px;border:1px solid var(--ax-line-2);border-radius:var(--ax-r-ctl);background:var(--ax-glass);list-style:none;cursor:pointer}
.ax-app summary::marker{content:""}.ax-app summary::-webkit-details-marker{display:none}
.ax-nav-group summary{border:1px solid var(--ax-line);background:var(--ax-glass)}
.ax-app .ax-tabs [role=tab][aria-selected=true]:hover{background:var(--ax-ink);color:var(--ax-on-ink)}
::-webkit-scrollbar-button{display:none;width:0;height:0}

.ax-app select{-webkit-appearance:none;appearance:none;background-image:none!important;cursor:pointer;padding-right:14px}