/* Shared patterns extracted from console.css */
.empty>span{font-size:31px;color:#c4cfdf;margin-bottom:12px}


.console-dialog { border: 1px solid #dce3ed; border-radius: 16px; padding: var(--space-28); width: min(600px, calc(100vw - 40px)); max-height: 88vh; overflow: auto; color: #18283f; background: var(--color-surface); box-shadow: 0 24px 80px #15243c33; }

.console-dialog.wide { width: min(1000px, calc(100vw - 40px)); }

.console-dialog::backdrop { background: #15243c88; }

.console-dialog section { margin-bottom: 24px; }

.console-dialog .dialog-close { float: right; }

.console-dialog .plan-config { white-space: pre-wrap; overflow-wrap: anywhere; }

.console-dialog td form + form { margin-top: 12px; }

body:has(dialog[open]) { overflow: hidden; }

.console-dialog form { display: grid; gap: var(--space-14); margin-top: 16px; }

.console-dialog form > button { justify-self: start; }


.console-dialog td form { display: flex; align-items: end; flex-wrap: wrap; margin-top: 0; }

.console-dialog{padding:0;width:min(600px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 48px);overflow:hidden;border-radius:var(--radius-lg)}

.console-dialog.wide{width:min(1040px,calc(100vw - 32px));padding:0}

.console-dialog[open]{display:flex;flex-direction:column}

.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);flex-shrink:0;border-bottom:1px solid var(--line);padding:var(--space-18) var(--space-24);background:var(--color-surface)}

.dialog-header h2{font-size:var(--font-size-17);outline:none;overflow-wrap:anywhere}
.dialog-header button{flex-shrink:0;width:36px;height:36px;font-size:var(--font-size-18)}

.dialog-body{padding:var(--space-24);overflow:auto;overscroll-behavior:contain;min-height:0;scrollbar-gutter:stable}

.dialog-body>p:first-child{margin-top:0}
.dialog-body>section:last-child{margin-bottom:0}

.dialog-body form{margin:0;gap:var(--space-18)}
.dialog-body form:not(.inline):not(.form-grid){display:grid}

.dialog-body form>.form-grid{margin:0}
.dialog-body form>button{justify-self:end;max-width:100%}

.dialog-body form>.form-grid button{align-self:end}

.dialog-body .panel{border:0;margin:0;border-radius:0;overflow:visible}
.dialog-body form.panel{padding:0}

.dialog-body .panel>form,.dialog-body .panel>p{margin:0 0 var(--space-18)}

.dialog-body input[type=number]{width:100%}
.dialog-body input,.dialog-body select{min-width:0}

.dialog-body .check{white-space:normal}
.dialog-body .check input{flex:0 0 16px;margin:0}

.dialog-body .customer-create-form>.form-grid{grid-template-columns:1fr}

.dialog-body .customer-create-form>p{margin:0}

.form-actions{grid-column:1/-1;display:flex;justify-content:flex-end;align-items:center;gap:var(--space-10);position:sticky;bottom:-24px;background:var(--color-surface);padding:var(--space-16) 0;margin:var(--space-8) 0 -24px;border-top:1px solid var(--line);z-index:2}

.dialog-body form>.toolbar{grid-column:1/-1;justify-content:flex-end;margin:var(--space-8) 0 0}

.dialog-body .api-grants{margin:0}
.dialog-body .onboard-apis{margin:0 0 var(--space-18)}
.dialog-body .onboard-api{padding:var(--space-18)}

.dialog-body .onboard-api-heading h3{font-size:var(--font-size-15)}
.dialog-body .onboard-endpoint{margin-bottom:16px}

.dialog-body .secret-card{padding:0}

.dialog-body .form-error{position:relative;margin:0}
.dialog-body .table-wrap{max-width:100%}

.form-grid>.form-actions,.form-grid>.notice,.form-grid>button{grid-column:1/-1}

@media(max-width:760px){.dialog-header{padding:var(--space-14) var(--space-18)}
.dialog-body{padding:var(--space-18)}
.console-dialog,.console-dialog.wide{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}
.form-actions{bottom:-18px;margin-bottom:-18px}
.dialog-body .table-wrap table{min-width:580px}}

.dialog-body form>p,.dialog-body form>section,.dialog-body form>details{margin:0}
.dialog-body .verification-check{margin-top:0}
.copy-value>.mono{overflow-wrap:anywhere;min-width:0}
@media(max-width:760px){.task-facts>div{grid-template-columns:80px minmax(0,1fr)}}

.ui-disabled-tooltip {
  position:fixed;
  z-index:1000;
  width:max-content;
  max-width:min(320px, calc(100vw - 32px));
  padding:var(--space-8) var(--space-12);
  border-radius:var(--radius-md);
  background:var(--color-text);
  color:var(--color-surface);
  font-size:var(--font-size-12);
  line-height:1.6;
  overflow-wrap:anywhere;
}

/* Shared patterns extracted from platform.css */
.ui-help-control { display:flex; align-items:center; gap:var(--space-6); min-width:0; }
.ui-help-control > label { flex:1; min-width:0; margin:0; }
.ui-help-control > select { flex:1; min-width:0; }

.empty{padding:48px var(--space-20)}
.empty>span{font-size:var(--font-size-24);margin-bottom:8px}
.empty strong{font-size:var(--font-size-14)}
.empty p{max-width:440px;font-size:var(--font-size-12);line-height:1.7}

.section-tabs{display:flex;gap:var(--space-22);border-bottom:1px solid var(--line);margin:0 0 var(--space-22);overflow-x:auto}
.section-tabs a{padding:var(--space-14) 2px;white-space:nowrap;color:var(--muted);border-bottom:3px solid transparent;font-size:var(--font-size-14)}

.section-tabs a[aria-selected=true],.section-tabs a[aria-current=page]{color:var(--accent);border-color:var(--accent);font-weight:650}
.section-tabs a:hover{text-decoration:none;color:var(--accent)}

[data-tab-panel]{min-width:0;scroll-margin-top:24px}
[data-tab-panel]>:last-child{margin-bottom:0}

.code-block{position:relative;min-width:0;margin:var(--space-16) 0}
.code-block>pre{margin:0;padding-top:44px;max-width:100%;overflow:auto}
.code-copy{position:absolute;right:10px;top:8px;padding:5px var(--space-10);border:1px solid #c9d5e6;border-radius:var(--radius-sm);background:var(--color-surface);color:#425577;font-size:var(--font-size-11);z-index:1;cursor:pointer}

.dialog-body .code-block{margin:var(--space-12) 0}
.dialog-body .panel>details{margin:0}
.dialog-body table{font-size:var(--font-size-12)}
.dialog-body .page-description{margin-bottom:18px}

.docs-app .code-block pre{padding-top:48px}

@media(max-width:760px){.section-tabs{gap:var(--space-20);margin-bottom:18px}
.section-tabs a{font-size:var(--font-size-13)}}




.dialog-header h2{line-height:1.65;overflow-wrap:anywhere}
.dialog-customer-name{color:#244bc5;background:var(--color-primary-soft);border-radius:var(--radius-badge);padding:3px var(--space-8);box-decoration-break:clone;-webkit-box-decoration-break:clone}
.task-overview .copy-value{font-size:var(--font-size-12)}
.task-section-nav{display:flex;gap:var(--space-22);flex-wrap:wrap;margin:0 0 var(--space-20);padding:0 var(--space-4);font-size:var(--font-size-13)}
.task-section-nav a{padding:var(--space-6) 0}
.task-stage-details{margin-top:18px;border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-14)}
.task-stage-details>summary{font-size:var(--font-size-12)}
.task-section-details{padding:var(--space-18) 23px;border-top:1px solid var(--line)}
.task-section-details>summary{font-size:var(--font-size-13)}
.guide-card>.task-section-details{padding:var(--space-16) 0}
.task-section-details p{font-size:var(--font-size-12)}
.task-section-details pre{padding:var(--space-16);background:var(--color-surface-subtle);border-radius:var(--radius-md);max-height:360px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--font-size-12)}
.task-request-summary .task-facts{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--space-32);font-size:var(--font-size-13)}
.task-execution .task-stage-details .table-wrap{max-width:100%}

