/* Business content slots; shell, controls, cards and tables come from shared UI. */
.login-card { width: min(400px,100%); padding: var(--space-5); }
.login-card h1 { font-size: 20px; margin: 0 0 var(--space-2); }
.login-card > .muted { font-size: 12px; margin: 0 0 var(--space-5); }
.login-card .mo-button { width: 100%; margin-top: var(--space-2); }
.compact-field { margin-bottom: var(--space-3); }
.session-name { max-width: 140px; font-size: 12px; }
.panel { margin-bottom: 10px; min-width: 0; overflow: hidden; }
.panel h2 { margin: 0; font-size: 15px; }
.panel > .row, .panel > h2 { padding: 9px 12px; border-bottom: 1px solid var(--border); }
.panel > p { padding: 8px 12px; margin: 0; font-size: 12px; }
.panel > pre { margin: 12px; }
.row { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); min-width: 0; }
.row.between { justify-content: space-between; }


.notice { margin: 10px 12px; overflow-wrap: anywhere; }
.dialog-body .notice, .login-card .notice, #workspace > .notice { margin: 0 0 var(--space-3); }
.error:empty { display: none; }
.error a { color: inherit; }
.state-panel { padding: var(--space-5); }
.state-panel h2 { margin: 0 0 var(--space-2); font-size: 15px; }
.form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--space-3); }
.form-grid .compact-field { margin-bottom: 0; }
.form-grid + .compact-field { margin-top: var(--space-3); }
pre { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 12px; max-height: 420px; overflow: auto; margin: 0; }
.table-wrap { overflow: auto; }
.account-name { width: 240px; max-width: 240px; }
.audit-action { display: inline-flex; align-items: center; min-height: 24px; }
.date-cell { min-width: calc(10ch + 20px); }
.date-cell .mo-date-time { display: inline-block; min-width: 10ch; }
.menu-names { max-width: 420px; }
.release-table { table-layout: fixed; min-width: 800px; }
.release-table th:nth-child(1) { width: 26%; }
.release-table th:nth-child(2) { width: 21%; }
.release-table th:nth-child(3) { width: 15%; }
.release-table th:nth-child(4) { width: 20%; }
.release-table th:nth-child(5) { width: 18%; }
.node-version { width: 220px; max-width: 220px; }
.node-version details { overflow-wrap: anywhere; }
.checks { display: flex; flex-wrap: wrap; gap: var(--space-3); margin: var(--space-3) 0; }
@media(max-width:720px) { .form-grid { grid-template-columns: minmax(0,1fr); } .session-name { max-width: 100px; } }

/* Identity columns reserve room for complete IDs; narrow screens scroll inside the table. */
.advertiser-table { min-width: 1280px; table-layout: fixed; }
.advertiser-table th:nth-child(1) { width: 300px; }
.advertiser-table th:nth-child(2) { width: 170px; }
.advertiser-table th:nth-child(3) { width: 155px; }
.advertiser-table th:nth-child(4) { width: 130px; }
.advertiser-table th:nth-child(5), .advertiser-table th:nth-child(6) { width: 150px; }
.advertiser-table th:nth-child(7) { width: 110px; }
.advertiser-table th:nth-child(8) { width: 90px; }
.account-table-wrap { container-type:inline-size; }
.account-table { table-layout:fixed; }
.account-table th.account-primary { width:calc((100cqw - 604px) * .42); }
.account-table th.account-purpose { width:64px; }
.account-table th.account-name { width:calc((100cqw - 604px) * .30); }
.account-table th.account-permissions { width:calc((100cqw - 604px) * .28); }
.account-table th.account-proxy { width:92px; }
.account-table th.account-sites { width:168px; }
.account-table th.account-status { width:104px; }
.account-table th.account-actions { width:176px; }
.account-table .account-name { width:auto; max-width:none; }
.account-table .account-purpose, .account-table .account-status { text-align:center; }
.account-table .account-actions { text-align:left; }
.account-table .account-actions .row { justify-content:flex-start; flex-wrap:nowrap; }
.account-sites > div { display:grid; grid-template-columns:repeat(2,max-content); gap:var(--space-1); }
.account-editor { grid-template-columns:96px minmax(0,1fr); gap:var(--space-4); }
.account-editor .mo-field { align-content:start; }
.account-editor > .mo-identity, .account-editor-wide { grid-column:1 / -1; }
.account-relation + .account-relation { margin-top: var(--space-3); }
.sync-table { min-width: 1290px; table-layout: fixed; }
.sync-table th:nth-child(1) { width: 150px; }
.sync-table th:nth-child(2) { width: 75px; }
.sync-table th:nth-child(3) { width: 230px; }
.sync-table th:nth-child(4) { width: 185px; }
.sync-table th:nth-child(5) { width: 185px; }
.sync-table th:nth-child(6) { width: 145px; }
.sync-table th:nth-child(7) { width: 180px; }
.sync-table th:nth-child(8) { width: 140px; }
.query-metrics { grid-template-columns: repeat(3,minmax(0,1fr)); }

