:root{color-scheme:light;--purple:#57429c;--deep:#2d2354;--lavender:#ede8fa;--ink:#26233b;--muted:#807c91;--line:#e9e6f0;--bg:#f8f7fb;--soft:#f4f1fc;font-family:Inter,system-ui,-apple-system,'Segoe UI',Arial,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{outline-color:#b9a9e8}a{color:var(--purple)}.logo{font-weight:950;letter-spacing:-1.2px;color:var(--deep);font-size:27px;line-height:1}.logo span{color:#df9e70}.logo small{display:block;font-size:9px;letter-spacing:4px;margin-top:7px;font-weight:700;color:#9f95b6}.logo.light{color:white}.logo.light small{color:#c6c0ee}.login-layout{display:grid;grid-template-columns:minmax(350px,45%) minmax(0,1fr);min-height:100dvh}.login-side{background:radial-gradient(circle at 15% 80%,#816cc5 0,transparent 45%),linear-gradient(155deg,#2f275d,#5b45a2);color:white;padding:clamp(30px,6vw,100px);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.login-side h1{font-size:clamp(34px,4vw,63px);line-height:1.08;letter-spacing:-2px;max-width:530px;margin:26px 0 12px}.login-side p{font-size:17px;max-width:470px;line-height:1.6;color:#dfd8ff}.login-illustration{height:180px;display:flex;align-items:center;gap:35px;opacity:.8}.login-illustration span{font-size:80px;color:#e5c4ae}.login-illustration span:nth-child(2){transform:translateY(-35px) rotate(22deg);font-size:64px}.login-illustration span:nth-child(3){transform:translateY(30px);font-size:55px}.login-main{display:flex;justify-content:center;align-items:center;padding:45px 28px}.login-card{width:min(100%,440px);background:white;border:1px solid var(--line);padding:38px;border-radius:26px;box-shadow:0 18px 65px #3f32720d}.login-card h2{font-size:31px;letter-spacing:-1px;margin:12px 0}.login-links{display:flex;gap:13px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:31px;padding-top:18px;font-size:12px}.login-links a{text-decoration:none;color:#81739d}.subtle{color:var(--muted);line-height:1.6;font-size:13px}.eyebrow{font-size:10px;font-weight:800;color:#8c75c2;letter-spacing:1.8px}.stack{display:grid;gap:15px;margin-top:26px}.field{display:grid;gap:7px;min-width:0}.field span{font-size:12px;font-weight:700;color:#56516d}.field input,.field select,.field textarea{border:1px solid #dbd7e7;padding:12px;border-radius:11px;min-height:44px;background:#fff;width:100%;color:var(--ink)}.field textarea{min-height:105px;resize:vertical}.primary,.button{background:var(--purple);color:white;border-radius:11px;padding:12px 17px;font-weight:750;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.primary:hover,.button:hover{background:#443481;color:white}.outline{background:var(--soft);color:var(--purple);padding:11px 14px;border-radius:10px;font-weight:700}.text-button{background:transparent;color:var(--purple);text-decoration:underline;padding:7px;border:0}.full-width{width:100%}.alert-text{color:#af3542;line-height:1.4}.layout{display:grid;grid-template-columns:243px minmax(0,1fr);min-height:100dvh}.sidebar{background:white;border-right:1px solid var(--line);position:sticky;top:0;height:100dvh;padding:30px 16px 20px;overflow-y:auto;display:flex;flex-direction:column}.sidebar .logo{margin:0 12px 40px}.nav-caption{font-size:10px;letter-spacing:2px;font-weight:800;color:#aaa2be;padding:0 16px;margin-bottom:10px}.sidebar nav{display:grid;gap:3px}.nav-item{display:flex;align-items:center;gap:12px;text-align:left;padding:13px 14px;border-radius:11px;background:transparent;color:#766e89;font-size:14px;font-weight:650;width:100%}.nav-item span{font-size:20px;width:22px}.nav-item.on{color:#513895;background:#f1edfb}.nav-item:hover{background:#f8f5fc}.sidebar-footer{margin-top:auto;padding-top:20px}.user-chip{border:1px solid var(--line);border-radius:14px;padding:10px;display:flex;align-items:center;gap:10px;margin-bottom:12px}.user-chip b{font-size:13px;display:block}.user-chip small{font-size:11px;color:var(--muted)}.avatar{display:grid;place-items:center;border-radius:10px;background:#e7e0f7;color:var(--purple);width:40px;height:40px;font-weight:900}.workspace{min-width:0;display:flex;flex-direction:column}.topbar{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:25px clamp(18px,4vw,55px) 13px}.topbar h1{font-size:clamp(24px,3vw,34px);letter-spacing:-1px;margin:4px 0}.topbar-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.chip-link{background:white;color:var(--purple);border:1px solid var(--line);border-radius:99px;padding:9px 15px;text-decoration:none;font-size:12px;font-weight:700}.user-pill{background:#ece7f8;color:#5e479b;border-radius:99px;padding:10px 16px;font-size:12px}.main{padding:10px clamp(18px,4vw,55px) 55px;flex:1;max-width:1550px;width:100%;margin:0 auto}.footer{padding:20px clamp(18px,4vw,55px);font-size:11px;color:#9d97ad}.page-intro{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:12px 0 21px}.page-intro h2{font-size:30px;letter-spacing:-1px;margin:6px 0}.page-intro p{color:var(--muted);margin:0;font-size:14px}.card{background:#fff;border:1px solid var(--line);border-radius:19px;box-shadow:0 10px 30px #3f366c06;padding:25px;margin-bottom:17px;min-width:0}.section-head{margin-bottom:21px}.section-head h2,.card h2{font-size:19px;margin:0 0 6px;letter-spacing:-.35px}.section-head p{font-size:12px;line-height:1.5;margin:0;color:var(--muted)}.card h3{margin:0 0 18px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat{display:flex;flex-direction:column;align-items:flex-start}.stat span{font-size:13px;color:var(--muted)}.stat strong{font-size:31px;margin-top:10px;letter-spacing:-1px}.stat-icon{height:37px;width:37px;display:grid;place-items:center;background:#f0eafa;border-radius:11px;color:var(--purple);margin-bottom:15px;font-size:21px}.split{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:18px;align-items:start}.split>.card{min-width:0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.form-grid .full{grid-column:1/-1}.actions{display:flex;gap:10px;align-items:center}.table-scroll{overflow-x:auto;overflow-y:auto;max-width:100%;border:1px solid #f0eef5;border-radius:12px}table{width:100%;border-collapse:collapse;font-size:13px;min-width:650px}th{text-align:left;color:#827b91;background:#faf9fd;font-size:11px;font-weight:800;letter-spacing:.2px;padding:14px 12px;border-bottom:1px solid var(--line)}td{padding:13px 12px;border-bottom:1px solid #f1eff5;vertical-align:middle;line-height:1.5}tr:last-child td{border-bottom:0}td small{font-size:11px;color:var(--muted)}.badge{display:inline-block;background:#eeeaf7;color:#5b459b;border-radius:99px;padding:5px 9px;font-size:11px;font-weight:750;white-space:nowrap}.badge.ok{background:#e6f7ed;color:#2a7551}.button-row{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.tiny{font-size:11px;font-weight:750;border:0;border-radius:8px;padding:8px 11px;background:#eae4f8;color:#59419a;white-space:nowrap}.tiny.outline{border:1px solid var(--line);background:white}.tiny.destructive{background:#fff0f0;color:#aa4252}.button-row.compact{flex-wrap:wrap}.quick{width:100%;display:flex;justify-content:space-between;align-items:center;background:white;border-bottom:1px solid var(--line);padding:15px 0;text-align:left;color:var(--purple)}.quick span b{display:block;color:var(--ink);font-size:13px}.quick small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.quick:last-child{border:0}.banner{background:#e8f7eb;color:#287349;border-radius:12px;padding:14px 17px;display:flex;justify-content:space-between;margin-bottom:18px;line-height:1.5}.danger-banner{background:#fff0f0;color:#a53341}.info{background:#f3effc;border:1px solid #e7dafa;padding:14px;border-radius:11px;color:#5d4c8d;line-height:1.6;font-size:13px;margin:16px 0}.warning{background:#fff4e6;color:#a86b23;border-radius:12px;padding:14px;line-height:1.5;font-size:13px;margin:15px 0}.empty{text-align:center;color:#91899e;padding:25px}.highlight{border:2px solid #c9b8ef;background:#fcfbff}.access-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.access-head p{font-size:12px;color:var(--muted)}.credentials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}.credentials>div{border-radius:12px;background:#f4f1fc;padding:15px;min-width:0}.credentials span{display:block;font-size:11px;color:var(--muted);margin-bottom:9px}.credentials strong{display:block;font-size:14px;word-break:break-all}.note-preview{display:block;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.integration{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.integration:last-child{border:0}.integration b{display:block;font-size:13px}.integration small{display:block;color:var(--muted);font-size:11px;margin-top:6px;word-break:break-all}.secondary-link{display:inline-block;padding:11px 0;font-size:13px;font-weight:700}.portal-hero{background:linear-gradient(135deg,#45338b,#7560be);color:white;border-radius:20px;padding:32px;margin-bottom:20px;position:relative;overflow:hidden}.portal-hero:after{content:'✦';position:absolute;right:30px;top:-35px;font-size:180px;color:#ffffff12}.portal-hero .eyebrow{color:#d6caff}.portal-hero h2{font-size:36px;letter-spacing:-1px;margin:14px 0 10px}.portal-hero p{max-width:580px;color:#e0d9f5;font-size:14px;line-height:1.6}.badge-on-dark{display:inline-block;border-radius:99px;padding:8px 12px;background:#ffffff2a;font-size:11px;font-weight:800}.appointment{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}.appointment:last-child{border-bottom:0}.appointment>div:nth-child(2){flex:1;min-width:0}.appointment b{font-size:13px;display:block}.appointment small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.calendar-icon{display:grid;place-items:center;background:#efe9f8;border-radius:11px;min-width:53px;height:55px}.calendar-icon b{font-size:19px;color:var(--purple)}.calendar-icon small{color:var(--purple);margin-top:-5px}.sum-row{display:flex;gap:10px;justify-content:space-between;align-items:center;padding:13px 0;font-size:13px}.sum-row.total{border-top:1px solid var(--line);margin-top:6px;padding-top:20px}.sum-row.total strong{font-size:26px;letter-spacing:-.5px;color:var(--purple)}.mismatch{padding:10vh 16px;max-width:650px;margin:auto}.mobile-header{display:none}.shade{display:none}.small-stats{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}@media(max-width:1140px){.layout{grid-template-columns:205px minmax(0,1fr)}.sidebar{padding:25px 10px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:1fr}.credentials{grid-template-columns:1fr}}@media(max-width:780px){.login-layout{grid-template-columns:1fr}.login-side{display:none}.login-main{min-height:100dvh;padding:22px;background:linear-gradient(145deg,#efebfa,#f9f8fc)}.login-card{padding:28px 20px}.layout{display:block}.sidebar{position:fixed;top:0;bottom:0;left:0;width:min(300px,86vw);height:100dvh;z-index:70;transform:translateX(-108%);transition:transform .2s;box-shadow:8px 0 40px #1c163226}.sidebar.show{transform:translateX(0)}.shade.show{display:block;position:fixed;inset:0;background:#14102590;z-index:60}.mobile-header{display:flex;align-items:center;justify-content:space-between;gap:15px;background:white;padding:11px 16px;position:sticky;top:0;z-index:40;border-bottom:1px solid var(--line)}.mobile-header .logo{font-size:23px}.mobile-role{font-size:11px;color:var(--muted);max-width:120px;overflow:hidden;text-overflow:ellipsis}.icon-button{background:var(--soft);color:var(--purple);border-radius:10px;padding:9px 13px;font-size:21px}.topbar{padding:24px 17px 12px;align-items:flex-start}.topbar-actions{justify-content:flex-end}.user-pill{display:none}.main{padding:10px 14px 28px}.footer{padding:18px 15px}.page-intro{align-items:flex-start}.page-intro h2{font-size:24px}.page-intro .primary{font-size:12px;padding:10px}.card{padding:18px;border-radius:15px}.form-grid{grid-template-columns:1fr}.stats{gap:10px}.stat strong{font-size:25px}.stat{padding:17px}.table-scroll{overflow:visible;border:0}table{display:block;min-width:0}thead{display:none}tbody{display:grid;gap:12px}tr{display:grid;border:1px solid var(--line);border-radius:12px;padding:10px;background:#fff}td{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;padding:9px 5px;border-bottom:1px solid #f4f2f8;min-width:0;word-break:break-word}td:last-child{border:0}td:before{content:attr(data-label);font-weight:800;color:#80758f;font-size:11px;flex:0 0 95px}.credentials{grid-template-columns:1fr}.portal-hero{padding:24px}.portal-hero h2{font-size:28px}.integration{flex-wrap:wrap}.topbar .chip-link{font-size:11px}}@media(max-width:450px){.page-intro{flex-direction:column}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat span{font-size:11px}.stat strong{font-size:24px}.topbar .chip-link{padding:7px 9px}.form-grid{gap:12px}.card{padding:15px}.appointment{gap:8px}.appointment .tiny{padding:7px 8px}.access-head{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Acceso individual y responsables: edición responsive */
.form-label{padding:12px 0 6px;border-bottom:1px solid var(--line);margin-top:8px}
.form-label h3{font-size:16px;margin:0 0 4px;color:var(--ink)}
.form-label p{font-size:12px;color:var(--muted);margin:0 0 7px;line-height:1.5}
.guardian-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.guardian-panel{border:1px solid var(--line);background:#fcfbff;border-radius:14px;padding:17px;display:grid;gap:14px;align-content:start}
.guardian-panel h4{font-size:13px;margin:0 0 4px;color:var(--purple)}
.modal-overlay{position:fixed;inset:0;background:#1b1636af;z-index:100;display:flex;justify-content:center;align-items:center;padding:16px;overflow-y:auto}
.modal-card{width:min(610px,100%);max-height:calc(100dvh - 32px);overflow:auto;padding:27px;background:white;border-radius:20px;box-shadow:0 24px 70px #18102b4a}
.modal-card .stack{display:grid;gap:16px;margin-top:12px}
.modal-card .access-head{margin-bottom:18px}
.modal-card .access-head p{margin:4px 0 0;line-height:1.5}
.modal-actions{border-top:1px solid var(--line);padding-top:18px}
.modal-foot{margin-top:14px;border-top:1px solid var(--line);padding-top:15px;color:var(--muted);font-size:12px;overflow-wrap:anywhere}
.modal-foot strong{color:var(--purple)}
.readonly-info{background:#f4f1fc;border:1px solid var(--line);border-radius:10px;padding:13px;color:#5f5381;font-size:13px;line-height:1.5}
.portal-responsables{margin:4px 0 18px!important;font-size:12px!important;color:#e7dafa!important}
@media(max-width:680px){.guardian-grid{grid-template-columns:1fr}.modal-card{padding:18px;border-radius:15px}.modal-actions{align-items:stretch;flex-direction:column}.modal-actions button{width:100%}}

.version-tag{font-size:10px;color:#c5bbdc;padding:0 12px 14px;word-wrap:break-word}.version-mobile{font-size:11px;color:#75679a;padding-top:3px}.modal-card #accessEditForm input{background:white;border:2px solid #9880cb;box-sizing:border-box;max-width:100%;width:100%;cursor:text}.modal-card #accessEditForm input:focus{border-color:#51309c;outline:3px solid #d9caee}.modal-card #accessEditForm .primary{padding:14px 20px}

.toolbar-filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:16px 0}.toolbar-filters>.field{min-width:160px;flex:1}.toolbar-filters select{min-height:44px}.interview-overlay{position:fixed;inset:0;z-index:200;background:#18102ccc;overflow-y:auto;padding:18px}.interview-document{max-width:900px;margin:16px auto;background:#fff;border-radius:18px;padding:25px}.qa-card{border:1px solid #e3dcec;background:#faf9fd;border-radius:14px;padding:16px;margin:15px 0;display:grid;gap:10px}.qa-card label{display:grid;gap:7px}.qa-card input,.qa-card textarea{width:100%;border:1px solid #bfb3d7;border-radius:10px;padding:12px;font:inherit}.qa-card textarea{min-height:100px}@media(max-width:640px){.interview-overlay{padding:5px}.interview-document{padding:16px;margin:0}.toolbar-filters{display:grid;grid-template-columns:1fr}}
/* Identity system shared by administration and patient portal */
:root{--card-custom:#ffffff} .card,.login-card,.modal-card,.interview-document{background:var(--card-custom)!important} .logo{font-size:clamp(16px,1.7vw,24px);letter-spacing:-.5px;line-height:1.25;overflow-wrap:anywhere}.logo small{letter-spacing:1.5px}.brand-mark{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:800;overflow-wrap:anywhere}.brand-mark img{width:48px;height:48px;object-fit:contain}.login-side{background:linear-gradient(145deg,var(--deep),var(--purple))}.portal-hero{background:linear-gradient(130deg,var(--deep),var(--purple))} .calendar-icon{background:var(--soft)}
:root[data-font="serif"]{font-family:Georgia,'Times New Roman',serif}:root[data-font="rounded"]{font-family:'Trebuchet MS',ui-rounded,system-ui,sans-serif}:root[data-corners="square"] .card,:root[data-corners="square"] button,:root[data-corners="square"] input,:root[data-corners="square"] select{border-radius:4px!important}:root[data-corners="round"] .card,:root[data-corners="round"] input,:root[data-corners="round"] select{border-radius:24px!important}:root[data-corners="round"] button{border-radius:100px!important}
:root[data-theme="dark"]{--line:#3b3c4c;--soft:#282b3c;color-scheme:dark}:root[data-theme="dark"] .sidebar,:root[data-theme="dark"] .topbar,:root[data-theme="dark"] .mobile-header{background:#202334;color:#f7f7fa}:root[data-theme="dark"] .card,:root[data-theme="dark"] .login-card{--card-custom:#272a3a;color:#f7f7fa}:root[data-theme="dark"] input,:root[data-theme="dark"] select,:root[data-theme="dark"] textarea{background:#25293a;color:#f7f7fa;border-color:#4c5060}:root[data-theme="dark"] .workspace{background:#1c2030}:root[data-theme="dark"] .portal-hero{color:white}
@media(max-width:780px){.brand-mark img{height:32px;width:32px}.brand-mark{font-size:14px}}
/* Clean, spacious professional layout inspired by modern scheduling apps. */
.sidebar{border-right:1px solid var(--line)}.nav-item{transition:background-color .14s ease,color .14s ease}.nav-item.on{border-radius:12px}.main{max-width:1520px;margin:0 auto;width:100%}.card{box-shadow:0 5px 24px rgba(25,35,65,.035);border:1px solid var(--line)}.topbar{border-bottom:1px solid var(--line)}.section-head h2{letter-spacing:-.35px}.portal-hero{border-radius:18px}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--purple);outline-offset:1px}.primary{background:var(--purple)!important}.login-card{border:1px solid var(--line)}
@media(max-width:780px){.main{width:100%}.card{box-shadow:none}.login-card{width:100%}}

/* Product-grade visual refinement — restrained, accessible navigation and typography. */
:root{--ink:#18243a;--muted:#59687b;--line:#dfe5ee;--bg:#f7f9fc;--soft:#f2f5fa;font-family:Arial,Helvetica,system-ui,sans-serif;font-weight:400;letter-spacing:0;color:var(--ink)}
:root[data-font="serif"]{font-family:Georgia,'Times New Roman',serif}:root[data-font="rounded"]{font-family:'Segoe UI',Arial,sans-serif}
body{font-size:14px;line-height:1.5}h1,h2,h3,h4,b,strong{letter-spacing:-.015em} .eyebrow{font-size:11px;letter-spacing:.07em;font-weight:700;text-transform:uppercase}
.layout{grid-template-columns:250px minmax(0,1fr)}.sidebar{padding:28px 14px 18px;background:#fff}.nav-caption{letter-spacing:.07em;font-size:11px;color:#738198}.nav-item{min-height:45px;gap:12px;font-weight:600;font-size:14px;color:#344458;border-radius:8px;padding:10px 13px}.nav-item.on{background:var(--soft);color:var(--purple);border-radius:8px}.nav-item:hover{background:#eef2f8}.nav-item .nav-icon{width:21px;height:21px;display:inline-flex;align-items:center;flex:none}.nav-svg{width:20px;height:20px;display:block;flex-shrink:0}.nav-label{min-width:0}.sidebar-footer .nav-item{border-top:1px solid var(--line);border-radius:0}.version-tag{color:#77869a}
.topbar{background:#fff;padding-top:20px;padding-bottom:20px}.topbar h1{font-size:28px;font-weight:700;letter-spacing:-.7px}.main{padding-top:26px}.card,.login-card,.modal-card{border:1px solid var(--line);border-radius:11px;box-shadow:none}.card{padding:25px}.card h2,.section-head h2{font-weight:700}.primary,.button{font-weight:700;border-radius:8px;min-height:44px}.outline,.tiny,.chip-link{border-radius:8px}.field span{color:#344458;font-size:13px;font-weight:600}.field input,.field select,.field textarea{border-color:#cdd6e2;border-radius:8px;font-size:14px}.badge{border-radius:6px}.user-chip,.guardian-panel,.calendar-icon,.info,.warning{border-radius:9px}.portal-hero{border-radius:10px;background:var(--card-custom);color:var(--ink);border:1px solid var(--line);padding:27px 30px}.portal-hero:after{content:none}.portal-hero .eyebrow,.portal-hero p,.portal-responsables{color:var(--muted)!important}.portal-hero h2{font-size:30px;font-weight:700;color:var(--ink)}.badge-on-dark{background:var(--soft);color:var(--purple);border:1px solid var(--line)}.appointment{padding:19px 0}.calendar-icon{background:var(--soft);border:1px solid var(--line)}.login-layout{grid-template-columns:minmax(320px,43%) minmax(0,1fr)}.login-side{background:var(--deep);padding:clamp(30px,5vw,90px)}.login-side h1{font-size:clamp(34px,3.6vw,55px);line-height:1.14;letter-spacing:-1.6px;font-weight:700}.login-side p{color:#e0e5ed}.login-rule{display:flex;gap:12px;align-items:center;height:105px}.login-rule span{height:3px;border-radius:4px;background:#ffffff75;width:65px}.login-rule span:nth-child(2){width:32px}.login-rule span:nth-child(3){width:12px}.login-card{border-radius:12px;padding:36px}.login-card h2{font-size:29px;font-weight:700}.stat strong{font-weight:700}.stat-icon{border-radius:8px}.table-scroll{border-color:var(--line);border-radius:8px}th{background:var(--soft);color:#465972;font-size:12px;letter-spacing:0;text-transform:none}td{border-color:var(--line)}.logo{font-weight:800}.logo small{font-weight:600}
@media(max-width:1140px){.layout{grid-template-columns:215px minmax(0,1fr)}}
@media(max-width:780px){.login-main{background:var(--bg)}.login-card{padding:25px}.layout{display:block}.sidebar{width:min(310px,88vw)}.topbar{padding:18px}.topbar h1{font-size:25px}.main{padding:16px}.card{padding:18px}.mobile-header{background:#fff}.icon-button{display:grid;place-items:center;padding:10px}.portal-hero{padding:21px}.portal-hero h2{font-size:25px}}

/* Menú compacto personalizable y configuración ordenada por pestañas */
:root{--menu-font-size:12px}
.sidebar .nav-item{font-size:var(--menu-font-size)!important;font-weight:550;min-height:39px;padding:8px 11px;gap:10px;line-height:1.35}
.sidebar .nav-icon{width:18px;height:18px}.sidebar .nav-svg{width:18px;height:18px}
.settings-tabs{display:flex;flex-wrap:wrap;gap:6px;border-bottom:1px solid var(--line);margin-bottom:22px;padding-bottom:8px}
.settings-tab{font:inherit;font-size:13px;font-weight:600;border:0;background:transparent;color:var(--muted);padding:12px 15px;min-height:44px;border-radius:7px;cursor:pointer}
.settings-tab.active{background:var(--soft);color:var(--purple)}
.settings-tab:focus-visible{outline:2px solid var(--purple);outline-offset:2px}
[data-settings-panel][hidden]{display:none!important}
input[type=range]{accent-color:var(--purple);cursor:pointer}
@media(max-width:780px){.settings-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.settings-tab{text-align:center;padding:10px 7px;font-size:12px}}

/* Configuracion visual: todos los componentes reaccionan a las variables de marca. */
:root{--menu-font-size:12px}
.sidebar .nav-item{font-size:var(--menu-font-size)!important;line-height:1.45}
.appearance-preview{border:1px solid var(--line);border-radius:10px;padding:16px;background:var(--bg);margin-top:8px}
.preview-caption{font-size:11px;letter-spacing:.04em;font-weight:700;color:var(--muted);margin-bottom:12px}
.preview-samples{display:grid;grid-template-columns:minmax(115px,36%) minmax(0,1fr);gap:12px}
.preview-menu{background:var(--card-custom);border:1px solid var(--line);border-radius:8px;padding:10px}
.preview-menu-heading{font-size:11px;color:var(--muted);margin-bottom:9px}
.preview-nav{font-size:var(--menu-font-size);border-radius:7px;padding:8px 6px;display:flex;align-items:center;gap:8px;color:var(--ink)}
.preview-nav.active{background:var(--soft);color:var(--purple);font-weight:700}
.preview-content{min-width:0}.preview-card{background:var(--card-custom);border:1px solid var(--line);border-radius:10px;padding:14px;color:var(--ink)}
.preview-card strong{font-size:15px}.preview-card p{font-size:12px;line-height:1.5;color:var(--muted)}
.preview-button{background:var(--purple);color:#fff;padding:9px 12px;border-radius:7px;font-size:12px;font-weight:700}
.preview-status{font-size:12px;line-height:1.5;margin:12px 0 0;color:var(--muted)}
.workspace,.main{background:var(--bg)}.sidebar .nav-item.on{color:var(--purple)}
.primary,.button{background:var(--purple)!important}
@media(max-width:480px){.preview-samples{grid-template-columns:1fr}.preview-menu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}.preview-menu-heading{grid-column:1/-1}.preview-nav{font-size:var(--menu-font-size);padding:7px 3px}}

/* Customizable chrome and verified compact typography */
:root{--header-bg:#ffffff;--sidebar-bg:#ffffff;}
.sidebar{background:var(--sidebar-bg)!important}.topbar,.mobile-header{background:var(--header-bg)!important}.sidebar .nav-item,.sidebar .nav-label{font-size:var(--menu-font-size,12px)!important}.sidebar .nav-label{font-weight:550}.export-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:15px}.export-actions a{white-space:nowrap}.settings-version{font-size:11px;color:var(--muted);margin:24px 8px 8px}.tiny.outline{text-decoration:none;display:inline-flex;align-items:center}
:root[data-font="humanist"]{font-family:"Segoe UI",Tahoma,Arial,sans-serif}:root[data-font="inter"]{font-family:Inter,"Segoe UI",Arial,sans-serif}:root[data-font="classic"]{font-family:Helvetica,Arial,sans-serif}:root[data-font="geometric"]{font-family:"Century Gothic",Avenir,"Segoe UI",sans-serif}

/* Reserva manual: checkbox compacta, sin iconos decorativos */
.manual-free-field .free-check-line{display:flex;align-items:center;gap:10px;margin-top:7px;font-size:13px;font-weight:400;}
.manual-free-field input[type=checkbox]{width:16px!important;height:16px!important;min-width:16px!important;max-width:16px!important;flex:none;appearance:auto!important;-webkit-appearance:checkbox!important;accent-color:var(--purple);margin:0!important;padding:0!important;border-radius:3px!important;}
.manual-free-field small{font-size:12px;line-height:1.45;}

.appointment-expired .calendar-icon,.appointment-expired>div:nth-child(2)>b{text-decoration:line-through;opacity:.62}.expired-note{display:block;color:#83413b;margin-top:4px;max-width:46ch;line-height:1.45;}

.notification-bell{position:relative;border:1px solid var(--border,#d5d5dd);border-radius:12px;background:var(--card-custom,#fff);padding:9px 12px;cursor:pointer;font-size:20px}.notification-bell span{font-size:12px;background:var(--purple,#514292);color:white;border-radius:20px;padding:2px 6px}.topbar-actions{position:relative}.notification-popup{position:absolute;z-index:100;right:0;top:100%;width:min(390px,90vw);max-height:65vh;overflow:auto;background:var(--card-custom,#fff);color:var(--ink,#222);border:1px solid #ddd;border-radius:12px;padding:18px;box-shadow:0 10px 40px #0002}.notification-popup[hidden]{display:none}.notification-item{border-bottom:1px solid #ddd;padding:12px 4px}.notification-item.unread{background:color-mix(in srgb,var(--purple,#514292) 8%,white);padding:12px}.notification-item p{overflow-wrap:anywhere}.notification-item small{font-size:11px}.notification-item button{min-height:36px}@media(max-width:600px){.notification-popup{right:-8px;max-width:calc(100vw - 32px)}}

/* Acentos institucionales sincronizados con Configuracion > Apariencia y marca.
   El color principal (--purple) es el origen unico para la rotulacion de
   secciones de los tres portales, tambien en la vista previa sin guardar. */
.topbar .eyebrow, .page-intro .eyebrow, .main .eyebrow,
.login-card .eyebrow, .sidebar .nav-caption, .preview-caption,
.preview-menu-heading { color:var(--purple) !important; }
/* En la zona de inicio oscura, mantener contraste legible. */
.login-side .eyebrow { color:#ffffff !important; }

.global-toast{position:fixed;right:18px;bottom:18px;z-index:9999;width:min(360px,calc(100vw - 36px));padding:16px 46px 16px 18px;border:1px solid var(--purple,#5948a7);border-radius:12px;background:var(--card-custom,#fff);color:var(--ink,#222);box-shadow:0 8px 30px #0002;animation:toast-in .18s ease;overflow-wrap:anywhere}.global-toast strong{display:block;font-size:14px}.global-toast p{margin:6px 0 0;font-size:13px}.global-toast button{position:absolute;top:8px;right:9px;border:0;background:transparent;color:inherit;font-size:24px;cursor:pointer;width:36px;height:36px}@keyframes toast-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.global-toast{animation:none}}

/* Compact countdown between account actions and notification bell. */
.booking-countdown{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:5px 10px;min-width:160px;border:1px solid var(--border,#d5d5dd);border-radius:10px;background:var(--card-custom,#fff);text-align:center;color:var(--ink,#222);line-height:1.2}
.booking-countdown .countdown-caption{font-size:11px;color:var(--muted,#777);font-weight:600}
.booking-countdown strong{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:15px;letter-spacing:.3px}
.booking-countdown small{font-size:10px;color:var(--muted,#777)}
.booking-countdown.expired strong{color:var(--muted,#777)}
.global-toast{border:1.5px solid var(--purple,#5948a7);box-shadow:0 12px 36px rgba(20,20,35,.24),0 3px 10px rgba(20,20,35,.09)}
@media(max-width:650px){.booking-countdown{min-width:112px;padding:5px 6px}.booking-countdown strong{font-size:12px}.booking-countdown small{font-size:9px}.topbar-actions{flex-wrap:wrap;gap:6px}}

/* Countdown columns with a label under each numeric value, consistent across all portals. */
.booking-countdown{min-width:235px;max-width:100%;gap:4px;padding:7px 10px}
.booking-countdown .countdown-units{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;width:100%}
.booking-countdown .countdown-unit{display:flex;flex-direction:column;align-items:center;min-width:0;gap:2px}
.booking-countdown .countdown-unit strong{font-size:16px;font-weight:650;letter-spacing:0;font-variant-numeric:tabular-nums;line-height:1.1}
.booking-countdown .countdown-unit small{font-size:10px;line-height:1.2;text-transform:lowercase}
.booking-countdown .countdown-desc{line-height:1.3;font-size:10px}
@media(max-width:650px){.booking-countdown{min-width:204px;padding:6px}.booking-countdown .countdown-unit strong{font-size:14px}.booking-countdown .countdown-unit small{font-size:9px}}

/* Agenda and patient directory: compact, expandable management panels */
.ui-fold{margin:0 0 18px;border:1px solid var(--line);border-radius:12px;background:var(--card-custom);overflow:hidden}
.ui-fold>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 21px;font-size:15px;font-weight:750;color:var(--ink);cursor:pointer;user-select:none;background:var(--soft)}
.ui-fold>summary::-webkit-details-marker{display:none}.ui-fold[open]>summary{border-bottom:1px solid var(--line)}
.ui-fold-hint{font-size:11px;font-weight:500;color:var(--muted);white-space:nowrap}.ui-fold[open] .ui-fold-hint{opacity:.7}
.ui-fold-body{padding:16px}.ui-fold-body>.card{margin-bottom:12px}
.status-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 19px;border-bottom:1px solid var(--line);padding-bottom:12px}
.status-tab{border:1px solid var(--line);border-radius:9px;background:var(--card-custom);padding:10px 13px;font-weight:650;font-size:12px;color:var(--ink)}
.status-tab.selected{background:var(--purple);border-color:var(--purple);color:white}
.pending-deadline{font-variant-numeric:tabular-nums;font-weight:650;white-space:nowrap}.pending-deadline.deadline-passed{color:#b44c51}
.mode-toggle{min-height:36px;white-space:nowrap}
/* Personal light/dark preference is local to each device and never modifies the global brand. */
:root[data-theme="dark"]{color-scheme:dark;--bg:#151923!important;--ink:#ecf0f8!important;--muted:#b3bdce!important;--line:#41495a!important;--soft:#303849!important;--card-custom:#252c39!important;--header-bg:#202735!important;--sidebar-bg:#202735!important}
:root[data-theme="dark"] body,:root[data-theme="dark"] .layout,:root[data-theme="dark"] .main,:root[data-theme="dark"] .workspace{background:var(--bg)!important;color:var(--ink)!important}
:root[data-theme="dark"] .topbar,:root[data-theme="dark"] .mobile-header,:root[data-theme="dark"] .sidebar{background:var(--header-bg)!important;color:var(--ink)!important}
:root[data-theme="dark"] .sidebar{background:var(--sidebar-bg)!important}
:root[data-theme="dark"] .card,:root[data-theme="dark"] .login-card,:root[data-theme="dark"] .modal-card,:root[data-theme="dark"] .ui-fold,:root[data-theme="dark"] .status-tab:not(.selected){background:var(--card-custom)!important;color:var(--ink)!important;border-color:var(--line)!important}
:root[data-theme="dark"] .ui-fold>summary,:root[data-theme="dark"] th,:root[data-theme="dark"] .stat-icon,:root[data-theme="dark"] .calendar-icon{background:var(--soft)!important;color:var(--ink)!important}
:root[data-theme="dark"] .field input,:root[data-theme="dark"] .field select,:root[data-theme="dark"] .field textarea,:root[data-theme="dark"] input,:root[data-theme="dark"] select,:root[data-theme="dark"] textarea{background:#202735!important;color:var(--ink)!important;border-color:var(--line)!important}
:root[data-theme="dark"] .field span,:root[data-theme="dark"] .portal-hero h2,:root[data-theme="dark"] .quick span b,:root[data-theme="dark"] .section-head h2,:root[data-theme="dark"] .page-intro h2{color:var(--ink)!important}
:root[data-theme="dark"] td,:root[data-theme="dark"] th,:root[data-theme="dark"] .subtle,:root[data-theme="dark"] .section-head p{border-color:var(--line)!important;color:var(--muted)}
:root[data-theme="dark"] .outline,:root[data-theme="dark"] .chip-link,:root[data-theme="dark"] .tiny.outline{background:var(--soft)!important;color:var(--ink)!important;border-color:var(--line)!important}
:root[data-theme="dark"] .nav-item{color:#c5ccdc!important}:root[data-theme="dark"] .nav-item.on{color:white!important;background:#414567!important}
:root[data-theme="dark"] .portal-hero{background:var(--card-custom)!important;color:var(--ink)!important}
:root[data-theme="dark"] .user-pill,:root[data-theme="dark"] .info{background:#343d51!important;color:#d9e1f0!important}
:root[data-theme="dark"] .notification-item,:root[data-theme="dark"] .notification-popup{background:var(--card-custom);color:var(--ink)}
@media(max-width:780px){.ui-fold-body{padding:11px}.ui-fold>summary{padding:15px}.status-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:10px}.status-tab{white-space:nowrap;flex:0 0 auto}.mode-toggle{font-size:11px;padding:8px}.ui-fold-body>.split{grid-template-columns:minmax(0,1fr)}}

/* Agenda: calendario mensual, adaptable a móvil y tablet */
.month-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.month-toolbar h3{margin:0;text-transform:capitalize;font-size:18px}.month-scroll{width:100%;overflow-x:auto}.month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;min-width:650px}.month-weekday{text-align:center;color:var(--muted);font-size:12px;font-weight:700;padding:8px}.month-day,.month-blank{min-height:105px;min-width:0;border:1px solid var(--line);border-radius:9px;background:var(--card-custom);color:var(--ink)}.month-day{text-align:left;padding:8px;cursor:pointer;display:flex;flex-direction:column;gap:8px}.month-day:hover,.month-day.selected{border-color:var(--purple);box-shadow:0 0 0 1px var(--purple)}.month-date{font-weight:700;font-size:13px}.month-items{display:flex;flex-direction:column;gap:4px;min-width:0}.month-appointment{display:block;max-width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;background:var(--soft);border-radius:4px;padding:3px 4px;font-size:10px;color:var(--ink)}.month-more{font-size:10px;color:var(--muted)}.month-detail{margin-top:20px}.month-detail h3{margin:0 0 12px}@media(max-width:680px){.month-toolbar h3{font-size:14px}.month-toolbar button{font-size:11px;padding:8px}}
/* Mejor contraste de textos (no de botones) en modo oscuro; el modo claro no cambia. */
:root[data-theme="dark"] .expired-note,:root[data-theme="dark"] .pending-deadline.deadline-passed,:root[data-theme="dark"] .danger-text,:root[data-theme="dark"] .text-danger{color:#f3b7b9!important}
:root[data-theme="dark"] .warning,:root[data-theme="dark"] .danger-banner{color:#ffe1de!important;background:#493238!important;border-color:#8c545f!important}
:root[data-theme="dark"] .topbar .eyebrow,:root[data-theme="dark"] .page-intro .eyebrow,:root[data-theme="dark"] .main .eyebrow,:root[data-theme="dark"] .sidebar .nav-caption{color:#c9b9ff!important}
:root[data-theme="dark"] .month-day,:root[data-theme="dark"] .month-blank{background:var(--card-custom)!important;color:var(--ink)!important}

.agenda-clean-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 0 15px}.agenda-clean-actions p{margin:0}.agenda-hide-x{min-width:30px;min-height:30px;font-size:21px;line-height:1;border:1px solid currentColor;border-radius:7px;background:transparent;color:var(--danger,#b33445);cursor:pointer}.agenda-hide-x:hover{background:rgba(180,52,69,.09)}

/* 2026.11.02.7 – Contraste integral: overrides SOLO en modo oscuro.
   La identidad y colores personalizados siguen intactos en modo claro. */
:root[data-theme="dark"] :is(.sidebar .logo,.sidebar .logo small,.sidebar .brand-mark,.sidebar .brand-mark span,.mobile-header .logo,.mobile-header .logo small,.topbar .logo,.topbar .logo small){color:#f6f8ff!important}
:root[data-theme="dark"] :is(.topbar h1,.topbar h2,.page-intro h1,.page-intro h2,.page-intro h3,.card h1,.card h2,.card h3,.card h4,.section-head h2,.portal-hero h2,.portal-hero h3,.login-card h2,.modal-card h2,.month-toolbar h3,.stat strong,.sum-row.total strong,.sum-row b,.sum-row strong,.appointment b,.appointment strong,.quick b,.calendar-icon b,.badge-on-dark,.eyebrow,.nav-caption,.field span,.settings-tab,.month-date,.month-appointment,.notification-popup h3,.notification-item strong){color:#f6f8ff!important}
:root[data-theme="dark"] :is(.portal-hero p,.portal-hero .eyebrow,.portal-responsables,.subtle,.section-head p,.field small,.logo small,.appointment small,.month-more,.mobile-role,.stat span,.sum-row span,.footer,.topbar .eyebrow,.page-intro .eyebrow,.main .eyebrow){color:#cbd4e4!important}
:root[data-theme="dark"] :is(.sidebar .nav-item,.sidebar .nav-caption,.sidebar .nav-label,.sidebar .nav-item svg){color:#f0f3fb!important}
:root[data-theme="dark"] :is(.settings-tab,.settings-tab.active,.status-tab:not(.selected),.ui-fold>summary,.secondary-link,.user-chip,.badge-on-dark,.calendar-icon,.stat-icon,.notification-bell,.notification-popup,.notification-item,.badge,.info){color:#eef3fd!important}
:root[data-theme="dark"] :is(.settings-tab.active,.badge-on-dark,.calendar-icon,.stat-icon,.notification-bell){background:#343e53!important;border-color:#58667d!important}
:root[data-theme="dark"] :is(.card,.portal-hero,.ui-fold,.notification-popup,.notification-item,.modal-card){border-color:#4a566c!important}
:root[data-theme="dark"] :is(.month-day,.month-blank,.notification-popup,.notification-item,.notification-bell,.badge-on-dark,.user-chip){background-color:#293244!important}
:root[data-theme="dark"] :is(.warning,.danger-banner,.expired-note,.pending-deadline.deadline-passed,.danger-text,.text-danger){color:#ffe1e0!important}
:root[data-theme="dark"] :is(input::placeholder,textarea::placeholder){color:#c1ccdd!important;opacity:1}
:root[data-theme="dark"] :is(.primary,.button):not(:disabled){color:#fff!important}
:root[data-theme="dark"] :is(.login-main,.login-layout){background:#151923!important;color:#f6f8ff!important}
@media(max-width:780px){:root[data-theme="dark"] tbody tr{background:#252c39!important;color:#f6f8ff!important;border-color:#4a566c!important}:root[data-theme="dark"] td:before{color:#d5ddec!important}:root[data-theme="dark"] td{border-color:#41495a!important}}

/* Estados legibles en ambas apariencias: no modificar el estilo de los botones. */
.badge.badge-state{display:inline-flex;align-items:center;justify-content:center;max-width:100%;white-space:normal;text-align:center;font-weight:750;border:1px solid transparent;border-radius:8px;line-height:1.3;padding:6px 10px}
:root .badge.badge-state.badge-danger,:root[data-theme="dark"] .badge.badge-state.badge-danger{background:#b42335!important;color:#fff!important;border-color:#b42335!important}
:root .badge.badge-state.badge-pending,:root[data-theme="dark"] .badge.badge-state.badge-pending{background:#80571b!important;color:#fff!important;border-color:#80571b!important}
:root .badge.badge-state.badge-success,:root[data-theme="dark"] .badge.badge-state.badge-success{background:#176b47!important;color:#fff!important;border-color:#176b47!important}
:root .badge.badge-state.badge-neutral,:root[data-theme="dark"] .badge.badge-state.badge-neutral{background:#414d6a!important;color:#fff!important;border-color:#414d6a!important}
/* Ocultar el selector de sesión de origen salvo reprogramación manual activada. */
#manualReplacementSelect[hidden]{display:none!important}

/* Dashboard, calendar and booking detail polish */
.stat-link{text-align:left;cursor:pointer;color:var(--ink);transition:transform .15s,box-shadow .15s}.stat-link:hover{transform:translateY(-2px);box-shadow:0 10px 30px #00000014}.stat-icon .nav-svg{height:23px;width:23px}.overview-panels{display:grid;gap:12px}.overview-panels .card{margin:0}.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.quick-card{min-width:0;background:var(--soft);color:var(--ink);text-align:left;padding:17px;border-radius:13px;border:1px solid var(--line);display:grid;gap:6px;position:relative}.quick-card strong{font-size:14px;color:var(--ink)}.quick-card small{font-size:12px;color:var(--muted)}.quick-card>span{position:absolute;right:14px;top:12px;color:var(--purple)}.quick-card:hover{outline:2px solid var(--purple)}
.month-day{cursor:default;min-width:0}.month-date-button{display:inline-flex;background:transparent;color:inherit;border-radius:7px;padding:3px 7px;cursor:pointer}.month-items{display:flex;flex-direction:column;gap:5px;max-height:none}.month-appointment.booking-calendar-entry{display:block;width:100%;height:auto;min-width:0;text-align:left;padding:7px 8px;font-size:11px;line-height:1.45;white-space:normal;overflow-wrap:anywhere;border-radius:7px;background:var(--soft);border:1px solid var(--line);color:var(--ink);cursor:pointer}.month-appointment.booking-calendar-entry:hover{border-color:var(--purple);box-shadow:0 0 0 1px var(--purple)}.resize-month{resize:both;overflow:auto;min-height:340px;min-width:0;max-width:100%;width:100%;border:1px solid var(--line);border-radius:12px;padding:8px}.resize-month .month-grid{min-width:780px}.booking-detail-overlay{position:fixed;inset:0;background:#141124ab;display:grid;place-items:center;z-index:99999;padding:16px}.booking-detail-card{width:min(100%,490px);max-height:90vh;overflow:auto;border-radius:18px;padding:24px;background:var(--bg);color:var(--ink);border:1px solid var(--line);box-shadow:0 25px 65px #0005}.booking-detail-header{display:flex;align-items:center;justify-content:space-between;gap:14px}.booking-detail-header h2{margin:0}.booking-detail-close{background:var(--soft);color:var(--ink);font-size:28px;line-height:1;width:36px;height:36px;border-radius:9px}.booking-detail-card dl{display:grid;grid-template-columns:115px minmax(0,1fr);gap:14px 12px;margin:24px 0}.booking-detail-card dt{color:var(--muted);font-weight:700}.booking-detail-card dd{margin:0;overflow-wrap:anywhere}.dark-mode .quick-card,[data-theme="dark"] .quick-card{background:var(--soft);color:var(--ink)}.dark-mode .quick-card strong,[data-theme="dark"] .quick-card strong{color:var(--ink)}
@media(max-width:760px){.quick-grid{grid-template-columns:1fr}.booking-detail-card dl{grid-template-columns:95px minmax(0,1fr)}.resize-month{resize:vertical}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Documentación clínica administrativa: navegación por profesional y paciente */
.clinical-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-top:15px}.clinical-card{text-align:left;border:1px solid var(--border,#cbd5e1);background:var(--surface,#f8fafc);color:var(--text,#172033);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:9px;cursor:pointer;min-height:115px}.clinical-card small,.clinical-entry small{display:block;opacity:.8}.clinical-card span{font-weight:600}.clinical-card:hover{outline:2px solid var(--primary,#8d2424)}.clinical-detail{margin:14px 0;border:1px solid var(--border,#cbd5e1);border-radius:12px;padding:13px}.clinical-detail summary{cursor:pointer;font-weight:700}.clinical-entry{border-top:1px solid var(--border,#cbd5e1);padding:13px 0;overflow-wrap:anywhere}.clinical-entry p{white-space:pre-wrap}.clinical-entry .button-row{margin-top:10px}

/* Etiquetas de tarifa individual y resumen de sesiones — no modifica el diseño original. */
.session-price-line{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:.45rem;font-size:.89rem;color:var(--muted,#615779)}
.session-price-line strong{color:var(--text,#27213e);font-size:.97rem}
.summary-order-info{border:1px solid #e9e3f4;border-radius:12px;padding:12px 14px;margin:12px 0;background:#faf9fd}
.summary-order-info small{display:block;color:#675d81;line-height:1.5;margin-top:6px}
.new-order-total{font-size:.91rem;padding-top:8px}
@media(max-width:520px){.session-price-line{display:block}.session-price-line strong{display:block;margin-top:3px}}

/* Solicitudes de reprogramación · actualización puntual */
.reschedule-card{border:1px solid var(--border,#e1dfea);border-radius:14px;padding:16px;margin:12px 0;display:grid;grid-template-columns:minmax(170px,1fr) minmax(320px,1.5fr);gap:16px;align-items:start;background:var(--surface,#fff)}
.reschedule-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:end}
.reschedule-controls label{display:flex;flex-direction:column;gap:4px;font-weight:600;font-size:13px;min-width:130px;flex:1}
.reschedule-controls input{padding:10px;width:100%;min-width:0;border:1px solid #ddd;border-radius:9px;font-size:16px}
@media(max-width:740px){.reschedule-card{grid-template-columns:1fr}.reschedule-controls{flex-direction:column;align-items:stretch}.reschedule-controls label{width:100%}}

/* Ajustes puntuales de navegación semanal y avisos; no altera los estilos generales. */
.patient-week-actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 16px;align-items:center}
.patient-week-actions button{min-height:44px;max-width:100%;white-space:normal}
.notification-item{display:flex;flex-direction:column;gap:5px}
.notification-category{align-self:flex-start;display:inline-flex;font-size:.75rem;font-weight:700;border-radius:20px;padding:3px 9px;background:var(--purple,#514292);color:#fff}
.notification-item p{margin:4px 0;line-height:1.5}
.notification-item .button-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.notification-popup h3{margin-bottom:6px}
@media(max-width:480px){.patient-week-actions button{width:100%}.notification-popup{width:calc(100vw - 24px);max-width:calc(100vw - 24px)}}

/* Cobro adicional condicionado a reprogramación manual */
#manualAdditionalCharge[hidden],#manualAdditionalFields[hidden]{display:none!important}
.manual-additional-charge{padding:14px;border:1px solid var(--border,#e1dfea);border-radius:12px;margin:10px 0;background:var(--surface,#fff)}
.manual-additional-fields{display:grid;grid-template-columns:minmax(130px,1fr) minmax(180px,2fr);gap:14px;margin-top:10px}.manual-additional-fields textarea{width:100%;min-height:68px;padding:10px;border:1px solid #ccc;border-radius:9px;font:inherit}.session-extra-line,.summary-extra{display:flex;justify-content:space-between;gap:12px;font-size:13px;margin-top:5px;overflow-wrap:anywhere}.session-extra-line strong,.summary-extra b{white-space:nowrap}@media(max-width:640px){.manual-additional-fields{grid-template-columns:1fr}}

/* Recargos: guinda oscuro legible; solo cambia su presentación. */
.surcharge-row,.surcharge-row span,.surcharge-row b,.surcharge-text{color:#84213d!important;font-weight:700}
.surcharge-row{border-left:3px solid #84213d;padding-left:9px}

/* El total acumulado de recargos permanece negro; cada recargo individual sigue guinda. */
.surcharge-row.surcharge-total, .surcharge-row.surcharge-total span, .surcharge-row.surcharge-total b { color: #181818 !important; }

/* 2026-11-04: identidad visual y accesos */
.brand-mark img{width:auto;max-width:150px;max-height:54px;height:auto;object-fit:contain;flex:none}
@media(max-width:780px){.brand-mark img{width:auto;max-width:115px;max-height:40px;height:auto}}
.patient-access-note{color:#84213D!important;font-size:12px;font-weight:600;line-height:1.5;margin:-4px 0 13px}
.brand-upload{background:var(--soft);border:1px solid var(--line);border-radius:11px;padding:17px;margin:8px 0 15px}
.brand-upload-actions{display:flex;align-items:end;gap:15px;flex-wrap:wrap;margin:12px 0}
.brand-upload-actions .field{flex:1 1 300px}
.brand-upload-actions button{flex:0 0 auto}
.brand-upload-preview{display:flex;gap:13px;align-items:center;flex-wrap:wrap;margin-top:12px}
.brand-upload-preview span{font-size:12px;font-weight:700;color:var(--ink)}
.brand-upload-preview img{max-width:230px;max-height:110px;height:auto;object-fit:contain;border:1px solid var(--line);background:#fff;border-radius:7px;padding:9px}
.signature-controls{display:grid;gap:7px;max-width:340px;min-width:225px}
.signature-controls .field span{font-size:11px}
.signature-controls input[type=file]{font-size:11px;padding:7px;min-height:37px}
.signature-link{display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.signature-link input{min-width:170px;flex:1 1 160px;min-height:34px;border:1px solid var(--line);padding:7px;border-radius:7px}
.signature-thumb{width:170px;max-height:65px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:6px;padding:3px}

/* Google Meet — columna de reservas registradas */
.meet-cell{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;min-width:165px}
.meet-cell .meet-copy{display:inline-flex;align-items:center;justify-content:center;min-width:35px;min-height:35px;padding:.3rem}
.meet-cell small{width:100%;font-size:.73rem}
.meet-note-good{color:#166534}.meet-note-warning{color:#9a3412}

.meet-notes-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:9999;display:flex;justify-content:center;align-items:center;padding:20px}
.meet-notes-dialog{background:var(--card,#fff);color:var(--text,#171717);max-width:540px;width:100%;max-height:80vh;overflow:auto;padding:24px;border-radius:16px}
.meet-notes-header{display:flex;justify-content:space-between;gap:12px;align-items:center}
.meet-notes-dialog a{overflow-wrap:anywhere}
#manualGeminiOption[hidden]{display:none!important}

/* Branding uniforme: logotipo encima del nombre en todos los portales */
.brand-mark{flex-direction:column;align-items:center;text-align:center;gap:8px;max-width:100%;}
.brand-mark img{width:auto!important;height:auto!important;max-width:min(var(--brand-logo-size,70px),100%)!important;max-height:var(--brand-logo-size,70px)!important;object-fit:contain;}
.sidebar .brand-mark{padding:12px 6px;}
.mobile-header .brand-mark{flex-direction:column;gap:3px;}
.mobile-header .brand-mark img{max-width:42px!important;max-height:42px!important;}
.weekly-preview-list>div{padding:10px 0;border-bottom:1px solid var(--line,#ddd);}
@media(max-width:680px){.weekly-preview-list .tiny{margin-top:7px;}}

/* 2026.11.04: layout compact and accessible settings */
.sidebar{padding-top:10px!important}.sidebar .brand-mark{padding-top:2px!important;padding-bottom:7px!important}.sidebar .nav-caption{margin-top:0!important}.sidebar nav{gap:1px!important}.sidebar .brand-mark img{max-height:var(--brand-logo-size,70px)!important}.topbar-actions .booking-countdown{order:99;margin-left:3px}.topbar .eyebrow{padding-top:7px}.topbar-actions .notification-bell{flex-shrink:0}.settings-fold{border:1px solid var(--line);border-radius:12px;background:var(--card-custom);margin-bottom:13px;overflow:hidden}.settings-fold>summary{padding:16px 19px;cursor:pointer;font-weight:700;color:var(--ink);background:var(--soft);list-style:none;display:flex;justify-content:space-between;align-items:center}.settings-fold>summary:after{content:'＋';font-size:18px}.settings-fold[open]>summary:after{content:'－'}.settings-fold>summary::-webkit-details-marker{display:none}.settings-fold>.card{margin:0;border:0;border-top:1px solid var(--line);border-radius:0}.fixed-slots-editor{margin-top:20px;padding:16px;background:var(--soft);border-radius:10px}.topbar .user-pill{display:none!important}@media(max-width:900px){.topbar-actions .booking-countdown{min-width:135px}.sidebar{padding-top:12px!important}}

/* Mejoras de administración: editores de horarios y reservas */
.imito-modal-backdrop{position:fixed;inset:0;background:rgba(12,16,25,.65);z-index:10020;display:flex;align-items:center;justify-content:center;padding:18px;overflow:auto}
.imito-modal{background:var(--card-custom,#fff);color:var(--ink,#202020);width:min(760px,100%);max-height:92vh;overflow:auto;border-radius:18px;padding:26px;box-shadow:0 18px 70px #0004}
.imito-modal>header{display:flex;gap:18px;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #8884;padding-bottom:14px;margin-bottom:16px}
.imito-modal h2{margin:4px 0 8px;font-size:23px}.imito-modal p{margin:0}.fixed-modal-rows{display:grid;gap:12px}
.fixed-modal-row{display:grid;grid-template-columns:1.2fr .7fr 1fr;gap:12px;align-items:end;padding:14px;background:var(--bg,#f6f6f6);border-radius:12px}
.fixed-delete-check{align-self:center}.fixed-delete-check input{width:auto}.imito-modal-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;margin-top:22px}
.confirmed-patient-list{display:grid;gap:10px}.confirmed-patient-session{padding:15px;display:flex;justify-content:space-between;gap:16px;align-items:center;border:1px solid #ddd;border-radius:12px}.confirmed-patient-session p{margin:5px 0}
@media(max-width:620px){.fixed-modal-row{grid-template-columns:1fr}.imito-modal{padding:16px}.confirmed-patient-session{flex-direction:column;align-items:flex-start}}

/* Confirmación accesible con opción de guardar, descartar o continuar */
.imito-confirm-dialog{width:min(520px,100%)}
.imito-confirm-dialog p{line-height:1.6;margin:12px 0 20px}
.imito-confirm-dialog .imito-modal-actions{justify-content:flex-end}
.imito-confirm-dialog button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:540px){.imito-confirm-dialog .imito-modal-actions{display:grid;grid-template-columns:1fr}.imito-confirm-dialog button{width:100%}}
/* Mensajes directos: historial de recepción y archivos protegidos */
.direct-tabs{margin-bottom:18px;gap:10px;flex-wrap:wrap}
.direct-message-row{display:flex;justify-content:space-between;align-items:center;gap:14px;width:100%;padding:16px;border:1px solid var(--border,#ddd);border-radius:12px;background:var(--card-custom,#fff);color:var(--ink,#26233b);text-align:left;margin-bottom:9px;cursor:pointer}
.direct-message-row:hover,.direct-message-row:focus-visible{outline:2px solid var(--purple,#57429c);outline-offset:1px}
.direct-message-row>span:first-child{display:grid;gap:6px;min-width:0;overflow-wrap:anywhere}
.direct-message-row small{color:var(--muted,#807c91)}
.direct-detail{padding:22px;border:1px solid var(--border,#ddd);border-radius:14px;margin-top:18px;background:var(--card-custom,#fff)}
.direct-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}
.direct-accept{display:grid;gap:12px;padding:17px;border:1px solid var(--border,#ddd);border-radius:12px;margin-top:18px}
.direct-accept .primary{justify-self:start}
.direct-attachments{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:16px 0}
.direct-file{display:inline-flex;align-items:center;overflow-wrap:anywhere;max-width:100%;padding:10px 14px;border-radius:9px;text-decoration:none}
.direct-confirmed{display:inline-block;color:#fff!important;background:#137448;padding:8px 11px;border-radius:9px;font-size:12px;font-weight:700;line-height:1.45}
.direct-modal{width:min(760px,96%);max-height:85%;overflow-y:auto}
@media(max-width:650px){.direct-message-row{flex-wrap:wrap}.direct-accept .primary{width:100%}.direct-detail{padding:14px}}

/* 2026.11.05 — Agenda limpia y portal de pacientes compacto. */
.portal-hero.portal-hero-compact{padding:15px 22px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px 12px;margin-bottom:12px}
.portal-hero-compact h2{font-size:clamp(19px,2.2vw,25px);margin:0}
.portal-hero-compact p{margin:3px 0;font-size:12px;line-height:1.4;max-width:none}
.portal-hero-compact .portal-responsables{grid-column:1;grid-row:3}
.portal-hero-compact .badge-on-dark{grid-column:2;grid-row:1 / span 3;white-space:nowrap;padding:6px 10px}
.confirmed-patient-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:9px}
.confirmed-patient-session{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:11px 13px;min-height:90px;border:1px solid var(--line);border-radius:9px;background:var(--card-custom)}
.confirmed-patient-session strong{font-size:13px}.confirmed-patient-session p{font-size:12px;line-height:1.35;margin:2px 0}.confirmed-patient-session small{font-size:11px;font-weight:650;color:#13744e}
.confirmed-patient-session .tiny{margin-top:auto}
.patient-timezone-fold{margin-top:2px}.patient-timezone-fold summary{cursor:pointer;font-weight:700;font-size:13px}.patient-timezone-fold p{margin-top:10px}
.agenda-clean-actions{border:1px solid var(--line);padding:10px 13px;margin:4px 0 14px;border-radius:10px;background:var(--soft)}
.agenda-clean-actions p{margin:0 0 8px;font-size:12px}.agenda-hide-x{font-size:18px!important;min-width:32px;padding:5px 8px;background:#fff0f0!important;color:#9b2431!important;border:1px solid #e3b6bc!important}
@media(max-width:650px){.portal-hero.portal-hero-compact{display:block;padding:13px 15px}.portal-hero-compact .badge-on-dark{margin-top:5px}.confirmed-patient-list{grid-template-columns:1fr 1fr;gap:7px}.confirmed-patient-session{padding:9px;min-height:100px}.confirmed-patient-session p{font-size:11px}}
@media(max-width:420px){.confirmed-patient-list{grid-template-columns:1fr}}

.patient-upcoming-compact{padding:13px 17px!important;margin-bottom:12px!important}
.patient-upcoming-compact h3{margin:0 0 3px;font-size:16px}
.patient-upcoming-compact>.subtle{margin:0 0 10px;font-size:11px}

/* IMITO — gestión modular, logo adaptable, agenda y documentos */
.imito-module-workroom{display:flex;flex-direction:column;gap:14px}
.imito-move-module{background:var(--card-custom,#fff);border:1px solid rgba(110,106,137,.22);border-radius:13px;min-width:0;overflow:visible}
.imito-move-module>summary{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;list-style:none;user-select:none}
.imito-move-module>summary::-webkit-details-marker{display:none}
.imito-move-module>summary::after{content:'▾';margin-left:5px}
.imito-move-module:not([open])>summary::after{content:'▸'}
.imito-drag-grip{cursor:grab;font-size:22px;line-height:1;touch-action:none;padding:4px 7px;border:1px dashed #999;border-radius:6px}
.imito-move-module>summary strong{flex:1;font-size:1rem}
.imito-module-buttons{display:flex;gap:5px}
.imito-module-content{padding:0 12px 14px;min-width:0}
.imito-module-content>.card,.imito-module-content>.ui-fold{margin:0}
.imito-module-content .ui-fold-body{padding:12px}
.imito-module-workroom .dragging{opacity:.5}
.brand-mark{position:relative}
.brand-mark .brand-negative-img{display:none}
html[data-theme='dark'] .brand-mark:has(.brand-negative-img) img:not(.brand-negative-img){display:none}
html[data-theme='dark'] .brand-mark .brand-negative-img{display:block;max-width:100%;object-fit:contain}
.negative-logo-preview{max-width:220px;max-height:90px;object-fit:contain;background:#282331;padding:8px;border-radius:8px}
@media (min-width:601px) and (max-width:1024px){:root{--brand-logo-size:var(--brand-logo-size-tablet,62px)}}
@media (max-width:600px){:root{--brand-logo-size:var(--brand-logo-size-mobile,50px)}}
.resize-month{resize:both;overflow:auto;min-height:380px;min-width:min(100%,620px);max-width:100%}
.month-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.booking-detail-card{max-height:85vh;overflow:auto}
.booking-detail-card>.button-row{margin-top:20px;flex-wrap:wrap}
.clinical-designer-backdrop{z-index:1800;overflow:auto;align-items:flex-start;padding:18px}
.clinical-designer{background:var(--card-custom,#fff);color:var(--ink,#252525);border-radius:16px;max-width:1120px;width:100%;margin:0 auto;padding:20px}
.clinical-designer-bar,.clinical-designer-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:space-between}
.clinical-designer-controls{justify-content:flex-start;background:rgba(128,128,128,.08);padding:12px;margin:10px 0;border-radius:12px}
.clinical-designer-controls label{display:grid;gap:5px;font-size:12px}
.clinical-designer-controls input[type=number]{width:75px}
.clinical-paper{background:white!important;color:#202020!important;width:min(100%,820px);min-height:800px;margin:16px auto;padding:48px;box-shadow:0 1px 12px rgba(0,0,0,.18);font-size:12pt;line-height:1.5;outline-offset:3px;overflow-wrap:anywhere}
.clinical-doc-logo{display:block;max-width:190px;max-height:90px;object-fit:contain;margin-bottom:16px}
.clinical-doc-signature{margin-top:32px}
@media (max-width:600px){.imito-move-module>summary{gap:6px;padding:10px}.imito-module-buttons button{padding:5px}.clinical-paper{padding:18px;min-height:520px}.clinical-designer{padding:12px}}

@media (min-width:601px) and (max-width:1024px){.brand-mark img{max-width:min(var(--brand-logo-size-tablet,62px),100%)!important;max-height:var(--brand-logo-size-tablet,62px)!important}}
@media (max-width:600px){.brand-mark img{max-width:min(var(--brand-logo-size-mobile,50px),100%)!important;max-height:var(--brand-logo-size-mobile,50px)!important}}

.imito-move-module.imito-module-maximized{position:fixed;inset:12px;z-index:1400;overflow:auto;background:var(--card-custom,#fff);box-shadow:0 6px 48px rgba(0,0,0,.4)}
.imito-move-module.imito-module-maximized .imito-module-content{min-height:70vh}
@media(max-width:600px){.imito-module-buttons button{min-width:28px}.imito-module-maximized{inset:0!important}}

.settings-reorder-controls{float:right;display:inline-flex;align-items:center;gap:6px;margin-left:8px}
.settings-reorder-controls button{padding:3px 8px;vertical-align:middle}
.settings-reorder-controls .imito-drag-grip{font-size:18px}
.clinical-card[draggable='true']{cursor:grab}

/* Entrevista a padres en pestaña independiente: sin menú ni entorno administrativo */
body.interview-standalone-mode{background:#eef0f5;color:#24272f;min-height:100vh}
.interview-tab-shell{max-width:1100px;margin:0 auto;padding:18px 18px 0}
.interview-tab-intro{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:14px;color:#44465a}
.interview-tab-intro strong{font-size:18px}
body.interview-standalone-mode .interview-overlay{position:static!important;inset:auto!important;background:transparent!important;overflow:visible!important;padding:0 16px 32px!important;margin:0 auto!important;z-index:auto!important}
body.interview-standalone-mode .interview-document{max-width:1050px!important;width:100%;max-height:none!important;overflow:visible!important;margin:14px auto!important;box-shadow:0 8px 30px #16152819}
body.interview-standalone-mode .interview-document .form-grid{max-width:100%}
.interview-heading-actions{align-items:center;flex-wrap:wrap}
@media(max-width:700px){.interview-tab-shell{padding:12px}.interview-tab-intro{font-size:12px}.interview-tab-intro strong{font-size:15px}body.interview-standalone-mode .interview-overlay{padding:0 8px 25px!important}}
/* Registro administrativo: cabeceras ordenables sin alterar la información almacenada. */
.imito-sortable-table th .imito-sort-header{display:inline-flex;align-items:center;gap:.35rem;padding:0;border:0;background:transparent;color:inherit;font:inherit;font-weight:inherit;cursor:pointer;text-align:left;white-space:nowrap}
.imito-sortable-table th .imito-sort-header:hover{text-decoration:underline}
.imito-sortable-table th .imito-sort-header:focus-visible{outline:2px solid #7355a6;outline-offset:3px}
.imito-sort-header span{font-size:.85em;opacity:.65}