@media(max-width:760px){.task-runtime,.task-request-summary .task-facts{grid-template-columns:1fr}
.task-stage-details{padding:var(--space-10)}
.task-section-details{padding:var(--space-16)}
.task-section-nav{gap:var(--space-12) var(--space-20)}}
.task-stage-details .notice{margin:var(--space-12) 0}
.task-response-row>.task-section-details{margin:0;padding:var(--space-16) 0}


/* The task directory stays beside the content being read. */
.task-detail-layout{display:grid;grid-template-columns:150px minmax(0,1fr);gap:var(--space-24);align-items:start}

.task-detail-content{min-width:0}

.task-detail-content>section[id]{scroll-margin-top:24px;outline:none}

.task-detail-layout>.task-section-nav{position:sticky;top:24px;display:flex;flex-direction:column;gap:var(--space-4);margin:0;padding:var(--space-14) var(--space-8);background:var(--color-surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:0 3px 12px #172b4d04}

.task-toc-title{padding:var(--space-6) var(--space-12) var(--space-10);font-size:var(--font-size-11);letter-spacing:.08em;color:var(--muted)}

.task-detail-layout>.task-section-nav a{position:relative;padding:11px var(--space-12);border-radius:var(--radius-control);color:#61718b;font-size:var(--font-size-13);line-height:20px;white-space:nowrap;transition:background .15s,color .15s}

.task-detail-layout>.task-section-nav a:hover{background:#f5f7fc;color:var(--accent);text-decoration:none}

.task-detail-layout>.task-section-nav a[aria-current="location"]{background:var(--color-primary-soft);color:var(--accent);font-weight:600}

.task-detail-layout>.task-section-nav a[aria-current="location"]::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:3px;background:var(--accent)}

@media(max-width:1100px){.task-detail-layout{grid-template-columns:minmax(0,1fr);gap:var(--space-16)}
.task-detail-layout>.task-section-nav{top:8px;z-index:5;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:var(--space-4);padding:var(--space-6);max-width:100%;box-shadow:0 3px 14px #172b4d0a;scrollbar-width:thin}
.task-toc-title{display:none}
.task-detail-layout>.task-section-nav a{flex:none;padding:9px var(--space-12)}
.task-detail-layout>.task-section-nav a[aria-current="location"]::before{left:12px;right:12px;top:auto;bottom:2px;width:auto;height:2px}
.task-detail-content>section[id]{scroll-margin-top:84px}}

@media(prefers-reduced-motion:reduce){.task-detail-layout>.task-section-nav a{transition:none}}

/* Keep presets and the two dates together when the surrounding form wraps. */
.ui-date-range{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:var(--space-16);width:500px;max-width:100%;min-width:0}
.ui-remote-combobox{position:relative;min-width:0}
.ui-remote-combobox>input{width:100%;padding-right:var(--space-28)}
.ui-remote-combobox::after{content:"⌄";position:absolute;right:var(--space-12);top:calc(var(--control-height) / 2);transform:translateY(-50%);color:var(--color-muted);pointer-events:none}
.ui-remote-combobox-list{position:absolute;z-index:30;top:calc(100% + var(--space-4));left:0;width:100%;min-width:180px;max-height:260px;overflow:auto;padding:var(--space-4);border:1px solid var(--color-input-border);border-radius:var(--radius-control);background:var(--color-surface);box-shadow:0 8px 24px color-mix(in srgb,var(--color-text) 14%,transparent)}
.ui-remote-combobox-list[hidden]{display:none}
.ui-remote-combobox-option,.ui-remote-combobox-more{display:block;width:100%;min-height:var(--control-height);padding:var(--space-8) var(--space-10);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-field-text);font:inherit;text-align:left;cursor:pointer;overflow-wrap:anywhere}
.ui-remote-combobox-option:hover,.ui-remote-combobox-option.is-active{background:var(--color-primary-soft);color:var(--color-primary)}
.ui-remote-combobox-option[aria-selected="true"]{font-weight:600}
.ui-remote-combobox-status{display:block;padding:var(--space-8) var(--space-10);color:var(--color-muted);font-size:var(--font-size-12)}
.ui-remote-combobox-status:empty{display:none}
.ui-remote-combobox-more{color:var(--color-primary);font-size:var(--font-size-12)}
.ui-remote-combobox-more[hidden]{display:none}
.ui-date-range > .ui-field{min-width:0;margin:0}
.ui-date-range input,.ui-date-range select{width:100%;min-width:0;margin-bottom:0}
@media(max-width:600px){.ui-date-range{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-12)}.ui-date-range > .ui-field:first-child{grid-column:1 / -1}}

/* Shared documentation typography. */
.ui-doc-prose :where(h2){font-size:var(--font-size-22);line-height:1.5;margin:var(--space-32) 0 var(--space-16);padding-top:var(--space-12)}
.ui-doc-prose :where(h3){font-size:var(--font-size-17);line-height:1.5;margin:var(--space-28) 0 var(--space-12)}
.ui-doc-prose :where(h4){font-size:var(--font-size-15);margin:var(--space-24) 0 var(--space-12)}
.ui-doc-prose :where(p){margin:var(--space-12) 0}
.ui-doc-prose :where(li){margin:var(--space-8) 0}
.ui-doc-prose :where(ul),.ui-doc-prose :where(ol){padding-left:var(--space-24)}
.ui-doc-prose :where(code){font-family:Consolas,ui-monospace,monospace;font-size:var(--font-size-13);padding:var(--space-4) var(--space-6);background:var(--color-surface-subtle);border-radius:var(--radius-xs);overflow-wrap:anywhere}
.ui-doc-prose :where(pre){max-width:100%;padding:var(--space-20);background:var(--color-text);color:var(--color-on-primary);border-radius:var(--radius-md);overflow:auto;font-size:var(--font-size-12);line-height:1.8;tab-size:4}
.ui-doc-prose :where(pre code){background:none;padding:0;color:inherit;white-space:pre;overflow-wrap:normal;font-size:inherit}
.ui-doc-prose :where(.table-scroll){overflow:auto;margin:var(--space-20) 0}
.ui-doc-prose :where(table){width:100%;border-collapse:collapse;font-size:var(--font-size-13)}
.ui-doc-prose :where(th),.ui-doc-prose :where(td){text-align:left;padding:var(--space-12);border-bottom:1px solid var(--color-border);vertical-align:top}
.ui-doc-prose :where(th){color:var(--color-muted);font-weight:500;background:var(--color-surface-subtle)}
.ui-doc-prose :where(.callout){border-left:3px solid var(--color-primary);padding:var(--space-16);background:var(--color-primary-soft);border-radius:var(--radius-xs)}
/* Documentation patterns: language samples, field definitions and article navigation. */
.ui-code-tabs{min-width:0;margin:var(--space-24) 0;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface-subtle)}
.ui-code-tabs>.section-tabs{display:flex;gap:var(--space-24);padding:0 var(--space-20);margin:0;overflow-x:auto;white-space:nowrap;border-bottom:1px solid var(--color-border)}
.ui-code-tabs>.section-tabs a{padding:var(--space-14) 0;flex:none;font-size:var(--font-size-13);color:var(--color-muted)}
.ui-code-tabs>.section-tabs a[aria-selected=true]{color:var(--color-primary);border-bottom:2px solid var(--color-primary);font-weight:600}
.ui-code-tabs [data-tab-panel]{min-width:0}
.ui-code-hint{margin:0;padding:var(--space-12) var(--space-20);color:var(--color-muted);font-size:var(--font-size-12)}
.ui-code-tabs .code-block{margin:0}
.ui-code-tabs pre{margin:0;border-radius:0;max-height:600px;overflow:auto}
.ui-parameter-list{margin:var(--space-20) 0}
.ui-parameter-list>div{padding:var(--space-20) 0;border-bottom:1px solid var(--color-border)}
.ui-parameter-list dt{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-10)}
.ui-parameter-list dt>code{font-weight:650;font-size:var(--font-size-14)}
.ui-parameter-list dd{margin:var(--space-8) 0 0;line-height:1.85}
.ui-parameter-list dd p{margin:var(--space-6) 0}
.ui-parameter-type,.ui-parameter-default{color:var(--color-muted);font-size:var(--font-size-12)}
.ui-parameter-requirement{color:var(--color-muted);font-size:var(--font-size-11);background:var(--color-neutral-soft);border-radius:var(--radius-xs);padding:0 var(--space-6)}
.ui-parameter-requirement.required{color:var(--color-primary);background:var(--color-primary-soft)}
.ui-parameter-limits{font-size:var(--font-size-13);color:var(--color-secondary-text)}
.ui-doc-nav-group{display:grid;gap:var(--space-4);margin-bottom:var(--space-20)}
.ui-doc-nav-group h2{font-size:var(--font-size-11);color:var(--color-muted);letter-spacing:.06em;margin:var(--space-12) 0 var(--space-8);padding:0 var(--space-12)}
.ui-doc-nav-group a{padding:var(--space-8) var(--space-12);border-radius:var(--radius-control);color:var(--color-secondary-text);font-size:var(--font-size-13);line-height:1.6}
.ui-doc-nav-group a:hover{background:var(--color-surface-subtle);text-decoration:none}
.ui-doc-nav-group a[aria-current=page]{background:var(--color-primary-soft);color:var(--color-primary);font-weight:600}
.ui-article-toc{display:flex;flex-direction:column;gap:var(--space-4);padding:0;font-size:var(--font-size-12)}
.ui-article-toc .task-toc-title{display:block;padding:0 0 var(--space-12);font-size:var(--font-size-12);letter-spacing:0}
.ui-article-toc a{padding:var(--space-6) var(--space-12);border-left:2px solid var(--color-border);color:var(--color-muted);line-height:1.5}
.ui-article-toc a[aria-current=location]{color:var(--color-primary);border-left-color:var(--color-primary);font-weight:600}

