:is(body:has(.demo-experience[data-focus=true])>.site-header,body:has(.demo-experience[data-focus=true]) .site-header){display:none}.demo-experience[data-focus=true]{--example-toolbar-height:0px}.demo-experience[data-focus=true] .showcase-shell{min-height:100dvh}.demo-preview-options{flex-direction:column;align-items:stretch;gap:14px;width:260px;max-width:calc(100vw - 32px);padding:18px;display:flex}.demo-preview-options h2{margin:0;font-size:15px;font-weight:500}.demo-preview-options .af-native-select{width:100%}.demo-preview-options .example-brand-trigger-label{display:inline}.demo-search-label kbd{font:11px/1 var(--af-font-mono), monospace;color:var(--af-semantic-muted);margin-inline-start:10px}.demo-header-tools{min-width:0}.records-workspace{border:1px solid var(--af-semantic-border);background:var(--af-semantic-surface);min-width:0}.records-toolbar{flex-wrap:wrap;align-items:center;gap:10px;padding:16px;display:flex}.records-toolbar>.af-field:first-child{flex:260px;min-width:200px}.records-toolbar>.af-field:not(:first-child){flex:0 auto;width:auto}.records-toolbar .af-native-select{min-width:115px}.records-view-actions{gap:4px;margin-inline-start:auto;display:flex}.records-filter-chips{flex-wrap:wrap;align-items:center;gap:8px;padding:0 16px 14px;display:flex}.records-filter-chips .af-button{max-width:100%}.records-filter-chips .af-button>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.records-storage-note{color:var(--af-semantic-muted);margin:0;padding:0 16px 14px;font-size:13px}.records-selection{border-top:1px solid var(--af-semantic-border);background:var(--af-semantic-accent-soft);color:var(--af-semantic-foreground);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 16px;font-size:13px;display:flex}.records-selection>strong{margin-inline-end:8px;font-weight:500}.records-table-scroll{outline-offset:3px;overflow-x:auto}.records-workspace .af-table{min-width:780px}.records-workspace .af-table th,.records-customer-workspace .af-table th{font:500 13px/1.4 var(--af-font-sans), sans-serif;text-transform:none;letter-spacing:normal;white-space:nowrap;padding:12px 16px}.records-workspace .af-table td,.records-customer-workspace .af-table td{height:64px;padding:12px 16px;font-size:13px}.records-workspace .af-table .records-checkbox,.records-customer-workspace .af-table .records-checkbox{width:48px;padding-inline:16px 4px}.records-workspace .af-table tr[data-selected],.records-customer-workspace .af-table tr[data-selected]{background:var(--af-semantic-accent-soft)}.records-name{text-align:start;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:3px;padding:0;display:flex}.records-name strong{font-size:14px;font-weight:500}.records-name>span,.records-muted{color:var(--af-semantic-muted);font-size:13px}.records-name:hover strong{text-underline-offset:3px;text-decoration:underline}.records-name:focus-visible,.records-table-scroll:focus-visible{outline:2px solid var(--af-semantic-focus);outline-offset:4px}.records-reviewed{align-items:center;gap:5px;font-size:13px;display:inline-flex}.records-pagination{border-top:1px solid var(--af-semantic-border);align-items:center;gap:16px;padding:12px 16px;font-size:13px;display:flex}.records-pagination>span{color:var(--af-semantic-muted);margin-inline-end:auto}.records-pagination>.af-field{width:144px}.records-pagination>div:last-child{white-space:nowrap;align-items:center;gap:10px;display:flex}.records-footnote{border-top:1px solid var(--af-semantic-border);color:var(--af-semantic-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;font-size:13px;display:flex}.records-shortcuts{gap:16px;font-size:14px;display:grid}.records-shortcuts>div{grid-template-columns:105px 1fr;gap:12px;display:grid}.records-shortcuts dd{color:var(--af-semantic-muted);margin:0}.records-shortcuts kbd{border:1px solid var(--af-semantic-border);background:var(--af-semantic-subtle);font:12px var(--af-font-mono), monospace;padding:3px 5px}.records-detail-heading{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:28px;display:flex}.records-detail-heading>span:first-child{width:100%}.records-detail-heading h2{width:100%;margin:0;font-size:22px;font-weight:500}.records-detail-heading>strong{font-size:28px;font-weight:500}.demo-page [data-records-density=compact] .af-table td{height:44px;padding-block:6px}.demo-page [data-records-density=comfortable] .af-table td{height:64px;padding-block:12px}.records-customer-workspace .demo-customer-button>span>span{font-size:13px}.records-customer-workspace .demo-table-toolbar{flex-wrap:wrap}.records-customer-workspace .demo-table-toolbar>.af-field:first-child{min-width:220px}@media (max-width:1100px){.demo-focus-label,.demo-search-label kbd{display:none}.records-toolbar>.af-field:first-child{flex-basis:100%}}@media (max-width:767px){.demo-toolbar{gap:8px;padding-inline:12px}.demo-toolbar-controls{gap:4px}.demo-experience[data-focus=true] .demo-workspace-brand .af-badge{display:none}.demo-experience[data-focus=true] .demo-header-tools{gap:2px}.demo-experience[data-focus=true] .demo-header-tools>a[aria-label="View workspace activity"]{display:none}.demo-experience[data-focus=true] .af-shell-topbar{gap:8px;padding-inline:12px}.records-toolbar{gap:8px;padding:12px}.records-toolbar>.af-field:not(:first-child){flex:calc(50% - 8px)}.records-toolbar .af-native-select{width:100%}.records-pagination{flex-wrap:wrap;gap:8px;padding:12px}.records-pagination>span{flex-basis:100%}.records-pagination>div:last-child{margin-inline-start:auto}.records-filter-chips{padding-inline:12px}.records-footnote{padding:12px}}@media (max-width:420px){.demo-experience[data-focus=true] .demo-workspace-brand strong{display:none}.demo-toolbar .demo-toolbar-controls>.af-button[aria-label=Focus\ preview]{min-width:32px}}.records-workspace .af-table th,.records-workspace .af-table td,.records-customer-workspace .af-table th,.records-customer-workspace .af-table td{text-align:start}.records-workspace .af-table .demo-numeric,.records-customer-workspace .af-table .demo-numeric{text-align:end}@media (max-width:767px){.demo-toolbar .demo-reset-label{display:none}}.records-chart.demo-analytics-chart{margin-top:0}.records-chart.demo-analytics-chart>figcaption{margin:0;font-size:13px}.demo-application-header{flex:1;align-items:center;gap:16px;min-width:0;display:flex}@media (max-width:767px){.demo-application-header{gap:8px}}