/* Business layout, column widths and content placement.
   Shared components come from Tabler; compact density and the shell live in tabler-theme.css. */
.actions {display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.stats {display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.panel-head p {margin:5px 0 0}
.money {font-variant-numeric:tabular-nums;white-space:nowrap}
.empty {padding:46px 24px;text-align:center;color:var(--muted)}
.empty strong {display:block;margin-bottom:7px;color:var(--ink);font-size:16px}
.filters {display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:20px}
.filters .form-control {max-width:310px}
.filters .form-select {max-width:170px}
.filters .wizard-customer-picker {width:170px;max-width:100%}
.form-shell {max-width:760px}
.rental-wizard {max-width:980px}
.rental-wizard-steps {display:flex;gap:8px;list-style:none;padding:0;margin:0 0 20px;overflow-x:auto}
.rental-wizard-steps li {flex:1;min-width:108px;border-bottom:2px solid var(--line);padding:0 0 12px;color:var(--tblr-secondary)}
.rental-wizard-steps li.active {border-color:var(--tblr-primary);color:var(--tblr-primary);font-weight:600}
.rental-wizard-steps .btn,.wizard-step-label {display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:0;font-size:13px;white-space:nowrap}
.rental-wizard-steps .btn {min-height:28px;text-decoration:none}
.rental-wizard-steps .btn>span,.wizard-step-label>span {display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;width:26px;height:26px;flex-shrink:0}
.rental-wizard-steps .active .wizard-step-number {background:var(--tblr-primary);border-color:var(--tblr-primary);color:white}
.wizard-step-hint {font-size:10px;line-height:1}
.wizard-pending {border-left:2px solid var(--tblr-warning);padding:4px 12px}
.wizard-pending summary {cursor:pointer}
.wizard-context {margin-bottom:8px}
.rental-wizard [hidden] {display:none!important}
.rental-wizard .form-section [data-field$="mode"],.rental-wizard .form-section [data-field$="notes"],.rental-wizard .form-section [data-field$="address"],.rental-wizard .form-section [data-field$="staff"],.rental-wizard .form-section [data-field="rate_type"],.rental-wizard .form-section [data-field="rule_invoice_timing"] {grid-column:1/-1}
.wizard-selection-detail {margin:8px 0 0;padding:10px 12px;background:var(--tblr-bg-surface-secondary);border-radius:4px;font-size:13px;line-height:1.6}
.wizard-extra {border-top:1px solid var(--line);padding:16px 0}
.wizard-extra summary {font-weight:500;cursor:pointer}
.wizard-extra[open]>summary {margin-bottom:20px}
.wizard-extra .form-section {margin-bottom:0}
.wizard-review th {width:115px;font-weight:500;white-space:nowrap}
.wizard-review td:last-child {width:65px}
.wizard-review td {overflow-wrap:anywhere}
.rental-wizard .wizard-actions {position:sticky;bottom:0;background:var(--tblr-bg-surface,#fff);border-top:1px solid var(--line);padding:16px 0;margin-top:20px;z-index:2}
.drawer-body:has(.rental-wizard) {padding-bottom:0;scroll-padding-bottom:90px}
.drawer-body .wizard-actions {margin-inline:calc(-1 * var(--drawer-body-padding));padding-inline:var(--drawer-body-padding)}
.wizard-customer-picker {position:relative;min-width:0}
.wizard-customer-picker>.form-control {padding-right:38px}
.wizard-customer-toggle {position:absolute;right:1px;top:1px;bottom:1px;width:34px;border:0;background:transparent;color:var(--muted);display:flex;align-items:center;justify-content:center;border-radius:4px;cursor:pointer}
.wizard-customer-popup {position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:5;max-height:260px;max-height:min(260px,40vh);overflow:auto;overscroll-behavior:contain;background:var(--tblr-bg-surface,#fff);border:1px solid var(--line);border-radius:5px;box-shadow:0 4px 12px rgb(24 36 51 / 12%);padding:4px}
.wizard-customer-popup-floating {position:fixed;right:auto;z-index:1060}
.wizard-customer-option {padding:8px 10px;border-radius:3px;cursor:pointer;font-size:13px;overflow-wrap:anywhere}
.wizard-customer-option:is(:hover,.active) {background:var(--tblr-primary-lt);color:var(--tblr-primary)}
.wizard-customer-option[aria-selected=true] {font-weight:600}
.wizard-customer-status {padding:10px;color:var(--muted);font-size:12px}
.choice-search {display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:8px}
.choice-search>.form-control {flex:1 1 180px;min-width:0}
.choice-search>.btn {flex:none}
.choice-search-status {flex-basis:100%}
.statement-selected-list {max-height:12rem;overflow:auto}
.statement-selected-list .list-group-item {padding:8px 12px}
.list-selection-form {overflow-y:auto}
.list-selection-form > .choice-search, .list-selection-form > [data-selection-review-panel] {flex:none}
.list-page .list-selection-form > .list-scroll {flex:1 0 160px}
.choice-search[hidden], .choice-search [hidden], [data-searchable-checks] [data-choice-row][hidden] {display:none!important}
.activation-table th:first-child {width:22%;white-space:normal;font-weight:500}
.activation-table td:last-child {width:24%}
.activation-table .actions {gap:6px 12px}
.activation-table td,.activation-table th {overflow-wrap:anywhere}
.activation-table small {display:block;color:var(--muted);margin-top:5px;line-height:1.6}
.activation-guide .rental-wizard-steps li {min-width:100px}
.rental-wizard .wizard-source .form-label {display:none}
.rental-wizard .choice-list:has(input[type=radio]) {display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;border:0}
.rental-wizard .choice-list:has(input[type=radio]) .list-group-item {border:1px solid var(--line);border-radius:4px;padding:10px 14px;flex:1 1 auto}
.rental-wizard .choice-list:has(input[type=radio]) .list-group-item:has(input:checked) {background:var(--tblr-primary-lt);border-color:var(--tblr-primary)}
.rental-wizard .form-section {margin-bottom:20px}
.rental-wizard .form-section legend {margin-bottom:14px;padding-bottom:10px}
.errorlist {color:var(--tblr-danger);font-size:14px;padding-left:18px;margin:7px 0}
.detail-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.detail-grid dt {color:var(--muted);font-size:13px;font-weight:400;margin-bottom:7px}
.detail-grid dd {font-size:16px;overflow-wrap:anywhere;margin:0}
.split {display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,1fr);gap:24px}
.customer-card {padding:24px;border-bottom:1px solid var(--line)}
.customer-card:last-child {border:0}
.customer-title {display:flex;justify-content:space-between;gap:15px;margin-bottom:16px}
.pagination-row {display:flex;justify-content:space-between;align-items:center;padding:16px 0;color:var(--muted);font-size:14px}
.pagination-row div {display:flex;gap:16px}
.login-wrap {min-height:100dvh;display:grid;place-items:center;padding:24px}
.login-box {width:100%;max-width:420px}
.login-box h1 {font-size:24px;margin-bottom:8px}
.login-box form {margin-top:28px}
.skip-link {position:absolute;top:-60px;left:12px;z-index:50;background:white;padding:8px}
.skip-link:focus {top:8px}
.summary-line {display:flex;gap:24px;flex-wrap:wrap;margin-bottom:24px}
.summary-item {font-size:14px}
.summary-item strong {margin-left:8px}
.customer-deposit-table {table-layout:fixed;width:100%;min-width:800px}
.customer-deposit-table .customer-deposit-device-col {width:34%}
.customer-deposit-table td:first-child,.customer-deposit-history td {overflow-wrap:anywhere}
.customer-deposit-history {table-layout:fixed;width:100%;min-width:780px}
.customer-deposit-history .deposit-history-date {width:100px}
.customer-deposit-history .deposit-history-device {width:180px}
.customer-deposit-history .deposit-history-kind {width:110px}
.customer-deposit-history .deposit-history-amount {width:110px}
.preline {white-space:pre-line;overflow-wrap:anywhere}
.table-responsive:focus {outline:2px solid var(--blue)}
@media(max-width:1100px) {
.stats {grid-template-columns:repeat(2,minmax(0,1fr))}
.split {grid-template-columns:1fr}
.detail-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px) {
.detail-grid {gap:20px 15px}
.detail-grid dd {font-size:14px}
.customer-card {padding:18px}
.customer-title {flex-direction:column;gap:7px}
.filters {gap:8px}
.filters .form-control {max-width:none;flex:1;min-width:170px}
.summary-line {gap:12px}
.actions form {margin:0}
}
.form-section {border:0;padding:0;margin:0 0 30px;min-width:0}
.form-section legend {font-size:16px;font-weight:600;padding:0 0 12px;margin:0 0 20px;border-bottom:1px solid var(--line)}
.form-section:last-of-type {margin-bottom:24px}
.form-actions {display:flex;gap:10px;border-top:1px solid var(--line);padding-top:20px;flex-wrap:wrap}
.form-errors .errorlist {margin:0;padding-left:18px}
.audit-detail pre {font-size:12px;max-width:400px;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--tblr-bg-surface-secondary);padding:12px;margin-top:12px;border-radius:6px}
.audit-detail [data-disclosure-toggle] {color:var(--blue);font-size:14px}
.form-section {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
.form-section legend {grid-column:1/-1}
.form-section [data-field=notes] {grid-column:1/-1}
.form-section [data-field=address] {grid-column:1/-1}
.form-section [data-field=staff] {grid-column:1/-1}
.form-section [data-field=roles] {grid-column:1/-1}
.form-section [data-field=sites] {grid-column:1/-1}
.form-section .form-field {min-width:0}
@media(max-width:700px) {
.form-section {grid-template-columns:1fr;gap:0}
.form-section .form-field {grid-column:1/-1}
}
.archive-workspace {display:grid;grid-template-columns:290px minmax(0,1fr);align-items:start;gap:24px}
.archive-tree {position:sticky;top:24px;max-height:calc(100dvh - 48px);overflow:auto}
.archive-tree-head {padding:18px 16px;border-bottom:1px solid var(--line)}
.archive-tree-head>strong {font-size:14px}
.archive-search {display:flex;gap:6px;margin:12px 0 0}
.archive-search .form-control {min-width:0;font-size:13px;padding:8px 10px}
.archive-search .btn {padding:6px 10px;font-size:13px}
.archive-nodes {padding:10px 8px 16px}
.archive-nodes a {display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--ink);border-radius:5px;min-width:0;overflow-wrap:anywhere}
.archive-nodes a:hover {background:var(--tblr-hover-bg);text-decoration:none}
.archive-nodes a[aria-current] {font-weight:600}
.archive-nodes a.selected {font-weight:600}
.archive-nodes .disclosure-head {display:flex;align-items:center;gap:2px;list-style:none;cursor:pointer;padding:0 2px}
.archive-nodes .disclosure-head:focus-visible {outline:2px solid var(--blue);outline-offset:1px}
.archive-nodes a:focus-visible {outline:2px solid var(--blue);outline-offset:1px}
.tree-children {margin-left:16px;border-left:1px solid var(--line);padding-left:6px}
.tree-meta {font-size:11px;color:var(--muted);font-weight:400;white-space:nowrap}
.tree-empty {display:block;font-size:12px;color:var(--muted);padding:9px 12px}
.tree-overview {font-size:13px;color:var(--muted)!important}
.tree-overview span {font-size:12px}
.archive-detail {min-width:0}
.archive-detail .panel:last-child {margin-bottom:0}
.archive-detail .detail-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.archive-detail .detail-grid dd {font-size:15px}
.archive-detail .form-shell {max-width:none}
@media(min-width:1500px) {
.archive-workspace {grid-template-columns:320px minmax(0,1fr)}
.archive-detail .detail-grid {grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1100px) {
.archive-workspace {grid-template-columns:250px minmax(0,1fr);gap:16px}
.archive-detail .form-section {grid-template-columns:1fr}
.archive-detail .form-section .form-field {grid-column:1/-1}
}
@media(max-width:850px) {
.archive-workspace {grid-template-columns:1fr}
.archive-tree {position:static;max-height:360px;margin-bottom:0}
.archive-tree-head {padding:14px 16px}
.archive-nodes {padding:8px}
.archive-detail .detail-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
}
.machine-header .panel-head {align-items:flex-start}
.machine-header h2 {display:flex;align-items:center;gap:12px}
.machine-header .actions {flex-wrap:wrap;justify-content:flex-end}
.machine-context {padding:16px 22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;align-items:center}
.machine-alerts {display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.machine-detail h3 {font-size:14px;font-weight:650;margin:0}
.machine-detail .panel {margin-bottom:18px}
.machine-detail .table {font-size:12px}
.machine-detail .table td {vertical-align:top}
.machine-detail[aria-busy=true] {opacity:.65;pointer-events:none}
.machine-detail a:focus-visible {outline:2px solid var(--blue);outline-offset:3px}
.machine-tab-content {min-height:240px}
@media(max-width:1100px) {
.machine-context {align-items:flex-start;flex-direction:column}
.machine-header .panel-head {flex-wrap:wrap}
.machine-header .actions {justify-content:flex-start}
}
@media(max-width:600px) {
.machine-context {padding:16px}
.machine-header .actions {gap:7px}
.machine-header .actions .btn {font-size:12px;padding:7px 10px}
}
.operation-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.operation-grid small {display:block;color:var(--muted);font-size:12px;margin-top:6px}
.finance-toolbar {display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;flex-wrap:wrap}
.machine-ledger {min-width:650px}
.machine-ledger th {white-space:normal}
.machine-ledger td {font-size:12px}
.machine-ledger td small {font-size:11px;overflow-wrap:anywhere}
.machine-ledger td:first-child {min-width:90px}
.machine-ledger td:nth-child(4) {max-width:160px}
.machine-tab-content>.panel-head {padding-left:0;border-bottom:0}
@media(max-width:600px) {
.operation-grid {grid-template-columns:1fr}
}
.machine-facts th {color:var(--muted);font-weight:500;white-space:nowrap;width:18%}
.machine-facts td {white-space:normal;min-width:130px}
.machine-totals td {font-size:20px;font-weight:600;font-variant-numeric:tabular-nums}
.machine-totals th {font-weight:500}
.machine-history {min-width:650px}
.machine-history td:nth-child(3) {white-space:normal;min-width:190px;max-width:340px}
.operation-lease-picker {display:flex;align-items:center;gap:10px;margin-bottom:12px}
.operation-lease-picker label {white-space:nowrap}
.operation-lease-picker select,.operation-lease-picker .wizard-customer-picker {flex:1;min-width:0}
.operation-lease-picker button {white-space:nowrap}
@media(max-width:600px) {
.operation-lease-picker {flex-wrap:wrap}
.operation-lease-picker label {width:100%}
.machine-totals td {font-size:17px}
}
.printer-source-options {grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:600px) {
.printer-source-options {grid-template-columns:1fr}
}
.machine-pending-note {padding:0 22px 14px;margin:0}
.form-section [data-field=rentals] {grid-column:1/-1}
.month-picker {position:relative;min-width:11rem}
.month-picker>[data-month-toggle] {text-align:left;width:100%;white-space:nowrap}
.selection-bar {display:flex;align-items:center;gap:10px;margin:0 0 10px}
.selection-bar span {margin-right:auto}
.select-col {width:36px}
.reading-map {height:520px;border-radius:9px;border:1px solid var(--line);background:var(--tblr-bg-surface-secondary)}
.map-legend {display:flex;gap:14px;flex-wrap:wrap;font-size:13px;color:var(--muted);margin:8px 0}
.map-legend i {display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px;vertical-align:middle}
.reading-map {position:relative;overflow:hidden;touch-action:none;cursor:grab;user-select:none}
.reading-map.dragging {cursor:grabbing}
.rm-tiles {position:absolute;inset:0}
.rm-markers {position:absolute;inset:0}
.rm-tile {position:absolute;left:0;top:0;width:256px;height:256px;pointer-events:none}
.rm-marker {position:absolute;left:0;top:0;border:0;background:none;padding:0;cursor:pointer;line-height:0}
.rm-popup {position:absolute;z-index:5;transform:translate(-50%,-100%);font-size:13px;line-height:1.6;width:260px}
.rm-popup ul {padding-left:16px;margin:6px 0 0}
.rm-zoom {position:absolute;left:10px;top:10px;z-index:4}
.rm-credit {position:absolute;right:6px;bottom:4px;font-size:11px;color:#556;background:rgba(255,255,255,.7);padding:0 4px;border-radius:3px}
.bill-device td:first-child {border-left:3px solid var(--tblr-primary-lt)}
.bill-table .actions {gap:2px 12px;min-width:150px}
.bill-table .actions a {white-space:nowrap}
.bill-device {background:var(--tblr-bg-surface-secondary)}
.bill-device td:nth-child(2) {padding-left:18px}
.bill-device td:nth-child(3) {padding-left:18px}
[data-field=recipient] input[type=radio] {margin:0}
.actions form {margin:0}
.check-panel .check-hint {margin-left:auto}
.check-panel ul {list-style:none;margin:0;padding:0 20px 8px;border-top:1px solid var(--line)}
.check-panel li {display:flex;gap:10px;align-items:baseline;border-bottom:1px solid var(--line)}
.check-panel li:last-child {border-bottom:0}
.check-panel .check-text {flex:1;min-width:0}
.check-panel li>a {white-space:nowrap}
.check-panel li>.muted {white-space:nowrap}
@media(max-width:700px) {
.check-panel .check-hint {display:none}
.check-panel li {flex-wrap:wrap}
}
.billing-totals {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--line)}
.billing-totals>div {display:flex;align-items:center;justify-content:space-between;gap:10px}
.billing-totals span {color:var(--muted)}
.billing-totals strong {font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.billing-totals strong small {font-size:12px;font-weight:400;color:var(--muted)}
.billing-totals>p {grid-column:1/-1;font-size:12px;color:var(--muted);margin:0}
.billing-month+.billing-month {border-top:2px solid var(--line)}
.billing-month-head {display:flex;align-items:center;gap:12px 24px;flex-wrap:wrap}
.billing-month-head h3 {font-size:16px;margin:0;font-weight:600}
.billing-month-counts {display:flex;gap:8px 18px;flex-wrap:wrap;color:var(--muted)}
.billing-month-counts strong {font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
.billing-month-checks .check-panel {margin-bottom:16px;background:var(--tblr-bg-surface-secondary);border-radius:6px}
.billing-month-checks .check-panel [data-disclosure-toggle] {padding:12px 14px;gap:8px}
.billing-month-checks .check-panel [data-disclosure-toggle]>strong {font-size:13px}
.check-types {display:flex;flex-wrap:wrap;gap:6px 16px;flex-basis:100%;padding-left:18px}
.check-type {font-size:12px;color:var(--muted)}
.check-type-blocking {color:var(--tblr-warning)}
.check-type b {font-variant-numeric:tabular-nums;font-weight:600}
.billing-month .bill-table {margin-bottom:0}
.billing-month .bill-table th {font-size:12px}
.billing-month .check-panel [data-disclosure-toggle]:focus-visible {outline:2px solid var(--blue);outline-offset:2px}
@media(max-width:700px) {
.billing-totals>div {display:block}
.billing-totals strong {display:block;margin-top:5px}
.check-types {padding-left:0;gap:6px 12px}
}
.row-actions {display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:110px}
.issued-toolbar {display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.tool-group {display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.tool-group .small {margin-left:6px}
.selection-bar {display:flex;align-items:center;gap:10px;justify-content:flex-end;margin-bottom:10px}
.selection-bar [data-selected-count] {margin-right:auto}
.bill-table .row-actions form {margin:0}
@media(max-width:700px) {
.issued-toolbar {flex-direction:column;align-items:stretch}
.tool-group .small {margin-left:0}
}
.overview-metrics {display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;padding:18px 24px}
@media(max-width:700px) {
.overview-metrics {padding:14px 16px;grid-template-columns:1fr 1fr}
}
@media(max-width:850px) {
.archive-tree.is-folded {max-height:none}
}
.model-source-rows {max-width:400px;overflow-wrap:anywhere;margin-top:10px}
.form-section [data-field=catalogue_choice] {grid-column:1/-1}
.model-directory-picker {position:relative}
.model-directory-picker [hidden] {display:none!important}
.model-directory-column {max-height:310px;overflow:auto;padding:8px}
.model-directory-models {border-left:1px solid var(--line)}
.model-directory-column-title {padding:7px 10px;color:var(--muted);font-size:12px}
.model-directory-empty {padding:8px 10px;color:var(--muted);font-size:13px;margin:0}
@media(max-width:600px) {
.model-directory-column {max-height:250px;padding:5px}
}
.model-library-table tr.model-selected {--tblr-table-bg:var(--tblr-primary-lt);outline:2px solid var(--blue);outline-offset:-2px;scroll-margin-top:32px}
.model-tree-counts {display:flex;align-items:center;gap:6px;flex-shrink:0}
.model-detail-grid {grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:24px}
.reporting-profile {min-width:0}
.reporting-profile .panel-head {align-items:flex-start;gap:16px;flex-wrap:wrap}
.reporting-intro p {margin:0 0 12px}
.reporting-capability {padding:17px 22px;border-top:1px solid var(--line)}
.reporting-capability-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.reporting-capability h3 {font-size:14px;margin:0;font-weight:600}
.reporting-extras h3 {font-size:14px;margin:0;font-weight:600}
.reporting-capability p {font-size:13px;line-height:1.7;margin:0}
.reporting-source-links {display:flex;flex-wrap:wrap;gap:5px 16px;font-size:12px;margin-top:8px;overflow-wrap:anywhere}
.reporting-tutorials {padding:0 22px 8px}
.reporting-tutorials>.note {margin:14px 0}
.reporting-tutorial {border-bottom:1px solid var(--line)}
.reporting-tutorial:last-child {border-bottom:0}
.reporting-tutorial [data-disclosure-toggle] {cursor:pointer;padding:15px 0;font-size:14px;font-weight:600;line-height:1.7}
.reporting-tutorial [data-disclosure-toggle] small {display:block;margin-left:17px;font-size:12px;font-weight:400;color:var(--muted)}
.reporting-tutorial [data-disclosure-toggle]:focus-visible {outline:2px solid var(--blue);outline-offset:2px}
.reporting-tutorial-body {padding:0 0 16px;font-size:13px;line-height:1.8}
.reporting-tutorial ol {padding-left:24px;margin:0}
.reporting-tutorial li+li {margin-top:8px}
.reporting-extras {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px}
.reporting-extras p {margin:6px 0 0;line-height:1.7}
.reporting-sources {padding:0 22px 18px 40px;margin:0;font-size:13px;overflow-wrap:anywhere}
.reporting-sources li+li {margin-top:14px}
.reporting-sources small {margin-top:4px}
@media(max-width:600px) {
.reporting-extras {grid-template-columns:1fr}
.reporting-capability {padding:16px}
.reporting-capability-heading {align-items:flex-start}
.reporting-tutorials {padding:0 16px 8px}
}
.reporting-trap-facts {margin:18px 0}
.reporting-trap-facts>div {display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}
.reporting-trap-facts dt {font-size:13px;color:var(--muted);font-weight:500}
.reporting-trap-facts dd {font-size:14px;line-height:1.75;margin:0;overflow-wrap:anywhere}
.reporting-trap .panel-head h2 {line-height:1.5}
@media(max-width:600px) {
.reporting-trap-facts>div {grid-template-columns:1fr;gap:4px}
}
.archive-list-intro {margin-bottom:14px}
.archive-list-totals {display:flex;gap:10px 24px;align-items:center;flex-wrap:wrap;color:var(--muted)}
.archive-list-totals a {color:var(--muted)}
.archive-list-totals strong {color:var(--ink);font-variant-numeric:tabular-nums;margin-left:6px}
.archive-list-totals>span:last-child {margin-left:auto}
.archive-list-panel .panel-head {padding:12px 16px}
.archive-overview-search {margin:0;border-bottom:1px solid var(--line);display:flex;align-items:center;flex-wrap:nowrap;gap:10px;overflow-x:auto}
.archive-overview-search>input[type=search] {min-width:180px;flex:1;max-width:none;text-overflow:ellipsis}
.archive-overview-search .btn {flex:none;white-space:nowrap}
.archive-list-hint {margin:0;padding:8px 16px;border-bottom:1px solid var(--line)}
.archive-overview-table {table-layout:fixed;min-width:940px;width:100%;margin:0}
.archive-overview-table.is-column-sized {min-width:0}
.archive-overview-table .finance-invoiced {--finance-color:#2563a6}
.archive-overview-table .finance-uninvoiced {--finance-color:#a46800}
.archive-overview-table .finance-received {--finance-color:#18754c}
.archive-overview-table .finance-unpaid {--finance-color:#a64132}
.archive-overview-table .finance-deposit {--finance-color:#7351a8}
.archive-overview-table .finance-reconciliation {--finance-color:#52697b}
.archive-overview-table [class*="finance-"] {background-color:color-mix(in srgb,var(--finance-color) 7%,var(--tblr-body-bg,#fff));font-variant-numeric:tabular-nums}
.archive-overview-table th[class*="finance-"] {color:var(--finance-color);background-color:color-mix(in srgb,var(--finance-color) 12%,var(--tblr-body-bg,#fff))}
.archive-overview-table td[class*="finance-"]>a {color:inherit}
.archive-overview-table thead th {position:relative;padding-right:18px}
.column-resize-handle {position:absolute;right:0;top:0;bottom:0;width:12px;cursor:col-resize;touch-action:none;user-select:none;z-index:1}
.column-resize-handle::after {content:"";position:absolute;right:5px;top:25%;bottom:25%;width:2px;background:var(--line)}
.column-resize-handle:hover::after,.column-resize-handle:focus-visible::after {background:var(--blue)}
.column-resize-handle:focus-visible {outline:2px solid var(--blue);outline-offset:-2px}
html.is-resizing-columns,html.is-resizing-columns * {cursor:col-resize!important;user-select:none!important}
.archive-overview-table>:not(caption)>*>* {vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.archive-overview-table td>a {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.archive-sequence {color:var(--muted);font-variant-numeric:tabular-nums}
.archive-list-customer {color:var(--ink);line-height:1.6}
.archive-list-count {display:block;font-weight:600;font-variant-numeric:tabular-nums;color:var(--muted);margin-bottom:7px}
.archive-list-count small {font-weight:400}
.archive-list-more {margin-top:8px}
.archive-list-more [data-disclosure-toggle] {font-size:12px;color:var(--blue);cursor:pointer}
.archive-list-more.is-expanded .archive-list-item {margin-top:8px}
.archive-overview-table .archive-list-history {margin-top:9px}
.archive-overview-table .archive-status-note {margin-top:7px}
.archive-overview-notes {padding:10px 16px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:8px 24px;font-size:12px;color:var(--muted)}
.archive-list-scroll:focus-visible {outline:2px solid var(--blue);outline-offset:-2px}
.archive-list-more [data-disclosure-toggle]:focus-visible {outline:2px solid var(--blue);outline-offset:-2px}
@media(max-width:600px) {
.archive-list-panel .panel-head {align-items:flex-start;flex-direction:column;gap:8px;padding:16px}
.archive-overview-notes {padding:14px 16px}
.archive-list-totals {gap:8px 16px}
.archive-list-totals>span:last-child {margin-left:0}
.archive-list-hint {padding:12px 16px}
}
.archive-contact-phone {display:block;margin-top:2px}
.archive-overview-table .archive-list-staff {margin-top:6px}
.archive-list-amount {display:block;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.archive-list-overdue {display:block;margin-top:8px;font-size:12px;}
.archive-todo+.archive-todo {margin-top:8px}
.archive-todo>a {font-size:12px;line-height:1.7;color:var(--blue);cursor:pointer}
.archive-todo [data-disclosure-toggle] {font-size:12px;line-height:1.7;color:var(--blue);cursor:pointer}
.archive-todo-item {display:block;margin-top:8px;font-size:12px}
.archive-todo [data-disclosure-toggle]:focus-visible {outline:2px solid var(--blue);outline-offset:2px}
.archive-todo>small {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.archive-overview-filters {display:flex;align-items:center;flex:none;gap:10px;font-size:13px;white-space:nowrap}
.archive-overview-filters .form-select {width:126px;font-size:13px}
.archive-overview-filters .wizard-customer-picker {width:126px}
.archive-overview-filters .wizard-customer-picker input {font-size:13px}
.archive-overview-check {display:inline-flex;align-items:center;gap:6px;cursor:pointer;margin:0}
.archive-overview-search .archive-overview-check input {flex:none;width:16px;height:16px;margin:0}
.archive-overview-filters>label:first-child {color:var(--muted)}
.archive-sort-control {display:flex;align-items:center;flex:none;gap:8px;margin:0;font-size:13px;color:var(--muted);white-space:nowrap}
.archive-sort-control .form-select {width:170px;font-size:13px;color:var(--ink)}
.archive-sort-control .wizard-customer-picker {width:170px}
.archive-sort-control .wizard-customer-picker input {font-size:13px;color:var(--ink)}
.archive-list-balance {text-align:right}
.archive-list-amount {font-size:13px}
.archive-todo [data-disclosure-toggle] {position:relative;padding-right:22px}
.archive-overview-notes {line-height:1.6}
.archive-list-scroll {scrollbar-width:thin}
.rule-setup-hint {font-size:13px;line-height:1.7;margin-bottom:12px}
.rule-setup-hint p {margin:0 0 5px}
.rule-missing-link {display:inline-block;margin-right:14px;font-size:12px}
.rule-other-check {margin-top:6px!important}
.check-process-item {display:flex;gap:18px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px}
.check-process-item:first-child {padding-top:0}
.check-process-item:last-child {border:0;padding-bottom:0}
.check-process-item>div {flex:1;min-width:0}
.check-process-item>a {flex:none;white-space:nowrap}
.check-process-item>span {flex:none;white-space:nowrap}
.table {margin-bottom:0}
.table th {font-weight:500}
.table td small {display:block;font-size:.75rem;color:var(--tblr-secondary);margin-top:3px}
.drawer-status:empty {display:none!important}
.drawer-body>.actions {margin-bottom:1rem}
.drawer-body .form-shell {max-width:none}
.drawer-body .split {grid-template-columns:1fr}
.drawer-body .archive-workspace {display:block}
.drawer-body .page-heading {display:none}
.offcanvas-body[aria-busy=true] {opacity:.65}
.check-panel {margin-bottom:1rem}
.check-panel .accordion-button {gap:.5rem;flex-wrap:wrap}
.check-panel .accordion-button::after {margin-left:auto}
.check-panel .check-types {padding-left:0}
.check-panel .accordion-body {padding-top:0}
.archive-nodes .accordion-item {border:0;background:transparent}
.archive-nodes .accordion-body {padding:0}
.archive-nodes .disclosure-head>a {flex:1}
.archive-nodes .disclosure-head>button {width:26px;padding:0;flex:none;line-height:1.6}
.archive-nodes .disclosure-head {padding:0;list-style:none}
.archive-list-more .accordion-item {border:0}
.archive-todo .accordion-item {border:0}
.archive-list-more .accordion-button {padding:.4rem 0;font-size:.75rem}
.archive-todo .accordion-button {padding:.4rem 0;font-size:.75rem}
.archive-list-more .accordion-body {padding:.5rem 0}
.archive-todo .accordion-body {padding:.5rem 0}
.month-picker .dropdown-menu {width:16rem}
.month-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:.25rem}
.month-head {display:flex;align-items:center;justify-content:space-between}
.month-foot {display:flex;align-items:center;justify-content:space-between}
.month-grid .btn {font-size:.8rem}
.progress-steps {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin:0;padding:1rem;list-style:none;border-bottom:var(--tblr-border-width) solid var(--tblr-border-color)}
.progress-steps small {display:block;font-size:.75rem;color:var(--tblr-secondary)}
.progress-steps strong {font-size:.875rem}
.operation-grid .card {margin:0!important}
.row-menu .dropdown-menu {z-index:1080}
.row-menu .dropdown-item {font-size:.875rem}
@media(max-width:700px) {
.progress-steps {grid-template-columns:repeat(2,minmax(0,1fr))}
.check-panel .check-hint {display:none}
.nav {max-width:100%}
}
.tree-toggle {display:none}
.model-directory-panel.show {display:grid;grid-template-columns:170px minmax(230px,1fr);gap:.5rem;max-width:calc(100vw - 3rem);width:34rem}
.model-directory-column {max-height:330px;overflow:auto}
.model-directory-column .dropdown-item {white-space:normal}
.choice-list .form-check {margin:0}
.choice-list .form-check-label {font-weight:400}
.archive-customer-status {white-space:nowrap}
.card .dropdown-menu {overflow:visible}
.list-group-item.check-process-item {border-width:0 0 1px}
.progress-steps .list-group-item {border:var(--tblr-border-width) solid var(--tblr-border-color);border-radius:var(--tblr-border-radius)}
@media(max-width:850px) {
.tree-toggle {display:flex;align-items:center;gap:.5rem}
.model-directory-panel.show {grid-template-columns:115px minmax(150px,1fr);width:100%}
}
.bill-table .arrow-col {width:60px;padding:8px!important}
.bill-table {min-width:740px;table-layout:fixed}
.bill-device-table {min-width:740px;table-layout:fixed}
.bill-device-table td {overflow-wrap:anywhere}
.bill-device-table .row-actions {min-width:0}
.check-panel .accordion-button {flex-wrap:nowrap}
.check-panel .accordion-button>span {min-width:0}
.check-panel .accordion-button::after {flex-shrink:0}
.customer-profile {min-width:0}
.customer-profile-tabs {flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden}
.customer-profile-tabs .nav-link {flex-shrink:0;white-space:nowrap}
.customer-profile .tab-pane:focus {outline:none}
.drawer-body .customer-profile-heading {display:none}
.customer-profile .customer-basic-summary {grid-template-columns:1fr 2fr}
@media(max-width:575px) {
  .customer-profile .customer-basic-summary {grid-template-columns:1fr}
}

/* Compact annual equipment reports share the regular table and drawer styles. */
.equipment-reports .report-summary th,
.equipment-reports .report-summary td { white-space: nowrap; }
.equipment-reports .report-summary td { padding-top: .65rem; padding-bottom: .65rem; }
.equipment-reports .report-summary tfoot { border-top: 1px solid var(--bs-border-color); }

.equipment-reports .report-records th,
.equipment-reports .report-records td:nth-child(1),
.equipment-reports .report-records td:nth-child(2),
.equipment-reports .report-records td:nth-child(4),
.equipment-reports .report-records td:nth-child(5),
.equipment-reports .report-records td:nth-child(7) { white-space: nowrap; }
.equipment-reports .report-records td:nth-child(3) { min-width: 9em; }
.equipment-reports .report-records td:nth-child(6) { min-width: 16em; }

/* Purchase-source custody: compact columns, full evidence in the disclosure. */
.purchase-position-table { table-layout: fixed; min-width: 780px; }
.purchase-position-table .position-source { width: 100px; }
.purchase-position-table .position-origin { width: 148px; }
.purchase-position-table .position-quantity { width: 72px; }
.purchase-position-table .position-kind { width: 124px; }
.purchase-position-table .position-destination { width: 148px; }

/* Compact business timeline shared by equipment records. */
.operation-timeline { --timeline-rail: 78px; list-style: none; margin: 0; padding: 20px 24px 4px; }
.operation-timeline-year { display:flex; align-items:baseline; gap:4px; font-size:16px; font-weight:600; color:var(--tblr-body-color); margin:0 0 20px; }
.operation-timeline-year span { font-size:12px; font-weight:400; color:var(--tblr-secondary); }
.operation-timeline-year small { margin-left:8px; font-size:12px; font-weight:400; color:var(--tblr-secondary); }
.operation-timeline-item { display:grid; grid-template-columns:64px minmax(0,1fr); gap:32px; position:relative; padding-bottom:24px; }
.operation-timeline-item::before { content:""; position:absolute; left:var(--timeline-rail); top:9px; bottom:-9px; border-left:1px solid var(--tblr-border-color,#dce1e7); }
.operation-timeline-item::after { content:""; position:absolute; left:calc(var(--timeline-rail) - 3px); top:7px; width:7px; height:7px; border-radius:50%; background:var(--tblr-primary,#206bc4); box-shadow:0 0 0 4px var(--tblr-bg-surface,#fff); }
.operation-timeline-item:last-child::before, .operation-timeline-item:has(+ .operation-timeline-year)::before { display:none; }
.timeline-tone-warning::after { background:var(--tblr-warning,#f59f00); }
.timeline-tone-secondary::after { background:var(--tblr-secondary,#667382); }
.operation-timeline-date { font-size:13px; font-variant-numeric:tabular-nums; color:var(--tblr-secondary,#667382); line-height:22px; }
.operation-timeline-content { min-width:0; overflow-wrap:anywhere; line-height:1.6; }
.operation-timeline-heading { display:flex; align-items:baseline; justify-content:space-between; gap:16px; margin-bottom:4px; }
.operation-timeline-heading strong { font-size:15px; font-weight:600; color:var(--tblr-body-color); }
.timeline-subject-links { display:flex; flex-wrap:wrap; gap:4px 20px; }
.timeline-subject-links a { color:var(--tblr-primary); }
.operation-timeline-subject { font-size:13px; color:var(--tblr-body-color); margin-bottom:6px; }
.timeline-field-label { color:var(--tblr-secondary); margin-right:8px; }
.operation-timeline-facts { display:flex; flex-wrap:wrap; column-gap:24px; row-gap:4px; margin:0; font-size:13px; }
.operation-timeline-facts > div { display:flex; align-items:baseline; gap:8px; max-width:100%; }
.operation-timeline-facts dt { font-weight:400; color:var(--tblr-secondary); flex:none; }
.operation-timeline-facts dd { margin:0; min-width:0; font-variant-numeric:tabular-nums; }
.operation-timeline-facts a { color:inherit; }
.operation-timeline-facts a:hover { color:var(--tblr-primary); text-decoration:underline; }
.operation-timeline-heading .timeline-detail-link { flex:none; color:var(--tblr-secondary); font-size:12px; }
.operation-timeline-heading .timeline-detail-link:hover { color:var(--tblr-primary); }
.operation-timeline-description { font-size:13px; margin:4px 0; }
.operation-timeline-meta { font-size:12px; color:var(--tblr-secondary); margin:5px 0 0; }
.operation-timeline-meta span { color:var(--tblr-body-color); }
.operation-timeline-pending { display:flex; flex-wrap:wrap; align-items:baseline; gap:6px 14px; font-size:12px; color:#9a6700; margin-top:10px; padding-left:9px; border-left:2px solid #e4a52d; }
.timeline-pending-label { font-weight:600; }
.operation-timeline-pending .timeline-review-link { color:inherit; }
.operation-timeline-pending .timeline-review-link:hover { color:#805600; text-decoration:underline; }
@media (max-width:576px) {
  .operation-timeline { --timeline-rail:54px; padding:16px 12px 0; }
  .operation-timeline-item { grid-template-columns:44px minmax(0,1fr); gap:26px; }
  .operation-timeline-facts { flex-direction:column; gap:4px; }
}

/* Pending evidence uses the same field treatment in timeline drawers and forms. */
.form-field.rule-review-field { border-left: 3px solid var(--tblr-warning, #f59f00); background: rgba(245, 159, 0, .07); padding: .75rem; border-radius: .25rem; }
.rule-field-state { margin-left: .5rem; }
.timeline-review-link { white-space: normal; text-align: left; line-height: 1.5; text-decoration: none; }
.timeline-review-link:hover { text-decoration: underline; }
.customer-site-list { margin: 0; min-width: 720px; }
.customer-site-list > :not(caption) > * > * { padding: 10px 12px; font-size: 13px; line-height: 20px; }
.customer-site-list thead th { background: var(--tblr-bg-surface-secondary); font-size: 12px; }
.customer-site-list tbody th { font-weight: 500; min-width: 160px; }
.customer-site-list .customer-site-address { min-width: 200px; overflow-wrap: anywhere; }
.customer-site-list .customer-site-actions { width: 1%; white-space: nowrap; }
.customer-site-list .customer-site-actions > div { flex-wrap: nowrap !important; }

/* Activation edits open as a separate foreground drawer over the saved step. */
.activation-parent-layer { position: fixed; inset: 0 0 0 auto; width: min(900px, 94vw); z-index: 1044; display: flex; flex-direction: column; background: var(--tblr-bg-surface, #fff); border-left: 1px solid var(--tblr-border-color, #ddd); pointer-events: none; }
.activation-parent-layer::after { content: ""; position: absolute; inset: 0; background: rgb(0 0 0 / 12%); }
.activation-parent-layer .drawer-body { flex: 1; overflow: hidden; }
.record-drawer.activation-editor-drawer { --tblr-offcanvas-width: min(720px, calc(100vw - 48px)); box-shadow: -12px 0 32px rgb(0 0 0 / 16%); }
@media (max-width: 600px) { .record-drawer.activation-editor-drawer { --tblr-offcanvas-width: 100vw; } }

.activation-continuity {table-layout:fixed;min-width:720px}
.activation-continuity th:first-child {width:18%}
.activation-continuity th:nth-child(2) {width:22%}
.activation-continuity th:nth-child(3) {width:18%}
.activation-continuity td:nth-child(2),.activation-continuity td:nth-child(3) {vertical-align:top}
.activation-continuity th:nth-child(4) {width:18%}
.activation-continuity th:last-child,.activation-continuity td:last-child {width:24%}
.activation-continuity .actions {flex-wrap:wrap;align-items:center}
.activation-facts th,.activation-facts td {padding:8px 12px;white-space:normal;overflow-wrap:anywhere;font-size:13px}
.activation-facts th {width:30%}
.activation-compare-heading {justify-content:space-between;gap:8px;flex-wrap:wrap}
.activation-compare-table {width:100%;min-width:0!important;table-layout:fixed;font-size:13px}
.activation-compare-table .activation-compare-field {width:32%}
.activation-compare .activation-compare-table th,.activation-compare .activation-compare-table td {padding:10px 16px;white-space:normal;overflow-wrap:anywhere;vertical-align:middle;text-align:left}
.activation-compare-table tbody th {font-weight:400;color:#526477}
.activation-compare-required .activation-compare-value {font-weight:600;font-size:15px}
.activation-compare-value {font-variant-numeric:tabular-nums}
.activation-compare-scope {display:inline-block;margin-left:6px;color:#687685;font-size:11px;white-space:nowrap}
.activation-compare-entry+.activation-compare-entry {margin-top:8px;padding-top:8px;border-top:1px dashed #e6e9ee}
.activation-compare-entry>small:first-child:not(.activation-compare-scope) {display:block;font-size:11px;color:#687685;margin-bottom:2px}
.activation-compare-details {padding:10px 16px;border-top:1px solid #e6e9ee;font-size:13px}
.activation-compare-details summary {cursor:pointer;color:#526477}
.activation-compare-details dl {margin:10px 0 0}
.activation-compare-details dl>div {display:grid;grid-template-columns:30% minmax(0,1fr);gap:12px;padding:6px 0}
.activation-compare-details dt {font-weight:400;color:#687685;overflow-wrap:anywhere}
.activation-compare-details dd {margin:0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.activation-compare-details dd small {display:block;color:#687685;font-size:11px}
.activation-inline-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;padding:14px 16px}
.activation-inline-field {min-width:0;border-radius:4px}
.activation-inline-field .form-label {font-size:12px;color:#687685;margin-bottom:5px}
.activation-inline-input {font-variant-numeric:tabular-nums;min-width:0}
.activation-inline-input:disabled {color:#687685;background:#f6f8fa;cursor:not-allowed}
.activation-inline-input.is-edited {background:#fff8df;border-color:#d7a63d;box-shadow:inset 3px 0 #d7a63d}
.activation-inline-field.is-edited .form-label {color:#946200}
.activation-inline-balance {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-top:1px solid #e6e9ee;font-size:13px}
.activation-inline-balance strong {font-weight:500;margin-left:8px;font-variant-numeric:tabular-nums}
.activation-inline-balance small {display:block;margin-top:4px;font-size:12px}
.activation-inline-balance a {white-space:nowrap}
[data-inline-change-count]:empty {display:none}
.activation-cutoff-field {display:grid;grid-template-columns:2em minmax(0,1fr);align-items:center;gap:0 6px;min-height:32px;margin:4px 0;font-size:12px}
.activation-cutoff-label {color:#687685;margin:0;white-space:nowrap}
.activation-cutoff-value {font-variant-numeric:tabular-nums;white-space:nowrap}
@media(max-width:480px) {
  .activation-compare .activation-compare-table th,.activation-compare .activation-compare-table td {padding:8px}
  .activation-compare-table .activation-compare-field {width:36%}
}

.sukion-calendar { z-index: 1060; font-family: inherit; border: 1px solid var(--tblr-border-color, #dce1e7); box-shadow: 0 8px 24px rgb(0 0 0 / 14%); }
.sukion-calendar::before, .sukion-calendar::after { display: none; }
.sukion-calendar .flatpickr-day.selected, .sukion-calendar .flatpickr-monthSelect-month.selected { background: var(--tblr-primary, #206bc4); border-color: var(--tblr-primary, #206bc4); }
.sukion-calendar-actions { display: flex; justify-content: space-between; border-top: 1px solid var(--tblr-border-color, #dce1e7); padding: 6px; }
input[data-date-kind] { background-image: url('/static/icons/calendar.svg'); background-repeat: no-repeat; background-position: right 12px center; background-size: 18px; padding-right: 38px; }

.form-section.handover-baseline {display:block}
.list-table td.pending-meter-cell {white-space:normal;vertical-align:top}
.pending-meter-summary {font-size:12px;line-height:1.65;font-variant-numeric:tabular-nums}
.pending-meter-summary > div + div {margin-top:4px}
.pending-meter-device + .pending-meter-device {border-top:1px solid var(--tblr-border-color,#dce1e7);margin-top:8px;padding-top:8px}
.billing-review .pending-meter-summary {font-size:14px}
.content-loading {display:flex;align-items:center;justify-content:center;gap:12px;color:var(--tblr-secondary);background:var(--tblr-bg-surface,#fff)}
[data-directory-results] {position:relative}
.page-navigation-state {min-height:55vh;border:1px solid var(--tblr-border-color,#dce1e7);border-radius:8px}
.page-navigation-error {flex-wrap:wrap;align-content:center;padding:24px}
.page-navigation-error p {flex-basis:100%;text-align:center;margin-bottom:8px}
.drawer-loading {position:absolute;left:0;right:0;bottom:36px;z-index:3;background:var(--tblr-bg-surface,#fff)}

/* Only data waits: headings, filters and column widths remain in place. */
.skeleton-state {display:block;overflow:hidden;text-align:left;min-width:0;padding:0}
.skeleton-table {width:100%;table-layout:fixed;margin:0}
.skeleton-table th {background:var(--tblr-bg-surface-secondary,#f6f8fb);white-space:normal;font-weight:500;font-size:12px}
.skeleton-rows td {height:48px;vertical-align:middle;padding:14px 12px}
.skeleton-bar {display:block;width:78%;min-width:24px;max-width:220px;height:12px;border-radius:4px;background:var(--tblr-border-color,#e5e9f0);animation:skeleton-pulse 1.4s ease-in-out infinite}
.skeleton-rows tr:nth-child(3n) .skeleton-bar {width:58%}
.skeleton-rows tr:nth-child(2n) .skeleton-bar {width:88%;animation-delay:.15s}
.skeleton-rows td:first-child .skeleton-bar {width:55%}
.list-totals > .skeleton-bar,.archive-list-totals > .skeleton-bar {width:180px}
[aria-label="分页"] > .skeleton-bar {width:180px;margin:8px 0}
.drawer-loading.skeleton-state {padding:20px;overflow:hidden}
.page-navigation-error {display:flex}
@keyframes skeleton-pulse {0%,100% {opacity:.45} 50% {opacity:1}}
@media (prefers-reduced-motion:reduce) {.skeleton-bar {animation:none;opacity:.65}}
.printer-mail-columns {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));}
.printer-mail-columns > section {min-width:0;}
.printer-mail-guide-body,.printer-mail-confirm {padding:12px;}
.printer-mail-guide-body {overflow-wrap:anywhere;}
.printer-mail-body {white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;background:transparent;color:inherit;padding:0;}
.printer-mail-detail .profile-facts th:first-child {width:120px;white-space:nowrap;}
.printer-mail-detail .profile-facts td {font-size:13px;}
.printer-mail-detail .machine-table-toolbar {padding:8px 12px;}
.printer-mail-detail .form-section {margin:16px 0 0;gap:0 16px;}
.printer-mail-detail .form-section legend {font-size:14px;margin-bottom:12px;padding-bottom:8px;}
.printer-mail-detail .form-field {margin-bottom:12px;}
.printer-mail-detail .printer-mail-full-field {grid-column:1/-1;min-width:0;}
.printer-mail-detail .form-section > .d-flex > .flex-fill {min-width:0;}
.printer-mail-detail .form-actions {margin:0 0 16px;padding-top:12px;}
.printer-mail-source {max-height:260px;overflow:auto;}
.printer-mail-evidence dt {font-weight:400;color:var(--tblr-secondary);}
.printer-mail-evidence dd {margin:2px 0 10px;}
.drawer-list-content {display:flex;flex:1;flex-direction:column;min-width:0;min-height:0;}
.drawer-list-content > .pagination-row,.drawer-list-content > .pagination {flex:none;}