/* Collection settings preview only supplies business layout; controls remain shared. */
.collection-settings-dialog { overflow: hidden; }
.collection-settings-dialog .dialog-layout { height: 100%; min-height: 0; }
.collection-settings-dialog .dialog-body { display: flex; overflow: hidden; }
.collection-settings, .collection-settings form, [data-collection-tabs] { display: flex; flex-direction: column; flex: 1; min-height: 0; min-width: 0; }
[data-collection-tabs] > .detail-tabs { flex-shrink: 0; }
[data-collection-tabs] > [role="tabpanel"] { min-height: 0; flex: 1; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; }
[data-collection-tabs] .collection-section:first-child { margin-top: 0; }
.collection-preview-notice { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-2); flex-shrink: 0; }
.collection-global { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-4); padding: var(--space-3); }
.collection-global > label, .collection-interval { display: inline-flex; align-items: center; gap: var(--space-2); }
.collection-settings input[type="number"] { width: 76px; }
.collection-section { margin-top: var(--space-4); }
.collection-section h3 { margin: 0 0 var(--space-2); font-size: 14px; }
.collection-table { table-layout: fixed; }
.collection-section .table-wrap { overflow: visible; }
.collection-table th { position: sticky; top: 0; z-index: 1; }
.collection-table input, .collection-table .select-trigger { scroll-margin-block: 48px; }
.collection-table .mo-select, .collection-table .select-trigger { width: 100%; }
.collection-task-col { width: 35%; }
.collection-toggle-col { width: 6%; }
.collection-interval-col { width: 17%; }
.collection-parallel-col { width: 10%; }
.collection-scope-col { width: 19%; }
.collection-state-col { width: 13%; }
.collection-table td > p { margin: 4px 0; }
.collection-table summary { color: var(--text-muted); }
.collection-source { overflow-wrap: anywhere; padding-top: var(--space-2); }
.collection-source code { display: block; font-size: 11px; white-space: normal; }
.collection-idle { display: flex; flex-direction: column; gap: var(--space-1); margin-top: var(--space-2); }

/* Fixed columns, table width and sticky offsets share these content widths. */
[data-plans-workspace] {
  container-type:inline-size;
  --table-check-width:44px; --table-account-width:340px; --table-plan-width:300px;
  --table-product-width:280px; --table-status-width:110px; --table-settings-width:120px; --table-actions-width:96px;
}
[data-plans-workspace] .plan-product-name { display:block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.plan-product-cell { display:flex; align-items:center; gap:var(--space-2); }
.plan-product-copy { min-width:0; flex:1; }
.plan-product-meta { display:flex; align-items:center; flex-wrap:wrap; gap:var(--space-1); }
.plan-product-thumb { position:relative; overflow:hidden; flex-shrink:0; }
.plan-product-thumb img, .plan-product-image img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; border-radius:var(--radius); }
.plan-product-preview { display:grid; grid-template-columns:160px minmax(0,1fr); gap:var(--space-4); }
.plan-product-preview p { margin:var(--space-2) 0 0; overflow-wrap:anywhere; }
.plan-product-link { margin-top:var(--space-2); }
.plan-product-link .mo-identifier-value { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; overflow-wrap:normal; }
.plan-product-image { position:relative; display:grid; place-items:center; width:160px; height:160px; background:var(--surface-subtle); border-radius:var(--radius); }
[data-plans-workspace] .filter-account { width:210px; flex:1 1 210px; max-width:280px; }
[data-plans-workspace] .mo-list-query > .mo-segment { margin-right:auto; flex-shrink:0; }
[data-plans-workspace] .search-form { width:200px; flex:1 1 200px; max-width:260px; }
[data-plans-workspace] .filter-status { width:110px; }
[data-plans-workspace] .filter-spend { width:100px; }
[data-plans-workspace][aria-busy="true"] { opacity:.7; }
@container (max-width:800px) {
  [data-plans-workspace] .plan-table :is(.sticky-name,.sticky-account) { position:static; }
}
.permission-lines { display:grid; gap:var(--space-1); }
.permission-line { display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-2); }
.permission-manager { display:flex; align-items:center; gap:var(--space-2); min-width:0; }
.permission-manager > .mo-badge { flex-shrink:0; }