.auth-screen{background:radial-gradient(ellipse at 72% 8%, color-mix(in srgb, var(--accent,#f4c15d) 23%, transparent), transparent 34%), linear-gradient(140deg, var(--bg,#f5f5f1), #ecece5);min-height:100svh;color:var(--ink,#171916);place-items:center;padding:clamp(18px,5vw,48px);display:grid}.auth-card{border:1px solid var(--line,#e4e5df);background:var(--paper,#fff);border-radius:16px;width:min(100%,460px);padding:clamp(24px,5vw,40px);position:relative;overflow:hidden;box-shadow:0 28px 80px #1719161f}.auth-card:before{background:var(--accent,#f4c15d);content:"";height:4px;position:absolute;inset:0 0 auto}.auth-brand{color:var(--ink,#171916);letter-spacing:-1.3px;align-items:center;gap:11px;margin-bottom:32px;font-size:24px;font-weight:800;display:inline-flex}.auth-brand img{object-fit:contain;filter:brightness(0);width:35px;height:54px}.auth-brand small{color:var(--muted,#72756c);letter-spacing:0;margin-top:3px;font-size:11px;font-weight:500;display:block}.auth-card-heading{margin-bottom:24px}.auth-mark{border:1px solid color-mix(in srgb, var(--accent,#f4c15d) 50%, var(--line,#e4e5df));background:color-mix(in srgb, var(--accent,#f4c15d) 24%, white);color:#72551e;border-radius:13px;place-items:center;width:44px;height:44px;margin-bottom:20px;display:grid}.auth-mark-warn{color:#a3482e;background:#fff0ea;border-color:#f0c8bc}.auth-eyebrow{color:var(--muted,#72756c);letter-spacing:.1em;text-transform:uppercase;margin:0 0 8px;font-size:11px;font-weight:800}.auth-card h1{letter-spacing:-1.25px;margin:0 0 10px;font-size:clamp(27px,6vw,30px);font-weight:800;line-height:1.12}.auth-copy,.auth-loading p{color:var(--muted,#72756c);margin:0;font-size:14px;line-height:1.6}.auth-form{gap:17px;display:grid}.auth-field{color:var(--ink,#171916);gap:8px;font-size:13px;font-weight:700;display:grid}.auth-field input{border:1px solid var(--line,#e4e5df);background:var(--paper,#fff);width:100%;min-height:48px;color:var(--ink,#171916);border-radius:12px;padding:11px 13px;font-size:14px;font-weight:400}.auth-field input:focus-visible{outline:3px solid color-mix(in srgb, var(--accent,#f4c15d) 74%, white);outline-offset:2px;border-color:#a57a28}.auth-field input:disabled{background:var(--bg,#f5f5f1);color:var(--muted,#72756c)}.auth-hint{color:var(--muted,#72756c);margin:-7px 0 0;font-size:12px;line-height:1.5}.auth-submit{width:100%;min-height:48px;margin-top:4px}.auth-error,.auth-notice{border:1px solid #0000;border-radius:11px;margin:0 0 16px;padding:12px 14px;font-size:13px;line-height:1.5}.auth-error{color:#9a382b;background:#fff0ea;border-color:#f0c8bc}.auth-notice{color:#286844;background:#f0f7f1;border-color:#d4e7d8}.auth-link{color:#594617;text-underline-offset:3px;background:0 0;border:0;border-radius:8px;margin:15px auto 0;padding:9px 10px;font-size:13px;font-weight:700;text-decoration:underline;display:block}.auth-footer{border-top:1px solid var(--line,#e4e5df);color:var(--muted,#72756c);text-align:center;margin:24px 0 0;padding-top:16px;font-size:11px;line-height:1.55}.auth-loading{text-align:center}.auth-loading .auth-mark{margin:0 auto 20px}.auth-spinner{animation:1.1s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}.cloud-server-status{color:#55735d;white-space:nowrap;align-items:center;gap:6px;font-size:11px;font-weight:700;display:inline-flex}.cloud-server-status:before{content:"";background:#5d9b74;border-radius:50%;width:7px;height:7px}.cloud-server-status.is-busy{color:#84621f}.cloud-server-status.is-busy:before{background:#d3a443}.cloud-server-status.is-error{color:#a73d2c}.cloud-server-status.is-error:before{background:#c0362a}.cloud-user strong{color:#343630;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.cloud-logout{border:1px solid var(--line,#e4e5df);background:var(--paper,#fff);min-height:36px;color:var(--ink,#171916);border-radius:9px;padding:7px 10px;font-size:11px;font-weight:700}.cloud-logout:hover{background:var(--bg,#f5f5f1)}.cloud-error-banner{color:#9b3f2e;background:#fff0ea;justify-content:space-between;align-items:center;gap:14px;padding:11px 39px;font-size:13px;display:flex}.cloud-error-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.cloud-error-actions button:hover{background:#fff8f4}.cloud-busy-banner{background:color-mix(in srgb, var(--accent,#f4c15d) 16%, white);color:#806324;padding:8px 39px;font-size:12px}.cloud-logout:focus-visible,.cloud-error-actions button:focus-visible,.auth-submit:focus-visible,.auth-link:focus-visible{outline:3px solid color-mix(in srgb, var(--accent,#f4c15d) 82%, #805e16);outline-offset:3px}@media (width<=850px){.cloud-error-banner{padding:10px 20px}.cloud-busy-banner{padding:8px 20px}}@media (width<=520px){.auth-screen{padding:15px}.auth-card{border-radius:15px}.auth-brand{margin-bottom:27px}.cloud-error-banner{flex-direction:column;align-items:flex-start;gap:8px;padding:11px 15px}.cloud-error-actions{flex-wrap:wrap}.cloud-busy-banner{padding:8px 15px}}@media (prefers-reduced-motion:reduce){.auth-spinner{animation:none}}@font-face{font-family:Jakarta;src:url(/brand/jakarta.woff2)format("woff2");font-style:normal;font-weight:400 800;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;--color-canvas:#f5f5f1;--color-surface:#fff;--color-surface-soft:#f0f1eb;--color-text-primary:#171916;--color-text-secondary:#62675e;--color-border-subtle:#dfe1d9;--color-accent:#f4c15d;--color-success:#2f704f;--color-warning:#865e16;--color-danger:#a83227;--color-focus:#8a5e13;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--radius-control:10px;--radius-surface:14px;--radius-dialog:18px;--shadow-overlay:0 24px 70px #17191638;--sidebar-width:252px;--page-gutter:32px;--bg:var(--color-canvas);--paper:var(--color-surface);--ink:var(--color-text-primary);--muted:var(--color-text-secondary);--line:var(--color-border-subtle);--accent:var(--color-accent);--orange:var(--color-danger);--success:var(--color-success);--danger:var(--color-danger);--radius:var(--radius-surface);color:var(--color-text-primary);background:var(--color-canvas);font-family:Jakarta,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px}body{background:var(--color-canvas);min-width:320px;color:var(--color-text-primary);font-variant-numeric:tabular-nums;margin:0;font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.58}img{max-width:100%;display:block}h1,h2,h3,h4,p{margin-top:0}h1{letter-spacing:-1px;margin-bottom:10px;font-size:clamp(28px,1.65rem + .5vw,30px);font-weight:800;line-height:1.2}h2{letter-spacing:-.5px;font-size:20px}h3{letter-spacing:-.25px;font-size:16px}p{line-height:1.6}svg{flex:none}input,select,textarea{color:var(--color-text-primary)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}::selection{background:color-mix(in srgb, var(--color-accent) 58%, white);color:var(--color-text-primary)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;border:1px solid var(--color-border-subtle);border-radius:var(--radius-control);background:var(--color-surface);padding:12px 16px;position:fixed;top:-80px;left:16px;box-shadow:0 8px 24px #17191624}.skip-link:focus{top:12px}.app-shell{min-height:100dvh}.sidebar{z-index:30;width:var(--sidebar-width);background:var(--color-text-primary);color:#f6f7f2;scrollbar-color:#596055 transparent;scrollbar-width:thin;flex-direction:column;padding:20px 15px 16px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.sidebar-heading{justify-content:space-between;align-items:center;gap:8px;min-height:58px;margin-bottom:25px;display:flex}.brand-lockup{align-items:center;gap:10px;min-width:0;padding:2px 5px;display:inline-flex}.brand-lockup>img{object-fit:contain;width:34px;height:54px}.brand-lockup>span{color:#f5f5ee;letter-spacing:-1.4px;font-size:24px;font-weight:800;line-height:1}.brand-caption{color:#c0c5ba;letter-spacing:.02em;margin-top:6px;font-size:10px;font-weight:500;display:block}.sidebar-close{border-radius:var(--radius-control);color:#fff;background:0 0;border:1px solid #4a4e44;justify-content:center;align-items:center;min-width:44px;min-height:44px;display:none}.sidebar-close:hover{background:#292d26}.sidebar nav{gap:22px;display:grid}.nav-group{min-width:0}.nav-label{color:#c0c5ba;letter-spacing:.09em;text-transform:uppercase;margin:0 0 8px;padding:0 11px;font-size:10px;font-weight:700;line-height:1.4}.nav-list{gap:3px;margin:0;padding:0;list-style:none;display:grid}.nav-link{color:#d0d4cb;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;width:100%;min-height:44px;padding:8px 11px;font-size:13px;font-weight:600;line-height:1.35;transition:background-color .15s,color .15s;display:flex}.nav-link:hover{color:#fff;background:#292d26}.nav-link.active,.nav-link[aria-current=page]{background:var(--color-accent);color:#171916}.nav-link-label{flex:1;min-width:0}.nav-count{color:#fff;background:#41463b;border-radius:7px;place-items:center;min-width:23px;min-height:23px;padding:0 6px;font-size:11px;font-weight:750;display:inline-grid}.nav-link.active .nav-count{color:#4e3a14;background:#fff5da}.sidebar-bottom{margin-top:auto;padding-top:18px}.sidebar-help{margin-bottom:15px}.sidebar-signature{color:#c0c5ba;border-top:1px solid #41453c;justify-content:space-between;align-items:center;gap:10px;padding:14px 11px 0;font-size:10px;display:flex}.sidebar-signature>strong{color:#e3e6de;letter-spacing:-.6px;font-size:13px;font-weight:800}.sidebar-signature>strong>span{font-weight:500}.sidebar-backdrop{display:none}.workspace{min-width:0;min-height:100dvh;margin-left:var(--sidebar-width);flex-direction:column;display:flex}.topbar{min-height:68px;padding:8px var(--page-gutter);border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface);align-items:center;gap:12px;display:flex}.global-search{border:1px solid var(--color-border-subtle);background:var(--color-canvas);width:min(100%,560px);min-width:0;min-height:44px;color:var(--color-text-secondary);text-align:left;border-radius:11px;flex:280px;align-items:center;gap:10px;padding:7px 12px;font-size:13px;transition:border-color .15s,background-color .15s;display:inline-flex}.global-search:hover{background:var(--color-surface);color:var(--color-text-primary);border-color:#bfc3b7}.global-search>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.global-search kbd{background:var(--color-surface);color:var(--color-text-secondary);white-space:nowrap;border:1px solid #d9dbd3;border-radius:6px;align-items:center;gap:3px;padding:3px 6px;font-family:inherit;font-size:10px;display:inline-flex}.topbar-end{align-items:center;gap:12px;min-width:0;display:flex}.cloud-user{flex-direction:column;gap:2px;min-width:0;max-width:220px;font-size:11px;line-height:1.3;display:flex}.app-shell .topbar .cloud-user{max-width:220px}.cloud-user strong{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.cloud-user span{color:var(--color-text-secondary)}.cloud-logout{border:1px solid var(--color-border-subtle);background:var(--color-surface);min-width:80px;min-height:44px;color:var(--color-text-primary);border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex}.app-shell .topbar .cloud-logout{min-width:80px;min-height:44px;padding:8px 12px;font-size:12px}.cloud-logout:hover:not(:disabled){background:var(--color-surface-soft)}.context-bar{justify-content:flex-end;align-items:center;gap:12px;min-width:0;display:flex}.context-statuses,.context-selects{align-items:center;gap:9px;min-width:0;display:flex}.context-statuses{flex-wrap:wrap}.shift-status{border:1px solid color-mix(in srgb, var(--color-success) 20%, white);background:color-mix(in srgb, var(--color-success) 8%, white);min-height:44px;color:var(--color-success);white-space:nowrap;border-radius:10px;align-items:center;gap:8px;padding:0 11px;font-size:12px;font-weight:700;display:inline-flex}.shift-status.closed{border-color:color-mix(in srgb, var(--color-warning) 24%, white);background:color-mix(in srgb, var(--color-warning) 8%, white);color:var(--color-warning)}.cloud-server-status{border:1px solid var(--color-border-subtle);background:var(--color-canvas);min-height:44px;color:var(--color-success);white-space:nowrap;border-radius:10px;align-items:center;gap:7px;padding:0 11px;font-size:12px;font-weight:700;display:inline-flex}.cloud-server-status:before{display:none}.app-shell .context-bar .cloud-server-status{min-height:44px;color:var(--color-success);gap:7px;font-size:12px}.app-shell .context-bar .cloud-server-status:before{display:none}.cloud-server-status.is-busy,.app-shell .context-bar .cloud-server-status.is-busy{border-color:color-mix(in srgb, var(--color-warning) 28%, white);background:color-mix(in srgb, var(--color-warning) 8%, white);color:var(--color-warning)}.cloud-server-status.is-error,.app-shell .context-bar .cloud-server-status.is-error{border-color:color-mix(in srgb, var(--color-danger) 24%, white);background:color-mix(in srgb, var(--color-danger) 8%, white);color:var(--color-danger)}.context-selects{flex:none}.mobile-menu.btn-icon{display:none}.location-select{border:1px solid var(--color-border-subtle);background:var(--color-surface);min-width:190px;min-height:44px;color:var(--color-text-primary);border-radius:10px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:0 11px;display:grid}.location-select.register-select{min-width:150px}.context-select-label{color:var(--color-text-secondary);white-space:nowrap;align-items:center;gap:6px;font-size:11px;font-weight:700;display:inline-flex}.select-control{align-items:center;min-width:0;display:flex;position:relative}.location-select select{appearance:none;width:100%;min-width:0;min-height:42px;color:var(--color-text-primary);cursor:pointer;text-overflow:ellipsis;background:0 0;border:0;padding:8px 20px 8px 0;font-size:13px;font-weight:700}.select-control>svg{color:var(--color-text-secondary);pointer-events:none;position:absolute;right:0}.mobile-menu{display:none}.demo-strip{min-width:0;min-height:48px;padding:5px var(--page-gutter);border-bottom:1px solid color-mix(in srgb, var(--color-accent) 30%, white);background:color-mix(in srgb, var(--color-accent) 15%, white);color:#4e3a14;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.demo-pill{border:1px solid color-mix(in srgb, var(--color-accent) 58%, #9e742a);background:var(--color-accent);color:#30240d;letter-spacing:.06em;border-radius:7px;align-items:center;min-height:28px;padding:0 9px;font-size:10px;font-weight:800;display:inline-flex}.demo-copy{color:#554a32;min-width:0;font-size:12px;line-height:1.4}.demo-reset{border:1px solid color-mix(in srgb, var(--color-accent) 44%, #b89a62);background:var(--color-surface);color:#4e3a14;white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-width:44px;min-height:44px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.demo-reset:hover:not(:disabled){background:#fffaf0}.main-content{width:min(100%,1640px);min-width:0;padding:30px var(--page-gutter) 36px;outline:none;flex:1;margin:0 auto}.workspace-footer{width:min(100%,1640px);padding:16px var(--page-gutter) 22px;border-top:1px solid var(--color-border-subtle);color:var(--color-text-secondary);justify-content:flex-end;margin:0 auto;font-size:12px;display:flex}.workspace-footer a{align-items:center;gap:7px;min-height:44px;font-weight:650;display:inline-flex}.workspace-footer a:hover{color:var(--color-text-primary);text-underline-offset:3px;text-decoration:underline}.btn{border-radius:var(--radius-control);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 16px;font-size:13px;font-weight:700;transition:filter .15s,background-color .15s;display:inline-flex}.btn:hover{filter:brightness(.97)}.btn-primary{background:var(--color-text-primary);color:var(--color-surface)}.btn-secondary{border-color:var(--color-border-subtle);background:var(--color-surface);color:var(--color-text-primary)}.btn-accent{background:var(--color-accent);color:#30240d}.btn-danger{background:var(--color-danger);color:var(--color-surface)}.btn-icon{min-width:44px;min-height:44px;color:inherit;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;padding:0;display:inline-flex}.btn-icon:hover{background:color-mix(in srgb, var(--color-text-primary) 7%, transparent)}.panel{border:1px solid var(--color-border-subtle);border-radius:var(--radius-surface);background:var(--color-surface);padding:22px}.section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.section-heading h2,.section-heading h3{margin:0}.badge{background:var(--color-surface-soft);color:var(--color-text-secondary);white-space:nowrap;border-radius:6px;align-items:center;gap:5px;padding:4px 8px;font-size:11px;font-weight:650;display:inline-flex}.badge-warning{color:#77540e;background:#fbefd3}.badge-success{color:#2b6945;background:#e5f3e9}.badge-danger{color:#a83227;background:#fce9e5}.muted{color:var(--color-text-secondary)}.empty-state{color:var(--color-text-secondary);text-align:center;padding:30px 20px;font-size:13px}.field{flex-direction:column;gap:7px;font-size:13px;font-weight:650;display:flex}.field input,.field select,.field textarea{background:var(--color-surface);border:1px solid #d4d7ce;border-radius:9px;width:100%;min-height:44px;padding:10px 12px;font-size:14px;font-weight:400}.field textarea{resize:vertical}.form-error,.form-success{border-radius:9px;padding:11px 14px;font-size:13px;line-height:1.5}.form-error{color:#9d3025;background:#fcf0ea}.form-success{color:#2b6945;background:#e9f4eb}.storage-warning{padding:12px var(--page-gutter);color:#8f2b22;background:#fce9e5;margin:0;font-size:13px}.app-notice{padding:8px var(--page-gutter);color:#2b6945;background:#e9f4eb;justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.cloud-busy-banner{padding:10px var(--page-gutter);color:#6f4f15;background:#fbf2df;font-size:13px;line-height:1.5}.cloud-error-banner{padding:12px var(--page-gutter);color:#8f2b22;background:#fcf0ea;justify-content:space-between;align-items:center;gap:14px;font-size:13px;display:flex}.cloud-error-banner p{margin:0;line-height:1.5}.cloud-error-banner .cloud-pending-description{margin-top:4px;font-weight:700}.cloud-error-actions{flex:none;align-items:center;gap:10px;display:flex}.cloud-error-actions button{background:var(--color-surface);color:#813a2c;border:1px solid #e4c2b7;border-radius:9px;min-height:44px;padding:7px 12px;font-size:12px;font-weight:700}.app-shell .cloud-error-actions button{min-height:44px}.cloud-error-actions button:hover:not(:disabled){background:#fff8f4}.cloud-logout:focus-visible,.cloud-error-actions button:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.app-dialog{border:1px solid var(--color-border-subtle);border-radius:var(--radius-dialog);background:var(--color-surface);width:min(600px,100% - 32px);max-height:min(82vh,760px);box-shadow:var(--shadow-overlay);color:var(--color-text-primary);padding:24px;overflow:auto}.app-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1113109e}.dialog-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;display:flex}.dialog-heading h2{margin:0}.app-dialog p{font-size:13px}.help-steps{margin-bottom:22px;padding-left:20px;font-size:14px;line-height:1.7}.help-steps li{margin-bottom:10px}.search-field{border:1px solid var(--color-border-subtle);background:var(--color-canvas);min-height:50px;color:var(--color-text-secondary);border-radius:11px;align-items:center;gap:12px;padding:3px 13px;display:flex}.search-field input{background:0 0;border:0;outline:0;width:100%;min-width:0;min-height:44px;font-size:14px}.search-results{max-height:440px;margin-top:14px;overflow:auto}.search-results>button{text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;width:100%;min-height:48px;padding:9px 11px;font-size:14px;display:flex}.search-results>button:hover{background:var(--color-surface-soft)}.search-results>button>span{flex:1;min-width:0}.search-results small{color:var(--color-text-secondary);margin-top:3px;font-size:11px;display:block}@media (width>=1600px){:root{--sidebar-width:264px;--page-gutter:40px}.sidebar{padding-inline:18px}.main-content{padding-top:36px}}@media (width<=1300px) and (width>=851px){:root{--sidebar-width:224px;--page-gutter:24px}.sidebar{padding-inline:12px}.topbar{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px;display:grid}.global-search{grid-area:1/1;width:100%;max-width:none}.topbar-end{grid-area:1/2}.context-bar{flex-wrap:wrap;grid-area:2/1/auto/-1;justify-content:space-between;min-width:0}.context-selects{gap:6px}.location-select{gap:7px;min-width:165px;padding-inline:9px}.location-select.register-select{min-width:130px}}@media (width<=850px){:root{--page-gutter:20px}.sidebar{visibility:hidden;width:min(286px,100vw - 56px);transition:transform .2s,visibility .2s;transform:translate(-102%);box-shadow:18px 0 52px #0000003d}.sidebar.is-open{visibility:visible;transform:translate(0)}.sidebar-close{display:inline-flex}.sidebar-backdrop{z-index:29;cursor:pointer;background:#0c0e0b8f;border:0;display:block;position:fixed;inset:0}.workspace{margin-left:0}.topbar{grid-template-rows:auto auto;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:64px;display:grid}.global-search{grid-area:1/2;width:100%;max-width:none}.topbar-end{grid-area:1/3}.app-shell .topbar .mobile-menu.btn-icon{border:1px solid var(--color-border-subtle);background:var(--color-surface);grid-area:1/1;display:inline-flex}.context-bar{flex-wrap:wrap;grid-area:2/1/auto/-1;justify-content:flex-start;gap:9px;width:100%}.main-content{padding-top:26px}}@media (width<=600px){:root{--page-gutter:14px}.topbar{min-height:60px;padding-block:7px}.global-search{gap:8px;padding-inline:9px}.global-search>span{font-size:12px}.global-search kbd{display:none}.topbar-end{gap:6px}.cloud-user,.app-shell .topbar .cloud-user{max-width:104px}.cloud-logout,.app-shell .topbar .cloud-logout{min-width:62px;padding-inline:8px}.context-bar{gap:9px}.context-statuses{gap:7px}.context-selects{flex:100%;grid-template-columns:minmax(0,1fr) minmax(0,.78fr);gap:7px;display:grid}.location-select,.location-select.register-select{gap:6px;min-width:0;padding-inline:8px}.context-select-label{gap:4px;font-size:10px}.location-select select{font-size:12px}.demo-strip{gap:8px;padding-block:6px}.demo-copy{font-size:11px}.demo-reset{gap:5px;padding-inline:7px;font-size:11px}.main-content{padding:22px var(--page-gutter) 30px}.workspace-footer{padding-block:12px 16px}.panel{border-radius:13px;padding:17px}.app-dialog{border-radius:15px;padding:19px}.cloud-error-banner{flex-direction:column;align-items:flex-start;gap:9px}.cloud-error-actions,.cloud-error-actions button{width:100%}}@media (width<=360px){.cloud-user,.app-shell .topbar .cloud-user{max-width:76px}.cloud-logout,.app-shell .topbar .cloud-logout{min-width:44px;padding-inline:8px}.cloud-logout>span{display:none}.demo-copy{font-size:10px}.demo-reset>span{display:none}.demo-reset{width:44px;padding:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}