/* Patient directory: blue navigation accent, quiet identity and contact rows. */
#page-patients.patient-directory{--pd-ink:#17384b;--pd-muted:#617789;--pd-line:#d9e5ed;--pd-accent:#176fbc;color:var(--pd-ink)}
#page-patients .pd-heading{margin:18px 0 22px}.pd-heading h2{font-size:26px;margin:0 0 8px;line-height:1.25}.pd-heading p{color:#617789;font-size:14px;margin:0}
#page-patients #tabsbar-patients{display:block!important;background:#fff;border:1px solid var(--pd-line);border-radius:14px;padding:16px;margin:0 0 18px}
#page-patients .pd-toolbar-inner{display:flex;align-items:center;flex-wrap:wrap;gap:10px}#page-patients .pd-search{position:relative;display:flex;align-items:center;flex:1 1 300px;min-width:200px}
#page-patients .pd-search input,#page-patients .pd-toolbar select{height:44px;border:1px solid var(--pd-line);border-radius:9px;background:#fff;color:var(--pd-ink);font:inherit;font-size:14px;padding:10px 12px;min-width:0;max-width:100%}#page-patients .pd-search input{width:100%;padding-right:40px}.pd-search>button{position:absolute;right:8px;width:30px;height:30px;background:transparent;border:0;color:#617789;font-size:22px;cursor:pointer}.pd-toolbar .btn{min-height:44px;font-size:13px}
#page-patients #patients-kpis{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 20px}#patients-kpis .patient-process-kpi{display:none!important}
.pd-stat{display:grid;gap:7px;background:#fff;border:1px solid var(--pd-line);border-radius:12px;padding:16px 20px}.pd-stat span{font-size:12px;color:var(--pd-muted)}.pd-stat strong{font-size:27px;line-height:1.2}.pd-stat small{font-size:12px;color:var(--pd-muted)}
.pd-list-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;font-size:13px;color:var(--pd-muted)}#patient-filter-summary{display:flex;gap:8px;flex-wrap:wrap;align-items:center}#patient-filter-summary>span{padding:5px 10px;border-radius:8px;background:#eaf3fc;color:#145987}#patient-filter-summary .btn{font-size:12px}
#page-patients #patients-table{overflow:auto;border:1px solid var(--pd-line);background:#fff;border-radius:0;max-width:100%;overscroll-behavior-x:contain}
#page-patients .pd-table{width:100%;border-collapse:collapse;table-layout:auto;font-size:14px;min-width:780px}#page-patients .pd-table th{background:var(--pd-accent);color:white;border:0;border-radius:0!important;text-transform:uppercase;font-size:11px;letter-spacing:.3px;padding:16px}#page-patients .pd-table td{padding:17px 16px;vertical-align:middle;border-bottom:1px solid var(--pd-line);line-height:1.45}#page-patients .pd-table tbody>tr:nth-child(4n+3){background:#f5f9fc}.pd-table tbody>tr:hover{background:#eef5fb}.pd-table small{display:block;color:var(--pd-muted);font-size:12px;margin-top:4px}.pd-person{display:flex;align-items:center;gap:12px}.pd-person>div{min-width:0}.pd-avatar{width:38px;height:38px;flex-shrink:0;border-radius:11px;background:#e6f1fb;color:#1b659d;font-size:12px;font-weight:700;display:grid;place-items:center}.pd-name{padding:0;border:0;background:none;font:inherit;font-weight:650;color:var(--pd-ink);text-align:left;cursor:pointer}.pd-name:hover{color:var(--pd-accent);text-decoration:underline}.pd-missing{color:#8a6527}.pd-contact,.pd-actions{display:flex;gap:10px;align-items:center}.pd-contact{white-space:nowrap}.pd-contact>span{font-variant-numeric:tabular-nums}.pd-actions .btn{font-size:12px;min-height:38px}.pd-open{display:grid;place-items:center;width:38px;height:38px;border:1px solid #c8dce9;border-radius:9px;background:white;color:var(--pd-accent);cursor:pointer}.pd-open svg{width:18px;height:18px}
#page-patients .pd-table .patient-whatsapp-action,#page-patients .pd-table .patient-alert-action{width:38px;height:38px;min-width:38px;display:grid;place-items:center;border-radius:9px}#page-patients .pd-table .patient-whatsapp-action svg,#page-patients .pd-table .patient-alert-action svg{width:18px;height:18px}.pd-detail-row>td{background:#f4f8fc!important;padding:0!important}.pd-detail-row .patient-detail{border-left:3px solid var(--pd-accent)}
#patient-pagination{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:16px 0;font-size:13px;color:var(--pd-muted)}#patient-pagination>div{display:flex;gap:8px}#patient-pagination .btn{font-size:13px;min-height:40px}#patient-pagination button:disabled{opacity:.45;cursor:default}.pd-empty{padding:48px 20px;text-align:center}.pd-empty strong{font-size:18px}.pd-empty p{font-size:14px;color:var(--pd-muted);margin:10px 0 20px}.pd-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
#page-patients :is(button,input,select,[tabindex]):focus-visible{outline:3px solid #2682c0;outline-offset:3px}
@media(max-width:700px){#page-patients .pd-heading h2{font-size:23px}#page-patients #tabsbar-patients{padding:12px}.pd-toolbar-inner select{flex:1 1 140px}.pd-toolbar-inner .btn{flex:1}.pd-list-meta{align-items:flex-start;flex-direction:column}.pd-stat{grid-template-columns:1fr auto}.pd-stat small{grid-column:1/-1}#page-patients #patients-table{border:0;background:transparent;overflow:visible}#page-patients .pd-table{min-width:0;display:block}#page-patients .pd-table thead{display:none}#page-patients .pd-table tbody{display:block}#page-patients .pd-table tbody>tr:not(.pd-detail-row){display:grid;grid-template-columns:1fr auto;background:white;border:1px solid var(--pd-line);border-radius:14px;margin-bottom:12px;padding:8px}#page-patients .pd-table td{display:block;border:0;padding:9px 8px}#page-patients .pd-table td[data-label="Paciente"]{grid-column:1/-1;border-bottom:1px solid var(--pd-line);padding-bottom:12px}.pd-person{align-items:flex-start}#page-patients .pd-table td[data-label="Contacto"],#page-patients .pd-table td[data-label="Ciudad / convenio"]{grid-column:1/-1}#page-patients .pd-table td[data-label="Ciudad / convenio"]::before{content:'Ciudad / convenio';display:block;font-size:11px;color:var(--pd-muted);margin-bottom:3px}#page-patients .pd-table .pd-detail-row{margin:-12px 0 12px}#page-patients .pd-table .pd-detail-row[style*="none"]{display:none!important}.pd-detail-row>td{display:block}.pd-open,#page-patients .pd-table .patient-whatsapp-action,#page-patients .pd-table .patient-alert-action{width:44px;height:44px}.pd-contact{justify-content:space-between}.pd-actions .btn{min-height:44px}#patient-pagination{align-items:flex-start;flex-wrap:wrap}}

#page-patients.patient-directory #pat-actions{display:flex!important;margin:0;gap:10px}#page-patients.patient-directory>.amway-hd .amway-hd-left{display:none!important}#page-patients .pd-search input::-webkit-search-cancel-button{display:none}#page-patients .pd-table .patient-document-copy{display:inline-flex;align-items:center;gap:4px;border:0;background:transparent;padding:0;min-height:0;color:var(--pd-muted);font:inherit;cursor:pointer}#page-patients .pd-table th{text-align:center}

@media(max-width:700px){#page-patients .pd-table .pd-detail-row{display:block!important;width:100%}#page-patients .pd-table .pd-detail-row>td{width:100%;box-sizing:border-box}#page-patients #patients-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.pd-stat{display:flex;flex-direction:column;padding:12px;gap:8px}.pd-stat strong{font-size:23px}.pd-stat small{display:none}.pd-toolbar-inner #patient-quality{flex-basis:100%}}

/* Mobile patient profile: compact identity, contact shortcuts and record actions. */
#page-patients .pd-table .pd-call{display:none}
@media(max-width:700px){
 #page-patients.patient-directory .pd-table tbody>tr:not(.pd-detail-row){position:relative;isolation:isolate;overflow:hidden;grid-template-columns:minmax(0,1fr) 64px;padding:0;background:#fff;border-radius:18px;box-shadow:0 5px 18px #17384b0b;margin-bottom:16px}
 #page-patients.patient-directory .pd-table tbody>tr:not(.pd-detail-row)::before{content:'';position:absolute;inset:0 0 auto;height:70px;z-index:-1;background:radial-gradient(ellipse at 90% 10%,#49b2d14d,transparent 65%),linear-gradient(115deg,#133b6b,#176fbc)}
 #page-patients.patient-directory .pd-table td[data-label="Paciente"]{padding:32px 18px 10px;border:0;min-width:0}
 #page-patients.patient-directory .pd-person{flex-direction:column;align-items:center;gap:10px;text-align:center}
 #page-patients.patient-directory .pd-avatar{width:68px;height:68px;box-sizing:border-box;border:4px solid #fff;border-radius:50%;background:#e6f1fb;color:#1b659d;font-size:21px;box-shadow:0 3px 10px #17384b14}
 #page-patients.patient-directory .pd-person>div{width:100%;min-width:0}
 #page-patients.patient-directory .pd-name{font-size:16px;line-height:1.35;font-weight:750;text-align:center;white-space:normal;overflow-wrap:anywhere;max-width:100%;min-height:36px}
 #page-patients.patient-directory .pd-person small{margin:3px 0 0;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
 #page-patients.patient-directory .pd-table .patient-document-copy{min-height:30px;white-space:normal;text-align:center;justify-content:center}
 #page-patients.patient-directory .pd-table td[data-label="Contacto"]{padding:0 16px 10px}
 #page-patients.patient-directory .pd-contact{justify-content:center;flex-wrap:wrap;gap:8px;white-space:normal}
 #page-patients.patient-directory .pd-contact>span{flex-basis:100%;text-align:center;font-size:13px;line-height:1.4;color:var(--pd-muted);overflow-wrap:anywhere}
 #page-patients.patient-directory .pd-table .pd-call,#page-patients.patient-directory .pd-table .patient-whatsapp-action{display:grid;place-items:center;width:44px;height:44px;min-width:44px;border:1px solid #cbdde9;border-radius:50%;background:#f0f7fd;color:#176fbc;text-decoration:none}
 #page-patients.patient-directory .pd-table .patient-whatsapp-action{background:#eef9f3;border-color:#d0e9db;color:#157c49}
 #page-patients.patient-directory .pd-call svg{width:19px;height:19px}
 #page-patients.patient-directory .pd-table td[data-label="Ciudad / convenio"]{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;padding:0 16px 14px;text-align:center}
 #page-patients.patient-directory .pd-table td[data-label="Ciudad / convenio"]::before{content:none}
 #page-patients.patient-directory .pd-table td[data-label="Ciudad / convenio"]>span,#page-patients.patient-directory .pd-table td[data-label="Ciudad / convenio"]>small{margin:0;padding:4px 9px;border-radius:7px;background:#f1f5f9;font-size:12px;line-height:1.4;color:#46627a;overflow-wrap:anywhere}
 #page-patients.patient-directory .pd-table td[data-label="Gestión"],#page-patients.patient-directory .pd-table td[data-label="Ficha"]{border-top:1px solid var(--pd-line);padding:10px 12px;align-self:stretch;background:#f8fbfd}
 #page-patients.patient-directory .pd-table td[data-label="Ficha"]{padding-left:0}
 #page-patients.patient-directory .pd-actions{gap:8px;flex-wrap:wrap;height:100%;align-items:center}
 #page-patients.patient-directory .pd-actions .btn{min-height:44px;font-size:13px;padding:8px 14px;border-radius:10px}
 #page-patients.patient-directory .pd-open{width:44px;height:44px;border-radius:10px;background:#176fbc;border-color:#176fbc;color:#fff}
 #page-patients.patient-directory .pd-table .patient-alert-action{width:44px;height:44px;min-width:44px;border-radius:10px}
 #page-patients.patient-directory .pd-call:focus-visible{outline:3px solid #2682c0;outline-offset:3px}
}