.app-shell{--ui-control-radius:8px;--ui-panel-radius:12px;--ui-overlay-radius:16px;--ui-space:8px;--ui-page-title:clamp(22px,2vw,28px)}.workspace-skip-link{position:fixed;inset-block-start:-100px;inset-inline-start:24px;z-index:9999;padding:12px 20px;border-radius:8px;background:var(--bg-surface);color:var(--text-primary)}.workspace-skip-link:focus{inset-block-start:12px;outline:2px solid var(--accent)}#workspace-main:focus{outline:none}.app-shell .content{min-width:0}.app-shell .sidebar .brand{border-bottom:1px solid var(--sidebar-border)}.app-shell .sidebar :is(.table-item,.group-toggle,.sidebar-search){border-radius:var(--ui-control-radius)}.app-shell .sidebar .sidebar-group-count{display:none}.app-shell :is(.action-btn,.ghost-btn,.bulk-fulfillment-btn,.reports-refresh,.statement-load,.reports-load,.reports-statement-link){min-height:var(--control-height);border-radius:var(--ui-control-radius);box-shadow:none;font-weight:500;font-size:13px;transition:background-color .12s ease,border-color .12s ease}.app-shell .action-btn.primary{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.app-shell :is(.reports-refresh,.statement-load,.reports-load){background:var(--accent);color:var(--accent-contrast);border:1px solid var(--accent)}.app-shell :is(.action-btn.primary,.reports-refresh,.statement-load,.reports-load):hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.app-shell :is(.action-btn.danger,.ghost-btn.danger){background:var(--danger-soft);color:var(--danger);border-color:var(--danger)}.app-shell :is(.action-btn,.ghost-btn):hover{transform:none}.app-shell :is(.action-btn,.ghost-btn,.bulk-fulfillment-btn):disabled{opacity:.5;cursor:not-allowed}.app-shell .bulk-fulfillment-btn{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-default)}.app-shell .bulk-fulfillment-btn:hover:not(:disabled){background:var(--bg-subtle)}.app-shell :is(.records-panel,.settings-card,.report-panel,.report-table-interactive,.statement-table-card,.permission-matrix-card,.permission-users-list,.quantity-sync-workspace,.local-workflow-list){border-radius:var(--ui-panel-radius);box-shadow:none}.app-shell :is(.modal-card,.editor-modal,.editor-modal-wide,.editor-modal-standard,.credential-modal,.local-collection-dialog,.import-files-dialog,.quantity-publish-preview){border-radius:var(--ui-overlay-radius);border:1px solid var(--border-default);background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-md)}.app-shell :is(.editor-panel>.panel-head,.local-collection-dialog>header,.import-files-dialog>header){background:var(--bg-surface);border-bottom:1px solid var(--border-subtle)}.app-shell .editor-actions{background:var(--bg-surface);border-top:1px solid var(--border-subtle);gap:8px}.app-shell .editor-task-hint{margin:0 0 16px;padding:12px 16px;-webkit-border-start:3px solid var(--accent);border-inline-start:3px solid var(--accent);background:var(--bg-subtle);color:var(--text-secondary);font-size:13px;line-height:1.8}.app-shell .data-menu-popover{border-radius:var(--ui-panel-radius);background:var(--bg-surface);border-color:var(--border-default);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:none;backdrop-filter:none}.app-shell .data-menu-item{background:var(--bg-surface);color:var(--text-primary);border-color:transparent;border-radius:var(--ui-control-radius)}.app-shell .data-menu-item:hover{background:var(--bg-subtle)}.app-shell .topbar-actions{flex-wrap:wrap;gap:8px}.workspace-tools{order:2;flex-basis:100%;min-width:0}.workspace-tools>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:var(--control-height);padding:8px 12px;border:1px solid var(--border-subtle);border-radius:var(--ui-control-radius);background:var(--bg-subtle);color:var(--text-secondary);font-size:13px;cursor:pointer;list-style:none}.workspace-tools>summary::-webkit-details-marker{display:none}.workspace-tools-chevron{width:16px;height:16px;transform:rotate(90deg)}.workspace-tools[open] .workspace-tools-chevron{transform:rotate(180deg)}.workspace-tools-body{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-block:12px}.workspace-tools-body>p{flex-basis:100%;margin:0 0 4px;font-size:13px;color:var(--text-secondary)}.app-shell .workspace-tools-body .provider-action-group{flex-wrap:wrap;min-width:0}.app-shell :is(.content-head,.screen-heading,.local-workflow-head,.quantity-sync-heading,.website-inbox-head){display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-block:0 20px;padding-block:0 16px;border:0;border-bottom:1px solid var(--border-subtle);background:transparent;box-shadow:none;border-radius:0}.app-shell :is(.content-head,.screen-heading,.local-workflow-head,.quantity-sync-heading,.website-inbox-head) :is(h1,h2){margin:4px 0 8px;color:var(--text-primary);font-size:var(--ui-page-title);font-weight:600;line-height:1.5;letter-spacing:normal}.app-shell .workspace-page-purpose,.app-shell :is(.screen-heading,.local-workflow-head,.quantity-sync-heading,.website-inbox-head) p{margin:0;max-width:76ch;color:var(--text-secondary);font-size:13px;line-height:1.9}.app-shell .content-kicker{color:var(--text-muted);font-size:12px}.app-shell .title-row{flex-wrap:wrap;gap:10px}.app-shell .title-row h2{margin:4px 0 8px}.app-shell .updated-chip{border:0;padding:0;background:transparent;color:var(--text-muted);font-size:11px;font-weight:400}.app-shell :is(.screen-page,.local-workflow-screen,.quantity-sync-screen,.website-inbox-screen,.marketplace-reconciliation-screen){padding:0}.app-shell .settings-screen{background:transparent}.app-shell .settings-screen .screen-heading{background:transparent;border-radius:0;box-shadow:none}.app-shell :is(.screen-heading,.local-workflow-head,.quantity-sync-heading,.website-inbox-head)>div:first-child>span{color:var(--text-muted);font-size:12px}.app-shell :is(.settings-section-nav,.dashboard-section-nav,.reconciliation-provider-tabs){box-shadow:none;border-radius:var(--ui-panel-radius)}.app-shell :is(.settings-section-nav,.dashboard-section-nav,.reconciliation-provider-tabs) button{border-radius:var(--ui-control-radius);box-shadow:none}.app-shell :is(.settings-section-nav,.dashboard-section-nav,.reconciliation-provider-tabs) button.active{background:var(--accent-soft);color:var(--text-primary);border-color:var(--border-default);box-shadow:none}:is(html[data-theme=midnight],html[data-theme=graphite]) .app-shell :is(.bulk-fulfillment-btn.direct,.settings-section-nav button.active){color:var(--text-primary)}:is(html[data-theme=midnight],html[data-theme=graphite]) .app-shell .ghost-btn.danger{background:var(--danger-soft);color:var(--danger);border-color:var(--danger)}.app-shell :is(.reports-controls,.statement-filters,.standard-report-controls,.local-workflow-toolbar,.quantity-sync-toolbar){border-radius:var(--ui-panel-radius);background:var(--bg-surface);box-shadow:none;border-color:var(--border-subtle)}.app-shell :is(.report-metric,.dashboard-metric,.permission-stats>button){border-radius:var(--ui-panel-radius);box-shadow:none}.app-shell .dashboard-metric-primary{background:var(--bg-surface)}.app-shell .dashboard-metric-primary strong{color:var(--text-primary)}.app-shell .dashboard-metric-primary.tone-danger strong{color:var(--danger)}.app-shell .dashboard-metric-primary.tone-success strong{color:var(--success)}.app-shell .order-bulk-toolbar.is-empty{border:0;padding-block:6px;background:transparent;box-shadow:none}.app-shell .order-bulk-toolbar.is-empty .order-bulk-copy strong{color:var(--text-secondary);background:transparent}.app-shell .order-bulk-toolbar.has-selection{border-color:var(--border-default);background:var(--bg-subtle)}.app-shell .records-panel:has(.orders-records-table) .order-bulk-toolbar{flex-direction:row;height:auto;min-height:54px;overflow:visible;flex-wrap:wrap;align-items:flex-start;padding:12px}.app-shell .records-panel:has(.orders-records-table) .order-bulk-copy{flex-wrap:wrap;white-space:normal}.app-shell .records-panel:has(.orders-records-table) .order-bulk-actions{flex-direction:row;flex:1 1 540px;flex-wrap:wrap;align-items:flex-start;justify-content:flex-end;overflow:visible}.app-shell .order-bulk-actions .workspace-inline-tools{min-width:0;max-width:100%}.app-shell .order-bulk-actions .workspace-inline-tools>div{align-items:flex-start}@media (max-width:760px){.app-shell .records-panel:has(.orders-records-table) .order-bulk-actions{justify-content:flex-start}.app-shell .order-bulk-actions>.workspace-inline-tools{flex:1 1 140px}}.app-shell :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea){border-radius:var(--ui-control-radius)}.app-shell :is(button,a,summary,input,select,textarea):focus-visible{outline:2px solid var(--accent);outline-offset:3px}.workspace-orientation{position:relative;display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border-subtle);color:var(--text-secondary)}.workspace-orientation nav{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-height:36px;font-size:12px}.workspace-orientation nav button{padding:6px 0;border:0;background:transparent;color:var(--accent);font:inherit;cursor:pointer}.workspace-orientation nav strong{font-weight:500;color:var(--text-primary)}.workspace-guide{-webkit-margin-start:auto;margin-inline-start:auto;max-width:100%}.workspace-guide summary{display:flex;align-items:center;gap:16px;min-height:36px;list-style:none;font-size:12px;cursor:pointer;color:var(--accent)}.workspace-guide summary::-webkit-details-marker{display:none}.workspace-guide[open]{width:100%}.workspace-guide-content{padding:16px;margin-top:8px;border-radius:var(--ui-panel-radius);background:var(--bg-subtle)}.workspace-guide-content p{margin:0 0 12px;color:var(--text-secondary);font-size:13px;line-height:1.9}.workspace-guide ol{counter-reset:work-step;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;margin:0;padding:0;list-style:none}.workspace-guide li{counter-increment:work-step;display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-primary)}.workspace-guide li:before{content:counter(work-step);display:grid;place-items:center;flex:0 0 28px;height:28px;border:1px solid var(--border-default);border-radius:50%;background:var(--bg-surface);font-size:12px;color:var(--accent)}.workspace-home-tabs{display:flex;gap:8px;padding-bottom:16px;margin-bottom:28px;border-bottom:1px solid var(--border-subtle)}.workspace-home-tabs button{min-height:40px;padding:8px 18px;border:1px solid transparent;border-radius:var(--ui-control-radius);background:transparent;color:var(--text-secondary);font:inherit;font-size:13px;cursor:pointer}.workspace-home-tabs button[aria-pressed=true]{border-color:var(--border-default);background:var(--bg-surface);color:var(--text-primary);font-weight:600}.workspace-start{max-width:1120px;margin-inline:auto}.workspace-start-heading{padding-block:8px 24px}.workspace-start-heading>span{color:var(--text-secondary);font-size:13px}.workspace-start-heading h2{margin:8px 0;font-size:clamp(24px,2.5vw,34px);line-height:1.5;font-weight:600;color:var(--text-primary)}.workspace-start-heading>p{color:var(--text-secondary);font-size:14px;line-height:1.9;margin:0 0 24px}.workspace-task-search{display:flex;align-items:center;gap:12px;max-width:540px;min-height:48px;padding-inline:16px;border:1px solid var(--border-default);border-radius:var(--ui-control-radius);background:var(--bg-surface)}.workspace-task-search input{width:100%;min-width:0;min-height:46px;padding:0;border:0;box-shadow:none;background:transparent;color:var(--text-primary);font:inherit;font-size:14px}.workspace-task-search:focus-within{outline:2px solid var(--accent);outline-offset:3px}.workspace-task-search input:focus-visible{outline:none}.workspace-task-search button{border:0;background:transparent;color:var(--text-secondary);font:inherit;min-width:32px;min-height:40px;cursor:pointer}.workspace-start h3{margin:28px 0 14px;color:var(--text-primary);font-size:16px;font-weight:600}.workspace-review-link{display:flex;align-items:center;width:100%;gap:14px;padding:16px 20px;border:1px solid var(--border-default);-webkit-border-start:3px solid var(--accent);border-inline-start:3px solid var(--accent);border-radius:var(--ui-control-radius);background:var(--bg-surface);color:var(--text-primary);text-align:start;font:inherit;cursor:pointer}.workspace-review-link>span:first-of-type{flex:1 1;display:grid;grid-gap:4px;gap:4px}.workspace-review-link strong{font-size:14px;font-weight:600}.workspace-review-link small{color:var(--text-secondary);font-size:12px}.workspace-task-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.workspace-task{position:relative;display:grid;align-content:start;grid-gap:10px;gap:10px;min-height:154px;padding:20px;border:1px solid var(--border-subtle);border-radius:var(--ui-panel-radius);background:var(--bg-surface);text-align:start;color:var(--text-primary);font:inherit;cursor:pointer}.workspace-review-link:hover,.workspace-task:hover{border-color:var(--accent);background:var(--bg-subtle)}.workspace-task-icon{width:22px;height:22px;color:var(--accent)}.workspace-task strong{font-size:15px;font-weight:600}.workspace-task>span{color:var(--text-secondary);font-size:12px;line-height:1.8}.workspace-task i{position:absolute;inset-block-start:20px;inset-inline-end:20px;font-style:normal;color:var(--text-muted)}.workspace-directory{margin-top:32px;padding-top:4px;border-top:1px solid var(--border-subtle)}.workspace-directory>p{margin:0 0 16px;font-size:13px;color:var(--text-secondary)}.workspace-directory>details{border-bottom:1px solid var(--border-subtle)}.workspace-directory summary{display:flex;align-items:center;gap:12px;min-height:52px;cursor:pointer;list-style:none}.workspace-directory summary::-webkit-details-marker{display:none}.workspace-directory summary strong{flex:1 1;font-size:14px;font-weight:500}.workspace-directory summary>span{color:var(--text-muted)}.workspace-directory details>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px;padding-block:4px 20px}.workspace-directory button{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;padding:8px 12px;border:1px solid var(--border-subtle);border-radius:var(--ui-control-radius);background:var(--bg-surface);color:var(--text-primary);font:inherit;font-size:13px;text-align:start;cursor:pointer}.workspace-directory button:hover{background:var(--bg-subtle);border-color:var(--accent)}.workspace-directory-section{display:grid;grid-gap:8px;gap:8px;align-content:start}.workspace-directory h4{margin:8px 0;color:var(--text-secondary);font-size:12px;font-weight:500}.workspace-channel-filter{display:flex;align-items:center;gap:10px;color:var(--text-secondary);font-size:12px;flex:0 0 auto}.workspace-channel-filter select{min-height:var(--control-height);min-width:155px;padding:6px 12px;border:1px solid var(--border-default);background:var(--bg-surface);color:var(--text-primary);font:inherit}.app-shell .orders-filter-cluster{flex-wrap:wrap;gap:12px;min-width:0}.workspace-inline-tools summary{cursor:pointer;min-height:40px;padding:8px 12px;border:1px solid var(--border-default);border-radius:var(--ui-control-radius);background:var(--bg-surface);color:var(--text-primary);font-size:13px}.workspace-inline-tools>div{display:flex;flex-wrap:wrap;gap:8px;padding-block:8px}.workspace-editor-tools{margin-bottom:20px;border:1px solid var(--border-subtle);border-radius:var(--ui-panel-radius)}.workspace-editor-tools>summary{padding:12px 16px;cursor:pointer;color:var(--text-secondary);font-size:13px}.app-shell .workspace-editor-tools .editor-provider-actions{margin:0;border:0;border-top:1px solid var(--border-subtle);border-radius:0;background:var(--bg-subtle)}.workspace-section-number{display:inline-grid;place-items:center;width:24px;height:24px;-webkit-margin-end:8px;margin-inline-end:8px;border:1px solid var(--border-default);border-radius:50%;color:var(--accent);font-size:12px}.workspace-secondary-section{margin-top:28px;padding-top:20px;border-top:1px solid var(--border-subtle)}.workspace-secondary-section>h2{margin:0 0 12px;font-size:16px;color:var(--text-primary)}.app-shell :is(.direct-sale-fields,.direct-sale-lines){margin-block:0 20px;padding:20px;border:1px solid var(--border-subtle);border-radius:var(--ui-panel-radius);background:var(--bg-surface)}.app-shell :is(.direct-sale-fields,.direct-sale-lines) legend{font-size:14px;font-weight:600;padding-inline:8px}.app-shell .direct-sale-submit{margin-top:8px;padding:20px;border:1px solid var(--border-default);border-radius:var(--ui-panel-radius);background:var(--bg-surface)}.app-shell .reconciliation-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-block:0 16px;margin-bottom:20px;border-bottom:1px solid var(--border-subtle);background:transparent}.app-shell .reconciliation-head h1{font-size:var(--ui-page-title);font-weight:600;line-height:1.5}.app-shell .reconciliation-head p{color:var(--text-secondary);font-size:13px;line-height:1.9}.app-shell .import-remove-files{margin-top:8px;min-height:36px;padding:6px 12px;border:1px solid var(--border-default);border-radius:var(--ui-control-radius);background:var(--bg-surface);color:var(--text-secondary);font:inherit;font-size:12px;cursor:pointer}.app-shell .import-files-progress{margin:0;padding:12px 20px;border-top:1px solid var(--border-subtle);background:var(--bg-subtle);color:var(--text-secondary);font-size:13px;line-height:1.8}@media (max-width:1120px){.workspace-directory details>div,.workspace-task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-guide ol{grid-template-columns:minmax(0,1fr)}}@media (max-width:760px){.app-shell .content{padding-inline:14px}.app-shell :is(.content-head,.screen-heading,.local-workflow-head,.quantity-sync-heading,.website-inbox-head){flex-wrap:wrap;gap:12px}.app-shell :is(.action-btn,.ghost-btn,.bulk-fulfillment-btn,.reports-refresh,.statement-load,.reports-load){min-height:44px}.workspace-home-tabs,.workspace-orientation{margin-bottom:16px}.workspace-home-tabs button{flex:1 1;min-height:44px}.workspace-start-heading{padding-top:0}.workspace-directory details>div,.workspace-task-grid{grid-template-columns:minmax(0,1fr)}.workspace-task{min-height:120px}.workspace-tools,.workspace-tools-body .provider-action-group,.workspace-tools-body>.action-btn{width:100%}.workspace-directory summary,.workspace-guide summary{min-height:44px}.workspace-task-search input{font-size:16px}.workspace-channel-filter{flex:1 1 100%}.workspace-channel-filter select{flex:1 1;min-width:0;min-height:44px;font-size:16px}.app-shell .reconciliation-head{flex-wrap:wrap}.app-shell :is(.modal-card,.editor-modal-wide,.editor-modal-standard,.local-collection-dialog,.import-files-dialog){max-width:100%;max-height:calc(100dvh - 16px)}}@media (prefers-reduced-motion:reduce){.app-shell :is(.action-btn,.ghost-btn,.bulk-fulfillment-btn){transition:none}}.app-shell .editor-modal-wide:has(.order-editor-sections) .order-editor-sections{grid-template-columns:minmax(0,1fr)}.app-shell .editor-modal-wide:has(.order-editor-sections) :is(.editor-scroll-content,.order-editor-sections,.order-editor-card,.editor-fields,.field,.order-summary-item){min-width:0;max-width:100%;box-sizing:border-box}.app-shell .editor-modal-wide:has(.order-editor-sections) .order-summary-item strong{overflow-wrap:anywhere}.app-shell .editor-modal-wide:has(.order-editor-sections) .order-metadata-item strong{min-width:0;white-space:normal;overflow-wrap:anywhere}.app-shell .editor-modal-wide:has(.order-editor-sections) .order-metadata-item{height:auto;min-height:28px;flex-wrap:wrap;align-content:start}.app-shell .automatic-sync-card{min-width:0;container:sync-settings/inline-size}.app-shell .automatic-sync-row{grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr))}.app-shell .automatic-sync-row>*{min-width:0}.app-shell .automatic-sync-identity{grid-column:auto}.app-shell .automatic-sync-status{grid-column:1/-2}.app-shell .automatic-sync-actions{flex-direction:row;flex-wrap:wrap}@container sync-settings (max-width: 700px){.app-shell .automatic-sync-row{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell :is(.automatic-sync-identity,.automatic-sync-status,.automatic-sync-actions){grid-column:1/-1}}@container sync-settings (max-width: 440px){.app-shell .automatic-sync-row{grid-template-columns:minmax(0,1fr)}}.app-shell .editor-modal-wide:has(.order-editor-sections) :is(.local-order-operations-card,.local-order-operation-grid,.local-order-operation-grid>label){min-width:0;max-width:100%}.app-shell .editor-modal-wide:has(.order-editor-sections) .local-order-operation-grid :is(input,select,textarea){min-width:0;width:100%;box-sizing:border-box}@media (max-width:760px){.app-shell .editor-modal-wide:has(.order-editor-sections) .order-metadata-bar{grid-template-columns:minmax(0,1fr)}.app-shell .editor-modal-wide:has(.order-editor-sections){width:calc(100vw - 16px);min-width:0;box-sizing:border-box}.app-shell .editor-modal-wide:has(.order-editor-sections)>.panel-head{height:auto;min-height:0;flex-wrap:wrap;gap:8px}.app-shell .editor-modal-wide:has(.order-editor-sections) .editor-fields.orders-editor-fields{grid-template-columns:minmax(0,1fr)}.app-shell .editor-modal-wide:has(.order-editor-sections) .order-editor-card .field{grid-column:1/-1}.app-shell .editor-modal-wide:has(.order-editor-sections) .local-order-operation-grid{grid-template-columns:minmax(0,1fr)}}