.needs-list,.needs-overlay{--needs-surface:var(--surface);--needs-bg:var(--surface-soft);--needs-text:var(--text);--needs-border:var(--border);color:var(--needs-text)}body[data-current-route=needs-list] [data-topbar-date-range],body[data-current-route=needs-list] #scopePanel{display:none}.needs-list{padding:20px;background:var(--needs-surface);border:1px solid var(--needs-border);border-radius:14px;min-width:0}.needs-heading,.needs-toolbar,.needs-pager,.needs-heading>div,.needs-tabs{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.needs-heading h1{font-size:24px}.needs-heading{margin-bottom:20px}.needs-toolbar{margin-bottom:14px}.needs-tabs button{border:1px solid var(--needs-border);border-radius:10px;background:var(--needs-surface);color:var(--needs-text);padding:10px 14px;min-height:44px}.needs-tabs button[aria-pressed=true]{color:var(--primary);background:var(--surface-blue)}.needs-tabs span{margin-left:6px}.needs-toolbar form{display:flex;gap:8px;max-width:100%}.needs-list input,.needs-dialog input,.needs-dialog textarea{width:100%;min-width:0;padding:12px;border:1px solid var(--needs-border);border-radius:9px;background:var(--needs-surface);color:var(--needs-text);font:inherit;font-size:16px}.needs-row{display:grid;grid-template-columns:minmax(150px,1fr) minmax(60px,110px) minmax(100px,190px) auto;align-items:center;gap:18px;border-bottom:1px solid var(--needs-border);padding:18px 8px;overflow-wrap:anywhere}.needs-row strong{font-size:15px}.needs-row p,.needs-row small{color:var(--muted);line-height:1.6}.needs-row p{white-space:pre-wrap}.needs-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.needs-list button,.needs-dialog button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.needs-danger{color:var(--danger)!important}.needs-pager{justify-content:center;margin-top:18px}.needs-list [data-error],.needs-dialog [data-form-error]{color:var(--danger);margin:10px 0}.needs-list [data-notice]{color:var(--success);margin:8px 0}.needs-overlay{position:fixed;z-index:1200;inset:auto;top:var(--visible-top,0);left:var(--visible-left,0);width:var(--visible-width,100%);height:var(--visible-height,100dvh);background:#02112b80;display:flex;align-items:center;justify-content:center;padding:16px}.needs-dialog{width:560px;max-width:100%;max-height:100%;display:flex;flex-direction:column;background:var(--needs-surface);border:1px solid var(--needs-border);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.needs-dialog header,.needs-dialog footer{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}.needs-dialog h2{font-size:20px}.needs-close{width:44px;font-size:25px}.needs-dialog-body{padding:4px 20px 16px;overflow-y:auto;min-height:0;overscroll-behavior:contain}.needs-dialog label{display:grid;gap:6px;margin:12px 0;font-size:14px}.needs-dialog textarea{min-height:85px;resize:vertical}.needs-dialog footer{justify-content:flex-end;border-top:1px solid var(--needs-border)}.needs-product-options{display:flex;flex-direction:column;gap:5px}.needs-product-options button{justify-content:space-between;text-align:left;white-space:normal}.needs-product-options small{font-size:12px;margin-left:8px}.needs-dialog [data-current-values]{white-space:pre-wrap}.needs-dialog [data-current-values] button{margin-top:8px}.needs-list [hidden],.needs-dialog [hidden]{display:none!important}.needs-dialog label{color:var(--needs-text)}.needs-list button:disabled,.needs-dialog button:disabled{opacity:.5;cursor:default}@media(max-width:1000px){.needs-row{grid-template-columns:minmax(0,1fr) auto}.needs-row small{grid-column:1}.needs-actions{grid-column:2}.needs-row>span{max-width:130px}}@media(max-width:768px){.needs-list,.needs-overlay{--needs-surface:var(--mobile-dashboard-surface,var(--surface));--needs-bg:var(--mobile-dashboard-surface-raised,var(--surface-soft));--needs-text:var(--mobile-text,var(--text));--needs-border:var(--mobile-border,var(--border))}.needs-list{padding:12px}.needs-heading{align-items:stretch}.needs-heading h1{font-size:20px;flex-basis:100%}.needs-heading>div{width:100%}.needs-heading [data-add]{flex:1}.needs-toolbar,.needs-toolbar form{width:100%}.needs-tabs{gap:5px}.needs-row{display:flex;align-items:stretch;flex-direction:column;gap:8px;background:var(--needs-bg);border:1px solid var(--needs-border);border-radius:12px;padding:14px;margin:10px 0}.needs-actions{justify-content:flex-start}.needs-row>span{max-width:none}.needs-row p,.needs-row small{color:var(--mobile-muted,var(--muted))}.needs-dialog header,.needs-dialog footer{padding:12px}.needs-dialog-body{padding:0 12px 12px}.needs-overlay{padding:8px}.needs-tabs button[aria-pressed=true]{background:var(--mobile-dashboard-accent-surface,var(--surface-blue))}.needs-list .ghost-button,.needs-dialog .ghost-button{background:var(--needs-surface);color:var(--needs-text);border-color:var(--needs-border)}}
