/* Stax Kitchen owner pages, 2026-11. Loaded after each page's own stylesheet.
   Same Workforce rules as theme.css: light text on neutral dark surfaces, glass cards
   with a hairline border, Inter, gold as an accent and never a large fill.
   Colour, type and surfaces only; layout and behaviour are untouched. */
@font-face{font-family:"Inter";font-style:normal;font-weight:400 800;font-display:swap;src:url("/fonts/inter-latin.woff2") format("woff2")}
html:has(body.is-admin),html:has(body.owner-entry){background:#121212}
body.is-admin,body.owner-entry{
  --k-fg:#f0f0f0;--k-card:#1a1a1a;--k-raised:#242424;--k-muted:#2e2e2e;--k-muted-fg:#9e9e9e;--k-border:#404040;--k-hair:#ffffff14;--k-brand:#f0c030;--k-brand-fg:#121212;
  --yellow:var(--k-brand);--muted:var(--k-muted-fg);--line:var(--k-hair);--panel:var(--k-card);--admin-header-bg:#1a1a1acc;--admin-header-line:var(--k-hair);
  background:#121212 radial-gradient(60vw 60vh at 0% 0%,#f0c03026,transparent 70%),#121212;
  background-image:radial-gradient(60vw 60vh at 0% 0%,#f0c03026,transparent 70%),radial-gradient(55vw 60vh at 100% 100%,#14a8ad2e,transparent 70%);background-attachment:fixed;
  color:var(--k-fg);font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}
body.is-admin :is(h1,h2,h3){font-weight:600;letter-spacing:-.5px;color:#fff}
body.is-admin .eyebrow{color:var(--k-muted-fg);letter-spacing:1.8px;font-weight:600}
body.is-admin :is(p,small,label,.hint,.help){color:#c8c8c8}
body.is-admin a{color:inherit}

/* Top bar */
body.is-admin .admin-sidebar{background:#1a1a1acc;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-color:var(--k-hair)}
body.is-admin .admin-nav a{border-radius:12px;color:#d6d6d6;font-weight:600}
body.is-admin .admin-nav a:hover{background:var(--k-raised);color:#fff}
body.is-admin .admin-nav a.selected{background:var(--k-muted);border-color:var(--k-border);color:#fff}
body.is-admin .admin-nav a.selected svg{color:var(--k-brand)}
body.is-admin .admin-subnav{border-color:var(--k-hair)}
body.is-admin .admin-subnav a{color:var(--k-muted-fg)}
body.is-admin .admin-subnav a:hover{color:#fff}
body.is-admin .admin-sidebar-footer :is(span,small){color:var(--k-muted-fg)}

/* Surfaces */
body.is-admin :is(section.card,section.panel,article.metric,form.filters,.device-card,.setup-card,article.connection,form.mapping,.order-check,.product-list,details.hourly-details,table){border-color:var(--k-hair)}
body.is-admin :is(section.card,section.panel,article.metric,form.filters,.device-card,.setup-card){background:var(--k-card);border:1px solid var(--k-hair);border-radius:12px;box-shadow:inset 0 1px 0 #ffffff12}
body.is-admin article.metric.feature{background:linear-gradient(180deg,#f0c03038,#f0c0300d 70%),var(--k-card);border-color:var(--k-brand);color:#fff}
body.is-admin article.metric.feature :is(strong,.value,h2,h3,b){color:var(--k-brand)}
body.is-admin article.metric.feature :is(span,p,small){color:#d6d6d6}
body.is-admin .notice{background:hsl(152 62% 48% / .12);border:1px solid hsl(152 62% 48% / .4);border-radius:12px;color:#fff}
body.is-admin .notice:is(.error,.warning,.bad){background:hsl(0 86% 62% / .12);border-color:hsl(0 86% 62% / .45)}
body.is-admin .save-bar{background:#1a1a1af2;border-top:1px solid var(--k-hair)}
body.is-admin :is(th){background:var(--k-raised);color:var(--k-muted-fg)}
body.is-admin :is(td,th){border-color:var(--k-hair)}
body.is-admin .tag,body.is-admin .unit-tag{background:var(--k-muted);border:1px solid var(--k-hair);border-radius:999px;color:#d6d6d6}
body.is-admin .bar{background:var(--k-muted)}

/* Controls */
body.is-admin :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:#0d0d0d;border:1px solid var(--k-border);border-radius:10px;color:#fff}
body.is-admin :is(input,select,textarea):focus{border-color:var(--k-brand);outline:none;box-shadow:0 0 0 2px #f0c03040}
body.is-admin :is(input[type=checkbox],input[type=radio]){accent-color:var(--k-brand)}
body.is-admin button{border-radius:10px;font-weight:600}
body.is-admin button:not(.primary):not(.dialog-close){background:var(--k-muted);border:1px solid var(--k-border);color:#fff}
body.is-admin button:not(.primary):not(:disabled):hover{background:#3a3a3a}
body.is-admin :is(button.primary,.button.primary){background:var(--k-brand);border:1px solid var(--k-brand);color:var(--k-brand-fg)}
body.is-admin button.quiet{background:transparent}
body.is-admin button:disabled{opacity:.55}
body.is-admin [role=tab],body.is-admin .tabs a,body.is-admin .report-tabs a{color:var(--k-muted-fg)}
body.is-admin :is([role=tab][aria-selected=true],.tabs a.active,.report-tabs a.active,.tabs a[aria-current]){color:#fff;border-color:var(--k-brand)}
body.is-admin dialog{background:#1a1a1a;border:1px solid var(--k-hair);border-radius:20px;color:#fff}
body.is-admin *{scrollbar-width:thin;scrollbar-color:#9e9e9e59 transparent}

/* Owner sign-in */
body.owner-entry :is(main,.owner-card,form){border-color:var(--k-hair)}
body.owner-entry :is(input){background:#0d0d0d;border:1px solid var(--k-border);border-radius:10px;color:#fff}
body.owner-entry button{background:var(--k-brand);border:0;border-radius:10px;color:var(--k-brand-fg);font-weight:650}

/* Owner sign-in page (lib/owner-entry.mjs): dark glass card instead of the cream panel. */
html:has(main.owner-entry){background:#121212}
body:has(main.owner-entry){background:#121212;background-image:radial-gradient(60vw 60vh at 0% 0%,#f0c03026,transparent 70%),radial-gradient(55vw 60vh at 100% 100%,#14a8ad2e,transparent 70%);background-attachment:fixed;color:#f0f0f0;font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif}
main.owner-entry h1{font-weight:600;letter-spacing:-1px}
main.owner-entry .eyebrow,main.owner-entry header strong{color:#f0c030}
main.owner-entry a{color:#f0c030}
main.owner-entry aside{background:#242424;border-left:3px solid #f0c030;border-radius:0 12px 12px 0;color:#f0f0f0}
main.owner-entry section{background:#1a1a1a;border:1px solid #ffffff14;border-radius:16px;color:#f0f0f0;box-shadow:inset 0 1px 0 #ffffff12}
main.owner-entry input{background:#0d0d0d;border:1px solid #404040;border-radius:10px;color:#fff}
main.owner-entry input:focus{border-color:#f0c030;outline:none;box-shadow:0 0 0 2px #f0c03040}
main.owner-entry button{background:#f0c030;border:0;border-radius:10px;color:#121212;font-weight:650}
main.owner-entry :is(p,small,label,footer){color:#d6d6d6}

/* Panels that are plain <section> elements with a heading (store screens, chicken settings). */
body.is-admin section:has(> h2):not(.card):not(.panel){background:var(--k-card);border:1px solid var(--k-hair);border-radius:12px;box-shadow:inset 0 1px 0 #ffffff12}
body.is-admin button[type=submit]:not(.secondary):not(.quiet):not(.dialog-close){background:var(--k-brand);border:1px solid var(--k-brand);color:var(--k-brand-fg)}
body.is-admin button[type=submit]:not(.secondary):not(.quiet):not(:disabled):hover{background:#f5cf55}

/* Logo lockup: mark with ADMIN under it. */
body.is-admin .admin-header .admin-brand{display:inline-flex;flex-direction:column;align-items:center;gap:3px;text-decoration:none}
body.is-admin .admin-header .admin-brand img{width:34px;height:46px;object-fit:contain}
body.is-admin .admin-header .admin-brand>span{display:block;color:var(--k-brand);font-size:8px;font-weight:700;letter-spacing:2.2px;line-height:1;margin-right:-2.2px}
main.owner-entry header img{width:60px;height:auto}