/* Sistema de presentación común de la plataforma. */
/* Tablas y filtros: dos superficies reconocibles en todos los módulos. */
#content table thead th{background:#365064;color:#fff;border-bottom:2px solid #c77a3b;font-weight:650;letter-spacing:.035em}
#content table thead th:first-child{border-top-left-radius:8px}#content table thead th:last-child{border-top-right-radius:8px}
/* Desacople de barra de filtros y tabla: espacio transparente sin fondo blanco */
#content .card:has(> :is(.client-toolbar,.product-toolbar,.sale-toolbar,.route-toolbar,.collection-toolbar,.permission-toolbar,.user-permission-toolbar,.request-filters,.cash-toolbar)){background:transparent!important;border:none!important;box-shadow:none!important;overflow:visible!important}
#content :is(.client-toolbar,.product-toolbar,.sale-toolbar,.route-toolbar,.collection-toolbar,.permission-toolbar,.user-permission-toolbar,.request-filters,.cash-toolbar){background:#fff1e3;border:1px solid #e3c3a5!important;border-radius:12px!important;box-shadow:inset 3px 0 #bf682c;margin-bottom:16px!important}
#content .card:has(> .request-filters) > .tabs{background:white;border:1px solid #e3c3a5;border-bottom:0;border-radius:12px 12px 0 0}
#content .card:has(> .request-filters) > .request-filters{border-top:0!important;border-radius:0 0 12px 12px!important}
#content .card:has(> :is(.client-toolbar,.product-toolbar,.sale-toolbar,.route-toolbar,.collection-toolbar,.permission-toolbar,.user-permission-toolbar,.request-filters,.cash-toolbar)) > :is(#client-list,#product-list,#route-list,#sale-list,#collection-list,#request-panel,#user-list,#users-list,.table-scroll,.permission-layout){background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.03)}
#content .card:has(> .permission-toolbar) > .permission-savebar{background:white;border:1px solid var(--line);border-top:0;border-radius:0 0 var(--radius) var(--radius);margin-top:-1px}
#content :is(.client-toolbar,.product-toolbar,.sale-toolbar,.route-toolbar,.collection-toolbar,.permission-toolbar,.user-permission-toolbar,.request-filters,.cash-toolbar) label{color:#57371e}
#content :is(.message-inbox,.whatsapp-inbox){background:#fff1e3}
#content :is(.message-inbox,.whatsapp-inbox)>label{color:#57371e}
@media(max-width:720px){#content table td:before{color:#365064;font-weight:650}#content .request-more summary,#content .sale-more summary{color:#754114}}
:root{--platform-chrome:#263640;--platform-footer:#eaf0f5;--platform-surface:#f6f8fa}
.workspace>header{background:var(--platform-chrome);color:#fff;border-bottom:3px solid #ba5a1c;box-shadow:0 3px 12px #17232c14}
.workspace>header .breadcrumb,.workspace>header .breadcrumb .muted,.workspace>header .account small{color:#dbe4eb}.workspace>header .breadcrumb b{color:#fff}
.workspace>header .icon-button{background:#ffffff0d;color:#fff;border-color:#ffffff38}.workspace>header .icon-button:hover{background:#ffffff22}.workspace>header .account{color:white}.workspace>header .account>span:first-child{background:#ffead6;color:#8a3500}
dialog .request-dialog-header{background:var(--platform-chrome)!important;border-bottom:3px solid #ba5a1c;color:white;box-shadow:0 3px 10px #14232c15}
dialog .request-dialog-header h2,dialog .request-dialog-header h3{color:white}dialog .request-dialog-header p,dialog .request-dialog-header small{color:#dbe4eb}dialog .request-dialog-header .eyebrow{color:#ffd4ad}
dialog .request-dialog-header .icon-button{background:#ffffff0d;border-color:#ffffff40;color:white;flex-shrink:0}dialog .request-dialog-header .icon-button:hover{background:#ffffff25}
dialog .form,dialog .detail,dialog .client-file-modal-body{background:var(--platform-surface)}
dialog .form-footer,dialog .detail .form-footer,dialog.collection-inspect .form-footer{background:var(--platform-footer);padding:16px;border:1px solid #d6e0e8;border-radius:10px;margin-top:22px;gap:12px}
dialog .form-footer .button:not(.primary):not(.danger-button){background:white}
dialog .form-tab-panel{min-width:0}dialog .form-tab-panel>h2{font-size:19px}dialog .form-tabs{background:white;border-radius:9px 9px 0 0}
.platform-fields{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;margin:18px 0 0!important;padding:0!important}
.platform-fields>.detail-field{background:white;border:1px solid #dfe5eb;border-radius:10px;padding:16px;border-top:3px solid #e8c8ae}
.platform-fields>.detail-field dt{font-size:14px;color:#596773}.platform-fields>.detail-field dd{font-size:16px;margin:6px 0 0!important;line-height:1.5;color:#263640;font-weight:600;overflow-wrap:anywhere}
.client-data-grid>section{border:1px solid #dfe5eb;border-radius:12px;padding:20px;background:var(--platform-surface);min-width:0}.client-data-grid>section h2{font-size:18px;margin:0 0 14px;color:#263640}
.client-data-grid>.client-location{background:#edf3f7;border-top:3px solid #b7cfdf}.client-location .button{background:white}.client-file-card{background:var(--platform-surface);border-top:3px solid #e8c8ae}
.card>.tabs{background:#edf2f6}.card>.card-heading{background:#f2f6f9;border-top:3px solid #e8c8ae}.stat{border-top:3px solid #e8c8ae}.route-summary>div{background:#f3f7fa;border-radius:9px}.detail-field dt{font-size:14px}
@media(max-width:720px){.platform-fields{grid-template-columns:1fr!important;gap:10px!important}.platform-fields>.detail-field{padding:14px}.client-data-grid{grid-template-columns:1fr;gap:16px}.client-data-grid>section{padding:16px}dialog .form-footer{flex-wrap:wrap}dialog .form-footer>.button{flex:1;min-height:44px}.workspace>header .account{color:#fff}}

/* Lectura de fichas: etiqueta y valor ocupan superficies distintas. */
#content .detail-field{padding:0!important;border:1px solid #c7d5e0;border-top:0;border-radius:9px;background:white;overflow:hidden;align-self:stretch}
#content .detail-field dt{display:block;margin:0!important;padding:9px 14px;background:#dce7f0;color:#304e65;font-size:14px;font-weight:650;line-height:1.4;border-bottom:1px solid #c7d5e0}
#content .detail-field dd{display:block;margin:0!important;padding:12px 14px;background:#fff;color:#192e3d;font-size:17px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}
#content .client-data-grid>section:not(.client-location){background:#edf2f6;border-color:#d2dde6}
#content .client-data-grid>section>h2{padding:0 0 12px;border-bottom:2px solid #b9cbd9;margin-bottom:16px;font-size:19px;color:#263e50}
@media(max-width:720px){#content .detail-field dt{padding:8px 12px}#content .detail-field dd{padding:11px 12px;font-size:16px}}