/* Public visual language; shared by all authenticated pages. */
/* Related resources use the same typography and colors as the catalog lists. */
html:root[data-theme][data-workspace-design] body :is(#assetApplications,#assetDiagrams,#applicationAssets) .catalog-list-item{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--workspace-line);border-radius:8px;background:var(--workspace-surface);box-shadow:none;min-width:0;position:relative}
html:root[data-theme][data-workspace-design] body :is(#assetApplications,#assetDiagrams,#applicationAssets) .catalog-list-item::before{content:"";flex:none;width:24px;height:24px;background:var(--workspace-accent);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5'%3E%3Crect x='3' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1.5'/%3E%3C/svg%3E") center/contain no-repeat}
html:root[data-theme][data-workspace-design] body :is(#assetApplications,#assetDiagrams,#applicationAssets) .catalog-list-item>div:first-of-type{flex:1;min-width:0}
html:root[data-theme][data-workspace-design] body :is(#assetApplications,#assetDiagrams,#applicationAssets,#linkedDiagrams) .catalog-list-item a{display:block;min-width:0;flex:1;color:var(--workspace-ink)!important;font:400 14px/1.5 Arial,"Segoe UI",sans-serif;text-decoration:none;overflow-wrap:anywhere}
html:root[data-theme][data-workspace-design] body :is(#assetApplications,#assetDiagrams,#applicationAssets,#linkedDiagrams) .catalog-list-item a:hover{color:var(--workspace-accent)!important}
html:root[data-theme][data-workspace-design] body :is(#assetApplications,#assetDiagrams,#applicationAssets,#linkedDiagrams) .catalog-list-item small{display:block;margin-top:4px;color:var(--workspace-muted)!important;font:400 12px/1.5 Arial,"Segoe UI",sans-serif}
html:root[data-theme][data-workspace-design] body :is(#assetApplications,#assetDiagrams,#applicationAssets) .catalog-list-item [hidden]{display:none!important}
html:root[data-theme][data-workspace-design] body #linkedDiagrams .catalog-list-item .linked-diagram-link{display:flex}
@media(max-width:600px){html:root[data-theme][data-workspace-design] body :is(#assetApplications,#assetDiagrams,#applicationAssets) .catalog-list-item{flex-wrap:wrap}html:root[data-theme][data-workspace-design] body :is(#assetApplications,#assetDiagrams,#applicationAssets) .catalog-list-item>button{margin-left:38px}}
html:root[data-theme][data-workspace-design] body .governance-tabs button{font:500 13px/20px Arial,"Segoe UI",sans-serif!important;box-shadow:none!important;color:var(--workspace-muted);border-color:var(--workspace-line)}
html:root[data-theme][data-workspace-design] body .governance-tabs button[aria-pressed=true]{color:var(--workspace-accent);background:var(--workspace-soft);border-color:var(--workspace-line)}
html:root[data-theme][data-workspace-design] body .governance-heading h1{font-weight:500!important}
html:root[data-theme][data-workspace-design] body .settings-content .organization-permissions{padding:0!important}
html:root[data-theme][data-workspace-design] body .settings-tabs>[hidden]{display:none!important}
:root{--workspace-bg:#f5f5f2;--workspace-surface:#fff;--workspace-ink:#14212a;--workspace-muted:#53616c;--workspace-line:#d9deda;--workspace-accent:#1556df;--workspace-on-accent:#fff;--workspace-soft:#e9eefb}
:root[data-theme=dark]{--workspace-bg:#0c171e;--workspace-surface:#13242e;--workspace-ink:#f1f4f4;--workspace-muted:#a5b6c0;--workspace-line:#2c3e48;--workspace-accent:#87baff;--workspace-on-accent:#0c171e;--workspace-soft:#1a344b}
html:root[data-theme][data-workspace-design] body:has(.workspace-header){--font-ui:Arial,"Segoe UI",sans-serif;--font-display:Arial,"Segoe UI",sans-serif;--ink:var(--workspace-ink);--muted:var(--workspace-muted);--line:var(--workspace-line);--blue:var(--workspace-accent);font-family:var(--font-ui);-webkit-font-smoothing:antialiased}
html:root[data-theme][data-workspace-design] body .app-header.workspace-header{background:var(--workspace-bg)!important;color:var(--workspace-ink)!important;border-color:var(--workspace-line)!important;box-shadow:none!important}
html:root[data-theme][data-workspace-design] body .app-header.workspace-header .workspace-brand{font-family:var(--brand-font)!important;color:var(--workspace-ink)!important;font-size:18px!important;font-weight:var(--brand-weight)!important;letter-spacing:var(--brand-spacing)!important;font-synthesis:none}
.workspace-brand::after{content:".";color:var(--brand-dot)}
html:root[data-theme][data-workspace-design] body .app-header.workspace-header .header-title p{color:var(--workspace-muted)!important}
html:root[data-theme][data-workspace-design] body .app-header.workspace-header .tool-menu a{color:var(--workspace-muted)!important;border-radius:6px!important}
html:root[data-theme][data-workspace-design] body .app-header.workspace-header .tool-menu a.active{background:var(--workspace-accent)!important;color:var(--workspace-on-accent)!important}
html:root[data-theme][data-workspace-design] body .app-header.workspace-header .tool-menu{border-color:var(--workspace-line)!important}
@media(max-width:760px){html:root[data-theme][data-workspace-design] body .app-header.workspace-header .tool-menu{background:var(--workspace-surface)!important}}
/* Shared workspace primitives. Explicit classes keep graph nodes, canvas controls and
   vendor iframes outside this theme. Important declarations bridge legacy page CSS. */
html:root[data-theme][data-workspace-design] body:has(.workspace-header){background:var(--workspace-bg)!important;color:var(--workspace-ink)!important;--surface:var(--workspace-surface);--soft:var(--workspace-soft);--shadow:0 8px 24px #00000008}
html:root[data-theme][data-workspace-design] body :is(.portal,.portal-main,.portal-content,.library-main,.catalog-main,.settings-main,.settings-content,.governance-main,.arch-iq-main,.icon-catalog-main,.observed-main){background:transparent!important;color:var(--workspace-ink)!important;min-width:0;box-sizing:border-box}
html:root[data-theme][data-workspace-design] body :is(.portal-welcome,.library-section-head,.catalog-heading,.arch-iq-heading,.icon-catalog-intro){background:transparent!important;color:var(--workspace-ink)!important;box-shadow:none!important;padding-block:24px!important;border-color:var(--workspace-line)!important}
html:root[data-theme][data-workspace-design] body :is(.portal-welcome,.library-section-head,.catalog-heading,.arch-iq-heading,.icon-catalog-intro) :is(h1,h2){color:var(--workspace-ink)!important;font-family:Arial,"Segoe UI",sans-serif!important;font-size:clamp(25px,2.5vw,36px)!important;line-height:1.18!important;letter-spacing:-.04em!important;font-weight:650!important}
html:root[data-theme][data-workspace-design] body :is(.portal-card,.portal-kpi,.catalog-card,.catalog-panel,.settings-card,.profile-card,.approval-card,.diagram-list-panel,.access-management-card,.license-card,.arch-iq-onboarding-card,.billing-estimate,.icon-library-note,.library-toolbar,.catalog-toolbar,.arch-iq-filters,.arch-iq-search-results,.observed-source-card,.observed-panel){background:var(--workspace-surface)!important;color:var(--workspace-ink)!important;border:1px solid var(--workspace-line)!important;border-radius:8px!important;box-shadow:none!important;min-width:0}
html:root[data-theme][data-workspace-design] body :is(.portal-kpi strong,.portal-card h3,.catalog-panel h2,.catalog-panel h3,.catalog-card h2,.settings-card h2,.settings-card h3,.profile-card h2,.approval-card h2,.approval-card h3,.library-section-head h1){color:var(--workspace-ink)!important}
html:root[data-theme][data-workspace-design] body :is(.catalog-heading p,.arch-iq-heading p,.portal-kpi-label,.catalog-panel>p,.settings-card>p,.profile-card>p,.approval-card>p,.catalog-form label,.settings-form label,.profile-form label){color:var(--workspace-muted)!important}
html:root[data-theme][data-workspace-design] body :is(.recent-diagram,.portal-application,.diagram-row,.catalog-table tr,.diagram-table tr){border-color:var(--workspace-line)!important}
html:root[data-theme][data-workspace-design] body :is(.catalog-table,.diagram-table,.invoice-table,.members-table){color:var(--workspace-ink)!important;background:var(--workspace-surface)!important;border-collapse:collapse}
html:root[data-theme][data-workspace-design] body :is(.catalog-table,.diagram-table,.invoice-table,.members-table) th{background:var(--workspace-bg)!important;color:var(--workspace-muted)!important;border-color:var(--workspace-line)!important;font-size:11px!important;font-weight:700!important;letter-spacing:.03em}
html:root[data-theme][data-workspace-design] body :is(.catalog-table,.diagram-table,.invoice-table,.members-table) td{color:var(--workspace-ink)!important;border-color:var(--workspace-line)!important}
html:root[data-theme][data-workspace-design] body :is(.catalog-table,.diagram-table,.invoice-table,.members-table) tbody tr:hover{background:var(--workspace-soft)!important}
/* Actions: compact dimensions and semantic primary / secondary / destructive states. */
html:root[data-theme][data-workspace-design] body :is(.button,.catalog-button,.settings-button,.governance-button,.portal-primary,.selection-actions-button,.permission-apply,.diagram-preview-edit,.diagram-preview-copy,.diagram-preview-access,.diagram-preview-status-save,.diagram-preview-interactive,.icon-catalog-toolbar button,.support-dialog-actions button,.profile-form button,.organization-form button,.invite-form-panel button,.arch-iq-search button){display:inline-flex;align-items:center;justify-content:center;gap:6px;box-sizing:border-box;min-height:36px!important;padding:7px 13px!important;border:1px solid var(--workspace-accent)!important;border-radius:6px!important;background:var(--workspace-accent)!important;color:var(--workspace-on-accent)!important;box-shadow:none!important;font:500 12px/20px Arial,"Segoe UI",sans-serif!important;text-decoration:none;cursor:pointer;max-width:100%}
html:root[data-theme][data-workspace-design] body :is(.button.secondary,.catalog-button.secondary,.settings-button.secondary,.governance-button.secondary,.diagram-preview-copy,.diagram-preview-access,.diagram-preview-status-save,.selection-actions-button,.icon-catalog-toolbar button){background:var(--workspace-surface)!important;border-color:var(--workspace-line)!important;color:var(--workspace-ink)!important}
html:root[data-theme][data-workspace-design] body :is(.catalog-button.danger,.settings-button.danger,.governance-button.danger,.danger-card button){background:transparent!important;color:#c13942!important;border-color:#c13942!important}
html:root[data-theme][data-workspace-design] body :is(.button,.catalog-button,.settings-button,.governance-button,.portal-primary,.diagram-preview-edit):hover:not(:disabled){filter:brightness(.94)}
html:root[data-theme][data-workspace-design] body :is(.catalog-button,.settings-button,.governance-button,.portal-primary):disabled{opacity:.45!important;cursor:not-allowed;filter:none}
html:root[data-theme][data-workspace-design] body :is(.catalog-tabs,.settings-tabs,.observed-tabs){gap:6px!important;border-color:var(--workspace-line)!important;flex-wrap:wrap}
html:root[data-theme][data-workspace-design] body :is(.catalog-tabs,.settings-tabs,.observed-tabs)>:is(button,a){border:1px solid transparent!important;border-radius:6px!important;background:transparent!important;color:var(--workspace-muted)!important;padding:8px 12px!important;font-size:12px!important;line-height:20px!important}
html:root[data-theme][data-workspace-design] body :is(.catalog-tabs,.settings-tabs,.observed-tabs)>:is(.active,[aria-selected=true]){background:var(--workspace-soft)!important;color:var(--workspace-accent)!important;border-color:var(--workspace-line)!important}
html:root[data-theme][data-workspace-design] body :is(.catalog-form,.settings-form,.profile-form,.organization-form,.arch-iq-filters,.observed-filters,.library-toolbar,.invite-form-panel,.catalog-toolbar,.support-ticket-form) :is(input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]),select,textarea){box-sizing:border-box;max-width:100%;min-width:0;min-height:36px;padding:8px 10px 8px var(--field-padding-left,10px)!important;background:var(--workspace-surface)!important;color:var(--workspace-ink)!important;border:1px solid var(--workspace-line)!important;border-radius:6px!important;font:400 13px/1.45 Arial,"Segoe UI",sans-serif!important;box-shadow:none!important}
html:root[data-theme][data-workspace-design] body :is(.catalog-dialog,.asset-dialog,.permission-dialog,.trash-dialog,.members-dialog,.workspace-support-dialog,.asset-selection-dialog,.profile-popover,.workspace-notification-popover){background:var(--workspace-surface)!important;color:var(--workspace-ink)!important;border:1px solid var(--workspace-line)!important;border-radius:10px!important;box-shadow:0 16px 48px #0003!important;max-width:calc(100vw - 32px);box-sizing:border-box}
html:root[data-theme][data-workspace-design] body dialog::backdrop{background:#07121c88;backdrop-filter:blur(3px)}
html:root[data-theme][data-workspace-design] body :is(.profile-popover,.workspace-notification-popover) :is(a,button){color:var(--workspace-ink)!important}
html:root[data-theme][data-workspace-design] body :is(.catalog-button,.settings-button,.governance-button,input,select,textarea,a,button):focus-visible{outline:2px solid var(--workspace-accent)!important;outline-offset:3px!important}
/* A preserves the editor subnavigation exactly. B changes only its button skin,
   keeping dimensions, ordering, popovers and semantic save/delete states. */
html:root[data-theme][data-workspace-design=b] body .editor-subnav :is(button,.editor-description-menu>summary){border-radius:6px!important;box-shadow:none!important;background:var(--workspace-surface)!important;border-color:var(--workspace-line)!important;color:var(--workspace-ink)!important}
html:root[data-theme][data-workspace-design=b] body .editor-subnav :is( #topSave,[data-action=save]){background:var(--workspace-accent)!important;border-color:var(--workspace-accent)!important;color:var(--workspace-on-accent)!important}
html:root[data-theme][data-workspace-design=b] body .editor-subnav :is(.danger,.danger-button,#topDelete){color:#fff!important;background:#b42332!important;border-color:#b42332!important}
html:root[data-theme][data-workspace-design=b] body .editor-subnav :is(.danger,.danger-button,#topDelete):hover:not(:disabled){color:#fff!important;background:#961e2b!important;border-color:#961e2b!important}
@media(max-width:760px){
 html:root[data-theme][data-workspace-design] body:not(.connection-workspace) :is(.portal-content,.catalog-main,.settings-main,.settings-content,.governance-main,.arch-iq-main,.icon-catalog-main){width:100%!important;max-width:100%!important;padding-inline:16px!important;box-sizing:border-box}
 html:root[data-theme][data-workspace-design] body :is(.portal-grid,.settings-grid,.profile-grid,.catalog-grid,.arch-iq-profile-grid){grid-template-columns:minmax(0,1fr)!important}
 html:root[data-theme][data-workspace-design] body :is(.library-toolbar,.diagram-list-toolbar,.catalog-toolbar,.catalog-heading,.catalog-heading-actions,.portal-welcome,.portal-actions,.arch-iq-heading,.arch-iq-inline-actions,.arch-iq-graph-toolbar,.governance-actions){flex-wrap:wrap!important;min-width:0;gap:8px!important}
 html:root[data-theme][data-workspace-design] body :is(.library-search,.arch-iq-search,.arch-iq-filters,.catalog-filters){width:100%!important;min-width:0!important;box-sizing:border-box}
 html:root[data-theme][data-workspace-design] body :is(.diagram-list-panel,.catalog-table-wrap,.table-wrap){max-width:100%;overflow-x:auto}
 html:root[data-theme][data-workspace-design] body :is(.portal-kpis,.arch-iq-metrics){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

html:root[data-theme][data-workspace-design] body .app-header.workspace-header .tool-menu{align-items:center!important}
html:root[data-theme][data-workspace-design] body .app-header.workspace-header .tool-menu a{height:36px!important;min-height:36px!important;align-self:center!important}
html:root[data-theme][data-workspace-design] body .app-header.workspace-header .tool-menu a.active::after{display:none!important}
@media(max-width:760px){html:root[data-theme][data-workspace-design] body .arch-iq-main{grid-template-columns:minmax(0,1fr)!important}html:root[data-theme][data-workspace-design] body .arch-iq-main>*{min-width:0;max-width:100%;box-sizing:border-box}}

html:root[data-theme][data-workspace-design] body :is(.recent-diagram,.portal-application){background:var(--workspace-surface)!important;color:var(--workspace-ink)!important;border-color:var(--workspace-line)!important}
html:root[data-theme][data-workspace-design] body :is(.recent-diagram,.portal-application) strong{color:var(--workspace-ink)!important}
html:root[data-theme][data-workspace-design] body :is(.recent-diagram,.portal-application) small{color:var(--workspace-muted)!important}
html:root[data-theme][data-workspace-design] body :is(.eyebrow,.portal-card-head a){color:var(--workspace-accent)!important}
html:root[data-theme][data-workspace-design] body .app-header.workspace-header :is(.theme-toggle,.header-menu-button){background:var(--workspace-surface)!important;color:var(--workspace-ink)!important;border-color:var(--workspace-line)!important}
html:root[data-theme][data-workspace-design] body:is(.login-shell,.onboarding-shell){background:var(--workspace-bg)!important;color:var(--workspace-ink)!important}
html:root[data-theme][data-workspace-design] body :is(.login-panel,.onboarding-card){background:var(--workspace-surface)!important;color:var(--workspace-ink)!important;border:1px solid var(--workspace-line)!important;border-radius:10px!important;box-shadow:0 12px 40px #00000009!important}
html:root[data-theme][data-workspace-design] body :is(.login-intro,.onboarding-copy) :is(h1,h2){font-family:Arial,"Segoe UI",sans-serif!important;color:var(--workspace-ink)!important;letter-spacing:-.04em!important}
html:root[data-theme][data-workspace-design] body :is(.login-intro,.onboarding-copy,.login-panel,.onboarding-card) p{color:var(--workspace-muted)!important}
html:root[data-theme][data-workspace-design] body :is(.login-submit,.onboarding-submit){background:var(--workspace-accent)!important;color:var(--workspace-on-accent)!important;border-color:var(--workspace-accent)!important;border-radius:6px!important;box-shadow:none!important}
html:root[data-theme][data-workspace-design] body :is(.login-secondary,.identity-path){background:var(--workspace-surface)!important;color:var(--workspace-ink)!important;border-color:var(--workspace-line)!important;border-radius:6px!important}
html:root[data-theme][data-workspace-design] body :is(.login-field,.onboarding-card .field) :is(input,select){background:var(--workspace-surface)!important;color:var(--workspace-ink)!important;border-color:var(--workspace-line)!important;border-radius:6px!important}
html:root[data-theme][data-workspace-design] .workspace-wordmark::after{content:".";color:var(--brand-dot)}

html:root[data-theme][data-workspace-design] body .catalog-table tbody tr{background:var(--workspace-surface)!important}
html:root[data-theme][data-workspace-design] body .catalog-table tbody tr:hover{background:var(--workspace-soft)!important}
html:root[data-theme][data-workspace-design] body .catalog-table a{color:var(--workspace-accent)!important}

/* Content typography is independent of the vector wordmark. */
html:root[data-theme][data-workspace-design] body :is(.catalog-main,.portal-content,.settings-content,.settings-main,.governance-main,.arch-iq-main,.library-main){font-weight:400!important}
html:root[data-theme][data-workspace-design] body :is(.diagram-table,.catalog-table,.invoice-table,.members-table){font-size:13px!important;line-height:1.55!important}
html:root[data-theme][data-workspace-design] body :is(.diagram-table,.catalog-table,.invoice-table,.members-table) :is(a,strong,b){font-weight:500!important;color:var(--workspace-ink)!important}
html:root[data-theme][data-workspace-design] body :is(.diagram-table,.catalog-table) a:hover{color:var(--workspace-accent)!important;text-decoration:underline;text-underline-offset:3px}
html:root[data-theme][data-workspace-design] body :is(.diagram-name,.recent-diagram strong,.portal-application strong,.catalog-card h3){font-weight:500!important;color:var(--workspace-ink)!important}
html:root[data-theme][data-workspace-design] body :is(.diagram-table,.catalog-table) :is(td,td strong){font-weight:400!important}
html:root[data-theme][data-workspace-design] body :is(.diagram-subtitle,.catalog-table small,.recent-diagram small,.portal-application small){font-size:12px!important;line-height:1.5!important;font-weight:400!important;color:var(--workspace-muted)!important}
html:root[data-theme][data-workspace-design] body :is(.diagram-status,.portal-status,.catalog-status){font-size:11px!important;font-weight:500!important;line-height:1.4!important}
html:root[data-theme][data-workspace-design] body :is(.catalog-form,.settings-form,.profile-form,.organization-form) label{font-weight:500!important}
html:root[data-theme][data-workspace-design] body :is(.portal-card-head h3,.catalog-panel h2,.settings-card h2,.profile-card h2){font-weight:500!important}
html:root[data-theme][data-workspace-design] body .app-header.workspace-header .tool-menu a{font-weight:500!important}
html:root[data-theme][data-workspace-design=b] body .editor-subnav :is(button,summary,input){font-weight:500!important}
html:root[data-theme][data-workspace-design=b] body .editor-subnav :is(.ai-tools-menu>summary,.asset-selection-menu>summary){background:var(--workspace-surface)!important;color:var(--workspace-ink)!important;border-color:var(--workspace-line)!important;box-shadow:none!important;border-radius:6px!important}

.workspace-icon{display:block;flex:none;width:18px;height:18px;pointer-events:none}
html:root[data-theme][data-workspace-design] body :is(.row-actions-toggle,.selection-actions-button){color:var(--brand-ink)!important;background:var(--workspace-surface)!important;border:1px solid var(--workspace-line)!important;border-radius:6px!important;box-shadow:none!important;display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:32px}
html:root[data-theme][data-workspace-design] body :is(.row-actions-toggle,.selection-actions-button):hover{background:var(--workspace-soft)!important;border-color:var(--workspace-accent)!important}

html:root[data-theme][data-workspace-design] body .library-toolbar label{font-weight:500!important}
html:root[data-theme][data-workspace-design] body .library-search{--field-padding-left:34px}

/* Compact catalog navigation: spacing belongs to the heading, not two stacked shells. */
html:root[data-theme][data-workspace-design] body:not(.connection-workspace) :is(.catalog-main,.arch-iq-main){padding-top:20px!important}
html:root[data-theme][data-workspace-design] body :is(.catalog-heading,.arch-iq-heading){min-height:0!important;padding-block:0!important;margin:0 0 18px!important;gap:16px!important}
html:root[data-theme][data-workspace-design] body .catalog-heading h1{margin:6px 0 10px!important;font-size:clamp(25px,2.2vw,32px)!important}
html:root[data-theme][data-workspace-design] body #applicationLifecycleStatus{display:inline-flex;vertical-align:middle;margin:0 12px 0 0}
html:root[data-theme][data-workspace-design] body #applicationMeta{display:inline-block;vertical-align:middle;margin:0!important;color:var(--workspace-muted)!important}
html:root[data-theme][data-workspace-design] body :is(.catalog-tabs,.settings-tabs){padding:4px!important;margin:0 0 16px!important;gap:4px!important;min-height:0!important;align-items:center!important}
html:root[data-theme][data-workspace-design] body :is(.catalog-tabs,.settings-tabs)>:is(button,a){font:500 13px/20px Arial,"Segoe UI",sans-serif!important;padding:6px 12px!important;min-height:32px!important}
html:root[data-theme][data-workspace-design] body .arch-iq-search{background:var(--workspace-surface)!important;border:1px solid var(--workspace-line)!important;border-radius:8px!important;box-shadow:none!important;color:var(--workspace-ink)!important;padding:16px!important}
html:root[data-theme][data-workspace-design] body .arch-iq-search :is(label,p){color:var(--workspace-muted)!important;font-weight:400!important}
.arch-iq-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:8px;margin:12px 0}
#linkedDiagrams .linked-diagram-card{padding:0;border:1px solid var(--workspace-line,#d9deda);border-radius:8px;background:var(--workspace-surface,#fff);overflow:hidden;gap:12px}
#linkedDiagrams .linked-diagram-link{display:flex;flex:1;min-width:0;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;color:var(--workspace-ink,#14212a);font:500 14px/1.4 Arial,sans-serif}
#linkedDiagrams .linked-diagram-link>svg{flex:none;width:28px;height:28px;fill:none;stroke:var(--workspace-accent,#1556df);stroke-width:1.5}
#linkedDiagrams .linked-diagram-link>span{min-width:0;overflow-wrap:anywhere}#linkedDiagrams .linked-diagram-link small{display:block;margin-top:4px;font:400 12px/1.4 Arial,sans-serif;color:var(--workspace-muted,#53616c)}
#linkedDiagrams .linked-diagram-link:hover{background:var(--workspace-soft,#e9eefb)}#linkedDiagrams .linked-diagram-card>button{margin-right:12px}
.arch-iq-choice{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:12px 14px;border:1px solid var(--workspace-line,#d9deda);border-radius:6px;background:var(--workspace-surface,#fff);color:var(--workspace-ink,#14212a);text-align:left;cursor:pointer;font:400 13px/1.4 Arial,sans-serif}
.arch-iq-choice strong{font-weight:500}.arch-iq-choice small{color:var(--workspace-muted,#53616c)}.arch-iq-choice:hover{border-color:var(--workspace-accent,#1556df);background:var(--workspace-soft,#e9eefb)}.arch-iq-choice:disabled{opacity:.5;cursor:wait}
html:root[data-theme][data-workspace-design] body .arch-iq-search>div{align-items:center!important}
html:root[data-theme][data-workspace-design] body .arch-iq-search input{font-weight:400!important}
html:root[data-theme][data-workspace-design] body .arch-iq-conversation{padding:12px 16px;border-radius:8px;border-color:var(--workspace-line);margin:0}
html:root[data-theme][data-workspace-design] body .arch-iq-conversation summary{cursor:pointer;font:500 13px/20px Arial,sans-serif;color:var(--workspace-muted)}
html:root[data-theme][data-workspace-design] body .arch-iq-conversation[open]>button{margin-block:12px}

/* Viewer actions get their own full-width row, independent of the identity. */
html:root[data-theme][data-workspace-design] body.diagram-editor-page{grid-template-columns:minmax(0,1fr)}
@media(min-width:761px) and (max-width:1050px){html:root[data-theme][data-workspace-design] body .app-header.workspace-header{flex-wrap:wrap!important;gap:10px!important}html:root[data-theme][data-workspace-design] body .app-header.workspace-header .tool-menu{order:3;flex:1 1 100%;min-width:0;justify-content:flex-start!important;border-left:0!important;padding-left:0!important}}
html:root[data-theme][data-workspace-design] body .diagram-open-preview>header{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:18px 24px!important;align-items:start!important;padding:20px 24px!important;background:var(--workspace-surface)!important;color:var(--workspace-ink)!important;border-color:var(--workspace-line)!important;border-radius:8px 8px 0 0!important}
html:root[data-theme][data-workspace-design] body .diagram-open-preview>header::after{display:none!important}
html:root[data-theme][data-workspace-design] body .diagram-preview-controls{display:contents!important}
html:root[data-theme][data-workspace-design] body .diagram-preview-heading{grid-column:1;min-width:0;gap:8px}
html:root[data-theme][data-workspace-design] body #diagramPreviewName{font:500 24px/1.25 Arial,sans-serif!important;color:var(--workspace-ink)!important}
html:root[data-theme][data-workspace-design] body .diagram-preview-heading :is(p,.diagram-preview-description){color:var(--workspace-muted)!important;white-space:normal!important;font-weight:400!important}
html:root[data-theme][data-workspace-design] body .diagram-preview-meta{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:4px!important}
html:root[data-theme][data-workspace-design] body .diagram-preview-meta-item{flex:0 1 auto;min-width:100px;background:var(--workspace-soft)!important;border-color:var(--workspace-line)!important;padding:6px 10px!important}
html:root[data-theme][data-workspace-design] body .diagram-preview-meta-item b{color:var(--workspace-muted)!important;font:500 9px/1.3 Arial,sans-serif!important}
html:root[data-theme][data-workspace-design] body .diagram-preview-meta-item :is(i,time){color:var(--workspace-ink)!important;font:400 12px/1.4 Arial,sans-serif!important}
html:root[data-theme][data-workspace-design] body .diagram-preview-actions{grid-column:2;grid-row:1;align-self:end;max-width:none!important;flex-wrap:wrap;gap:8px!important}
html:root[data-theme][data-workspace-design] body .diagram-preview-status{color:var(--workspace-muted)!important;font-weight:500!important}
html:root[data-theme][data-workspace-design] body .diagram-preview-option-row{grid-column:1/-1;grid-row:2;justify-self:stretch!important;justify-content:flex-start!important;flex-wrap:wrap!important;gap:8px!important;margin:0!important;padding-top:14px!important;border-top:1px solid var(--workspace-line)!important;min-width:0}
html:root[data-theme][data-workspace-design] body :is(.diagram-preview-actions,.diagram-preview-option-row)>:is(button,a),html:root[data-theme][data-workspace-design] body .diagram-preview-option-row summary{min-height:34px!important;padding:7px 12px!important;font:500 12px/18px Arial,sans-serif!important;border-radius:6px!important;background:var(--workspace-surface)!important;color:var(--workspace-ink)!important;border:1px solid var(--workspace-line)!important;box-shadow:none!important}
html:root[data-theme][data-workspace-design] body .diagram-preview-actions .diagram-preview-edit{background:var(--workspace-accent)!important;color:#fff!important;border-color:var(--workspace-accent)!important}
html:root[data-theme][data-workspace-design] body .diagram-preview-option-row .diagram-preview-interactive{background:var(--workspace-soft)!important;color:var(--workspace-accent)!important}
html:root[data-theme][data-workspace-design] body .editor-description-popover{background:var(--workspace-surface)!important;border-color:var(--workspace-line)!important;border-radius:8px!important}
html:root[data-theme][data-workspace-design] body .editor-description-popover label{font:500 13px/1.5 Arial,sans-serif!important;color:var(--workspace-ink)!important}
html:root[data-theme][data-workspace-design] body .editor-description-popover textarea{font:400 14px/1.5 Arial,sans-serif!important;color:var(--workspace-ink)!important;background:var(--workspace-surface)!important;border-color:var(--workspace-line)!important}
html:root[data-theme][data-workspace-design] body .editor-description-summary{font-weight:400!important;color:var(--workspace-muted)!important}
html:root[data-theme][data-workspace-design] body .diagram-download-popover{background:var(--workspace-surface)!important;border-color:var(--workspace-line)!important}
html:root[data-theme][data-workspace-design] body .diagram-download-popover button strong{font:500 13px/1.4 Arial,sans-serif!important;color:var(--workspace-ink)!important}
html:root[data-theme][data-workspace-design] body .diagram-download-popover button span{font:400 12px/1.4 Arial,sans-serif!important;color:var(--workspace-muted)!important}
html:root[data-theme][data-workspace-design] body :is(.catalog-tabs,.settings-tabs)>:is(button,a){box-shadow:none!important;transform:none!important}
html:root[data-theme][data-workspace-design] body :is(.catalog-tabs,.settings-tabs)>:is(button,a):hover{background:var(--workspace-soft)!important;box-shadow:none!important;transform:none!important}
@media(max-width:1050px){html:root[data-theme][data-workspace-design] body .app-header.workspace-header{height:auto!important;min-height:64px!important;padding-block:10px!important}html:root[data-theme][data-workspace-design=b] body .editor-subnav-actions{display:flex!important;flex-wrap:wrap!important;gap:6px!important;width:100%!important}html:root[data-theme][data-workspace-design=b] body .editor-subnav-actions>button{flex:0 0 auto!important;width:auto!important;min-width:32px!important;white-space:nowrap!important}html:root[data-theme][data-workspace-design=b] body .editor-subnav-actions .editor-status{flex:1 1 170px!important;min-width:0;white-space:normal!important}html:root[data-theme][data-workspace-design=b] body #toggleRealtime{display:inline-flex!important;align-items:center!important;gap:5px!important;max-width:none!important}html:root[data-theme][data-workspace-design=b] body .realtime-label{display:inline!important}}
@media(max-width:1100px){html:root[data-theme][data-workspace-design] body .diagram-open-preview>header{grid-template-columns:minmax(0,1fr)!important;padding:16px!important}html:root[data-theme][data-workspace-design] body .diagram-preview-actions{grid-column:1;grid-row:2;justify-content:flex-start!important}html:root[data-theme][data-workspace-design] body .diagram-preview-option-row{grid-row:3}}
/* Diagram disclosure: shared navigation, hover on desktop and native click/keyboard on touch. */
html:root[data-theme] body .app-header.workspace-header .workspace-module-menu{position:relative;align-self:center;margin:0;padding:0;border:0;background:transparent}
html:root[data-theme] body .app-header.workspace-header .workspace-module-menu>summary{display:flex;align-items:center;justify-content:space-between;gap:7px;box-sizing:border-box;height:36px;padding:0 15px;border:0;border-radius:6px;list-style:none;cursor:pointer;background:transparent;color:var(--workspace-muted);font:500 12px/20px Arial,"Segoe UI",sans-serif}
.workspace-module-menu>summary::-webkit-details-marker{display:none}.workspace-module-menu>summary::marker{content:""}
html:root[data-theme] body .app-header.workspace-header .workspace-module-menu>summary.active{background:var(--workspace-accent);color:var(--workspace-on-accent)}
html:root[data-theme] body .app-header.workspace-header .workspace-module-menu>summary:focus-visible{outline:2px solid var(--workspace-accent);outline-offset:3px}
html:root[data-theme] body .app-header.workspace-header .workspace-module-options{position:absolute;z-index:200;top:100%;left:0;box-sizing:border-box;min-width:190px;padding:6px;border:1px solid var(--workspace-line);border-radius:8px;background:var(--workspace-surface);box-shadow:0 10px 24px #0000001a}
html:root[data-theme][data-workspace-design] body .app-header.workspace-header .tool-menu .workspace-module-options a{height:36px!important;min-height:36px!important;padding:0 12px!important;font-weight:400!important;white-space:nowrap;background:transparent!important;color:var(--workspace-ink)!important}
html:root[data-theme][data-workspace-design] body .app-header.workspace-header .tool-menu .workspace-module-options a:is(:hover,[aria-current=page]){background:var(--workspace-soft)!important;color:var(--workspace-accent)!important}
@media(max-width:760px){html:root[data-theme] body .app-header.workspace-header .workspace-module-menu{width:100%}html:root[data-theme] body .app-header.workspace-header .workspace-module-menu>summary{height:40px;width:100%;padding:0 12px}html:root[data-theme] body .app-header.workspace-header .workspace-module-options{position:static;min-width:0;margin:4px 0 6px 12px;box-shadow:none;border:0;border-left:1px solid var(--workspace-line);border-radius:0;padding:0 0 0 8px}}

/* All application/asset pages share the Roadmaps content width. */
/* The connection workspace owns its viewport layout, including its scroll panels. */
html:root[data-theme][data-workspace-design] body.catalog-page:not(.connection-workspace) main.catalog-main{width:100%!important;max-width:1500px!important;margin-inline:auto!important;padding:24px clamp(16px,3vw,40px) 48px!important}

html:root[data-theme][data-workspace-design] body :is(#assetApplications,#assetDiagrams,#applicationAssets) .catalog-list-item a::after{content:"";position:absolute;inset:0;z-index:1}
html:root[data-theme][data-workspace-design] body :is(#assetApplications,#assetDiagrams,#applicationAssets) .catalog-list-item>button{position:relative;z-index:2}
html:root[data-theme][data-workspace-design] body :is(#assetApplications,#assetDiagrams,#applicationAssets) .catalog-list-item:is(:hover,:focus-within){background:var(--workspace-soft)}

/* Universal account controls: one palette and one vector stroke in both themes. */
html:root[data-theme][data-workspace-design] body .app-header.workspace-header .workspace-account-actions :is(.workspace-notification-toggle,.workspace-profile-avatar,.theme-toggle){display:grid!important;place-items:center!important;box-sizing:border-box!important;width:36px!important;height:36px!important;min-height:36px!important;padding:0!important;border:1px solid var(--workspace-line)!important;border-radius:6px!important;background:var(--workspace-surface)!important;color:var(--workspace-ink)!important;box-shadow:none!important;cursor:pointer}
html:root[data-theme][data-workspace-design] body .app-header.workspace-header .workspace-account-actions :is(.workspace-notification-toggle,.workspace-profile-avatar,.theme-toggle):hover{background:var(--workspace-soft)!important;color:var(--workspace-accent)!important}
html:root[data-theme][data-workspace-design] body .app-header.workspace-header .workspace-account-actions :is(summary,button):focus-visible{outline:2px solid var(--workspace-accent);outline-offset:3px}
html:root[data-theme][data-workspace-design] body .workspace-account-actions svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html:root[data-theme][data-workspace-design] body .workspace-profile-avatar::before{content:"";position:static;width:18px;height:18px;border-radius:0;background:currentColor;mask:url('/icons/account.svg') center/contain no-repeat}
html:root[data-theme][data-workspace-design] body .workspace-profile-avatar::after{content:none}
html:root[data-theme][data-workspace-design] body .workspace-notification-badge{border-color:var(--workspace-surface);font:500 10px/1 Arial,sans-serif;min-width:18px;height:18px}
html:root[data-theme][data-workspace-design] body .app-header .profile-popover :is(a,button){display:block;width:100%;min-height:36px;padding:8px 10px;border:1px solid transparent!important;border-radius:5px;background:transparent!important;color:var(--workspace-ink)!important;box-shadow:none!important;text-align:left;text-decoration:none;font:400 13px/1.5 Arial,sans-serif!important}
html:root[data-theme][data-workspace-design] body .app-header .profile-popover :is(a,button):hover{background:var(--workspace-soft)!important;color:var(--workspace-accent)!important}
html:root[data-theme][data-workspace-design] body .app-header .profile-popover>strong{font:500 14px/1.5 Arial,sans-serif!important;color:var(--workspace-ink)!important}
html:root[data-theme][data-workspace-design] body .app-header .profile-popover>span{color:var(--workspace-muted)!important;font:400 12px/1.5 Arial,sans-serif!important}
html:root[data-theme][data-workspace-design] body .profile-page-danger{margin-top:24px}
html:root[data-theme][data-workspace-design] body #deleteAccount{padding:9px 13px;border:1px solid var(--workspace-danger,#be2035)!important;border-radius:6px;background:var(--workspace-surface)!important;color:var(--workspace-danger,#be2035)!important;font:400 13px/1.5 Arial,sans-serif;cursor:pointer}