#root{min-height:100vh}.topbar-left,.topbar-right{display:flex;align-items:center;gap:12px}.topbar .btn-sm{white-space:nowrap}.nav-toggle{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;flex:0 0 auto;border:2px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font-size:1.3rem;line-height:1;cursor:pointer}.nav-toggle:hover{border-color:var(--primary);color:var(--primary)}.nav-toggle:focus{outline:3px solid #8fc0e6}@media (min-width: 1025px){.app{transition:grid-template-columns .18s ease}.app.nav-collapsed{grid-template-columns:0 1fr}.app.nav-collapsed .sidebar{overflow:hidden}}@media (max-width: 1024px){.nav-toggle{display:none}}.wo-title-link{font-weight:700}.saved-note{color:var(--ok-ink);font-weight:700}.field-error{color:var(--alert);font-weight:700;margin-top:6px}.qty-cell{display:flex;align-items:center;gap:8px}.qty-cell .inline-edit{max-width:110px}.supply-list{list-style:none;margin:0 0 16px;padding:0}.supply-list li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}.supply-list li:last-child{border-bottom:0}.supply-add{border-top:1px solid var(--line);padding-top:16px}@media (max-width: 1024px){.stack-md table,.stack-md thead,.stack-md tbody,.stack-md tr,.stack-md td{display:block;width:100%}.stack-md thead{display:none}.stack-md tr{border:1px solid var(--line);border-left:7px solid var(--primary);border-radius:12px;box-shadow:0 3px 12px #11263a1a;margin-bottom:24px;padding:8px 16px;background:#fff}.stack-md tr.wo-row--overdue{border-left-color:var(--alert)}.stack-md tr.wo-row--done{border-left-color:var(--ok-ink)}.stack-md tr.wo-row--muted{border-left-color:var(--muted-ink)}.stack-md tr.inv-row--low{border-left-color:var(--alert)}.stack-md td{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:12px 0;text-align:right}.stack-md td:last-child{border-bottom:0}.stack-md td:before{content:attr(data-label);font-weight:800;color:var(--ink-soft);text-align:left}.stack-md td:has(.inline-edit){flex-direction:column;align-items:stretch;text-align:left}.stack-md td:has(.inline-edit):before{margin-bottom:4px}.stack-md td .inline-edit{width:100%}}
