/* Workspace navigation groups features by the work being done. */
/* Areas in the sidebar; their tools live in one row of accessible tabs. */
.sidebar{background:linear-gradient(165deg,color-mix(in srgb,var(--accent) 7%,var(--surface)),var(--surface) 65%);padding-top:22px;border-right-color:color-mix(in srgb,var(--accent) 16%,var(--border))}
.sidebar .brand{padding-bottom:19px}
.workspace-main-nav{display:grid;gap:3px;padding:5px 0 12px}
.workspace-main-nav .nav-caption{font-size:9px;font-weight:700;letter-spacing:1.15px;text-transform:uppercase;color:var(--muted);padding:0 11px;margin:0 0 7px;line-height:1.5}
.workspace-main-nav .nav-item{min-height:34px;padding:8px 10px;margin:0;font-size:12px;gap:9px;line-height:1.35;color:var(--muted)}
.workspace-main-nav .nav-item>span:not(.count){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.workspace-main-nav .nav-item{--nav-color:var(--state-blue)}
.workspace-main-nav [data-workspace-group=data],.workspace-main-nav [data-workspace-group=suppliers]{--nav-color:var(--state-teal)}
.workspace-main-nav [data-workspace-group=lifecycle]{--nav-color:var(--state-amber)}
.workspace-main-nav [data-workspace-group=home]{--nav-color:var(--state-gray)}
.workspace-main-nav [data-workspace-group=insights]{--nav-color:#c2489a}
.workspace-main-nav [data-workspace-group=settings]{--nav-color:#5563d6}
.workspace-main-nav .sidebar-help{--nav-color:#0e8fb3}
[data-theme=dark] .workspace-main-nav [data-workspace-group=insights]{--nav-color:#f08ac8}
[data-theme=dark] .workspace-main-nav [data-workspace-group=settings]{--nav-color:#9aa3ff}
[data-theme=dark] .workspace-main-nav .sidebar-help{--nav-color:#6fd3ef}
.workspace-main-nav [data-workspace-group=inbox]{--nav-color:#0891b2}
[data-theme=dark] .workspace-main-nav [data-workspace-group=inbox]{--nav-color:#5fd3ee}
.workspace-main-nav [data-workspace-group=passports]{--nav-color:var(--state-violet)}
.workspace-main-nav [data-workspace-group=compliance]{--nav-color:var(--state-green,#1f8a5b)}
.workspace-main-nav .nav-item svg{width:16px;height:16px;box-sizing:content-box;padding:3px;border-radius:7px;color:var(--nav-color);background:none}
.workspace-main-nav .nav-item:hover{color:var(--ink);background:color-mix(in srgb,var(--nav-color) 7%,var(--surface))}
.workspace-main-nav .nav-item.active{color:var(--accent);background:linear-gradient(100deg,color-mix(in srgb,var(--accent) 15%,var(--surface)),color-mix(in srgb,var(--accent) 6%,var(--surface)));box-shadow:inset 3px 0 var(--accent);font-weight:650}
.workspace-main-nav .nav-item.active svg{color:var(--accent);background:none}
.workspace-main-nav .nav-item .count{border:0;background:var(--surface-subtle);color:var(--muted);font-size:9px}
.sidebar-help{width:100%;margin:0 0 10px}
.sidebar-note{padding-top:11px;margin-top:10px}
.sidebar-footer{padding-top:10px;font-size:8px}
.workspace-tabs-wrap{display:flex;align-items:center;gap:8px;min-width:0;margin:0 0 25px;border-bottom:1px solid var(--border)}
.workspace-tabs{display:flex;align-items:stretch;gap:4px;min-width:0;flex:1;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent;overscroll-behavior-inline:contain;padding:0 1px 3px}
.workspace-tabs>[role=tab]{position:relative;flex:none;border:0;background:transparent;color:var(--muted);font-size:12px;font-weight:500;padding:13px 13px 14px;line-height:1.4;white-space:nowrap;border-radius:7px 7px 0 0}
.workspace-tabs>[role=tab]:hover{color:var(--ink);background:var(--surface-subtle)}
.workspace-tabs>[role=tab][aria-selected=true]{background:var(--accent-soft);color:var(--accent);font-weight:650}
.workspace-tabs>[role=tab][aria-selected=true]:after{content:'';position:absolute;bottom:0;left:12px;right:12px;height:3px;border-radius:3px;background:var(--accent)}
.workspace-tabs>[role=tab]:focus-visible{outline-offset:-3px}
.workspace-tab-scroll{display:grid;place-items:center;flex:none;border:1px solid var(--border);background:var(--surface);color:var(--muted);width:26px;height:28px;border-radius:6px;font-size:20px;line-height:1}
.workspace-tab-scroll[hidden]{display:none}.workspace-tab-scroll:hover{color:var(--accent);border-color:var(--accent)}
@media(max-width:720px){.workspace-tabs-wrap{margin-bottom:20px}.workspace-tabs>[role=tab]{font-size:11px;padding:11px 10px 12px}}
.workspace-page>.st-panel>.st-section-heading,.workspace-page>.operations-content>.op-intro{margin-bottom:22px}.workspace-page h1{font-size:26px;letter-spacing:-.7px}.workspace-page .st-section-heading p{margin-top:8px}
.workspace-page .operations-content{min-width:0}.workspace-page .op-intro{background:transparent;border:0;padding:0}.workspace-page .op-intro>span{display:none}.workspace-page .op-intro h1{margin:0 0 8px}
.dashboard-hero{background:transparent;border:0;box-shadow:none;border-radius:0;padding:0 0 20px;margin:0 0 10px}
.dashboard-hero .page-heading,.dashboard-hero .page-heading>div{background:transparent}
/* Compact rows with a readable name, one status label and a reserved action column. */
.portfolio-table table{min-width:980px}
.portfolio-table th:nth-child(1){width:36px}.portfolio-table th:nth-child(2){width:36px}.portfolio-table th:nth-child(4){width:112px}.portfolio-table th:nth-child(5){width:88px}.portfolio-table th:nth-child(6){width:124px}.portfolio-table th:nth-child(7){width:56px}.portfolio-table th:nth-child(8){width:104px}.portfolio-table th:nth-child(9){width:100px}.portfolio-table th:nth-child(10){width:132px}
.portfolio-table th{padding:12px 10px;font-size:10px;white-space:nowrap}
.portfolio-table td{padding:10px;font-size:11px;vertical-align:middle}
.portfolio-table .product-link{gap:10px;text-align:left;min-width:0}
.portfolio-table .product-link>span:last-child{min-width:0;flex:1}
.portfolio-table .product-link b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.5;font-weight:600}
.portfolio-table .product-link small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.5;margin-top:1px}
.portfolio-table .product-symbol,.portfolio-table .product-symbol img{width:34px;height:34px;flex:none}
.portfolio-table .product-supplier,.portfolio-table .product-category{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.portfolio-table .product-updated{white-space:nowrap;font-size:10px}
.product-version{text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums}
.portfolio-table th.product-version,.portfolio-table td.product-version{padding-left:5px;padding-right:5px;text-align:center}
.product-version>span{display:block;width:100%;text-align:center}.product-version span{font-weight:600;color:var(--muted)}
.portfolio-table .progress-cell{gap:7px;font-size:10px}.portfolio-table .progress-cell .progress{width:34px;flex-shrink:0}
.portfolio-table .product-row-actions{flex-wrap:nowrap;gap:6px;align-items:center}
.portfolio-table .product-row-actions>.btn{white-space:nowrap;flex:0 1 auto;min-width:0;max-width:100%;text-overflow:ellipsis;overflow:hidden;padding:7px 9px;line-height:1.3;display:block;font-size:10px}
.portfolio-table .product-row-menu{flex:none}
.portfolio-table .product-row-menu>summary{width:28px;height:28px;padding:0;display:grid;place-items:center}
.portfolio-table .selection-cell{padding:10px 8px}
/* A circular progress marker and a soft capsule keep status readable in a single row. */
.process-compact{--status-color:var(--state-blue);display:inline-flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:5px;min-width:0;padding:5px 8px 5px 5px;border:0;border-radius:999px;color:color-mix(in srgb,var(--status-color) 82%,var(--ink));background:color-mix(in srgb,var(--status-color) 10%,var(--surface));box-shadow:none;transition:background .15s,box-shadow .15s}
.portfolio-table .process-compact{width:max-content;max-width:100%}
.process-compact:hover{background:color-mix(in srgb,var(--status-color) 18%,var(--surface));box-shadow:0 0 0 2px color-mix(in srgb,var(--status-color) 15%,transparent)}
.process-current-label{font-size:10px;font-weight:650;line-height:1.4;white-space:nowrap}
.process-orbit{position:relative;display:grid;place-items:center;width:22px;height:22px;flex:none;border-radius:50%;background:conic-gradient(var(--status-color) var(--process-turn),color-mix(in srgb,var(--status-color) 18%,var(--surface)) 0)}
.process-orbit:before{content:'';position:absolute;inset:2px;border-radius:50%;background:var(--surface)}
.process-status-icon{position:relative;width:12px;height:12px;stroke-width:2}
.process-compact.process-draft{--status-color:var(--state-blue)}
.process-compact.process-review{--status-color:var(--state-amber)}
.process-compact.process-published{--status-color:var(--state-teal)}
.process-compact.process-archived{--status-color:var(--state-gray)}
/* Account appearance control: sun and moon remain visible while the thumb moves. */
.profile-appearance{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 4px 8px;padding:12px 8px 14px;border-bottom:1px solid var(--border)}
.profile-appearance>span{min-width:0}.profile-appearance b{display:block;font-size:12px;font-weight:600;color:var(--ink)}
.profile-appearance small{display:block;margin-top:4px;font-size:11px;color:var(--muted)}
.profile-menu .profile-theme-switch{position:relative;flex:none;display:block;width:88px;height:40px;padding:0;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--accent) 12%,var(--surface));overflow:hidden;transition:background .2s,border-color .2s}
.profile-menu .profile-theme-switch:hover{background:color-mix(in srgb,var(--accent) 19%,var(--surface))}
.theme-switch-thumb{position:absolute;inset:3px auto auto 3px;width:32px;height:32px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #15395324;transition:transform .22s ease,background .22s}
.profile-menu .profile-theme-switch svg{position:absolute;top:9px;width:20px;height:20px;pointer-events:none;transition:color .2s}
.profile-menu .theme-switch-sun{left:9px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;color:#a56c0c}
.profile-menu .theme-switch-moon{right:9px;fill:currentColor;stroke:none;color:color-mix(in srgb,var(--accent) 48%,var(--muted))}
.profile-menu .profile-theme-switch[aria-checked=true]{background:#10516b;border-color:#6aa2c0}
.profile-menu .profile-theme-switch[aria-checked=true]:hover{background:#155e7b}
.profile-theme-switch[aria-checked=true] .theme-switch-thumb{transform:translateX(48px);background:#082f42;box-shadow:none}
.profile-menu .profile-theme-switch[aria-checked=true] .theme-switch-sun{color:#5296b9}
.profile-menu .profile-theme-switch[aria-checked=true] .theme-switch-moon{color:#e4f3fb}
.profile-theme-switch:disabled{cursor:wait;opacity:.7}
@media(prefers-reduced-motion:reduce){.profile-menu .profile-theme-switch,.theme-switch-thumb,.profile-menu .profile-theme-switch svg,.process-compact{transition:none}}
/* All product sections keep the same inset as the dialog title and footer. */
.product-view-dialog .product-dialog-body{padding:0 28px 24px;overflow-y:auto;scrollbar-gutter:stable}
.product-view-dialog .technical-tabs,.product-view-dialog .technical-tabs-layout,.product-view-dialog .technical-panels,.product-view-dialog .technical-tab-panel{height:auto}
.product-view-dialog .technical-tabs-layout{min-height:0;border:1px solid var(--border);border-radius:10px;overflow:hidden}
.product-view-dialog .technical-tab-panel{overflow:visible}
@media(max-width:700px){.product-view-dialog .product-dialog-body{padding:0 18px 18px}.product-view-dialog .technical-tab-panel{padding:18px 14px}}
.audit-filter-actions{display:flex;gap:8px;align-items:end;justify-content:flex-end}.audit-filters+section td{font-size:11px}.audit-filters+section td code{font-size:10px;overflow-wrap:anywhere;white-space:normal}.audit-empty{text-align:center;padding:30px!important;color:var(--muted)}
.approval-summary{display:flex;gap:14px;align-items:center;margin-bottom:20px}.approval-summary strong{font-size:32px;color:var(--accent)}.approval-summary span{font-size:12px;color:var(--muted)}
.assistant-trigger{color:var(--accent)}.assistant-drawer{margin:0 0 0 auto;max-height:100dvh;height:100dvh;max-width:520px;width:min(520px,100%);border-radius:16px 0 0 16px;padding:24px}.assistant-drawer .card{box-shadow:none;border:0}.assistant-drawer .card-body{padding:10px 0}.assistant-drawer .notice{font-size:11px}
.product-section-tabs{display:flex;gap:5px;overflow-x:auto;padding:4px 0 14px;margin-bottom:18px;border-bottom:1px solid var(--border)}.product-section-tabs>button{border:0;border-radius:8px;background:transparent;color:var(--muted);font:inherit;font-size:12px;padding:10px 12px;white-space:nowrap;cursor:pointer}.product-section-tabs>button[aria-selected=true]{background:var(--accent-soft);color:var(--accent);font-weight:600}
.product-context-section[hidden]{display:none}.product-context-section .product-hub-actions{gap:8px}.product-context-section>.technical-view{margin-top:0}.product-context-section .technical-tabs-heading{display:none}.product-context-section .technical-tabs-layout{min-height:0}
.supplier-related{margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}.supplier-related h3{font-size:14px;margin:18px 0 12px}.supplier-linked-row{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border);font-size:12px}.supplier-linked-row small{color:var(--muted)}.supplier-linked-row .record-name{text-align:left}
@media(max-width:720px){.workspace-page h1{font-size:23px}.product-section-tabs>button{font-size:11px;padding:9px}.audit-filter-actions{flex-wrap:wrap}.dashboard-hero{padding:0 0 18px}}

.workspace-page{min-width:0}.workspace-page .page-heading{flex-wrap:wrap}.workspace-page .page-heading .actions{margin-left:auto}
#dialog:has(.qr-workspace) .page-heading{display:none}
/* Persistent icon rail replaces the former hidden desktop drawer. */
.sidebar-brand-row{display:flex;align-items:center;gap:4px;padding:0 4px 20px}
.sidebar-brand-row .brand{flex:1;min-width:0;padding:0 6px}
.sidebar-brand-row .sidebar-toggle{display:grid;place-items:center;width:30px;height:32px;border:1px solid transparent;color:var(--muted);flex:none}
.sidebar-brand-row .sidebar-toggle:hover{background:var(--accent-soft);color:var(--accent);border-color:var(--border)}
.sidebar-brand-row .sidebar-toggle svg{width:19px;height:19px}
.sidebar-rail .sidebar{visibility:visible;transform:none;width:72px;padding:20px 10px 14px}
.sidebar-rail .shell{margin-left:72px}
.sidebar-rail .sidebar-brand-row{flex-direction:column;padding:0 0 16px;gap:14px}
.sidebar-rail .sidebar-brand-row .brand{padding:0;flex:none}
.sidebar-rail .brand-wordmark,.sidebar-rail .nav-caption,.sidebar-rail .workspace-main-nav .nav-item>span,.sidebar-rail .sidebar-help>span,.sidebar-rail .workspace-meta,.sidebar-rail .workspace-arrow,.sidebar-rail .sidebar-footer{display:none}
.sidebar-rail .workspace-main-nav{gap:5px;padding-top:0}
.sidebar-rail .workspace-main-nav .nav-item,.sidebar-rail .sidebar-help{justify-content:center;padding:8px 0;min-height:38px}
.sidebar-rail .workspace-main-nav .nav-item svg{padding:3px}
.sidebar-rail .sidebar-note{padding:10px 0 0}
.sidebar-rail .workspace-button{justify-content:center;padding:8px 0}
.sidebar-rail .workspace-icon{flex:none}
.sidebar-rail .sidebar-toggle svg{transform:scaleX(-1)}
.sidebar-rail .sidebar .brand-icon{width:30px;height:30px}
@media(min-width:721px){.sidebar,.shell{transition:width .18s ease,margin-left .18s ease}.sidebar-collapsed:not(.sidebar-rail) .sidebar{visibility:visible;transform:none}}
@media(max-width:720px){
 .sidebar,.sidebar-collapsed .sidebar{visibility:visible;transform:none;box-shadow:none}
 .sidebar-rail .sidebar{width:60px;padding:16px 6px 12px}
 .sidebar-rail .shell,.shell,.sidebar-collapsed .shell{margin-left:60px}
 .menu-open .sidebar{width:248px;box-shadow:15px 0 50px #08152b40}
 .sidebar-brand-row{padding-bottom:16px}.sidebar-rail .brand-icon{width:27px;height:27px}
 .topbar{padding-left:14px;padding-right:14px}.header-left{min-width:0}
}
/* Account preferences sit after the profile link, with an aligned compact control. */
.profile-appearance{margin:3px 0 4px;padding:9px 12px;border:0;border-radius:8px;background:var(--surface-subtle);gap:8px}
.profile-appearance .profile-appearance-label{display:flex;gap:10px;align-items:center}
.profile-appearance-label>svg{width:16px;height:16px;color:var(--muted)}
.profile-appearance b{font-weight:500}
.profile-menu{width:280px;padding:8px}
/* Tabs use a quiet underline throughout the workspace. */
.workspace-tabs{gap:8px;padding-bottom:0}
.workspace-tabs>[role=tab],.product-section-tabs>button{border-radius:0;background:transparent;border:0;position:relative}
.workspace-tabs>[role=tab]:hover,.product-section-tabs>button:hover{background:transparent;color:var(--ink)}
.workspace-tabs>[role=tab][aria-selected=true],.product-section-tabs>button[aria-selected=true]{background:transparent;color:var(--ink);font-weight:600;box-shadow:none}
.workspace-tabs>[role=tab][aria-selected=true]:after,.product-section-tabs>button[aria-selected=true]:after{content:'';position:absolute;bottom:0;left:12px;right:12px;height:2px;border-radius:1px;background:var(--accent)}
.tabs [role=tab]{position:relative;background:transparent!important;border-radius:0;box-shadow:none!important}
.tabs [role=tab][aria-selected=true]{background:transparent!important;color:var(--ink);border-bottom-width:2px}
@media(prefers-reduced-motion:reduce){.sidebar,.shell{transition:none}}
.record-context-menu{position:fixed;inset:auto;margin:0;min-width:205px;max-width:min(280px,calc(100vw - 16px));max-height:calc(100dvh - 16px);overflow:auto;padding:6px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:var(--floating-shadow);color:var(--ink);z-index:200}
.record-context-menu .context-caption{padding:8px 10px 10px;margin-bottom:4px;border-bottom:1px solid var(--border);font-size:11px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}
.record-context-menu [role=menuitem]{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:9px 10px;border:0;border-radius:6px;background:transparent;text-decoration:none;color:var(--ink);font:inherit;font-size:12px;text-align:left;cursor:pointer}
.record-context-menu [role=menuitem]:hover,.record-context-menu [role=menuitem]:focus{background:var(--accent-soft);outline:none;color:var(--accent)}
.record-context-menu .context-danger{color:var(--danger)}.record-context-menu .context-danger:hover,.record-context-menu .context-danger:focus{color:var(--danger);background:color-mix(in srgb,var(--danger) 9%,var(--surface))}
.deletion-impact{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 18px}.deletion-impact>div{padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--surface-subtle)}.deletion-impact b{display:block;font-size:22px;color:var(--accent)}.deletion-impact span{font-size:10px;color:var(--muted)}
[data-form=supplier] .form-actions>[data-action=confirm-delete-supplier]{margin-right:auto;color:var(--danger)}
@media(max-width:480px){.deletion-impact{grid-template-columns:1fr 1fr}}
/* Compact account control and comfortable workflow cards. */
.profile-menu .profile-identity-heading{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-bottom:8px}
.profile-identity-heading>b{min-width:0;overflow-wrap:anywhere}
.profile-menu .identity .profile-theme-switch{width:64px;min-width:64px;height:30px;padding:0;flex:none;border-radius:30px}
.profile-menu .identity .theme-switch-thumb{width:24px;height:24px;left:2px;top:2px}
.profile-menu .identity .profile-theme-switch[aria-checked=true] .theme-switch-thumb{transform:translateX(34px)}
.profile-menu .identity .profile-theme-switch svg{width:16px;height:16px;top:6px}
.profile-menu .identity .theme-switch-sun{left:6px}.profile-menu .identity .theme-switch-moon{right:6px}
.context-caption small{display:block;margin-top:5px;color:var(--accent);font-weight:600}
.timeline-cycles{display:grid;gap:14px}.timeline-cycles>ol+ol{padding-top:6px;border-top:1px solid var(--border)}
.family-card,.recovery-card{padding:24px;min-width:0}.family-card{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.family-card h3,.recovery-card h3{margin:0;line-height:1.4;overflow-wrap:anywhere}.family-card p,.recovery-card p{margin:0;line-height:1.65;color:var(--muted)}
.family-card .actions{margin-top:auto;padding-top:8px;gap:8px}.gr-family-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.recovery-card{display:grid;gap:18px;margin-bottom:24px}.recovery-card>.row{gap:16px;flex-wrap:wrap}.recovery-card>.row h3{flex:1;min-width:180px}
.recovery-card form{display:grid;grid-template-columns:minmax(150px,1fr) minmax(130px,200px) auto;gap:16px;align-items:end;padding-top:18px;border-top:1px solid var(--border)}
.recovery-card form .form-error{grid-column:1/-1;grid-row:2}.recovery-card form .form-error:empty{display:none}
@media(max-width:700px){.recovery-card form{grid-template-columns:1fr}.recovery-card form .form-error{grid-row:auto}.timeline-cycles ol{flex-wrap:nowrap}.timeline-cycles li{min-width:150px}}

.gr-plan-usage{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.gr-plan-usage .gr-stat{padding:20px 16px}.gr-plan-usage .gr-stat strong{font-size:25px}.timeline-cycles{min-width:0}
@media(max-width:1100px){.gr-plan-usage{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}
/* Product creation follows the existing workspace palette and spacing. */
.product-wizard-dialog{width:min(980px,calc(100vw - 32px));max-width:980px;padding:26px}
.pw-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:22px 0 26px;gap:12px}
.pw-steps li{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px;border-bottom:2px solid var(--border);padding:0 0 14px}
.pw-steps .pw-step-icon{position:relative;display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:50%;background:var(--bg);border:1px solid var(--border)}
.pw-steps .pw-step-icon>svg{width:18px;height:18px}.pw-steps li[aria-current]{color:var(--accent);border-color:var(--accent)}.pw-steps li[aria-current]>.pw-step-icon{background:var(--accent);color:var(--surface);border-color:var(--accent)}.pw-steps li.complete{color:var(--state-teal)}.pw-steps li.complete>.pw-step-icon{background:color-mix(in srgb,var(--state-teal) 10%,var(--surface));border-color:color-mix(in srgb,var(--state-teal) 25%,var(--border))}.pw-step-done{position:absolute;right:-4px;bottom:-3px;display:grid;place-items:center;width:14px;height:14px;border-radius:50%;background:var(--state-teal);color:var(--surface);box-shadow:0 0 0 2px var(--surface)}.pw-step-done svg{width:10px;height:10px}
.pw-content h3{font-size:17px;margin:0 0 12px;line-height:1.5}.pw-hint{font-size:12px;color:var(--muted);line-height:1.7;margin:0 0 20px}.pw-content .notice{line-height:1.7;margin:14px 0 20px}.pw-content .product-template-picker{margin:20px 0}.pw-content [data-pw-panel][hidden]{display:none}
.pw-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--border);padding-top:20px;margin-top:24px}.pw-footer>span{font-size:11px;color:var(--muted);max-width:310px;line-height:1.6}.pw-footer .actions{flex-wrap:wrap}.pw-footer [hidden]{display:none}.pw-image-field{margin-top:22px}.pw-image-field .pw-hint{margin:8px 0}
.pw-resume,.pw-upload,.pw-diff{border:1px solid var(--border);border-radius:10px;padding:14px;margin:0 0 20px}.pw-resume summary,.pw-upload summary,.pw-diff summary{font-size:12px;font-weight:600;cursor:pointer;line-height:1.7}.pw-resume[open] summary,.pw-upload[open] summary,.pw-diff[open] summary{margin-bottom:16px}.pw-resume .field{margin-bottom:10px}
.pw-product-summary{display:flex;gap:13px;align-items:center;padding:18px;background:var(--accent-soft);border-radius:10px;margin-bottom:24px}.pw-product-summary>svg{width:30px;height:30px;color:var(--accent);flex:none}.pw-product-summary b{font-size:16px}.pw-product-summary small{display:block;margin-top:6px;font-size:12px;color:var(--muted)}
.pw-documents{margin:20px 0}.pw-documents article,.pw-documents article>div{display:flex;align-items:center;gap:14px}.pw-documents article{justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--border)}.pw-documents svg{width:22px;height:22px;color:var(--accent)}.pw-documents a{font-size:13px}.pw-documents small{display:block;font-size:11px;color:var(--muted);margin-top:6px}
.pw-checks{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.pw-checks>div{display:flex;align-items:center;gap:9px;font-size:12px;padding:14px;border:1px solid var(--border);border-radius:9px}.pw-checks svg{width:17px;height:17px;flex:none}.pw-checks b{margin-left:auto;font-size:10px}.pw-checks .ready svg,.pw-checks .ready b{color:var(--state-teal)}.pw-checks .missing svg,.pw-checks .missing b{color:var(--state-amber)}.pw-diff td{max-width:300px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px}
.pw-error{color:var(--danger)}.pw-content .technical-tabs-layout{min-height:300px}.pw-content .technical-tab-panel{padding:22px}.pw-content .technical-side-nav{width:190px}
.comparison-choices{max-height:380px;overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:8px}.comparison-choices label{display:flex;gap:10px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:8px;cursor:pointer}.comparison-choices b{font-size:12px}.comparison-choices small{display:block;font-size:10px;color:var(--muted);margin-top:4px}
.product-selection-note{display:flex;gap:5px;align-items:center;padding:12px 16px;font-size:12px;background:var(--accent-soft);color:var(--accent);border-bottom:1px solid var(--border)}.product-selection-note span{margin-left:12px;font-size:11px;color:var(--muted)}
/* Reserve a compact name column; distribute the remaining space across metadata. */
.portfolio-table table{table-layout:fixed;min-width:980px}
.portfolio-table th:nth-child(1){width:32px;min-width:32px}.portfolio-table th:nth-child(2){width:24px}.portfolio-table th:nth-child(3){width:180px}.portfolio-table th:nth-child(4){width:104px}.portfolio-table th:nth-child(5){width:80px}.portfolio-table th:nth-child(6){width:108px}.portfolio-table th:nth-child(7){width:46px}.portfolio-table th:nth-child(8){width:90px}.portfolio-table th:nth-child(9){width:86px}.portfolio-table th:nth-child(10){width:130px}.portfolio-table .selection-cell{min-width:32px;width:32px}.portfolio-table .selection-cell input{width:14px;height:14px;min-width:14px}.portfolio-table .product-row-actions{justify-content:flex-start}.portfolio-table th:nth-child(7),.portfolio-table th:nth-child(8){padding-left:5px;padding-right:5px}
.portfolio-table td{padding:13px 10px}.portfolio-table .product-row-actions>.btn{display:inline-flex;justify-content:center;align-items:center;gap:6px;border-radius:999px;font-size:10px;font-weight:600;padding:8px 10px;line-height:1.3;box-shadow:none;overflow:visible}
.portfolio-table .product-row-actions>.btn svg{width:13px;height:13px;flex:none}.portfolio-table .product-row-actions>[data-action=request-review]{color:var(--state-blue);background:color-mix(in srgb,var(--state-blue) 8%,var(--surface));border-color:color-mix(in srgb,var(--state-blue) 22%,var(--border))}.portfolio-table .product-row-actions>[data-action=confirm-publish]{color:var(--state-teal);background:color-mix(in srgb,var(--state-teal) 10%,var(--surface));border-color:color-mix(in srgb,var(--state-teal) 25%,var(--border))}.portfolio-table .product-row-actions>.btn:hover{filter:brightness(.96)}
.section-spaced-title{margin:30px 0 18px!important;line-height:1.5}.section-spaced-title+span{display:inline-flex;margin-bottom:14px}.section-spaced-title~p{line-height:1.8}
@media(max-width:700px){.product-wizard-dialog{padding:18px}.pw-steps{gap:8px}.pw-steps li{flex-direction:column;align-items:flex-start;font-size:10px}.pw-footer{align-items:flex-start;flex-direction:column}.pw-checks,.comparison-choices{grid-template-columns:1fr}.pw-content .technical-side-nav{width:auto}.pw-checks>div{padding:11px}.product-selection-note{flex-wrap:wrap}}
.pw-workflow{margin:24px 0;padding:18px;border:1px solid var(--border);border-radius:10px}.pw-workflow ol{padding:0;list-style:none}.pw-workflow li{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--border);font-size:12px}.pw-workflow li span{color:var(--muted);margin-left:auto}.pw-workflow li small{color:var(--accent)}.pw-workflow form{margin-top:18px}
.product-wizard-dialog[open]{display:flex;flex-direction:column;max-height:calc(100dvh - 48px)}.product-wizard-dialog>.dialog-header,.product-wizard-dialog>.pw-steps{flex:none}.product-wizard-dialog>.pw-content{min-height:0;overflow-y:auto;scrollbar-gutter:stable;padding-right:4px}.pw-content .pw-footer{position:sticky;bottom:0;z-index:2;background:var(--surface);padding:16px 0 4px;box-shadow:0 -10px 14px var(--surface)}.pw-content .technical-tabs-layout,.pw-content .technical-panels,.pw-content .technical-tab-panel{height:auto;max-height:none;overflow:visible}

/* Balance the workflow columns around Version, including their visible contents. */
.portfolio-table th.product-column-passport_status,.portfolio-table th.product-column-completeness{width:108px;padding-left:5px;padding-right:5px;text-align:center}
.portfolio-table .product-column-passport_status .product-sort,.portfolio-table .product-column-completeness .product-sort{justify-content:center;width:100%;gap:5px}
.portfolio-table .product-passport-status,.portfolio-table .product-completeness{text-align:center;padding-left:5px;padding-right:5px}
.portfolio-table .product-completeness .progress-cell{justify-content:center}

/* Sidebar bands: daily work, battery lifecycle (numbered), context, settings at the end */
.workspace-main-nav .nav-band{display:grid;gap:3px}
.workspace-main-nav .nav-band+.nav-band{margin-top:12px}
.workspace-main-nav .nav-band-settings{margin-top:16px;padding-top:10px;border-top:1px solid var(--border)}
.workspace-main-nav .nav-step{margin-left:auto;flex:none;min-width:18px;height:18px;border-radius:6px;display:grid;place-items:center;font-size:10px;font-weight:600;color:var(--muted);border:1px solid var(--border);font-variant-numeric:tabular-nums}
.workspace-main-nav .nav-item.active .nav-step{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}
.sidebar-rail .workspace-main-nav .nav-step{display:none}
.sidebar-rail .workspace-main-nav .nav-band+.nav-band{margin-top:6px;padding-top:6px;border-top:1px solid var(--border)}
/* Section switcher for large areas, then the tabs of the active section */
.workspace-sections{display:flex;flex-wrap:wrap;gap:2px;margin:0 0 10px;padding:3px;background:var(--surface-subtle);border:1px solid var(--border);border-radius:10px;width:max-content;max-width:100%}
.workspace-sections button{border:0;background:none;font:inherit;font-size:12.5px;color:var(--muted);padding:6px 12px;border-radius:7px;cursor:pointer;white-space:nowrap}
.workspace-sections button:hover{color:var(--ink)}
.workspace-sections button[aria-pressed="true"]{background:var(--surface);color:var(--ink);font-weight:600;box-shadow:0 1px 2px #17213314}
.workspace-sections button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.workspace-tab-divider{flex:none;width:1px;align-self:center;height:18px;margin:0 6px;background:var(--border)}
.workspace-main-nav .nav-band>.nav-caption{margin:0 0 4px}
/* Help & Support is the last item under Settings; the workspace switcher stays at the bottom */
.workspace-main-nav .sidebar-help{margin:0;--nav-color:#0e8fb3}
[data-theme=dark] .workspace-main-nav .sidebar-help{--nav-color:#6fd3ef}
.sidebar>.sidebar-note{margin-top:auto}