@font-face{font-family:Inter;src:url('/assets/fonts/inter-variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
[hidden]{display:none}
.nav-links a[hidden]{display:none}
h1{font-size:var(--fs-6);font-weight:300;line-height:var(--lh-head)}
h2{font-size:var(--fs-4);font-weight:400;margin-bottom:var(--s-3)}
#login{max-width:var(--frame-text);display:grid;gap:var(--s-4)}
#login[hidden]{display:none}
input,select{box-sizing:border-box;max-width:100%;min-height:var(--hit);border:var(--control-line);border-radius:var(--r-control);background:var(--panel);color:var(--ink);padding:var(--s-3);font:inherit}
input:focus,select:focus{outline:2px solid var(--ink);outline-offset:0}
#items,#active-items,#customer-items{display:grid;gap:var(--s-4);min-height:var(--s-9)}
.actions-row{display:flex;flex-wrap:wrap;gap:var(--s-3);margin-block:var(--s-4)}
.work-card{overflow-wrap:anywhere}
.work-card h2{margin-top:0}
.work-need{display:flex;align-items:flex-start;gap:var(--s-3);padding-block:var(--s-2)}
.work-need input{min-height:var(--s-5);flex-shrink:0;margin-top:var(--s-2)}
.work-need label{min-height:var(--hit);cursor:pointer}
.note{color:var(--text-2);font-size:var(--fs-2)}
.work-stage{padding-block:var(--s-3);border-bottom:var(--hairline)}
.field,#customer-edit{display:grid;gap:var(--s-2)}
#customer-edit[hidden]{display:none}
#order{margin-top:var(--s-6)}
.room a{padding-inline:var(--s-2)}
.room-inner{gap:var(--s-3);padding-inline:0;flex-wrap:wrap}
button:focus-visible,a:focus-visible{outline:var(--focus);outline-offset:2px}
.page-heading{margin-bottom:var(--s-5)}
.workspace-heading{display:flex;justify-content:space-between;align-items:center;gap:var(--s-4);flex-wrap:wrap}
.daily-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s-6);align-items:start}
.daily-grid.single{grid-template-columns:minmax(0,1fr)}
.daily-grid>section{margin-top:0}
.order-row,.customer-row{padding-block:var(--s-4);border-bottom:var(--hairline);overflow-wrap:anywhere}
.order-row h3,.customer-row h3{margin-bottom:var(--s-2)}
#person-field{margin-block:var(--s-4)}
#person-field summary{min-height:var(--hit)}
#person-field input{display:block}
#status{min-height:var(--s-5);max-width:var(--frame-text)}
#menu{display:none}
.nav-links{gap:var(--s-4)}
.nav-links a{min-height:var(--hit-handle);min-width:var(--hit-handle);justify-content:center}
@media(max-width:1279px){#menu{display:inline-flex}.nav-links{display:none}.nav-links.open{display:flex;position:absolute;top:100%;left:0;right:0;z-index:2;flex-wrap:wrap;gap:var(--s-2);padding:var(--s-4) var(--gutter);background:var(--panel);border-bottom:var(--hairline)}}
@media(max-width:899px){.daily-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:599px){.actions-row button{width:100%}.nav-inner{gap:var(--s-3)}.workspace-heading{align-items:flex-start}#workspace>.workspace-heading .actions-row{width:100%}.panel{padding:var(--s-4)}body{font-size:var(--fs-3)}.note{font-size:var(--fs-2)}}

/* Optional Google owner login, composed from preserved shared input. */
.owner-google{max-width:var(--frame-text);margin-block:var(--s-5);padding:var(--s-4);border:var(--control-line);border-radius:var(--r-control);background:var(--panel);color:var(--ink)}
.owner-google[hidden]{display:none}.owner-google-form{display:grid;gap:var(--s-4);margin-top:var(--s-5)}
.owner-google-form label{display:grid;gap:var(--s-2)}.owner-google-form input,.owner-google-form textarea,.owner-google-form select{box-sizing:border-box;width:100%;min-width:0;min-height:var(--hit);padding:var(--s-3);font:inherit;border:var(--control-line);border-radius:var(--r-control);background:var(--panel);color:var(--ink)}
.owner-google-form textarea{min-height:calc(var(--hit)*2);resize:vertical}.owner-google-form fieldset{border:var(--control-line);padding:var(--s-3);display:grid;gap:var(--s-3);min-width:0}
.owner-google-form .owner-google-check{display:flex;align-items:flex-start;gap:var(--s-3)}.owner-google-form .owner-google-check input{flex:none;width:var(--hit);min-height:var(--hit);margin:0;padding:0}.owner-google-check span{overflow-wrap:anywhere;padding-top:var(--s-2)}
.owner-google-actions{display:flex;flex-wrap:wrap;gap:var(--s-3)}.owner-google-actions button{min-height:var(--hit)}
:root[data-motion="off"]{--t-state:0ms;--t-move:0ms;--t-screen:0ms}
#motion[aria-pressed="false"]{color:var(--text-3)}
@keyframes spectre-enter{from{opacity:0;transform:translateY(var(--s-1))}to{opacity:1;transform:translateY(0)}}
.panel,.work-card,.order-row,.customer-row{animation:spectre-enter var(--t-move) var(--ease) both}
details[open]>:not(summary){animation:spectre-enter var(--t-move) var(--ease) both}