/* Workspace design system. Presentation only; financial documents keep their own styles. */
:root{--ui-ink:#24304a;--ui-muted:#56627a;--ui-border:#dce1ea;--ui-surface:#fff;--ui-canvas:#f3f5f8;--ui-accent:#253366;--ui-radius:12px;--ui-space:16px}
body{color:var(--ui-ink);background:var(--ui-canvas)}
#shell .workspace{background:var(--ui-canvas)}
#main{padding:28px 32px;min-width:0}
#main .page-heading{gap:20px;margin-bottom:24px;align-items:flex-start}
#main h1{font-size:28px;line-height:1.25;letter-spacing:-.5px;font-weight:600;color:var(--ui-ink)}
#main .page-heading p{font-size:14px;line-height:1.6;max-width:90ch;color:var(--ui-muted);margin-top:10px}
#main .eyebrow{font-size:10px;letter-spacing:1.4px;margin-bottom:8px}
#main .heading-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
#main .card{border-color:var(--ui-border);border-radius:var(--ui-radius);box-shadow:none}
#main .kpis{gap:14px;margin-bottom:22px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
#main .kpi{padding:18px 20px;min-height:112px}
#main .kpi strong{font-size:27px;line-height:1.2;font-variant-numeric:tabular-nums}
#main .kpi-label,#main .kpi small{font-size:12px;line-height:1.5;color:var(--ui-muted)}
#main .kpis>section{padding:18px 20px;min-width:0}
#main .kpis h2{font-size:25px;margin:8px 0;font-variant-numeric:tabular-nums}
#main .filter-bar{padding:14px 16px;gap:12px;align-items:flex-end;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius);margin:12px 0;flex-wrap:wrap}
#main .filter-bar label{min-width:140px;flex:1 1 150px;font-size:12px;line-height:1.4}
#main .filter-bar .search{flex:3 1 280px;min-width:0}
#main .heading-actions .filter-bar:has(#record-visibility){margin:0;padding:0;border:0;background:transparent;gap:8px;font-size:12px}
#main .filter-bar input,#main .filter-bar select{min-width:0;max-width:100%;font-size:13px;min-height:38px}
#main .callout{padding:13px 16px;margin:18px 0;font-size:12px;line-height:1.6;background:#f7f4ed;color:#66543c;border-left:3px solid #bb9870}
#main .callout p{font-size:12px;line-height:1.6}
#main button,#dialog button{font-size:13px;line-height:1.4}
#main button:focus-visible,#dialog button:focus-visible,#nav button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #5179c5;outline-offset:3px}
#main .secondary,#dialog .secondary{color:var(--ui-accent);border:1px solid #cbd3e3;background:#fff;border-radius:7px}
#main .primary,#dialog .primary{background:var(--ui-accent);color:#fff;border-radius:7px}
#main button:disabled,#dialog button:disabled{opacity:1;color:#667087;background:#eef0f5;border-color:#dde2eb;cursor:not-allowed}
#nav button{font-size:13px;line-height:1.4;padding:11px 14px;margin:2px 0;border-radius:8px}
#nav .nav-group{font-size:10px;letter-spacing:1px;margin:20px 14px 8px;color:#b7bed2}
.topbar{border-bottom:1px solid var(--ui-border);background:#fff}
.topbar .breadcrumb{font-size:13px}.topbar .breadcrumb strong{font-weight:600}
.entity-link,#main .entity-link,#dialog .entity-link{display:inline;padding:0;margin:0;border:0;background:none!important;border-radius:0;color:#224c91!important;font:inherit;font-weight:500;text-align:left;line-height:inherit;white-space:normal;overflow-wrap:normal;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;cursor:pointer;width:auto!important;min-height:0!important;box-shadow:none}
.entity-link:hover{color:#132f65!important;text-decoration-thickness:2px}
#main .table-card,#dialog .table-card{border:1px solid var(--ui-border);background:#fff;border-radius:var(--ui-radius);overflow:hidden;margin:16px 0}
.table-card.compact-table th,.table-card.compact-table td{padding:13px 14px;vertical-align:top;font-size:13px;color:var(--ui-ink);line-height:1.55}
.table-card.compact-table th{background:#f2f4f8;color:var(--ui-muted);border-bottom:1px solid var(--ui-border)}
.table-card.compact-table td small{font-size:12px;line-height:1.5;color:var(--ui-muted);margin-top:4px}
.table-card.compact-table .sort-heading{font-size:11px;font-weight:600;line-height:1.45;letter-spacing:0;text-transform:none;color:var(--ui-muted)}
.table-card.compact-table .table-actions{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:6px;width:auto}
.table-card.compact-table .table-actions button:not(.entity-link){width:auto;max-width:100%;font-size:12px;padding:6px 9px;min-height:32px}
.table-card.compact-table .repasse-bank dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;padding:10px;background:#f5f7fa}
.repasse-bank dl>div{min-width:0}.repasse-bank dd{overflow-wrap:anywhere}
.table-card.compact-table .table-summary{font-size:12px;padding:12px 14px;color:var(--ui-muted);background:#fff}
/* A wide record must reflow rather than conceal data or actions off screen. */
.table-card.compact-table[data-layout="records"] .table-scroll{overflow:visible}
.table-card.compact-table[data-layout="records"] table{display:block;min-width:0!important;width:100%;white-space:normal}
.table-card.compact-table[data-layout="records"] colgroup{display:none}
.table-card.compact-table[data-layout="records"] thead{display:block;position:static;width:auto;height:auto;clip-path:none;overflow:visible;background:#f2f4f8;padding:8px 12px;border-bottom:1px solid var(--ui-border)}
.table-card.compact-table[data-layout="records"] thead tr{display:flex;gap:5px;flex-wrap:wrap;padding:0;border:0}
.table-card.compact-table[data-layout="records"] thead th{display:block;width:auto!important;min-width:0;max-width:none;border:0;padding:0}
.table-card.compact-table[data-layout="records"] .sort-heading{font-size:11px;padding:5px 7px;min-height:30px;background:#fff;border:1px solid #dce1ea;border-radius:5px}
.table-card.compact-table[data-layout="records"] tbody{display:block}
.table-card.compact-table[data-layout="records"] tbody tr{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:8px;border:0;border-bottom:1px solid var(--ui-border)}
.table-card.compact-table[data-layout="records"] tbody tr:nth-child(even){background:#f8f9fb}
.table-card.compact-table[data-layout="records"] tbody td{display:block;width:auto!important;min-width:0!important;max-width:none!important;padding:10px 12px;border:0;white-space:normal;text-align:left}
.table-card.compact-table[data-layout="records"] tbody td::before{content:attr(data-label);display:block;color:var(--ui-muted);font-size:11px;font-weight:600;margin-bottom:6px;line-height:1.4}
.table-card.compact-table[data-layout="records"] td.column-actions,.table-card.compact-table[data-layout="records"] td.column-detail,.table-card.compact-table[data-layout="records"] td.column-bank{grid-column:span 2}
.table-card.compact-table[data-layout="records"] td.column-actions{align-self:end}
.table-card.compact-table[data-layout="records"] td.empty{grid-column:1/-1}
.table-card.compact-table[data-layout="records"] td.empty::before{display:none}
.table-card.compact-table[data-layout="records"] td .badge{min-width:0;overflow-wrap:normal}
#dialog{width:min(1120px,94vw);max-width:94vw;max-height:92vh;padding:24px;border-radius:14px;border:1px solid var(--ui-border);color:var(--ui-ink)}
#dialog .dialog-heading{position:sticky;top:-24px;background:#fff;z-index:3;padding:16px 0;border-bottom:1px solid var(--ui-border);margin-bottom:20px;gap:12px}
#dialog .dialog-heading h2{font-size:21px;font-weight:600;color:var(--ui-ink)}
#dialog .form-grid,#main .form-grid{gap:16px 20px;align-items:start}
#dialog label,#main .form-grid label{font-size:12px;color:var(--ui-muted);line-height:1.5}
#dialog input:not([type="checkbox"]):not([type="radio"]),#dialog select,#dialog textarea{font-size:14px;min-height:40px;padding:10px 12px;border:1px solid #ccd3df;border-radius:7px;color:var(--ui-ink);background:#fff;width:100%;min-width:0}
#dialog textarea{min-height:88px;line-height:1.5;resize:vertical}
#dialog h3{font-size:16px;line-height:1.4;margin:24px 0 14px;color:var(--ui-ink)}
#dialog .form-actions,#main .form-actions{gap:8px;flex-wrap:wrap}
#dialog .record-value{font-size:14px;line-height:1.6;overflow-wrap:anywhere}
#dialog .dossier-section{border:1px solid var(--ui-border);border-radius:9px;padding:16px;margin:14px 0;background:#fff}
#dialog .dossier-section>summary{font-size:14px;color:var(--ui-accent)}
@media(max-width:1100px){#main{padding:22px}.table-card.compact-table[data-layout="records"] tbody tr{grid-template-columns:repeat(3,minmax(0,1fr))}.table-card.compact-table[data-layout="records"] td.column-actions{grid-column:1/-1}}
@media(max-width:750px){#main{padding:18px 14px}#main h1{font-size:25px}.table-card.compact-table[data-layout="records"] tbody tr{grid-template-columns:repeat(2,minmax(0,1fr))}.table-card.compact-table[data-layout="records"] tbody td{grid-column:auto}.table-card.compact-table[data-layout="records"] td.column-actions,.table-card.compact-table[data-layout="records"] td.column-detail,.table-card.compact-table[data-layout="records"] td.column-bank{grid-column:1/-1}#dialog{padding:16px;max-width:96vw;width:96vw}#dialog .dialog-heading{top:-16px}#main .filter-bar label{min-width:0;flex-basis:40%}}
@media print{.entity-link{color:inherit!important;text-decoration:none!important}.payment-board-toolbar,.table-card[data-layout="records"] thead{display:none!important}#dialog .dialog-heading{position:static}}
/* Dispatch records: identification first, bank details and execution beneath. */
@media(min-width:1101px){
#main[data-page="envios"] .table-card[data-layout="records"] tbody tr{grid-template-columns:repeat(6,minmax(0,1fr))}
#main[data-page="envios"] .table-card[data-layout="records"] td.column-bank{grid-column:span 4;border-top:1px solid var(--ui-border)}
#main[data-page="envios"] .table-card[data-layout="records"] td.column-actions{grid-column:span 2;align-self:stretch;border-top:1px solid var(--ui-border)}
#main[data-page="envios"] .repasse-bank dl{grid-template-columns:repeat(3,minmax(0,1fr))}
}