#clients-compact{display:none}@media(min-width:1000px){html:not(.mobile-preview) #clients-view .clients-legacy-table{display:none!important}html:not(.mobile-preview) #clients-view .column-order-help{display:none!important}html:not(.mobile-preview) #clients-compact{display:block;min-width:1260px;background:white;color:#16344e;border:1px solid #dce5ed;border-radius:9px;overflow:hidden}html:not(.mobile-preview) #clients-compact .cc-row{display:grid;grid-template-columns:38px 100px minmax(200px,1.3fr) 135px 110px minmax(240px,1.5fr) minmax(180px,1fr) 155px 88px;border-bottom:1px solid #e0e7ef;align-items:stretch}html:not(.mobile-preview) #clients-compact.cc-viewer .cc-row{grid-template-columns:100px minmax(200px,1.3fr) 135px 110px minmax(240px,1.5fr) minmax(180px,1fr) 155px 88px}html:not(.mobile-preview) #clients-compact .cc-row>[role=cell],html:not(.mobile-preview) #clients-compact .cc-row>[role=columnheader]{padding:12px 10px;min-width:0;font-size:13px;line-height:1.5;overflow-wrap:anywhere}html:not(.mobile-preview) #clients-compact .cc-head{background:#e9eff5;color:#50687e;font-weight:600;position:sticky;top:0;z-index:2}html:not(.mobile-preview) #clients-compact .cc-row:hover{background:#f8fbfd}html:not(.mobile-preview) #clients-compact .cc-profile-pending{background:#fffbea}html:not(.mobile-preview) #clients-compact button{font:inherit}html:not(.mobile-preview) #clients-compact .cc-text-action{border:0;background:transparent;text-align:left;color:inherit;padding:0;font-weight:400;line-height:1.5;white-space:normal;overflow-wrap:anywhere}html:not(.mobile-preview) #clients-compact .cc-text-action:hover{color:#008a91;text-decoration:underline}html:not(.mobile-preview) #clients-compact .cc-row>[role=cell]:nth-child(3)>.cc-text-action{font-weight:600}html:not(.mobile-preview) #clients-compact small{display:block;font-size:11px;color:#6b7d8f;margin-top:4px}html:not(.mobile-preview) #clients-compact .cc-record-code{font:12px Consolas,monospace;white-space:nowrap}html:not(.mobile-preview) #clients-compact .cc-copy{padding:2px 5px;margin-left:4px;font-size:13px}html:not(.mobile-preview) #clients-compact .cc-status{padding:4px 8px;border-radius:5px;background:#edf1f6;color:#50657b;white-space:normal}html:not(.mobile-preview) #clients-compact .cc-status-activo{background:#e3f4ed;color:#28724d}html:not(.mobile-preview) #clients-compact .cc-status-registrado{background:#eee9fb;color:#6038a0}html:not(.mobile-preview) #clients-compact .cc-status-inactivo{background:#f4e9ec;color:#944a5c}html:not(.mobile-preview) #clients-compact .cc-obligation-line{display:flex;align-items:flex-start;gap:7px;margin-bottom:5px}html:not(.mobile-preview) #clients-compact .cc-obligation-line>small{width:55px;flex:none;margin:2px 0 0;font-size:10px}html:not(.mobile-preview) #clients-compact .cc-obligation-tags{display:flex;flex-wrap:wrap;gap:4px}html:not(.mobile-preview) #clients-compact .cc-obligation-tags .cc-text-action{padding:2px 5px;border-radius:4px;white-space:nowrap;font-size:11px}html:not(.mobile-preview) #clients-compact .cc-month{background:#eaf1fc;color:#164577}html:not(.mobile-preview) #clients-compact .cc-year{background:#e5f6f5;color:#087f87}html:not(.mobile-preview) #clients-compact .cc-details-toggle{padding:5px 8px;border-color:#d4e3e9;color:#00888e;background:white;font-size:12px}html:not(.mobile-preview) #clients-compact input[type=checkbox]{width:16px;height:16px;accent-color:#00979e}html:not(.mobile-preview) #clients-compact .cc-detail{padding:20px 24px;background:#f5f9fb;border-bottom:1px solid #dce5ed}html:not(.mobile-preview) #clients-compact .cc-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}html:not(.mobile-preview) #clients-compact .cc-detail h3{margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #dbe6ed;color:#00858c;font-size:14px}html:not(.mobile-preview) #clients-compact dl{display:grid;grid-template-columns:minmax(100px,.9fr) minmax(0,1.2fr);gap:9px 12px;margin:0;font-size:13px}html:not(.mobile-preview) #clients-compact dt{color:#65798c}html:not(.mobile-preview) #clients-compact dd{margin:0;min-width:0;overflow-wrap:anywhere}html:not(.mobile-preview) #clients-compact .cc-full-profile{width:fit-content;height:fit-content;align-self:end;background:#102e4c;color:white;padding:10px 15px}html:not(.mobile-preview) #clients-compact .cc-other-services{max-width:100%}}

/* Toolbar order and consistent black text in client records, including hover. */
#client-bulk-controls{justify-content:flex-start}
#client-bulk-controls #client-bulk-action{flex:0 1 210px;margin:0}
.client-selected-summary{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
#clients-view :is(table,thead,tbody,tr,th,td,.cc-row,.cc-head,.cc-detail,.cc-detail *,input,select,option,textarea,.client-bulk-toolbar,.client-bulk-toolbar strong,.client-bulk-toolbar span),
#clients-view #clients-compact :is(button,small,dt,dd,h3,.cc-status,.cc-month,.cc-year),
#clients-view #clients-compact .cc-text-action:hover{color:#000!important}
#clients-view #clients-compact .cc-full-profile{background:#e7eef4!important;color:#000!important}

#clients-view,#clients-view *{color:#000!important}
#clients-view .primary,#clients-view .primary:hover{background:#e7eef4!important}
#clients-view .client-selected-summary,#clients-view #client-selection-count{width:auto!important;max-width:none!important;flex:none!important;overflow:visible!important}

/* Desktop: use the page width; keep obligation chips in horizontal groups. */
@media(min-width:1000px){html:not(.mobile-preview) #clients-compact{width:100%;min-width:1130px;box-sizing:border-box}html:not(.mobile-preview) #clients-compact .cc-row{grid-template-columns:36px 94px minmax(180px,1.7fr) 116px 90px minmax(230px,2fr) minmax(170px,1.5fr) 135px 80px}html:not(.mobile-preview) #clients-compact.cc-viewer .cc-row{grid-template-columns:94px minmax(180px,1.7fr) 116px 90px minmax(230px,2fr) minmax(170px,1.5fr) 135px 80px}html:not(.mobile-preview) #clients-compact .cc-obligation-line{width:100%;gap:6px;align-items:flex-start}html:not(.mobile-preview) #clients-compact .cc-obligation-tags{flex:1;min-width:0;display:flex;flex-flow:row wrap;gap:4px}html:not(.mobile-preview) #clients-compact .cc-obligation-tags .cc-text-action{width:auto!important;flex:0 0 auto!important;display:inline-flex;line-height:1.35;padding:3px 5px}html:not(.mobile-preview) #clients-compact .cc-copy{width:auto;display:inline-block}html:not(.mobile-preview) #clients-compact .cc-details-toggle{white-space:nowrap;padding:6px;font-size:11px}}