.header-user{margin-right:auto;font:14px/1.5 system-ui;min-width:0}.header-user strong{display:block;font-size:16px}.header-user small{display:block;overflow-wrap:anywhere}.header-user form{display:inline}.header-user button{padding:3px 8px;min-height:28px;font-size:12px}.account-tabs{border-bottom:1px solid var(--line);margin-bottom:30px;padding-bottom:12px;gap:24px}.account-tabs a{padding:8px 0;text-decoration:none}.account-tabs [aria-current]{color:var(--text);border-bottom:2px solid var(--accent)}.warehouse-section-title{grid-column:1/-1}.supply-row{display:grid;grid-template-columns:minmax(0,2fr) 110px 120px auto;gap:12px;align-items:end}.supply-row label{min-width:0}.supply-row select{max-width:100%}.squad-label{font:600 11px/18px system-ui;color:#a9bc89;margin:16px 0 6px}.squad-label[hidden]{display:none}.sidebar-collapsed .squad-label{display:none}.request-line{border-top:1px solid var(--line);padding-top:16px}.claim-row{border:1px solid var(--line);padding:14px;margin:14px 0}.invite-link{display:block;overflow-wrap:anywhere}.task-stats{display:flex;gap:20px;flex-wrap:wrap}input[type=datetime-local]{min-width:0}@media(max-width:700px){.header-user{width:100%;margin:0}.supply-row{grid-template-columns:1fr}.supply-row label{margin-bottom:8px}.account-tabs{gap:16px}}
.task-location{display:block;width:min(100%,600px);height:auto;margin:20px 0}
.squad-disband{margin:16px 0}.squad-disband>summary{color:#e0a797;width:fit-content;font-size:14px}.squad-disband .panel{max-width:750px}
.timezone-control{display:flex;align-items:end;gap:8px;margin-left:auto;max-width:260px;font:12px/1.4 system-ui}.timezone-control label{margin:0;min-width:0}.timezone-control select{padding:5px;max-width:180px;font-size:12px}.timezone-control button{padding:6px 8px;min-height:30px;font-size:12px}.topbar .timezone-control{color:var(--paper)}@media(max-width:1000px){header{flex-wrap:wrap}.timezone-control{margin-left:0}.topbar .nav{flex-wrap:wrap;padding-block:16px}}
.header-user{order:4;margin:0 0 0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;font-size:12px;line-height:1.4}.header-user strong{font-size:14px}.header-user small{grid-column:1}.header-user form{grid-column:2;grid-row:1/4;align-self:center}.timezone-control{order:3;margin-left:0}.squad-overview{display:flex;justify-content:space-between;align-items:start;gap:24px;margin:24px 0}.squad-overview h1{margin:8px 0;font-size:2.5rem}.squad-overview p{margin:8px 0}.squad-edit{max-width:400px;min-width:180px}.squad-edit form{padding:16px;border:1px solid var(--line)}.squad-dashboard{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.squad-dashboard .panel{margin:0 0 24px}.squad-member{padding:12px 0;border-bottom:1px solid var(--line)}.squad-member small{display:block}button:disabled{opacity:.4;cursor:not-allowed}@media(max-width:900px){.squad-dashboard{grid-template-columns:1fr;gap:0}.squad-overview{flex-direction:column}.squad-edit{width:100%;max-width:none}.header-user{width:auto;max-width:100%;margin-left:0}.timezone-control{order:5}}
.timezone-control{align-items:center;max-width:none;flex-wrap:wrap}.timezone-label{white-space:nowrap}.timezone-select{position:relative;min-width:0}.timezone-control .timezone-open{width:175px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timezone-popup{position:absolute;top:calc(100% + 6px);left:0;width:280px;max-width:calc(100vw - 40px);z-index:150;background:#1c2119;border:1px solid #77836a;border-radius:4px;padding:10px;box-shadow:0 8px 24px #0008}.timezone-popup[hidden],.timezone-options button[hidden],.timezone-empty[hidden],.timezone-control select[hidden]{display:none}.timezone-search{padding:8px;margin:0 0 8px;font-size:14px}.timezone-options{max-height:230px;overflow:auto}.timezone-control .timezone-options button{display:block;width:100%;text-align:left;min-height:32px;padding:6px;background:transparent;border:0;font-size:13px}.timezone-options button:hover,.timezone-options button[aria-selected=true]{background:#34452a}.timezone-empty{margin:8px;font-size:13px}
.timezone-control .timezone-options button[hidden]{display:none}
.enrollment-form{max-width:1200px}.enrollment-field{max-width:650px}.enrollment-choices{border:0;padding:0;margin:28px 0;display:grid;grid-template-columns:1fr 1fr;gap:16px}.enrollment-choices legend{font-size:1.3rem;font-weight:700;margin-bottom:16px}.enrollment-choice{position:relative;display:flex;align-items:center;gap:16px;border:1px solid var(--line);padding:20px;margin:0;cursor:pointer;min-width:0}.enrollment-choice:has(input:checked){border-color:var(--accent);background:#2b3822;box-shadow:inset 0 0 0 1px var(--accent)}.enrollment-choice input{width:20px;height:20px;flex:0 0 20px;margin:0;accent-color:#a9bc89}.enrollment-choice img{object-fit:contain;flex:0 0 112px}.enrollment-choice span{display:block;min-width:0}.enrollment-choice strong{display:block;margin-bottom:8px}.enrollment-choice small{display:block;margin-top:10px}.enrollment-choice:focus-within{outline:2px solid #e7cf8d;outline-offset:3px}#commander-fields[hidden]{display:none}@media(max-width:1000px){.enrollment-choices{grid-template-columns:1fr}}@media(max-width:600px){.enrollment-choice{padding:14px;gap:12px;font-size:14px}.enrollment-choice img{width:64px;height:90px;flex-basis:64px}}
/* Grow with the available viewport, including when the roster is collapsed. */
@media(min-width:1400px){
  body{--wide-content:min(2000px,calc(100% - clamp(48px,5vw,160px)))}
  body>header,body>footer,.portal-layout,.portal-layout.has-sidebar{width:var(--wide-content);max-width:none;margin-inline:auto}
  .portal-layout>main,.portal-layout.has-sidebar>main{width:100%;max-width:none}
  body>header{flex-wrap:wrap}
  .homepage-layout .shell{width:var(--wide-content)}
  .production-step>p,.production-step>.step-result,.multiline{max-width:85ch}
}
/* Compact warehouse previews; the dialog retains its full-size map. */
.warehouse-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,440px),1fr));gap:20px;align-items:start}
.warehouse-cards>.warehouse-section-title{margin:12px 0 0}
.warehouse-cards>p{grid-column:1/-1}
.warehouse-cards>.warehouse-card{grid-template-columns:minmax(0,1fr) minmax(0,220px);gap:16px;margin:0;padding:20px;align-items:start}
.warehouse-cards .warehouse-card h3{margin-bottom:12px}
.warehouse-cards .warehouse-card p{font-size:14px;margin:12px 0;line-height:1.6}
.warehouse-cards .warehouse-card summary{font-size:14px}
.warehouse-cards .warehouse-location{width:100%;max-width:220px}
.warehouse-cards .warehouse-location figcaption{font-size:12px;line-height:1.4}
@media(max-width:700px){.warehouse-cards>.warehouse-card{grid-template-columns:1fr}.warehouse-cards .warehouse-location{justify-self:center}}