.ui-code-tabs :where(pre){padding:var(--space-20);background:var(--color-text);color:var(--color-on-primary);font-size:var(--font-size-12);line-height:1.8;tab-size:4}
.ui-code-tabs :where(pre code){font-family:Consolas,ui-monospace,monospace;background:none;color:inherit;padding:0;white-space:pre;font-size:inherit}
@media(max-width:760px){.ui-doc-nav-group{grid-template-columns:repeat(2,minmax(0,1fr))}.ui-doc-nav-group h2{grid-column:1/-1}}

@media(max-width:1150px){.ui-article-toc{flex-direction:row;flex-wrap:wrap;gap:var(--space-6)}.ui-article-toc .task-toc-title{width:100%;padding:0}}
@media(max-width:760px){.ui-doc-prose :where(.table-scroll table){min-width:500px}}

/* Full-text search: compact launcher, one focus ring, readable result previews. */
.ui-search-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--space-12);padding:var(--space-10) var(--space-12);background:var(--color-surface-subtle);color:var(--color-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-13);text-align:left}
.ui-search-trigger::after{content:'Ctrl K';font-size:var(--font-size-11);white-space:nowrap;color:var(--color-muted);border:1px solid var(--color-border);border-radius:var(--radius-xs);padding:0 var(--space-4)}
.ui-search-trigger:hover{border-color:var(--color-primary);color:var(--color-primary)}
.ui-search-field{display:flex;align-items:center;gap:var(--space-10);border:1px solid var(--color-input-border);border-radius:var(--radius-md);padding:0 var(--space-12);background:var(--color-surface);min-width:0}
.ui-search-field:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}
.ui-search-field>svg{width:20px;height:20px;flex:none;fill:none;stroke:var(--color-muted);stroke-width:1.7}
.ui-search-field>input{border:0;background:transparent;margin:0;padding:var(--space-12) 0;min-width:0;width:100%;height:48px;font-size:var(--font-size-15)}
.ui-search-field>input:focus,.ui-search-field>input:focus-visible{outline:none;box-shadow:none;border:0}
.ui-search-field>input::-webkit-search-cancel-button{-webkit-appearance:none}
.ui-search-field>button{flex:none;font-size:var(--font-size-20);padding:var(--space-4);color:var(--color-muted)}
.console-dialog:has(.ui-search-results){width:min(720px,calc(100vw - 32px));height:min(640px,calc(100dvh - 48px))}
.console-dialog:has(.ui-search-results) .dialog-header h2{margin:0}
.console-dialog:has(.ui-search-results) .dialog-body{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}
.console-dialog:has(.ui-search-results) .ui-search-field{flex-shrink:0}
.console-dialog:has(.ui-search-results) .ui-search-results{flex:1;min-height:0;max-height:none}
.ui-search-results{display:grid;align-content:start;gap:var(--space-8);max-height:52vh;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.ui-search-results>a{display:block;padding:var(--space-14) var(--space-16);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;overflow-wrap:anywhere}
.ui-search-results>a:hover,.ui-search-results>a:focus-visible{background:var(--color-surface-subtle);border-color:var(--color-primary);outline-offset:-2px;text-decoration:none}
.ui-search-results strong{display:block;font-size:var(--font-size-14)}
.ui-search-results small{display:block;color:var(--color-muted);font-size:var(--font-size-12);margin:var(--space-4) 0}
.ui-search-results p{margin:0;color:var(--color-secondary-text);font-size:var(--font-size-13);line-height:1.8}
.ui-search-results mark,.ui-search-match{background:var(--color-warning-soft);color:var(--color-text);border-radius:var(--radius-xs)}
.ui-search-target{outline:2px solid var(--color-focus);outline-offset:4px;border-radius:var(--radius-xs)}
@media(max-width:760px){.ui-search-trigger::after{content:'搜索'}.ui-search-results{max-height:48vh}}

/* Shared record cards and aligned facts for detailed records. */
.ui-record-card { border:1px solid var(--color-border); border-radius:var(--radius-panel); background:var(--color-surface); overflow:hidden; min-width:0; }
.ui-record-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:var(--space-16); padding:var(--space-16) var(--space-20); background:var(--color-surface-subtle); border-bottom:1px solid var(--color-border); }
.ui-record-heading h4 { margin:0; font-size:var(--font-size-15); color:var(--color-text); overflow-wrap:anywhere; }
.ui-record-heading p { margin:var(--space-6) 0 0; color:var(--color-muted); font-size:var(--font-size-12); }
.ui-record-heading>.badge { flex-shrink:0; }
.ui-record-body { display:grid; gap:var(--space-16); padding:var(--space-20); }
.ui-facts-grid, .ui-facts-metrics { display:grid; gap:var(--space-16) var(--space-24); margin:0; min-width:0; }
.ui-facts-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.ui-facts-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); padding-bottom:var(--space-16); border-bottom:1px solid var(--color-border); }
.ui-facts-grid>div, .ui-facts-metrics>div { min-width:0; }
.ui-facts-grid dt, .ui-facts-metrics dt { font-size:var(--font-size-12); color:var(--color-muted); margin-bottom:var(--space-6); }
.ui-facts-grid dd, .ui-facts-metrics dd { margin:0; overflow-wrap:anywhere; font-variant-numeric:tabular-nums; color:var(--color-text); }
.ui-facts-grid dd { font-size:var(--font-size-13); }
.ui-facts-metrics dd { font-size:var(--font-size-18); font-weight:600; }
@media(max-width:600px) {
  .ui-record-heading, .ui-record-body { padding:var(--space-14); }
  .ui-facts-grid, .ui-facts-metrics { grid-template-columns:1fr; gap:var(--space-12); }
  .ui-facts-metrics>div { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:baseline; gap:var(--space-12); }
  .ui-facts-metrics dd { text-align:right; font-size:var(--font-size-16); }
}

/* Expanded table rows share the full table width instead of stretching an action cell. */
.table-wrap:has(.ui-row-detail) { container-type:inline-size; }
.ui-row-detail-body { position:sticky; left:0; box-sizing:border-box; width:calc(100cqi - var(--space-24)); max-width:100%; padding:var(--space-16); background:var(--color-surface-subtle); border-radius:var(--radius-md); }
[data-row-toggle] { white-space:nowrap; }