/* Porcelain family and Graphite share geometry. Global compact grid dimensions stay unchanged. */
html:has(link[href*="/porcelain-base.css"],link[href*="/graphite-dark-base.css"],link[href*="/linen-base.css"],link[href*="/sage-base.css"],link[href*="/pearl-base.css"],link[href*="/sandstone-base.css"],link[href*="/mist-base.css"]) {
    --rz-primary:var(--pg-accent); --rz-on-primary:var(--pg-onaccent);
    --rz-secondary:var(--pg-muted); --rz-text-color:var(--pg-text);
    --rz-text-title-color:var(--pg-text); --rz-text-secondary-color:var(--pg-muted);
    --rz-body-background-color:var(--pg-canvas); --rz-base-background-color:var(--pg-surface);
    --rz-input-background-color:var(--pg-inset); --rz-input-color:var(--pg-text);
    --rz-input-placeholder-color:var(--pg-muted); --rz-base-300:var(--pg-line); --rz-base-400:var(--pg-line);
    --rz-input-border:1px solid var(--pg-line); --rz-input-focus-border:1px solid var(--pg-accent);
    --rz-input-hover-border:1px solid var(--pg-accent); --rz-input-shadow:none;
    --rz-input-hover-shadow:none; --rz-input-focus-shadow:0 0 0 1px var(--pg-accent);
    --rz-border-radius:5px; --rz-success:var(--pg-success); --rz-danger:var(--pg-danger); --rz-warning:var(--pg-warning);
    --dme-theme-surface:var(--pg-surface); --dme-theme-accent:var(--pg-accent);
    --dme-theme-secondary:var(--pg-muted); --dme-theme-line:var(--pg-line);
    --dme-theme-surface-radius:7px; --dme-theme-shadow:0 2px 8px var(--pg-shadow);
}
html:has(link[href*="/porcelain-base.css"],link[href*="/graphite-dark-base.css"],link[href*="/linen-base.css"],link[href*="/sage-base.css"],link[href*="/pearl-base.css"],link[href*="/sandstone-base.css"],link[href*="/mist-base.css"]) body :is(.app-layout,.admin-layout,.phone-shell) {
    --rz-primary:var(--pg-accent); --rz-on-primary:var(--pg-onaccent);
    --rz-secondary:var(--pg-muted); --rz-text-color:var(--pg-text);
    --rz-text-title-color:var(--pg-text); --rz-text-secondary-color:var(--pg-muted);
    --rz-body-background-color:var(--pg-canvas); --rz-base-background-color:var(--pg-surface);
    --rz-input-background-color:var(--pg-inset); --rz-input-color:var(--pg-text);
    --rz-input-placeholder-color:var(--pg-muted); --rz-base-300:var(--pg-line); --rz-base-400:var(--pg-line);
    --rz-input-border:1px solid var(--pg-line); --rz-input-focus-border:1px solid var(--pg-accent);
    --rz-input-hover-border:1px solid var(--pg-accent); --rz-input-shadow:none;
    --rz-input-hover-shadow:none; --rz-input-focus-shadow:0 0 0 1px var(--pg-accent);
    --rz-border-radius:5px; --rz-success:var(--pg-success); --rz-danger:var(--pg-danger); --rz-warning:var(--pg-warning);
    --dme-theme-surface:var(--pg-surface); --dme-theme-accent:var(--pg-accent);
    --dme-theme-secondary:var(--pg-muted); --dme-theme-line:var(--pg-line);
    --dme-theme-surface-radius:7px; --dme-theme-shadow:0 2px 8px var(--pg-shadow);
}
html:has(link[href*="/porcelain-base.css"],link[href*="/graphite-dark-base.css"],link[href*="/linen-base.css"],link[href*="/sage-base.css"],link[href*="/pearl-base.css"],link[href*="/sandstone-base.css"],link[href*="/mist-base.css"]) body {
    background:var(--pg-canvas); color:var(--pg-text);
}
html:has(link[href*="/porcelain-base.css"],link[href*="/graphite-dark-base.css"],link[href*="/linen-base.css"],link[href*="/sage-base.css"],link[href*="/pearl-base.css"],link[href*="/sandstone-base.css"],link[href*="/mist-base.css"]) body :is(.app-backdrop,.admin-backdrop) {
    background:var(--pg-canvas) !important;
}
html:has(link[href*="/porcelain-base.css"],link[href*="/graphite-dark-base.css"],link[href*="/linen-base.css"],link[href*="/sage-base.css"],link[href*="/pearl-base.css"],link[href*="/sandstone-base.css"],link[href*="/mist-base.css"]) body :is(.backdrop-glow,.backdrop-grid,.backdrop-routes,.backdrop-axis,.backdrop-data-mark) {
    display:none;
}
html:has(link[href*="/porcelain-base.css"],link[href*="/graphite-dark-base.css"],link[href*="/linen-base.css"],link[href*="/sage-base.css"],link[href*="/pearl-base.css"],link[href*="/sandstone-base.css"],link[href*="/mist-base.css"]) body :is(.app-backdrop,.admin-backdrop)::before {
    display:none;
}
html:has(link[href*="/porcelain-base.css"],link[href*="/graphite-dark-base.css"],link[href*="/linen-base.css"],link[href*="/sage-base.css"],link[href*="/pearl-base.css"],link[href*="/sandstone-base.css"],link[href*="/mist-base.css"]) body :is(.app-backdrop,.admin-backdrop)::after {
    display:none;
}
html:has(link[href*="/porcelain-base.css"],link[href*="/graphite-dark-base.css"],link[href*="/linen-base.css"],link[href*="/sage-base.css"],link[href*="/pearl-base.css"],link[href*="/sandstone-base.css"],link[href*="/mist-base.css"]) body :is(.app-header,.admin-header) {
    background:var(--pg-surface) !important; color:var(--pg-text); border-color:var(--pg-subtle) !important; box-shadow:0 1px 4px var(--pg-shadow) !important; backdrop-filter:none;
}
html:has(link[href*="/porcelain-base.css"],link[href*="/graphite-dark-base.css"],link[href*="/linen-base.css"],link[href*="/sage-base.css"],link[href*="/pearl-base.css"],link[href*="/sandstone-base.css"],link[href*="/mist-base.css"]) body :is(.rz-card,.catalog-card,.settings-card,.metric-card,.quick-card,.routing-panel,.phone-admin,.theme-preview-card) {
    background:var(--pg-surface) !important; color:var(--pg-text); border-color:var(--pg-subtle) !important; border-radius:7px; box-shadow:0 2px 8px var(--pg-shadow) !important; backdrop-filter:none !important;
}
html:has(link[href*="/porcelain-base.css"],link[href*="/graphite-dark-base.css"],link[href*="/linen-base.css"],link[href*="/sage-base.css"],link[href*="/pearl-base.css"],link[href*="/sandstone-base.css"],link[href*="/mist-base.css"]) body :is(.rz-dialog,.phone-window,.incoming-call-stack,.call-details-float,.rz-notification-message,.phone-incoming) {
    background:var(--pg-raised) !important; color:var(--pg-text); border-color:var(--pg-line); border-radius:7px; box-shadow:0 8px 24px var(--pg-shadow) !important;
}
html:has(link[href*="/porcelain-base.css"],link[href*="/graphite-dark-base.css"],link[href*="/linen-base.css"],link[href*="/sage-base.css"],link[href*="/pearl-base.css"],link[href*="/sandstone-base.css"],link[href*="/mist-base.css"]) body :is(.rz-dialog-titlebar,.phone-heading,.details-heading,.panel-heading,.settings-heading,.dme-page-header) {
    background:var(--pg-surface) !important; color:var(--pg-text); border-color:var(--pg-subtle) !important; text-shadow:none;
}
html:has(link[href*="/porcelain-base.css"],link[href*="/graphite-dark-base.css"],link[href*="/linen-base.css"],link[href*="/sage-base.css"],link[href*="/pearl-base.css"],link[href*="/sandstone-base.css"],link[href*="/mist-base.css"]) body :is(.rz-dialog-titlebar,.phone-heading,.details-heading,.panel-heading,.settings-heading) :is(h1,h2,h3,strong,.rz-dialog-title) {
    color:var(--pg-text) !important;
}
html:has(link[href*="/porcelain-base.css"],link[href*="/graphite-dark-base.css"],link[href*="/linen-base.css"],link[href*="/sage-base.css"],link[href*="/pearl-base.css"],link[href*="/sandstone-base.css"],link[href*="/mist-base.css"]) body :is(.rz-dialog-content,.rz-panel,.rz-panel-content,.grid-tools,.rz-paginator,.rz-group-header) {
    background:var(--pg-surface) !important; color:var(--pg-text);
}
html:has(link[href*="/porcelain-base.css"],link[href*="/graphite-dark-base.css"],link[href*="/linen-base.css"],link[href*="/sage-base.css"],link[href*="/pearl-base.css"],link[href*="/sandstone-base.css"],link[href*="/mist-base.css"]) body :is(.rz-dropdown-panel,.rz-multiselect-panel,.rz-datepicker-popup,.rz-context-menu,.rz-autocomplete-panel) {
    background:var(--pg-raised); color:var(--pg-text); border:1px solid var(--pg-line); border-radius:5px; box-shadow:0 5px 16px var(--pg-shadow);
}
html:has(link[href*="/porcelain-base.css"],link[href*="/graphite-dark-base.css"],link[href*="/linen-base.css"],link[href*="/sage-base.css"],link[href*="/pearl-base.css"],link[href*="/sandstone-base.css"],link[href*="/mist-base.css"]) body :is(.rz-textbox,.rz-inputtext,.rz-dropdown,.rz-multiselect,.rz-numeric,.rz-datepicker,.rz-textarea,input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]),textarea,select) {
    background:var(--pg-inset); color:var(--pg-text); border-color:var(--pg-line) !important; border-radius:4px !important; box-shadow:none !important;
}
html:has(link[href*="/porcelain-base.css"],link[href*="/graphite-dark-base.css"],link[href*="/linen-base.css"],link[href*="/sage-base.css"],link[href*="/pearl-base.css"],link[href*="/sandstone-base.css"],link[href*="/mist-base.css"]) body :is(.rz-numeric,.rz-datepicker,.rz-dropdown,.rz-multiselect) input {
    background:transparent; box-shadow:none !important;
}
html:has(link[href*="/porcelain-base.css"],link[href*="/graphite-dark-base.css"],link[href*="/linen-base.css"],link[href*="/sage-base.css"],link[href*="/pearl-base.css"],link[href*="/sandstone-base.css"],link[href*="/mist-base.css"]) body :is(input,textarea)::placeholder {
    color:var(--pg-muted); opacity:1;
}
html:has(link[href*="/porcelain-base.css"],link[href*="/graphite-dark-base.css"],link[href*="/linen-base.css"],link[href*="/sage-base.css"],link[href*="/pearl-base.css"],link[href*="/sandstone-base.css"],link[href*="/mist-base.css"]) body :is(button,.rz-button,[role=button]) {
    background:var(--pg-raised) !important; color:var(--pg-text) !important; border-color:var(--pg-line) !important; border-radius:4px !important; box-shadow:none !important; text-shadow:none !important;
}
html:has(link[href*="/porcelain-base.css"],link[href*="/graphite-dark-base.css"],link[href*="/linen-base.css"],link[href*="/sage-base.css"],link[href*="/pearl-base.css"],link[href*="/sandstone-base.css"],link[href*="/mist-base.css"]) body :is(button,.rz-button,[role=button]) :is(.rzi,.rz-button-text,.rz-button-box,svg,span) {
    color:inherit !important;
}
html:has(link[href*="/porcelain-base.css"],link[href*="/graphite-dark-base.css"],link[href*="/linen-base.css"],link[href*="/sage-base.css"],link[href*="/pearl-base.css"],link[href*="/sandstone-base.css"],link[href*="/mist-base.css"]) body :is(button,.rz-button,[role=button]):hover:not(:disabled):not(.rz-state-disabled) {
    background:var(--pg-hover) !important; border-color:var(--pg-accent) !important;
}
html:has(link[href*="/porcelain-base.css"],link[href*="/graphite-dark-base.css"],link[href*="/linen-base.css"],link[href*="/sage-base.css"],link[href*="/pearl-base.css"],link[href*="/sandstone-base.css"],link[href*="/mist-base.css"]) body .rz-button.rz-primary:not(.rz-variant-text) {
    background:var(--pg-accent) !important; color:var(--pg-onaccent) !important; border-color:var(--pg-accent) !important;
}
html:has(link[href*="/porcelain-base.css"],link[href*="/graphite-dark-base.css"],link[href*="/linen-base.css"],link[href*="/sage-base.css"],link[href*="/pearl-base.css"],link[href*="/sandstone-base.css"],link[href*="/mist-base.css"]) body .rz-button.rz-primary:not(.rz-variant-text):hover:not(:disabled) {
    background:color-mix(in srgb,var(--pg-accent) 88%,var(--pg-text)) !important;
}
html:has(link[href*="/porcelain-base.css"],link[href*="/graphite-dark-base.css"],link[href*="/linen-base.css"],link[href*="/sage-base.css"],link[href*="/pearl-base.css"],link[href*="/sandstone-base.css"],link[href*="/mist-base.css"]) body :is(button,.rz-button,[role=button]):is(:active,[aria-pressed=true]):not(:disabled) {
    box-shadow:inset 0 1px 3px var(--pg-shadow) !important;
}
html:has(link[href*="/porcelain-base.css"],link[href*="/graphite-dark-base.css"],link[href*="/linen-base.css"],link[href*="/sage-base.css"],link[href*="/pearl-base.css"],link[href*="/sandstone-base.css"],link[href*="/mist-base.css"]) body :is(.grid-action,.icon-action,.row-action,.rz-button.rz-variant-text) {
    background:transparent !important; color:var(--pg-text) !important; border-color:transparent !important; box-shadow:none !important;
}
html:has(link[href*="/porcelain-base.css"],link[href*="/graphite-dark-base.css"],link[href*="/linen-base.css"],link[href*="/sage-base.css"],link[href*="/pearl-base.css"],link[href*="/sandstone-base.css"],link[href*="/mist-base.css"]) body :is(.grid-action,.icon-action,.row-action,.rz-button.rz-variant-text):hover:not(:disabled) {
    background:var(--pg-hover) !important; color:var(--pg-accent) !important;
}
html:has(link[href*="/porcelain-base.css"],link[href*="/graphite-dark-base.css"],link[href*="/linen-base.css"],link[href*="/sage-base.css"],link[href*="/pearl-base.css"],link[href*="/sandstone-base.css"],link[href*="/mist-base.css"]) body :is(.rz-button.rz-danger,.icon-action.danger,.row-action.danger,.decline) {
    background:var(--pg-raised) !important; color:var(--pg-danger) !important; border-color:var(--pg-danger) !important;
}
html:has(link[href*="/porcelain-base.css"],link[href*="/graphite-dark-base.css"],link[href*="/linen-base.css"],link[href*="/sage-base.css"],link[href*="/pearl-base.css"],link[href*="/sandstone-base.css"],link[href*="/mist-base.css"]) body .answer {
    background:var(--pg-raised) !important; color:var(--pg-success) !important; border-color:var(--pg-success) !important;
}
html:has(link[href*="/porcelain-base.css"],link[href*="/graphite-dark-base.css"],link[href*="/linen-base.css"],link[href*="/sage-base.css"],link[href*="/pearl-base.css"],link[href*="/sandstone-base.css"],link[href*="/mist-base.css"]) body :is(button,.rz-button,[role=button]):is(:disabled,.rz-state-disabled,[aria-disabled=true]) {
    background:var(--pg-surface) !important; color:var(--pg-muted) !important; border-color:var(--pg-subtle) !important; box-shadow:none !important; opacity:1 !important; cursor:default;
}
html:has(link[href*="/porcelain-base.css"],link[href*="/graphite-dark-base.css"],link[href*="/linen-base.css"],link[href*="/sage-base.css"],link[href*="/pearl-base.css"],link[href*="/sandstone-base.css"],link[href*="/mist-base.css"]) body :is(button,a,input,textarea,select,summary,[tabindex]):focus-visible {
    outline:2px solid var(--pg-accent) !important; outline-offset:2px;
}
html:has(link[href*="/porcelain-base.css"],link[href*="/graphite-dark-base.css"],link[href*="/linen-base.css"],link[href*="/sage-base.css"],link[href*="/pearl-base.css"],link[href*="/sandstone-base.css"],link[href*="/mist-base.css"]) body .top-nav a {
    background:transparent !important; color:var(--pg-muted) !important; border-color:transparent; border-radius:4px; box-shadow:none !important;
}
html:has(link[href*="/porcelain-base.css"],link[href*="/graphite-dark-base.css"],link[href*="/linen-base.css"],link[href*="/sage-base.css"],link[href*="/pearl-base.css"],link[href*="/sandstone-base.css"],link[href*="/mist-base.css"]) body .top-nav a.active {
    background:var(--pg-selected) !important; color:var(--pg-text) !important; border-color:var(--pg-line);
}
html:has(link[href*="/porcelain-base.css"],link[href*="/graphite-dark-base.css"],link[href*="/linen-base.css"],link[href*="/sage-base.css"],link[href*="/pearl-base.css"],link[href*="/sandstone-base.css"],link[href*="/mist-base.css"]) body .top-nav a.active .rzi {
    color:var(--pg-accent) !important;
}
html:has(link[href*="/porcelain-base.css"],link[href*="/graphite-dark-base.css"],link[href*="/linen-base.css"],link[href*="/sage-base.css"],link[href*="/pearl-base.css"],link[href*="/sandstone-base.css"],link[href*="/mist-base.css"]) body :is(.rz-data-grid,.rz-datatable) {
    background:var(--pg-inset); border-color:var(--pg-subtle); border-radius:5px; box-shadow:none;
}
html:has(link[href*="/porcelain-base.css"],link[href*="/graphite-dark-base.css"],link[href*="/linen-base.css"],link[href*="/sage-base.css"],link[href*="/pearl-base.css"],link[href*="/sandstone-base.css"],link[href*="/mist-base.css"]) body :is(.rz-grid-table,.rz-datatable-table) tbody td {
    background:var(--pg-inset) !important; color:var(--pg-text) !important; border-color:var(--pg-subtle);
}
html:has(link[href*="/porcelain-base.css"],link[href*="/graphite-dark-base.css"],link[href*="/linen-base.css"],link[href*="/sage-base.css"],link[href*="/pearl-base.css"],link[href*="/sandstone-base.css"],link[href*="/mist-base.css"]) body :is(.rz-grid-table,.rz-datatable-table) tbody tr:hover td {
    background:var(--pg-hover) !important;
}
html:has(link[href*="/porcelain-base.css"],link[href*="/graphite-dark-base.css"],link[href*="/linen-base.css"],link[href*="/sage-base.css"],link[href*="/pearl-base.css"],link[href*="/sandstone-base.css"],link[href*="/mist-base.css"]) body :is(.rz-grid-table,.rz-datatable-table) tbody tr.rz-state-highlight td {
    background:var(--pg-selected) !important;
}
html:has(link[href*="/porcelain-base.css"],link[href*="/graphite-dark-base.css"],link[href*="/linen-base.css"],link[href*="/sage-base.css"],link[href*="/pearl-base.css"],link[href*="/sandstone-base.css"],link[href*="/mist-base.css"]) body :is(.rz-grid-table,.rz-datatable-table) th {
    background:var(--pg-surface) !important; color:var(--pg-muted) !important; border-color:var(--pg-subtle); box-shadow:none !important;
}
html:has(link[href*="/porcelain-base.css"],link[href*="/graphite-dark-base.css"],link[href*="/linen-base.css"],link[href*="/sage-base.css"],link[href*="/pearl-base.css"],link[href*="/sandstone-base.css"],link[href*="/mist-base.css"]) body :is(.app-content,.admin-content,.dme-dialog,.rz-dialog) .dme-active-status-badge.is-active.rz-badge {
    color:var(--pg-success) !important;
    background:color-mix(in srgb,var(--pg-success) 12%,var(--pg-inset)) !important;
    border-color:color-mix(in srgb,var(--pg-success) 50%,var(--pg-inset)) !important;
}
html:has(link[href*="/porcelain-base.css"],link[href*="/graphite-dark-base.css"],link[href*="/linen-base.css"],link[href*="/sage-base.css"],link[href*="/pearl-base.css"],link[href*="/sandstone-base.css"],link[href*="/mist-base.css"]) body :is(.app-content,.admin-content,.dme-dialog,.rz-dialog) .dme-active-status-badge.is-inactive.rz-badge {
    color:var(--pg-warning) !important;
    background:color-mix(in srgb,var(--pg-warning) 12%,var(--pg-inset)) !important;
    border-color:color-mix(in srgb,var(--pg-warning) 50%,var(--pg-inset)) !important;
}