:root{--bg:#f6f8fb;--surface:#fff;--surface-soft:#f9fbff;--border:#d9e2ef;--border-strong:#b8c7db;--text:#162033;--muted:#65758b;--blue:#1f6feb;--blue-dark:#174ea6;--blue-soft:#eaf2ff;--teal:#0f766e;--teal-soft:#e6fffb;--amber:#d97706;--amber-soft:#fff4dc;--green:#17803d;--green-soft:#e7f7ed;--red:#c24136;--red-soft:#fff0ee;--gray-soft:#edf2f7;--gray-text:#4d5d75;--amber-text:#92400e;--green-text:#22543d;--subtle-text:#34445c;--primary-text:#fff;--control-bg:#fff;--button-bg:#fff;--button-text:#34445c;--topbar-bg:#ffffffeb;--sidebar-bg:#101827;--sidebar-text:#dbe7ff;--sidebar-link:#b8c5d9;--sidebar-muted:#9fb0c8;--sidebar-active-text:#fff;--sidebar-active-bg:#ffffff17;--sidebar-create-bg:#fff;--sidebar-create-text:var(--blue-dark);--action-row-bg:#f1f7ff;--hold-row-bg:#fff9eb;--working-row-bg:#ecfffc;--quick-fact-border:#c8d8ee;--quick-fact-bg:#f7fbff;--current-step-bg:#f4f9ff;--current-step-onhold-bg:#fff8ea;--current-step-done-bg:#f2fbf5;--modal-backdrop:#1018276b;--shadow-color:#10182729;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.auth-gate{background:var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{border:1px solid var(--border);background:var(--surface);width:min(460px,100%);box-shadow:0 18px 40px var(--shadow-color);border-radius:8px;gap:18px;padding:24px;display:grid}.auth-brand{justify-content:center}.auth-heading{text-align:center;gap:6px;display:grid}.auth-heading h1,.auth-heading p{margin:0}.auth-heading h1{font-size:24px}.auth-heading p{color:var(--muted);font-size:14px}.auth-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.auth-tabs button{border:1px solid var(--border);min-height:38px;color:var(--button-text);background:var(--button-bg);border-radius:8px;font-weight:800}.auth-tabs button.active{border-color:var(--blue);color:var(--blue-dark);background:var(--blue-soft)}.auth-form{gap:12px;display:grid}.auth-link-row{justify-content:center;margin-top:-2px;display:flex}.auth-session-options{gap:8px;display:grid}.auth-remember-row{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:inline-flex}.auth-remember-row input{width:16px;min-height:16px}.auth-text-link{color:var(--blue-dark);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;font-weight:800;text-decoration:underline}.auth-text-link:disabled{color:var(--muted);cursor:not-allowed}.auth-choice-group{border:0;gap:8px;margin:0;padding:0;display:grid}.auth-choice-group legend{color:var(--muted);margin-bottom:2px;font-size:12px;font-weight:800}.auth-choice{border:1px solid var(--border);background:var(--surface-soft);min-height:42px;color:var(--text);cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:800;display:flex}.auth-choice input{width:18px;min-height:18px;accent-color:var(--blue)}.auth-notice{margin:0}.workspace-loading-screen{background:var(--bg);align-content:center;place-items:center;gap:16px;min-height:100vh;padding:24px;display:grid}.workspace-loading-screen.overlay{z-index:5000;position:fixed;inset:0}.workspace-loading-screen p{color:var(--text);margin:0;font-size:15px;font-weight:800}.workspace-loading-spinner{border:4px solid var(--blue);border-right-color:#0000;border-radius:999px;width:46px;height:46px;animation:.85s linear infinite workspace-loading-spin}@keyframes workspace-loading-spin{to{transform:rotate(360deg)}}.inline-loading-notice{border:1px solid var(--border);background:var(--surface-soft);width:fit-content;max-width:100%;color:var(--text);border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;font-weight:800;display:inline-flex}.inline-loading-spinner{border-width:3px;flex:none;width:18px;height:18px}.create-order-form>.inline-loading-notice{justify-self:end}.inline-upload .inline-loading-notice{flex-basis:100%}.inline-upload.is-loading{border-color:var(--blue);background:var(--blue-soft)}.app-shell{min-height:100vh;color:var(--text);background:var(--bg);grid-template-columns:264px minmax(0,1fr);display:grid}.app-shell[data-theme=dark]{--bg:#0f141b;--surface:#171f2a;--surface-soft:#1f2935;--border:#334052;--border-strong:#4a5a70;--text:#eef3f8;--muted:#aab6c4;--blue:#2563eb;--blue-dark:#9fc3ff;--blue-soft:#5c97ff2e;--teal:#66d9cf;--teal-soft:#66d9cf29;--amber:#f2b84b;--amber-soft:#f2b84b2e;--green:#58d38a;--green-soft:#58d38a29;--red:#ff857a;--red-soft:#ff857a29;--gray-soft:#273241;--gray-text:#c4cfdd;--amber-text:#ffd27a;--green-text:#93e7b2;--subtle-text:#d7e0ec;--primary-text:#fff;--control-bg:#121923;--button-bg:#1b2430;--button-text:#e8eef7;--topbar-bg:#171f2af0;--sidebar-bg:#101722;--sidebar-text:#edf3ff;--sidebar-link:#b9c6d8;--sidebar-muted:#8f9db2;--sidebar-active-text:#fff;--sidebar-active-bg:#5c97ff29;--sidebar-create-bg:#eaf2ff;--sidebar-create-text:#174ea6;--action-row-bg:#5c97ff1f;--hold-row-bg:#f2b84b1f;--working-row-bg:#66d9cf1f;--quick-fact-border:#42546c;--quick-fact-bg:#5c97ff1f;--current-step-bg:#5c97ff1f;--current-step-onhold-bg:#f2b84b1f;--current-step-done-bg:#58d38a1f;--modal-backdrop:#03060ca3;--shadow-color:#0000005c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.sidebar{background:var(--sidebar-bg);color:var(--sidebar-text);flex-direction:column;gap:18px;padding:20px 16px;display:flex}.brand{align-items:center;gap:12px;font-weight:800;display:flex}.brand-mark{background:#fff;border:1px solid #ffffff2e;border-radius:8px;place-items:center;width:38px;height:38px;display:grid;overflow:hidden;box-shadow:0 8px 18px #04122038}.brand-mark img{width:34px;height:34px;display:block}.auth-brand .brand-mark{border-color:var(--border);box-shadow:0 8px 18px #1018271f}.sidebar nav{gap:6px;display:grid}.sidebar a,.sidebar button{min-height:42px;color:var(--sidebar-link);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;padding:10px 12px;display:flex}.sidebar a.active,.sidebar a:hover,.sidebar button.active,.sidebar button:hover{color:var(--sidebar-active-text);background:var(--sidebar-active-bg)}.sidebar a.create,.sidebar button.create{color:var(--sidebar-create-text);background:var(--sidebar-create-bg);justify-content:center;font-weight:800}.sidebar p{color:var(--sidebar-muted);margin:auto 0 0;font-size:12px;line-height:1.5}.main{min-width:0}.topbar{z-index:10;border-bottom:1px solid var(--border);background:var(--topbar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;gap:18px;min-height:68px;padding:14px 24px;display:flex;position:sticky;top:0}.topbar h1{margin:0;font-size:21px}.topbar p{color:var(--muted);margin:3px 0 0;font-size:13px}.topbar-title-row{align-items:center;gap:10px;min-width:0;display:flex}.back-nav-button{border:1px solid var(--border);width:38px;min-width:38px;min-height:38px;color:var(--text);background:var(--button-bg);border-radius:8px;place-items:center;display:grid}.back-nav-button svg{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.role-pill{border:1px solid var(--border);min-height:34px;color:var(--button-text);background:var(--surface-soft);border-radius:999px;align-items:center;padding:8px 10px;font-size:13px;font-weight:700;display:inline-flex}.user-switcher{color:var(--muted);align-items:center;gap:8px;font-size:12px;font-weight:800;display:inline-flex}.user-switcher strong{color:var(--text);font-size:13px}.top-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.notification-menu{position:relative}.notification-trigger{width:38px;min-width:38px;padding:8px;position:relative}.notification-trigger svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.theme-toggle{gap:7px;min-width:78px}.theme-toggle svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.notification-trigger .notification-count{min-width:20px;height:20px;color:var(--primary-text);background:var(--red);border-radius:999px;place-items:center;font-size:11px;display:inline-grid;position:absolute;top:-6px;right:-6px}.profile-menu{position:relative}.profile-trigger{width:38px;min-width:38px;padding:8px}.profile-trigger svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.profile-dropdown{z-index:30;border:1px solid var(--border);background:var(--surface);min-width:150px;box-shadow:0 18px 40px var(--shadow-color);border-radius:8px;gap:6px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.profile-dropdown button{width:100%;min-height:34px;color:var(--text);background:0 0;border:0;justify-content:flex-start;padding:8px 10px}.profile-dropdown button:hover{background:var(--surface-soft)}.notification-dropdown{z-index:30;border:1px solid var(--border);background:var(--surface);width:min(380px,100vw - 32px);box-shadow:0 18px 40px var(--shadow-color);border-radius:8px;position:absolute;top:calc(100% + 8px);right:0}.notification-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.notification-list{gap:8px;max-height:360px;padding:10px;display:grid;overflow:auto}.notification-item{border:1px solid var(--border);width:100%;color:var(--text);background:var(--surface-soft);text-align:left;border-radius:8px;gap:4px;padding:12px;display:grid}.notification-item.unread{border-color:var(--blue);background:var(--blue-soft)}.notification-item span,.notification-item small{color:var(--muted);font-size:12px}.content{gap:18px;padding:24px;display:grid}.notice{border:1px solid var(--blue);color:var(--blue-dark);background:var(--blue-soft);border-radius:8px;padding:12px 14px;font-size:14px;font-weight:700}.notice-warning{border-color:var(--amber);color:var(--amber-text);background:var(--amber-soft)}.notice-danger{border-color:var(--red);color:var(--red);background:var(--red-soft)}.dashboard-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric,.panel{border:1px solid var(--border);background:var(--surface);border-radius:8px}.orders-panel{justify-self:center;width:min(1440px,100%);max-width:1440px;margin-inline:auto}.metric{min-height:92px;color:var(--text);font:inherit;text-align:left;cursor:pointer;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:6px 12px;padding:14px 16px;transition:border-color .14s,background .14s,transform .14s;display:grid}.metric span{color:var(--muted);align-self:start;font-size:13px;font-weight:800}.metric strong{grid-area:1/2/span 2;align-self:center;font-size:30px;line-height:1;display:block}.metric:hover{border-color:var(--blue);background:var(--blue-soft);transform:translateY(-1px)}.metric:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.two-column{grid-template-columns:minmax(0,1.5fr) minmax(320px,.95fr);align-items:start;gap:18px;display:grid}.panel-header{border-bottom:1px solid var(--border);justify-content:space-between;gap:14px;padding:16px 18px;display:flex}.panel-header h2{margin:0;font-size:17px}.panel-header p{color:var(--muted);margin:4px 0 0;font-size:13px}.panel-body{padding:18px}.table-wrap{overflow:auto}.bulk-action-bar{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.bulk-action-bar span{color:var(--muted);font-size:13px;font-weight:700}.bulk-action-bar .danger{min-height:34px;padding:6px 10px;font-size:12px}table{border-collapse:collapse;width:100%;min-width:860px}th,td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:12px 14px;font-size:14px}th{color:var(--muted);background:var(--surface-soft);text-transform:uppercase;font-size:12px}.selection-cell{text-align:center;vertical-align:middle;width:42px}.order-select-checkbox{width:16px;min-height:16px;accent-color:var(--blue);margin:0;padding:0}td span{color:var(--muted);margin-top:4px;font-size:12px;display:block}.copy-line,.subcopy-line,.copy-value{align-items:center;gap:6px;min-width:0;display:inline-flex}.subcopy-line{color:var(--muted);margin-top:4px;font-size:12px}.subcopy-line span{margin-top:0}.copy-value,.detail-title-copy{flex-wrap:wrap}.copy-button{border:1px solid var(--border);min-height:24px;color:var(--blue-dark);background:var(--blue-soft);border-radius:6px;justify-content:center;align-items:center;padding:3px 7px;font-size:11px;font-weight:800;line-height:1;display:inline-flex}.icon-danger-button{border:1px solid var(--red);width:34px;min-width:34px;min-height:34px;color:var(--red);background:var(--red-soft);border-radius:8px;place-items:center;display:inline-grid}.icon-danger-button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.action-row{background:var(--action-row-bg)}.on-hold-row{background:var(--hold-row-bg)}.supplier-working-row{background:var(--working-row-bg)}.status-badge{white-space:nowrap;border-radius:999px;align-items:center;min-height:26px;padding:4px 9px;font-size:12px;font-weight:800;display:inline-flex}.status-badge.blue{color:var(--blue-dark);background:var(--blue-soft)}.status-badge.teal{color:var(--teal);background:var(--teal-soft)}.status-badge.amber{color:var(--amber);background:var(--amber-soft)}.status-badge.green{color:var(--green);background:var(--green-soft)}.status-badge.red{color:var(--red);background:var(--red-soft)}.status-badge.gray{color:var(--gray-text);background:var(--gray-soft)}.activity-list{gap:10px;padding:18px;display:grid}.connection-list{gap:10px;display:grid}.connection-section-list{gap:16px;display:grid}.connection-section{gap:8px;display:grid}.connection-section-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.connection-section-title h3{color:var(--muted);text-transform:uppercase;margin:0;font-size:12px;font-weight:900}.activity-item,.connection-item{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;gap:4px;padding:12px;display:grid}.connection-item{grid-template-columns:minmax(0,1fr) auto;align-items:center}.connection-item>div:first-child{gap:5px;display:grid}.audit-item{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px}.audit-item-trigger{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color .16s,background .16s,box-shadow .16s,transform .16s}.audit-item-trigger:hover{border-color:var(--blue);background:var(--blue-soft);transform:translateY(-1px);box-shadow:0 12px 24px #2563eb1f}.audit-item-trigger:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-color:var(--blue);background:var(--blue-soft)}.audit-item-trigger:active{transform:translateY(0)}.audit-item-main{gap:6px;min-width:0;display:grid}.audit-item-actions{align-self:center;justify-items:center;gap:8px;display:grid}.audit-item-actions small{text-align:center}.audit-heading{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.audit-heading>div{gap:2px;min-width:0;display:grid}.audit-heading small{flex:none}.audit-actor-preview{flex-wrap:wrap;align-items:baseline;gap:0;display:flex}.audit-actor-preview span{color:var(--muted);font-weight:700}.activity-item .audit-action{color:var(--text);font-size:13px;font-weight:700}.audit-detail{color:var(--muted);white-space:pre-wrap;margin:0;font-size:12px;line-height:1.45}.audit-detail-modal{width:min(680px,100%)}.audit-detail-modal-body{gap:16px;max-height:min(680px,100vh - 150px);display:grid;overflow:auto}.audit-modal-summary{border-bottom:1px solid var(--border);gap:6px;padding-bottom:14px;display:grid}.audit-modal-topline{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.audit-modal-topline strong{color:var(--text);font-size:15px}.audit-modal-summary span,.audit-modal-summary small{color:var(--muted);font-size:12px}.audit-modal-summary h3{color:var(--text);margin:0;font-size:18px;font-weight:700;line-height:1.25}.audit-modal-summary p{color:var(--muted);white-space:pre-wrap;margin:0;font-size:13px;line-height:1.5}.audit-detail-section{gap:0;display:grid}.audit-detail-section h3{color:var(--muted);margin:0 0 8px;font-size:14px;font-weight:900}.audit-detail-section p{color:var(--muted);white-space:pre-wrap;margin:0;font-size:13px;line-height:1.5}.audit-detail-note,.audit-package-list div,.audit-file-list div{border-top:1px solid var(--border);gap:4px;padding:9px 0;display:grid}.audit-package-list span,.audit-file-list span,.audit-detail-note small,.audit-file-list small{color:var(--muted);font-size:12px}.audit-package-list,.audit-file-list{gap:0;display:grid}.audit-detail-footer{border-top:1px solid var(--border);justify-content:center;padding-top:14px;display:flex}.connection-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.connection-actions .member-role-select{width:auto;min-height:32px;padding:5px 28px 5px 9px;font-size:12px;font-weight:800}.connection-more-select,.order-options-select{width:auto;min-height:32px;color:var(--text);background:var(--control-bg);padding:5px 28px 5px 9px;font-size:12px;font-weight:800}.order-options-select{min-height:38px}.customer-detail-summary{grid-template-columns:minmax(220px,1.3fr) repeat(3,minmax(120px,.7fr)) minmax(180px,1fr);gap:12px;display:grid}.connection-detail-wrap{justify-content:center;align-items:flex-start;width:100%;min-width:0;display:flex}.connection-detail-page{flex:0 1200px;width:100%;min-width:0;max-width:1200px}.connection-detail-page>.panel:not(.connection-related-orders){justify-self:center;width:min(560px,100%);max-width:560px;margin-inline:auto}.connection-related-orders{justify-self:center;width:100%;max-width:1200px;margin-inline:auto}.connection-detail-page .panel,.connection-detail-page .table-wrap{min-width:0;max-width:100%;overflow:hidden}.connection-detail-page .table-wrap{overflow-x:auto}.connection-detail-page .customer-detail-summary{grid-template-columns:1fr}.connection-count-list{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:0;display:grid;overflow:hidden}.connection-count-list div{border-top:1px solid var(--border);grid-template-columns:minmax(140px,1fr) auto;align-items:center;gap:12px;min-height:44px;padding:10px 12px;display:grid}.connection-count-list div:first-child{border-top:0}.connection-count-list span{color:var(--muted);font-size:12px;font-weight:800}.connection-count-list strong{font-size:16px}.customer-lead-card{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;gap:6px;padding:18px;display:grid}.customer-lead-card span,.customer-lead-card small,.team-member-row span{color:var(--muted);font-size:12px}.customer-lead-card span{font-weight:800}.customer-lead-card strong{font-size:20px}.email-list,.team-member-list{gap:10px;display:grid}.email-row,.team-member-row{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.team-member-row div:first-child{gap:4px;display:grid}.settings-card{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;gap:12px;padding:14px;display:grid}.team-add-form{grid-template-columns:1fr}.team-add-form button{justify-self:center}.team-summary-list{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:0;display:grid;overflow:hidden}.team-summary-list div{border-top:1px solid var(--border);grid-template-columns:130px minmax(0,1fr);align-items:center;gap:16px;min-height:48px;padding:12px 14px;display:grid}.team-summary-list div:first-child{border-top:0}.team-summary-list span{color:var(--muted);font-size:12px;font-weight:800}.settings-menu-wrap{justify-items:center;width:100%;display:grid}.settings-panel,.feedback-panel{justify-self:center;width:min(560px,100%);max-width:560px;margin-inline:auto}.settings-panel .form-grid,.feedback-panel .form-grid{grid-template-columns:1fr}.feedback-submit-loading{place-items:center;width:100%;min-height:42px;display:grid}.feedback-submit-spinner{border-width:3px;width:34px;height:34px}.settings-panel .tabs{justify-content:center}.settings-action-row{justify-content:flex-end;gap:10px;display:flex}.checkbox-row{align-items:flex-start;gap:10px;display:flex}.checkbox-row input{width:18px;min-height:18px;margin-top:3px}.checkbox-row span{gap:3px;display:grid}.checkbox-row small{color:var(--muted);font-size:12px}.notification-matrix{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;display:grid;overflow:hidden}.notification-matrix-header,.notification-matrix-row{grid-template-columns:minmax(0,1fr) 56px 56px;align-items:center;gap:10px;padding:12px;display:grid}.notification-matrix-header{color:var(--muted);background:var(--surface);font-size:12px;font-weight:800}.notification-matrix-row{border-top:1px solid var(--border)}.notification-matrix-row div{gap:3px;display:grid}.notification-matrix-row small{color:var(--muted);font-size:12px}.notification-matrix-row label{place-items:center;display:grid}.notification-matrix-row input{width:18px;min-height:18px}.activity-item span,.activity-item small,.connection-item span{color:var(--muted);font-size:12px}.activity-item .audit-actor-preview span{color:var(--muted);font-size:inherit;font-weight:700}.tabs{flex-wrap:wrap;gap:8px;display:flex}.tabs button,.primary,.secondary,.caution,.danger{border:1px solid var(--border);min-height:38px;color:var(--text);background:var(--button-bg);border-radius:8px;justify-content:center;align-items:center;padding:8px 12px;font-weight:800;display:inline-flex}.tabs button.active{border-color:var(--blue);color:var(--blue-dark);background:var(--blue-soft)}.primary{border-color:var(--blue);color:var(--primary-text);background:var(--blue)}.secondary{color:var(--button-text)}.caution{border-color:var(--amber);color:var(--amber-text);background:var(--amber-soft)}.danger{border-color:var(--red);color:var(--red);background:var(--red-soft)}.filters,.form-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;display:grid}.filter-actions{justify-content:flex-end;display:flex}.field{gap:6px;display:grid}.field.full{grid-column:1/-1}.field span{color:var(--muted);font-size:12px;font-weight:800}.field span .field-inline-hint{color:var(--muted);margin-left:6px;font-size:12px;font-weight:500}.field-hint{color:var(--muted);font-size:12px;line-height:1.4}.field .required-mark{color:var(--red)}.invite-extra-control{margin-top:-4px}.text-action{min-height:auto;color:var(--blue);background:0 0;border:0;justify-self:flex-start;padding:0;font-size:13px;font-weight:800}.text-action:hover{color:var(--blue-dark);text-decoration:underline}.locked-field{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;gap:6px;min-height:40px;padding:10px 11px;display:grid}.locked-field span{color:var(--muted);font-size:12px;font-weight:800}.locked-field strong{font-size:14px}.locked-field small{border:1px solid var(--border);color:var(--muted);background:var(--button-bg);border-radius:999px;justify-self:flex-start;padding:2px 7px;font-size:11px;font-weight:800}input,select,textarea{border:1px solid var(--border);width:100%;min-height:40px;color:var(--text);background:var(--control-bg);border-radius:8px;padding:9px 11px}textarea{resize:vertical;min-height:92px}.section-stack,.page-grid{gap:18px;display:grid}.create-order-form{justify-self:center;width:min(780px,100%)}.create-order-form .form-grid{grid-template-columns:1fr}.create-order-form .field.full{grid-column:auto}.order-items-editor{gap:8px;display:grid}.order-items-editor-heading{align-items:flex-start;gap:12px;display:flex}.order-items-editor-heading div{gap:3px;display:grid}.order-items-editor-heading span{font-size:13px;font-weight:700}.order-items-editor-heading small,.order-items-editor>.field-hint{color:var(--muted);font-size:12px}.compact-row-action{white-space:nowrap;border-radius:6px;min-height:32px;padding:5px 10px;font-size:12px}.order-item-rows{border:1px solid var(--border);background:var(--surface);border-radius:8px;display:grid;overflow:hidden}.order-item-grid-head,.order-item-row{grid-template-columns:minmax(0,1.55fr) minmax(90px,.7fr) minmax(74px,.45fr) auto;align-items:center;gap:6px;display:grid}.order-item-grid-head{border-bottom:1px solid var(--border);color:var(--muted);background:var(--surface-soft);padding:6px 8px;font-size:11px;font-weight:800}.order-item-row{border-bottom:1px solid var(--border);padding:6px 8px}.order-item-row:last-child{border-bottom:1px solid var(--border)}.order-item-row input{border-radius:6px;min-height:34px;padding:6px 8px}.item-remove-button{border-radius:6px;min-height:32px;padding:5px 8px;font-size:12px}.item-remove-placeholder{width:68px}.order-item-add-row{background:var(--surface);justify-content:flex-start;padding:6px 8px;display:flex}.optional-toggle-box{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex}.optional-toggle-box div{gap:3px;display:grid}.optional-toggle-box strong{font-size:14px}.optional-toggle-box span{color:var(--muted);font-size:13px}.button-row{flex-wrap:wrap;gap:10px;display:flex}.button-row.end{justify-content:flex-end}.button-row.center{justify-content:center}.inline-upload{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.inline-upload input{width:min(280px,100%)}.empty-state{min-height:160px;color:var(--muted);text-align:center;place-items:center;gap:6px;padding:24px;display:grid}.order-hero{gap:14px;display:grid}.order-email-preferences{color:var(--muted);justify-content:flex-end;align-items:center;gap:10px;font-size:12px;font-weight:800;display:flex}.order-email-mode-options{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;gap:2px;padding:3px;display:inline-flex}.order-email-mode-options button{min-height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:5px 9px;font-size:12px;font-weight:800}.order-email-mode-options button.active{background:var(--blue);color:#fff}.order-email-mode-options button:hover:not(.active){background:var(--blue-soft);color:var(--blue)}.order-detail-layout{grid-template-columns:minmax(0,1fr) minmax(320px,360px);align-items:start;gap:16px;display:grid}.order-detail-main,.order-detail-side{gap:14px;min-width:0;display:grid}.order-detail-side{position:sticky;top:86px}.order-detail-layout .panel-body,.order-detail-layout .panel-header{padding:14px}.order-title-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.order-title-row h2{margin:0;font-size:24px}.order-title-row p{color:var(--muted);margin:5px 0 0}.order-meta{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.step-tracker{--tracker-columns:6;grid-template-columns:repeat(var(--tracker-columns), minmax(0, 1fr));border:1px solid var(--border);background:var(--surface);border-radius:8px;display:grid;overflow:hidden}.step-tracker.supplier-tracker{--tracker-columns:5}.tracker-step{border-left:1px solid var(--border);min-height:62px;color:var(--muted);background:var(--surface-soft);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:10px;display:grid}.tracker-step:first-child{border-left:0}.tracker-step.done{color:var(--green-text);background:var(--green-soft)}.tracker-step.done .tracker-dot{border-color:var(--green);color:var(--primary-text);background:var(--green)}.tracker-step.active{color:var(--blue-dark);background:var(--blue-soft)}.tracker-step.paused{color:var(--amber);background:var(--amber-soft)}.tracker-step.stopped{color:var(--red);background:var(--red-soft)}.tracker-dot{width:26px;height:26px;color:inherit;background:var(--button-bg);border:1px solid;border-radius:999px;place-items:center;font-size:12px;font-weight:900;display:inline-grid}.tracker-step strong,.tracker-step small{overflow-wrap:anywhere;display:block}.tracker-step strong{color:var(--text);font-size:13px}.tracker-step small{text-transform:uppercase;margin-top:3px;font-size:11px;font-weight:800}.quick-facts{grid-template-columns:1fr;display:grid}.quick-fact{border:1px solid var(--quick-fact-border);border-left:4px solid var(--blue);background:var(--quick-fact-bg);border-radius:8px;align-items:center;gap:10px;min-height:46px;padding:10px 12px;display:flex}.quick-fact span{color:var(--muted);text-transform:uppercase;flex:none;font-size:12px;font-weight:800}.quick-fact strong{color:var(--text);overflow-wrap:anywhere;font-size:15px}.current-step{border:1px solid var(--border);border-left:4px solid var(--blue);background:var(--current-step-bg);border-radius:8px;gap:12px;padding:13px;display:grid}.current-step.onhold{border-left-color:var(--amber);background:var(--current-step-onhold-bg)}.current-step.done{border-left-color:var(--green);background:var(--current-step-done-bg)}.clarification-response-banner{border:1px solid var(--amber);background:var(--amber-soft);border-radius:8px;gap:8px;margin-bottom:10px;padding:11px 12px;display:grid}.clarification-response-banner strong{color:var(--amber-text);font-size:13px;line-height:1.45}.clarification-response-banner .text-action{color:var(--amber-text);justify-self:flex-start}.current-step h3,.current-step p{margin:0}.current-step p{color:var(--subtle-text);line-height:1.5}.overview-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.compact-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.concise-overview-list{border:1px solid var(--border);background:var(--surface);border-radius:8px;grid-template-columns:minmax(0,1fr);gap:0;display:grid;overflow:hidden}.concise-overview-list .kv{border:0;border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface);border-radius:0;grid-template-columns:minmax(180px,max-content) minmax(0,1fr);align-items:baseline;gap:8px;min-width:0;padding:8px 10px}.concise-overview-list .kv.wide{grid-column:auto}.concise-overview-list .kv span{font-size:11px}.concise-overview-list .kv strong{font-size:13px;line-height:1.35}.concise-overview-list .kv-hint{grid-column:2;margin-top:-3px}.order-items-detail{gap:8px;margin-top:14px;display:grid}.order-items-detail-list{border:1px solid var(--border);background:var(--surface);border-radius:8px;display:grid;overflow:hidden}.order-items-detail-row{border-bottom:1px solid var(--border);grid-template-columns:34px minmax(0,1fr) minmax(90px,.55fr) minmax(120px,.7fr);align-items:center;gap:10px;padding:9px 10px;display:grid}.order-items-detail-row:last-child{border-bottom:0}.order-items-detail-row span{color:var(--muted);font-size:12px;font-weight:800}.order-items-detail-row strong{overflow-wrap:anywhere;min-width:0;font-size:13px}.order-items-detail-row small{color:var(--muted);font-size:12px}.order-items-detail-row em{color:var(--text);text-align:right;font-size:12px;font-style:normal;font-weight:700}.kv{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;gap:5px;padding:12px;display:grid}.kv span{color:var(--muted);font-size:12px;font-weight:800}.kv strong{overflow-wrap:anywhere}.kv-hint{color:var(--muted);font-size:11px;font-weight:500;line-height:1.35}.kv.struck-value strong{color:var(--muted);text-decoration:line-through}.file-list,.comment-list{gap:10px;display:grid}.file-list{gap:14px}.file-group{gap:0;display:grid}.file-group>strong{color:var(--muted);margin-bottom:6px;font-size:13px;font-weight:900}.comment-item{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;gap:6px;padding:12px;display:grid}.file-item{border-top:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 0;display:grid}.file-item.recalled{color:var(--muted)}.file-item-main{gap:4px;min-width:0;display:grid}.file-item-heading{flex-wrap:wrap;align-items:baseline;gap:8px;min-width:0;display:flex}.file-item-heading strong{overflow-wrap:anywhere}.file-item-heading span{color:var(--red);text-transform:uppercase;font-size:11px;font-weight:900}.file-download-button{min-height:28px;padding:5px 9px;font-size:12px}.file-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.file-actions .secondary,.file-actions .danger{min-height:32px;padding:6px 10px;font-size:12px}.file-upload-form{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;padding:10px}.file-upload-form select{width:min(180px,100%)}.file-item-main>span,.comment-item span,.comment-item small,.comment-item p{color:var(--muted);margin:0;font-size:12px}.comment-compose{gap:10px;display:grid}.comments-panel .comment-list{max-height:440px;padding-right:2px;overflow:auto}.history-expand-row{padding-top:0}.activity-panel .panel-header h2,.comments-panel .panel-header h2{font-size:16px}.package-table{table-layout:fixed;min-width:0}.package-table th,.package-table td{vertical-align:middle;padding:8px 6px;font-size:13px}.package-table th{white-space:normal;font-size:10px;line-height:1.15}.package-table input{width:100%;min-width:0;padding:7px 6px}.package-table th:first-child,.package-table td:first-child{width:66px}.package-table th:nth-child(2),.package-table td:nth-child(2){width:18%}.package-table th:last-child,.package-table td:last-child{text-align:center;width:38px}.package-mode-bar{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:12px;display:flex}.package-mode-bar div{gap:3px;display:grid}.package-mode-bar strong{font-size:14px}.package-mode-bar span{color:var(--muted);font-size:13px}.package-summary{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;gap:10px;font-size:13px;display:flex}.package-summary strong{color:var(--text)}.empty-small{border:1px dashed var(--border-strong);color:var(--muted);background:var(--surface-soft);text-align:center;border-radius:8px;gap:5px;padding:16px;display:grid}.empty-small strong{color:var(--text)}.detail-split-panel{box-shadow:none}.detail-split{grid-template-columns:minmax(0,.95fr) minmax(320px,1.05fr);align-items:start;gap:14px;display:grid}.detail-split-section{gap:12px;min-width:0;display:grid}.files-packages-panel{border-left:1px solid var(--border);padding-left:14px}.subsection{gap:12px;display:grid}.package-details-subsection{border-radius:8px;scroll-margin-top:96px}.customer-review-subsection{border:1px solid var(--amber);background:var(--amber-soft);border-radius:8px;padding:12px;scroll-margin-top:96px}.package-details-subsection.flash{animation:1.2s ease-out package-details-flash}.kv.field-flash{border-radius:8px;animation:1.4s ease-out detail-field-flash}.package-exception-note,.review-note{border:1px solid var(--amber);background:var(--amber-soft);border-radius:8px;gap:5px;padding:11px 12px;display:grid}.package-exception-note span,.review-note span{color:var(--amber-text);text-transform:uppercase;font-size:11px;font-weight:900}.package-exception-note strong,.review-note strong{color:var(--text);white-space:pre-wrap;font-size:13px;line-height:1.45}@keyframes detail-field-flash{0%{background:var(--amber-soft);box-shadow:0 0 0 4px #d977063d}70%{background:var(--amber-soft);box-shadow:0 0 0 4px #d977061f}to{background:0 0;box-shadow:0 0 #d9770600}}@keyframes package-details-flash{0%{background:var(--amber-soft);box-shadow:0 0 0 4px #d977063d}70%{background:var(--amber-soft);box-shadow:0 0 0 4px #d977061f}to{background:0 0;box-shadow:0 0 #d9770600}}.subsection-title h2{margin:0;font-size:17px}.subsection-title.compact-title h2{font-size:14px}.subsection-title p{color:var(--muted);margin:4px 0 0;font-size:13px}.activity-list.compact{padding:0}.modal-backdrop{z-index:50;background:var(--modal-backdrop);place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--border);background:var(--surface);width:min(560px,100%);max-height:calc(100vh - 36px);box-shadow:0 24px 70px var(--shadow-color);border-radius:8px;overflow:auto}.history-modal{width:min(560px,100%)}.history-modal-body{max-height:min(620px,100vh - 150px);overflow:auto}.action-dialog{width:min(500px,100%);display:grid;overflow:hidden}.action-dialog-body{gap:10px;padding:22px 24px 18px;display:grid}.action-dialog.without-input .action-dialog-body{text-align:center;justify-items:center;padding:26px 28px 18px}.action-dialog.danger.without-input{border-color:color-mix(in srgb, var(--red) 34%, var(--border))}.action-dialog-icon{border:1px solid color-mix(in srgb, var(--red) 24%, var(--border));width:42px;height:42px;color:var(--red);background:var(--red-soft);border-radius:999px;place-items:center;display:grid}.action-dialog-icon svg{fill:none;stroke:currentColor;stroke-width:2px;width:20px;height:20px}.action-dialog-body h2,.action-dialog-body p{margin:0}.action-dialog-body h2{font-size:19px;line-height:1.25}.action-dialog-body p{max-width:390px;color:var(--subtle-text);line-height:1.45}.dialog-kicker{width:fit-content;color:var(--blue-dark);background:var(--blue-soft);text-transform:uppercase;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:900}.action-dialog.caution .dialog-kicker{color:var(--amber-text);background:var(--amber-soft)}.action-dialog.danger .dialog-kicker{color:var(--red);background:var(--red-soft)}.dialog-message{border:1px solid var(--amber);background:var(--amber-soft);border-radius:8px;gap:5px;padding:12px;display:grid}.dialog-message span{color:var(--amber-text);font-size:11px;font-weight:900}.dialog-message strong{color:var(--text);white-space:pre-wrap;font-size:14px;line-height:1.45}.action-dialog textarea{resize:vertical;min-height:108px}.dialog-error{color:var(--red);font-size:12px;font-weight:800}.action-dialog-actions{border-top:1px solid var(--border);background:var(--surface-soft);border-radius:0 0 8px 8px;flex-wrap:wrap;justify-content:center;justify-self:stretch;gap:12px;width:100%;margin:0;padding:16px 24px 22px;display:flex}.action-dialog-actions button{min-width:128px}.option-button{text-align:left;justify-content:stretch;gap:6px;width:100%;min-height:78px;display:grid}.option-button span{color:var(--muted);font-size:13px;font-weight:500}.status-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:18px;display:grid}.status-grid div{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;gap:6px;padding:12px;display:grid}.status-grid span{color:var(--muted);font-size:13px;line-height:1.45}@media (max-width:1080px){.app-shell,.two-column,.customer-detail-summary,.order-detail-layout{grid-template-columns:1fr}.order-detail-side{position:static}.dashboard-grid,.status-grid,.step-tracker,.quick-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.tracker-step:nth-child(odd){border-left:0}.comments-panel .comment-list{max-height:none}}@media (max-width:760px){.topbar{flex-direction:column;align-items:flex-start}.topbar-title-row{width:100%}.top-actions,.user-switcher{justify-content:flex-start;width:100%}.optional-toggle-box,.package-mode-bar,.bulk-action-bar{flex-direction:column;align-items:stretch}.bulk-action-bar .danger{align-self:flex-start}.order-items-editor-heading{flex-direction:column;align-items:stretch}.compact-row-action{align-self:flex-start}.order-item-grid-head{display:none}.order-item-row,.order-items-detail-row{grid-template-columns:1fr}.item-remove-button{justify-self:flex-start}.item-remove-placeholder{display:none}.order-items-detail-row em{text-align:left}.content{padding:16px}.audit-item,.dashboard-grid,.status-grid,.step-tracker,.quick-facts,.detail-split,.compact-overview{grid-template-columns:1fr}.files-packages-panel{border-left:0;border-top:1px solid var(--border);padding-top:14px;padding-left:0}.file-item{grid-template-columns:1fr;align-items:start}.file-actions{justify-content:flex-start}.concise-overview-list{grid-template-columns:1fr}.concise-overview-list .kv,.concise-overview-list .kv.wide{border-right:0;grid-template-columns:minmax(110px,max-content) minmax(0,1fr)}.concise-overview-list .kv-hint{grid-column:1/-1;margin-top:0}.tracker-step,.tracker-step:nth-child(odd){border-left:0}.tracker-step{border-top:1px solid var(--border)}.tracker-step:first-child{border-top:0}}