/* CEVET 4.0 · Panel clínico · pensado para la agenda de un solo veterinario */
[hidden]{display:none!important}
.pacientes-shell{max-width:1250px;margin:auto;padding:47px 24px 96px;min-height:70vh}
.patients-header{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:19px}
.patients-heading h1{font-size:clamp(2rem,3.7vw,3.2rem);letter-spacing:-.045em;color:var(--navy);margin:5px 0 10px}
.patients-heading .eyebrow{margin-bottom:0}.patients-heading p{font-size:.9rem;margin:0;max-width:575px}
.patients-quick-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.patients-ghost-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:11px 14px;text-decoration:none;color:var(--navy);font-size:.8rem;font-weight:700;white-space:nowrap}
.patients-ghost-link:hover{background:var(--mint)}.patients-ghost-link .material-symbols-outlined{font-size:19px}
.patients-status{font-size:.78rem;text-align:right;min-height:24px;margin:0 0 13px}.patients-status[data-kind="error"]{color:#ad4032}
.patients-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:24px}
.patients-metrics>div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:19px 22px;display:flex;align-items:center;gap:16px;box-shadow:0 6px 26px rgba(23,60,93,.025)}
.patients-metrics>div>.material-symbols-outlined{font-size:27px;width:53px;height:53px;background:var(--mint);color:var(--green-dark);border-radius:15px;display:grid;place-items:center;flex-shrink:0}
.patients-metrics small{display:block;color:var(--muted);font-size:.75rem}.patients-metrics strong{display:block;font-size:1.7rem;color:var(--navy);line-height:1.2}
.patients-workspace{display:grid;grid-template-columns:minmax(285px,360px) minmax(0,1fr);gap:19px;align-items:start}
.patients-directory,.patient-record{border:1px solid var(--line);border-radius:23px;background:white;box-shadow:0 10px 35px rgba(23,60,93,.045);min-width:0}
.patients-directory{padding:23px 18px 19px}.directory-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:21px}.directory-top .eyebrow{font-size:.64rem;margin:0}.directory-top h2{font-size:1.42rem;letter-spacing:-.035em;color:var(--navy);margin:3px 0 0}
.patients-add{background:var(--green);border:0;color:var(--navy-dark);padding:10px 12px;min-height:44px;border-radius:11px;font-size:.75rem;font-weight:700;display:flex;align-items:center;gap:5px;white-space:nowrap}
.patients-add:hover{background:#a5ce75}.patients-add span{font-size:19px}
.patients-search{border:1px solid #dae5df;background:#fafcf9;border-radius:12px;display:flex;align-items:center;gap:9px;padding:0 12px;margin-bottom:10px}
.patients-search span{color:#6c8c79}.patients-search input{min-height:46px;width:100%;border:0;background:transparent;outline:none;min-width:0;font-size:.78rem}
.patients-directory select{display:block;width:100%;min-height:43px;padding:7px 10px;margin-bottom:15px;border-radius:11px;border:1px solid #dae5df;background:#fff;color:var(--navy);font-size:.78rem}
.patients-list{display:grid;gap:8px;max-height:750px;overflow:auto;scrollbar-width:thin;padding-right:2px}
.patient-list-item{display:flex;width:100%;align-items:center;gap:11px;text-align:left;padding:13px 12px;background:#fff;border:1px solid #edf0ee;border-radius:13px;transition:.2s}
.patient-list-item:hover{background:#f7fbf5;border-color:#cedfcb}.patient-list-item[aria-current="true"]{background:#eff7e9;border-color:#afd09d;box-shadow:0 0 0 1px #d7e9c9}
.patient-list-avatar{width:43px;height:43px;flex:0 0 auto;display:grid;place-items:center;border-radius:13px;background:#eef4f8;color:var(--navy);font-size:1.1rem;font-weight:700}
.patient-list-avatar[data-species="felino"]{background:#f4ecfb;color:#7d55ab}.patient-list-avatar[data-species="otro"]{background:#fcf3e8;color:#af8242}
.patient-list-copy{min-width:0;flex:1}.patient-list-copy strong{font-size:.86rem;color:var(--navy);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.patient-list-copy small{font-size:.7rem;color:var(--muted);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.patient-list-item>.material-symbols-outlined{color:#8aa097;font-size:21px}.directory-empty{padding:35px 15px;text-align:center;color:var(--muted);font-size:.82rem}
.patient-record{min-height:530px;overflow:hidden}.record-empty{min-height:530px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:45px 30px}
.record-illustration{width:95px;height:95px;background:linear-gradient(135deg,#e3f0d8,#f1f8e9);border-radius:29px;display:grid;place-items:center;color:var(--green-dark);margin-bottom:23px}.record-illustration span{font-size:45px}
.record-empty .eyebrow{margin-bottom:7px}.record-empty h2{font-size:1.75rem;color:var(--navy);margin-bottom:12px}.record-empty p{max-width:380px;font-size:.85rem}.record-empty button{margin-top:15px}
.record-profile{padding:30px 29px 22px;display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--line)}.record-avatar{height:66px;width:66px;display:grid;place-items:center;border-radius:22px;background:var(--mint);color:var(--green-dark);flex-shrink:0}.record-avatar>.material-symbols-outlined{font-size:34px}.record-profile-text{flex:1;min-width:0}.record-profile-text .eyebrow{margin:0;font-size:.62rem}.record-profile-text h2{margin:4px 0;font-size:1.9rem;letter-spacing:-.04em;color:var(--navy);overflow-wrap:anywhere}.record-profile-text p{font-size:.78rem;margin:0}
.patients-outline{border:1px solid #d7e6d0;background:#fff;color:var(--green-dark);font-size:.77rem;font-weight:700;border-radius:11px;min-height:45px;padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}
.patients-outline:hover{background:var(--mint)}.patients-outline .material-symbols-outlined{font-size:19px}
.record-info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 16px;padding:23px 30px}.record-info-row{min-width:0}.record-info-row small{font-size:.7rem;display:block;color:var(--muted);margin-bottom:3px}.record-info-row span{color:var(--navy);font-size:.84rem;font-weight:600;overflow-wrap:anywhere}.record-info-row.notes{grid-column:1/-1;padding:13px 15px;background:#f9fbf7;border-radius:11px}
.record-actions{display:flex;flex-wrap:wrap;gap:10px;padding:0 30px 24px}.record-actions .btn{font-size:.81rem;min-height:47px;padding:10px 15px}.record-actions .material-symbols-outlined{font-size:19px}
.record-tabs{display:flex;border-bottom:1px solid var(--line);gap:23px;padding:0 29px}.record-tabs button{padding:13px 6px;border:0;background:none;color:var(--muted);font-size:.86rem;font-weight:700;border-bottom:3px solid transparent}.record-tabs button[aria-selected="true"]{border-bottom-color:var(--green);color:var(--navy)}
.record-timeline{padding:26px 29px 30px;display:grid;gap:14px;min-height:170px}.timeline-item{border:1px solid var(--line);border-radius:15px;padding:19px 20px;background:#fff}
.timeline-item-header{display:flex;align-items:start;justify-content:space-between;gap:10px}.timeline-item-header h3{color:var(--navy);margin:5px 0 11px;font-size:1rem;line-height:1.45;overflow-wrap:anywhere}.timeline-date{font-size:.73rem;color:var(--green-dark);font-weight:700;background:var(--mint);padding:5px 10px;border-radius:20px;white-space:nowrap}.timeline-details{display:grid;gap:10px}.timeline-details div{font-size:.78rem}.timeline-details strong{display:block;color:var(--navy);font-size:.73rem}.timeline-details p{margin:1px 0;white-space:pre-wrap;overflow-wrap:anywhere}.timeline-empty{border:1px dashed #cdddc8;border-radius:15px;padding:37px 22px;text-align:center;color:var(--muted);font-size:.85rem}.timeline-empty .material-symbols-outlined{display:block;font-size:35px;color:var(--green-dark);margin-bottom:10px}
.patients-dialog{border:1px solid var(--line);border-radius:23px;padding:0;background:#fff;box-shadow:0 30px 80px rgba(10,30,45,.25);width:min(92vw,690px);max-height:88vh;overflow:auto}
.patients-dialog::backdrop{background:rgba(7,25,40,.58);backdrop-filter:blur(3px)}.patients-form{padding:28px 32px}.dialog-head{display:flex;align-items:start;justify-content:space-between;gap:15px;margin-bottom:25px}.dialog-head .eyebrow{margin:0;font-size:.65rem}.dialog-head h2{color:var(--navy);font-size:1.65rem;margin:4px 0 0}.dialog-close{border:1px solid var(--line);border-radius:11px;width:39px;height:39px;display:grid;place-items:center;background:#fff;color:var(--navy);flex:0 0 auto}.dialog-close:hover{background:var(--mint)}.dialog-close span{font-size:21px}
.patients-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px}.patients-fields label{font-size:.79rem;font-weight:700;color:var(--navy);display:grid;gap:7px;min-width:0}.patients-fields label.field-wide{grid-column:1/-1}.patients-fields input,.patients-fields textarea,.patients-fields select{width:100%;min-width:0;border:1px solid #d7e4dc;background:#fcfdfb;border-radius:11px;padding:11px 13px;min-height:46px;font-size:.84rem;color:var(--text);font-weight:400}.patients-fields textarea{resize:vertical;line-height:1.6}.patients-fields input:focus,.patients-fields textarea:focus,.patients-fields select:focus{border-color:#9cbe82;outline:2px solid #dbeacb}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.dialog-actions .btn{min-height:45px;padding:10px 19px}.dialog-actions .btn:disabled{opacity:.6;cursor:wait}.patients-cancel{background:#f4f7f4;color:var(--navy);border:1px solid var(--line);border-radius:11px;font-size:.82rem;font-weight:700;padding:10px 18px}.form-feedback{font-size:.79rem;color:#ad4032;margin:13px 0 0}.form-feedback:empty{display:none}
@media(max-width:990px){.patients-workspace{grid-template-columns:minmax(245px,310px) minmax(0,1fr)}.record-profile{flex-wrap:wrap}.record-info{grid-template-columns:repeat(2,minmax(0,1fr))}.patients-quick-actions{justify-content:flex-start}}
@media(max-width:780px){.patients-header{align-items:start;flex-direction:column}.patients-workspace{grid-template-columns:minmax(0,1fr)}.patients-list{max-height:370px}.patients-metrics{gap:9px}.patients-metrics>div{padding:14px 12px;gap:9px}.patients-metrics>div>.material-symbols-outlined{height:38px;width:38px;font-size:23px;border-radius:12px}.patients-metrics small{font-size:.66rem}.patients-metrics strong{font-size:1.35rem}}
@media(max-width:560px){.pacientes-shell{padding:29px 14px 60px}.patients-heading h1{font-size:2rem}.patients-metrics{grid-template-columns:1fr 1fr}.patients-metrics>div:first-child{grid-column:1/-1}.patients-directory{padding:21px 15px}.record-profile{padding:24px 18px 15px}.record-profile-text h2{font-size:1.5rem}.record-profile .patients-outline{width:100%}.record-info{padding:19px;gap:12px}.record-actions{padding:0 19px 19px}.record-actions button{flex:1}.record-tabs{padding:0 19px}.record-timeline{padding:17px}.patients-form{padding:22px 17px}.patients-fields{grid-template-columns:1fr;gap:12px}.patients-fields label.field-wide{grid-column:auto}.dialog-actions{flex-direction:column-reverse}.dialog-actions button{width:100%}.timeline-item-header{flex-direction:column-reverse}}
