.workspace-top{display:flex;justify-content:space-between;gap:20px;align-items:start}.workspace-top h2{font-size:25px;margin:0 0 10px}.workspace-top p{line-height:1.8;color:var(--muted);max-width:750px}.scope-chip{display:inline-block;background:#e3f4ef;color:#0a6b60;padding:6px 10px;border-radius:5px;margin:4px;font-size:12px}.duties{padding-left:20px;line-height:1.9;color:#485d63;margin:12px 0 0}.duties li{margin-bottom:6px}.task-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.task{background:#f8fbfa;border:1px solid #dbe8e4;padding:18px;border-radius:9px;text-align:left;cursor:pointer;color:var(--ink)}.task b{display:block;font-size:15px;margin:8px 0}.task small{color:var(--muted)}.task:hover{border-color:var(--accent)}.note{padding:12px 15px;border-left:3px solid var(--accent);background:#eaf6f3;font-size:12px;line-height:1.8}.warn-note{background:#fff5df;border-color:#dda342;color:#85591c}.order-card{border-top:1px solid var(--line);padding:18px 0}.order-card:first-child{border-top:0}.order-top{display:flex;justify-content:space-between;gap:12px}.order-meta{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin:10px 0}.order-controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.chip{display:inline-block;padding:4px 7px;background:#f1f5f6;border-radius:4px;font-size:11px;margin:3px}.form-grid .span2{grid-column:1/-1}.modal{width:min(920px,96vw)}.form-error{color:#a52832;white-space:pre-wrap;margin-top:12px;line-height:1.7}.line-list{display:grid;gap:10px}.line-entry{border:1px solid var(--line);border-radius:8px;padding:12px;background:#f8faf9;display:grid;grid-template-columns:2fr 90px 1fr;gap:10px}.line-entry select,.line-entry input,.line-entry textarea{width:100%;min-width:0;padding:8px;border:1px solid #cddbd8;border-radius:5px}.line-entry label{font-size:11px;display:grid;gap:5px}.line-entry .serial-field{grid-column:1/3}.field small{font-weight:400;color:var(--muted)}.field.check{display:flex;align-items:center;gap:10px}.field.check input{width:auto}.field select[multiple]{min-height:110px}.form-section{margin:24px 0 10px;font-size:14px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;font-size:12px;line-height:1.8}.images{display:flex;gap:10px;flex-wrap:wrap}.images img{max-width:100%;max-height:420px;object-fit:contain}.actions-cell{display:flex;gap:9px}.report-filters{display:flex;gap:10px;flex-wrap:wrap;align-items:end}.report-filters label{display:grid;gap:5px;font-size:11px}.report-filters input,.report-filters select{padding:9px;border:1px solid var(--line);border-radius:6px}.export-list{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.table-wrap{max-height:65vh}.data-table th{position:sticky;top:0;z-index:1}.data-table td{max-width:330px;word-break:break-word}.badge.pending,.badge.approved{background:#fff2de;color:#a76900}.badge.shipped{background:#e7efff;color:#355eb8}.badge.rejected,.badge.cancelled{background:#ffeaec;color:#ad3d46}.badge.received{background:#e4f4ef;color:#16755b}.small-photo{width:40px;height:40px;object-fit:contain;float:left;margin-right:9px}.status-note{font-size:11px;color:#9e6b14}.lang-control{position:fixed;right:22px;top:20px;z-index:2}.shell .header-actions{flex-wrap:wrap}.wide-login{width:min(480px,100%)}.empty-actions{display:flex;gap:8px;justify-content:center}.legacy{margin-top:20px}.legacy summary{cursor:pointer;color:var(--muted);font-size:12px;padding:10px}.stock-scope{font-size:12px;color:var(--muted)}@media(max-width:850px){.task-grid{grid-template-columns:1fr 1fr}.line-entry{grid-template-columns:1fr 80px}.line-entry .serial-field{grid-column:1/-1}.workspace-top{display:block}}@media(max-width:550px){.task-grid,.detail-grid{grid-template-columns:1fr}.line-entry{grid-template-columns:1fr}.line-entry .serial-field{grid-column:auto}.form-grid .span2{grid-column:auto}}
.card,.metric,.content,.form-grid>*{min-width:0}.report-filters select{max-width:280px}.page-head{flex-wrap:wrap}.line-entry select{max-width:100%}
.metric-link{cursor:pointer}.metric-link:hover,.metric-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.content>section.card{margin-bottom:18px}.badge.clearing{background:#fff2de;color:#805300}.badge.completed{background:#e4f4ef;color:#16755b}
.hq-tasks{border:2px solid #d58c26;background:#fffbf2}.hq-tasks h2{font-size:24px;margin:0}.hq-tasks .task-total{padding:8px 14px;background:#a8420b;color:#fff;border-radius:20px}.priority-task strong{display:block;font-size:34px;line-height:1.3;margin:8px 0}.priority-task.has-work{background:#fff0d5;border:2px solid #cc8220;color:#793c05}.priority-task.all-clear{background:#edf7f1;color:#30634d;border:1px solid #b4d3c0}.priority-task:focus-visible{outline:3px solid #225d89;outline-offset:3px}
@media(max-width:900px){.shell{flex-direction:column}aside{position:static;width:100%;padding:12px 16px;display:block}.side-brand{justify-content:flex-start;font-size:17px;margin-bottom:10px}.side-brand span,nav span{display:inline}.side-user,.side-caption{display:none}nav{display:flex;overflow-x:auto;gap:5px;padding-bottom:3px}nav button{flex:none;white-space:nowrap;padding:10px;gap:5px}main{margin-left:0;width:100%;padding:0 16px 55px}.workspace-top h2{font-size:21px}}
@media(max-width:550px){.modal{padding:22px 16px;width:100%}.modal-backdrop{padding:10px}.report-filters,.report-filters label{width:100%}.report-filters select{max-width:100%;width:100%}.line-entry{min-width:0}.card{padding:14px}.login-card h1{font-size:22px}.table-wrap{max-width:100%}}
.nav-group {border-top:1px solid #ffffff30;margin-top:12px;padding-top:10px}
.nav-group summary {cursor:pointer;padding:12px 8px;font-weight:700;color:inherit}
.nav-group button {padding-left:24px}
.task[data-hq-stock] strong {display:block;font-size:32px;margin:8px 0}
.detail-fields {display:grid;gap:8px;margin:12px 0;font-size:12px}
.detail-fields>div {display:grid;grid-template-columns:minmax(90px,1fr) 3fr;gap:12px;border-bottom:1px solid #e5ece8;padding:6px 0}
.detail-fields dt {color:#60766e}.detail-fields dd {margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.shipment-note {padding-top:10px;color:#42695e}.line-policy {font-size:12px;color:#52786b}
.images figure {margin:0}.images figcaption {font-size:12px;color:#62756e;overflow-wrap:anywhere}
#audit-list td {vertical-align:top}#audit-list td:last-child {min-width:290px}
#site-profile {border:1px solid #d7e6e5;border-radius:10px;padding:16px}
#site-profile[hidden] {display:none}
.history-item {border-bottom:1px solid #d7e6e5;padding:16px 0}
.history-item>.badge {display:inline-block;margin-bottom:8px}
.rule-note {padding:8px;color:#47665f}