/* Cashier composition only: shared palette, tables, controls, modal lifecycle and print. */
.cr-workspace{display:grid;gap:var(--ui-card-padding);min-width:0}
.cr-workspace>*{min-width:0}
.cr-workspace .panel{background:var(--color-surface)!important;color:var(--color-text-primary);margin-bottom:0}
.cr-workspace .outline-action{background:var(--color-surface)!important;color:var(--color-text-primary)!important;border-color:var(--color-border)!important}
.cr-workspace .cr-filters :is(input,select){background:var(--color-surface)!important;color:var(--color-text-primary)!important;border-color:var(--color-border)!important}
.cr-workspace .page-header{margin-bottom:0}
.cr-tabs{display:flex;border-bottom:1px solid var(--color-border);gap:4px}
.cr-tabs button{border:0;border-radius:0;background:transparent;border-bottom:3px solid transparent}
.cr-tabs button[aria-selected=true]{color:var(--color-primary);border-bottom-color:var(--color-primary);background:var(--color-primary-soft)}
.cr-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:stretch}
.cr-kpi{display:flex;align-items:flex-start;gap:12px;padding:var(--ui-card-padding);min-width:0}
.cr-kpi .ns-kpi__body{display:flex;flex-direction:column;gap:7px;min-width:0}
.cr-kpi strong{font-size:20px;line-height:1.25;overflow-wrap:anywhere}
.cr-kpi .ns-kpi__description{font-size:12px;color:var(--color-text-muted)}
.cr-kpi .ns-kpi__label{font-size:13px;color:var(--color-text-secondary)}
.cr-kpi-icon{display:grid;place-items:center;flex-shrink:0;padding:12px;border-radius:10px;color:var(--color-primary);background:var(--color-primary-soft)}
.cr-tone-success .cr-kpi-icon{color:var(--color-success);background:var(--color-success-soft)}
.cr-tone-danger .cr-kpi-icon{color:var(--color-danger);background:var(--color-danger-soft)}
.cr-tone-warning .cr-kpi-icon{color:var(--color-warning);background:var(--color-warning-soft)}
.cr-register{padding:var(--ui-card-padding);min-width:0}
.cr-filter-main{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.cr-filters label,.cr-form label{display:grid;gap:5px;min-width:0}
.cr-filter-main>label{flex:1 1 135px}
.cr-filters label>span{font-size:12px;color:var(--color-text-secondary)}
.cr-filter-main>.cr-search{flex:2 1 250px;display:flex;align-items:center;position:relative}
.cr-search>.button-svg{position:absolute;left:12px;color:var(--color-primary);pointer-events:none}
.cr-search input{padding-left:38px!important;width:100%;min-width:0}
.cr-filter-buttons{display:flex;gap:8px;flex-wrap:wrap}
.cr-filter-advanced:not([hidden]){display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding-block:12px;border-top:1px solid var(--color-border)}
.cr-filters select,.cr-filters input,.cr-form input:not([type=checkbox]),.cr-form select,.cr-form textarea{width:100%;min-width:0}
.cr-table-wrap{overflow:auto;max-width:100%}
.cr-table{min-width:1120px;width:100%;table-layout:auto}
.cr-table th,.cr-table td{padding:10px!important;vertical-align:middle}
.cr-table th>button{font-size:12px!important;border:0;background:transparent;padding:0!important;min-height:0;white-space:nowrap}
#pageContent .cr-table th>button{background:transparent!important;border:0!important;box-shadow:none!important;color:var(--color-text-primary)!important}
.cr-actions summary>.button-svg{transform:rotate(90deg)}
.cr-table .cr-amount{white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}
.cr-table .cr-actions{position:sticky;right:0;background:var(--color-surface);width:54px;text-align:center}
.cr-table tbody tr[data-cr-row]{cursor:pointer}
.cr-table tbody tr:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}
.cr-table td:not(.cr-amount){font-size:13px}
.cr-identity{display:flex;align-items:center;gap:10px;min-width:190px}
.cr-identity img,.cr-identity>.avatar{width:44px;height:44px;border-radius:50%;flex-shrink:0;object-fit:cover;display:grid;place-items:center;background:var(--color-primary-soft);color:var(--color-primary)}
.cr-identity>div{min-width:0;display:grid;gap:3px}
.cr-identity strong{color:var(--color-primary)}
.cr-identity strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cr-reference{display:block;max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cr-difference{color:var(--color-danger);font-weight:600}
.cr-table tbody tr[data-cr-row]:hover td{background:var(--color-primary-soft)}
.cr-identity small{color:var(--color-text-secondary);max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cr-pagination,.cr-output,.cr-notice,.cr-drawer-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px}
.cr-pagination>span:first-child{margin-right:auto}
.cr-notice{padding:var(--ui-card-padding);background:var(--color-primary-soft);color:var(--color-primary);margin-top:0}
.cr-notice p{flex:1;margin:0;min-width:200px}
.cr-form{display:grid;gap:12px}
.cr-form label:has(input[type=checkbox]){display:flex;align-items:center}
.cr-drawer{display:grid;gap:18px}
.cr-drawer>section+section{padding-top:16px;border-top:1px solid var(--color-border)}
.cr-detail-line{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding-block:6px;font-size:13px}
.cr-detail-line>span{color:var(--color-text-secondary)}
.cr-detail-line>strong{font-weight:500;overflow-wrap:anywhere}
.cr-operations>div{border-bottom:1px solid var(--color-border);padding-block:6px}
.cr-drawer-actions{align-items:stretch}
.cr-drawer-actions button{flex:1 1 180px}
@media(max-width:1200px){.cr-kpi{gap:8px;padding:12px}.cr-kpi strong{font-size:17px}.cr-kpi-icon{padding:8px}.cr-filter-advanced:not([hidden]){grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.cr-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.cr-filter-advanced:not([hidden]){grid-template-columns:repeat(2,minmax(0,1fr))}.cr-filter-buttons{width:100%}}
@media(min-width:801px) and (max-width:1100px){.cr-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.cr-kpis{grid-template-columns:1fr}.cr-tabs button{flex:1}.cr-pagination{font-size:12px}}
