:root{
--red:#b4202a;--red-dark:#861821;--bg:#f4f6f8;--panel:#fff;--text:#20242a;--muted:#727983;
--border:#dfe3e8;--green:#198754;--yellow:#d99200;--blue:#0d6efd;--danger:#dc3545;
--shadow:0 8px 28px rgba(25,32,45,.08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif
}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px}a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}input,select,textarea{width:100%;border:1px solid var(--border);border-radius:9px;padding:10px 11px;background:#fff;color:var(--text)}
textarea{resize:vertical;min-height:76px}label{display:grid;gap:6px;font-weight:600;color:#454b54}.muted,small{color:var(--muted)}small{display:block;margin-top:3px}
.app-shell{min-height:100vh;display:grid;grid-template-columns:236px 1fr}.sidebar{background:#202124;color:#fff;padding:18px 14px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}
.brand{display:flex;align-items:center;gap:10px;padding:4px 8px 20px}.brand span,.brand-mark{display:grid;place-items:center;background:var(--red);color:#fff;width:42px;height:42px;border-radius:12px;font-weight:800}
.sidebar nav{display:grid;gap:4px;overflow:auto}.sidebar nav a{padding:10px 12px;border-radius:9px;color:#d8d9dd}.sidebar nav a:hover,.sidebar nav a.active{background:var(--red);color:#fff}
.sidebar-footer{margin-top:auto;border-top:1px solid #444;padding:15px 9px 2px}.sidebar-footer a{display:inline-block;color:#ffb4ba;margin-top:9px}.main{min-width:0}.topbar{height:78px;padding:14px 24px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20}
.topbar h1{margin:0;font-size:22px}.clinic-selector select{min-width:240px}.content{padding:24px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);padding:18px;min-width:0}
.panel h2,.panel h3{margin-top:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.panel-head h2{margin:0}.grid{display:grid;gap:18px;margin-bottom:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.sidebar-grid{grid-template-columns:minmax(0,2fr) minmax(280px,1fr)}
.cards{display:grid;grid-template-columns:repeat(6,minmax(150px,1fr));gap:14px;margin-bottom:18px}.stat{background:#fff;border:1px solid var(--border);border-radius:14px;padding:17px;box-shadow:var(--shadow)}.stat span{display:block;color:var(--muted);font-weight:600}.stat strong{display:block;font-size:25px;margin:8px 0 2px}
.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);background:#fff;color:var(--text);padding:9px 13px;border-radius:9px;cursor:pointer;font-weight:650}.btn:hover{filter:brightness(.97)}.btn.primary{background:var(--red);border-color:var(--red);color:#fff}.btn.success{background:var(--green);border-color:var(--green);color:#fff}.btn.danger{background:#fff0f1;border-color:#ffc8cd;color:var(--danger)}.btn.small{padding:6px 9px;font-size:12px}.btn.full{width:100%}
.alert{padding:12px 14px;border-radius:10px;margin-bottom:14px;border:1px solid}.alert.success{background:#eaf7ef;border-color:#b9e2c8;color:#176a36}.alert.danger{background:#fff0f1;border-color:#ffc8cd;color:#9d1d28}.alert.warning{background:#fff8df;border-color:#f3d98c;color:#7d5a00}
.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:720px}th,td{text-align:left;padding:11px 10px;border-bottom:1px solid var(--border);vertical-align:top}th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:#fafbfc;position:sticky;top:0}td small{max-width:280px}
.stack{display:grid;gap:12px}.inline{display:flex;align-items:end;gap:7px}.filters{display:flex;gap:8px;margin-bottom:12px}.filters input{flex:1}.filters select{max-width:180px}.check{display:flex;grid-template-columns:auto 1fr;align-items:center}.check input,.check-grid input{width:auto}.check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.check-grid label{display:flex;align-items:center;gap:7px;font-weight:500}
.list{display:grid}.list-row{display:flex;justify-content:space-between;gap:12px;padding:12px 3px;border-bottom:1px solid var(--border);align-items:center}.list-row p{margin:4px 0 0;color:var(--muted);max-width:480px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.right{text-align:right}.badge{display:inline-grid;place-items:center;min-width:22px;height:22px;border-radius:999px;background:var(--red);color:#fff;font-size:12px;padding:0 6px}
.status{display:inline-block;padding:4px 8px;border-radius:999px;background:color-mix(in srgb,var(--status,#777) 13%,white);color:var(--status,#555);font-size:12px;font-weight:700;white-space:nowrap}.status.critica,.status.alta{--status:#dc3545}.status.media{--status:#d99200}.status.baja{--status:#0d6efd}.dot{width:12px;height:12px;border-radius:50%}
.empty{text-align:center;color:var(--muted);padding:24px}.empty.large{padding:100px 20px}.scroll{overflow:auto;max-height:calc(100vh - 210px)}
.inbox-layout{display:grid;grid-template-columns:330px minmax(380px,1fr) 285px;gap:14px;height:calc(100vh - 126px)}.ticket-list,.chat,.ticket-side{height:100%;overflow:hidden}.ticket-list{padding:12px}.ticket-item{display:block;padding:12px;border-bottom:1px solid var(--border);border-radius:8px}.ticket-item.active{background:#fff0f1}.ticket-title{display:flex;justify-content:space-between}.ticket-item p{margin:5px 0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}
.chat{display:flex;flex-direction:column;padding:0}.chat-head{padding:16px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between}.chat-head h2{margin:0}.messages{flex:1;overflow:auto;padding:18px;background:#efeae2;display:flex;flex-direction:column;gap:8px}.message{max-width:75%;padding:9px 11px;border-radius:10px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.1)}.message.out{align-self:flex-end;background:#d9fdd3}.message small{text-align:right;font-size:10px}.composer{padding:12px;border-top:1px solid var(--border);display:grid;grid-template-columns:1fr auto;gap:8px}.composer textarea{grid-column:1/-1;min-height:58px}.composer input[type=file]{padding:6px}
.ticket-side{overflow:auto}.compact-list{max-height:330px;overflow:auto}.whatsapp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.whatsapp-card{border:1px solid var(--border);border-radius:12px;padding:13px}.qr-box{height:250px;display:grid;place-items:center;background:#fafafa;border-radius:10px;margin:12px 0}.qr-image{max-width:230px;max-height:230px}.qr-placeholder{color:var(--muted)}.button-row{display:flex;gap:6px;flex-wrap:wrap}.diagnostic{margin-top:24px;padding-top:18px;border-top:1px solid var(--border)}
.login-body{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#202124,#4c171d)}.login-card{width:min(420px,92vw);background:#fff;border-radius:18px;padding:32px;box-shadow:0 30px 80px rgba(0,0,0,.3)}.login-card h1{margin-bottom:4px}.login-card form{display:grid;gap:15px;margin:24px 0 15px}.login-card .brand-mark{width:54px;height:54px;font-size:19px}
hr{border:0;border-top:1px solid var(--border);margin:20px 0}
@media(max-width:1200px){.cards{grid-template-columns:repeat(3,1fr)}.inbox-layout{grid-template-columns:300px 1fr}.ticket-side{display:none}}
@media(max-width:850px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.sidebar nav{grid-template-columns:repeat(2,1fr)}.content{padding:12px}.topbar{padding:12px;height:auto}.grid.two,.grid.sidebar-grid{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.inbox-layout{grid-template-columns:1fr;height:auto}.ticket-list{height:420px}.chat{height:650px}.clinic-selector select{min-width:150px}}
@media(max-width:520px){.cards{grid-template-columns:1fr}.sidebar nav{grid-template-columns:1fr}.topbar{align-items:flex-start;gap:10px;flex-direction:column}.clinic-selector,.clinic-selector select{width:100%}}
.feature-toggle{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid var(--border);border-radius:12px;padding:14px;background:#fafbfc}.feature-toggle span{display:block}.feature-toggle small{font-weight:400;max-width:520px}.feature-toggle input{width:22px;height:22px}
.variable-picker{border:1px solid var(--border);background:#fafbfc;border-radius:12px;padding:13px}.variable-picker h3{margin-bottom:4px}.variable-group{display:grid;gap:7px;margin-top:12px}.variable-chips{display:flex;flex-wrap:wrap;gap:6px}.variable-chip{border:1px solid #efb5ba;background:#fff0f1;color:var(--red-dark);border-radius:999px;padding:6px 10px;cursor:pointer;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.variable-chip:hover{background:#ffdfe2}
.campaign-summary{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:16px;align-items:start}.campaign-image-preview{border:1px solid var(--border);border-radius:12px;padding:8px;background:#fafbfc}.campaign-image-preview img{display:block;width:100%;max-height:220px;object-fit:contain;border-radius:8px}.campaign-image-form{margin-top:14px}.campaign-image-form input{max-width:430px}.recipient-actions{display:flex;gap:8px;flex-wrap:wrap}.collection-rules-grid{align-items:start}.empty-state{text-align:center;padding:70px 24px}.status.success{--status:#198754}.status.danger{--status:#dc3545}
@media(max-width:850px){.campaign-summary{grid-template-columns:1fr}.campaign-image-preview{max-width:320px}.feature-toggle{align-items:flex-start}}


/* Versión 3.4.0 */
.alert.info{background:#edf6ff;border-color:#b8d8f6;color:#174e79}
.clinic-brand{display:flex;align-items:center;gap:11px;padding:3px 8px 18px;border-bottom:1px solid #3f4145;margin-bottom:12px}
.clinic-brand img{width:48px;height:48px;object-fit:contain;border-radius:10px;background:#fff;padding:4px}
.clinic-brand strong,.clinic-brand small{display:block}.clinic-brand small{color:#c6c8cc}
.brand-mark.small{width:44px;height:44px;border-radius:10px;background:var(--clinic-color,var(--red))}
.sidebar nav a:hover,.sidebar nav a.active{background:var(--clinic-color,var(--red))}
.btn.primary{background:var(--clinic-color,var(--red));border-color:var(--clinic-color,var(--red))}
.clinic-logo-preview{display:block;max-width:240px;max-height:140px;object-fit:contain;border:1px solid var(--border);border-radius:12px;padding:10px;margin-bottom:14px;background:#fff}
fieldset{border:1px solid var(--border);border-radius:12px;padding:12px}legend{padding:0 7px;font-weight:700}
.inline-stats{display:flex;gap:10px;flex-wrap:wrap;border-top:1px solid var(--border);padding-top:12px}.inline-stats span{background:#fafbfc;border:1px solid var(--border);border-radius:9px;padding:8px 10px}
.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-left:1px solid var(--border);border-top:1px solid var(--border)}
.calendar-grid>div{border-right:1px solid var(--border);border-bottom:1px solid var(--border)}
.calendar-head>div{padding:8px;text-align:center;font-weight:700;background:#fafbfc;color:var(--muted)}
.calendar-day{min-height:125px;padding:7px;background:#fff}.calendar-day.empty{background:#f7f8fa}.calendar-day.today{box-shadow:inset 0 0 0 2px var(--clinic-color,var(--red))}.calendar-date{font-weight:800;margin-bottom:5px}
.calendar-event{font-size:11px;padding:5px 6px;border-radius:7px;margin-bottom:4px;background:#edf6ff;border-left:3px solid #0d6efd;overflow:hidden}.calendar-event small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-event.gestionado{background:#eaf7ef;border-color:#198754}.calendar-event.cancelado{background:#f4f4f4;border-color:#888;text-decoration:line-through}
#reminder-popup-host{position:fixed;right:22px;top:92px;z-index:1000;display:grid;gap:10px;max-width:min(390px,calc(100vw - 30px))}
.reminder-popup{background:#fff;border:1px solid #f0c3c7;border-left:5px solid var(--clinic-color,var(--red));border-radius:13px;padding:14px;box-shadow:0 18px 55px rgba(0,0,0,.22)}
.reminder-popup p{margin:7px 0}.reminder-popup-head{display:flex;justify-content:space-between;gap:12px}.icon-button{border:0;background:transparent;font-size:22px;cursor:pointer;line-height:1}
.installer-card{width:min(720px,94vw)}
select[multiple]{min-height:220px}
@media(max-width:850px){.calendar-day{min-height:90px;padding:4px}.calendar-event{font-size:10px}.calendar-head>div{font-size:11px;padding:5px}.calendar-event small{display:none}}

/* Versión 3.4.0 */
.settings-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;align-items:start}.settings-menu{position:sticky;top:96px;display:grid;gap:5px}.settings-menu h2{margin-bottom:0}.settings-menu h3{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:18px 8px 4px}.settings-menu a{padding:10px 12px;border-radius:9px;color:#505761;font-weight:600}.settings-menu a:hover,.settings-menu a.active{background:color-mix(in srgb,var(--clinic-color,var(--red)) 12%,white);color:var(--clinic-color,var(--red))}.settings-content{min-width:0}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.check-list{display:grid;gap:6px}.check-list .check{padding:9px;border:1px solid var(--border);border-radius:9px;background:#fff;align-items:flex-start}.scroll-options{max-height:330px;overflow:auto;padding-right:4px}.tag{display:inline-block;padding:4px 7px;border-radius:999px;background:#f2f3f5;border:1px solid var(--border);font-size:11px;margin:2px 3px 2px 0}.badge.neutral{background:#606873}.right .btn{margin-top:6px}.align-end{align-self:end;margin-bottom:10px}.compact-filters{flex-wrap:wrap}.compact-filters input{min-width:180px}.compact-filters select{min-width:180px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.detail-grid>div{padding:13px;border:1px solid var(--border);border-radius:10px;background:#fafbfc}.detail-grid strong{display:block;margin-top:4px}.copy-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:8px}.separator{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}.separator:before,.separator:after{content:"";height:1px;background:var(--border);flex:1}code{background:#f2f3f5;padding:2px 5px;border-radius:5px}.status.warning{--status:#d99200}
@media(max-width:1050px){.grid.three{grid-template-columns:1fr}.settings-layout{grid-template-columns:1fr}.settings-menu{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.settings-menu h2,.settings-menu>small,.settings-menu h3{grid-column:1/-1}}
@media(max-width:620px){.settings-menu{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}.copy-row{grid-template-columns:1fr}.compact-filters{display:grid}.compact-filters select{max-width:none}}

/* Versión 3.4.0 */
.tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.tabs a{padding:9px 14px;border:1px solid var(--border);border-radius:10px;background:#fff;font-weight:700}.tabs a.active{background:var(--clinic-color,var(--red));border-color:var(--clinic-color,var(--red));color:#fff}.stat small{min-height:18px}.panel>.cards:last-child{margin-bottom:0}

/* Versión 3.4.0: navegación modular, modo de pruebas y estado operativo */
.module-tabs{display:flex;gap:.5rem;align-items:center;overflow-x:auto;padding:.25rem 0 1rem;margin-bottom:.25rem;scrollbar-width:thin}
.module-tabs a{white-space:nowrap;text-decoration:none;color:#222;background:#fff;border:1px solid #d9d9de;border-radius:9px;padding:.68rem .9rem;font-weight:650}
.module-tabs a:hover:not(.active){border-color:var(--clinic-color);color:var(--clinic-color);background:#fff}
.module-tabs a.active{border-color:var(--clinic-color);background:var(--clinic-color);box-shadow:inset 0 -3px 0 rgba(0,0,0,.18);color:#fff!important}
.test-mode-banner{display:flex;gap:1rem;align-items:center;justify-content:center;background:#fff3cd;border:1px solid #e7bb4f;border-radius:10px;padding:.8rem 1rem;margin-bottom:1rem;color:#6d5000}
.test-mode-banner strong{letter-spacing:.04em}.test-mode-banner span{font-size:.9rem}
.capability-tags{display:flex;gap:.35rem;flex-wrap:wrap;margin:.5rem 0}.capability-tags .tag{font-size:.76rem}
.compact-form{border-top:1px solid #e7e7eb;padding-top:.8rem;margin-top:.8rem}.narrow-panel{max-width:980px;margin-inline:auto}
.timeline{display:grid;gap:.65rem;margin-top:1rem}.timeline-item{display:flex;justify-content:space-between;gap:1rem;border-left:4px solid var(--clinic-color);background:#fff;border-radius:7px;padding:.8rem 1rem;box-shadow:0 1px 5px rgba(0,0,0,.06)}
.timeline-item small,.timeline-item p{display:block;margin:.25rem 0 0}.contact-summary{display:flex;gap:1rem;align-items:center;padding:.75rem 1rem;background:#f6f6f8;border-radius:8px}
.permission-matrix{min-width:760px}.mono,code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.status.warning{background:#fff3cd;color:#705100}.status.success{background:#e2f6e9;color:#145b2f}.status.danger{background:#fde6e7;color:#92252b}
.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.wide-login{max-width:620px}.operational-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.8rem}
.operational-card{border:1px solid #e0e0e5;border-radius:9px;padding:1rem;background:#fff}.operational-card strong{display:block;margin-bottom:.35rem}
@media(max-width:760px){.module-tabs{margin-inline:-.3rem;padding-inline:.3rem}.test-mode-banner{align-items:flex-start;flex-direction:column;gap:.25rem}.grid.three{grid-template-columns:1fr}.timeline-item{flex-direction:column}.permission-matrix{min-width:620px}}

/* Chat multimedia e inmediato V3.4 */
.messages{scroll-behavior:smooth}.message{max-width:min(78%,680px);overflow-wrap:anywhere}.message-text{white-space:normal}.message-image-link{display:block;margin-top:7px}.message-image{display:block;max-width:100%;max-height:420px;border-radius:12px;object-fit:contain;background:#f3f4f6}.message-audio{display:block;width:min(360px,100%);margin-top:7px}.message-video{display:block;width:min(420px,100%);max-height:420px;margin-top:7px;border-radius:12px;background:#111}.message-document{display:inline-flex;align-items:center;gap:6px;margin-top:7px;padding:9px 11px;border-radius:10px;background:rgba(255,255,255,.55);text-decoration:none;color:inherit}.composer{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:end}.composer textarea{resize:vertical;min-height:48px;max-height:160px}.attachment-button{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #d7dce2;border-radius:10px;cursor:pointer;background:#fff;font-size:20px}.attachment-button input{display:none}.composer-file-name{grid-column:1/-1;font-size:12px;color:#6c757d;min-height:15px}.message-status[title]:not([title=""]){cursor:help}.message[data-message-id="0"]{opacity:.78}
.clinics-layout fieldset{border:1px solid var(--border);border-radius:10px;padding:12px}
.clinics-layout legend{font-weight:700;padding:0 6px}
.clinics-layout .feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}


/* Menú lateral compacto V3.4.1 */
.sidebar-icon-sprite{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.sidebar,.app-shell{transition:grid-template-columns .22s ease,padding .22s ease}
.sidebar-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;border-bottom:1px solid #3f4145;margin-bottom:12px;padding-bottom:12px}
.sidebar-head .clinic-brand{min-width:0;border:0;margin:0;padding:3px 0}
.clinic-brand-copy{min-width:0;overflow:hidden}
.clinic-brand-copy strong,.clinic-brand-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar-toggle{width:34px;height:34px;display:grid;place-items:center;border:1px solid #4c4f54;border-radius:9px;background:#2c2e32;color:#fff;cursor:pointer;flex:none}
.sidebar-toggle:hover{background:#393c41;border-color:#62666d}
.sidebar-toggle svg,.menu-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.sidebar-toggle svg{transition:transform .22s ease}
.sidebar nav a{display:flex;align-items:center;gap:11px;min-height:42px;white-space:nowrap;overflow:hidden}
.sidebar nav a.active .menu-icon{stroke-width:2.15}
.sidebar-footer{display:grid;gap:9px}
.sidebar-logout{display:flex!important;align-items:center;gap:10px;color:#ffb4ba!important;margin-top:0!important;padding:8px 2px;border-radius:8px}
.sidebar-logout:hover{color:#fff!important}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

@media(min-width:851px){
  html.sidebar-collapsed-pref .app-shell{grid-template-columns:74px minmax(0,1fr)}
  html.sidebar-collapsed-pref .sidebar{padding-left:10px;padding-right:10px}
  html.sidebar-collapsed-pref .sidebar-head{grid-template-columns:1fr;justify-items:center;gap:8px}
  html.sidebar-collapsed-pref .clinic-brand{justify-content:center;padding:0}
  html.sidebar-collapsed-pref .clinic-brand img{width:42px;height:42px}
  html.sidebar-collapsed-pref .brand-mark.small{width:42px;height:42px}
  html.sidebar-collapsed-pref .clinic-brand-copy,
  html.sidebar-collapsed-pref .menu-label,
  html.sidebar-collapsed-pref .sidebar-user,
  html.sidebar-collapsed-pref .logout-label{display:none}
  html.sidebar-collapsed-pref .sidebar-toggle svg{transform:rotate(180deg)}
  html.sidebar-collapsed-pref .sidebar nav a{justify-content:center;padding:10px 9px;overflow:visible}
  html.sidebar-collapsed-pref .sidebar nav a.active{box-shadow:inset 3px 0 0 rgba(255,255,255,.72)}
  html.sidebar-collapsed-pref .sidebar-footer{padding-left:5px;padding-right:5px;justify-items:center}
  html.sidebar-collapsed-pref .sidebar-logout{justify-content:center;width:42px;height:42px;padding:0}
}

@media(max-width:850px){
  .sidebar-toggle{display:none}
  .sidebar nav a{justify-content:flex-start}
}

/* Inbox compacto, estados simples y visor multimedia V3.4.4 */
.inbox-state-tabs{display:flex;gap:7px;align-items:center;overflow-x:auto;margin:0 0 10px;padding:2px 1px 5px;scrollbar-width:thin}
.inbox-state-tabs a{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:8px 11px;border:1px solid var(--border);border-radius:999px;background:#fff;font-weight:700;color:#4d535b}
.inbox-state-tabs a strong{display:grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:#eef0f3;color:#343940;font-size:12px}
.inbox-state-tabs a.active{background:var(--clinic-color,var(--red));border-color:var(--clinic-color,var(--red));color:#fff}
.inbox-state-tabs a.active strong{background:rgba(255,255,255,.2);color:#fff}
.inbox-layout.inbox-compact{grid-template-columns:250px minmax(420px,1fr) 285px;height:calc(100vh - 178px)}
.ticket-search{display:grid;grid-template-columns:minmax(0,1fr) auto;margin-bottom:8px}.ticket-search input{min-width:0}.ticket-search .btn{padding-inline:10px}
.compact-ticket-list{display:block;max-height:calc(100vh - 252px)}
.ticket-item.compact{display:grid;grid-template-columns:9px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:43px;padding:8px 9px;border-bottom:1px solid #edf0f3;border-radius:8px}
.ticket-item.compact:hover{background:#f6f7f9}.ticket-item.compact.active{background:color-mix(in srgb,var(--clinic-color,var(--red)) 10%,white);box-shadow:inset 3px 0 0 var(--clinic-color,var(--red))}
.ticket-item.compact strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.ticket-state-dot{width:8px;height:8px;border-radius:50%;background:var(--ticket-color,#777)}
.ticket-unread{min-width:20px;height:20px;font-size:11px;padding:0 5px}.compact-chat-head{align-items:flex-start;gap:14px}.chat-contact{min-width:0}.chat-contact h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-state-box{display:grid;justify-items:end;gap:7px;max-width:56%}.quick-state-links{display:flex;justify-content:flex-end;gap:5px;flex-wrap:wrap}.quick-state-link{border:1px solid var(--border);border-radius:999px;background:#fff;padding:5px 8px;font-size:11px;font-weight:700;color:#525861;cursor:pointer}.quick-state-link:hover{border-color:var(--clinic-color,var(--red));color:var(--clinic-color,var(--red))}.quick-state-link.active{background:var(--clinic-color,var(--red));border-color:var(--clinic-color,var(--red));color:#fff}.quick-state-link:disabled{opacity:.55;cursor:wait}
.message-attended{margin-top:6px;padding-top:5px;border-top:1px solid rgba(0,0,0,.08);font-size:10px;font-weight:650;color:#5d665f}.message-image-link{cursor:zoom-in}.message-image-link:focus-visible{outline:3px solid rgba(13,110,253,.35);outline-offset:2px}
body.modal-open{overflow:hidden}.image-modal[hidden]{display:none}.image-modal{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;padding:20px;opacity:0;transition:opacity .16s ease}.image-modal.open{opacity:1}.image-modal-backdrop{position:absolute;inset:0;background:rgba(12,15,20,.82);backdrop-filter:blur(3px)}
.image-modal-panel{position:relative;width:min(980px,96vw);max-height:94vh;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 30px 100px rgba(0,0,0,.48)}
.image-modal-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 15px;border-bottom:1px solid var(--border)}.image-modal-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-modal-body{display:grid;place-items:center;min-height:240px;padding:13px;background:#16191e;overflow:auto}.image-modal-preview{display:block;max-width:100%;max-height:68vh;object-fit:contain}
.image-modal-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;padding:11px 15px;border-top:1px solid var(--border)}.image-forward-box{display:grid;gap:10px;padding:13px 15px;border-top:1px solid var(--border);background:#fafbfc}.image-forward-box[hidden]{display:none}.image-forward-box textarea{min-height:58px}
@media(max-width:1200px){.inbox-layout.inbox-compact{grid-template-columns:230px minmax(380px,1fr)}.chat-state-box{max-width:62%}}
@media(max-width:850px){.inbox-layout.inbox-compact{grid-template-columns:1fr;height:auto}.compact-ticket-list{max-height:330px}.chat-state-box{max-width:none;justify-items:start}.compact-chat-head{display:grid}.quick-state-links{justify-content:flex-start}.image-modal{padding:7px}.image-modal-panel{width:100%;max-height:98vh}.image-modal-preview{max-height:62vh}.image-modal-actions{justify-content:stretch}.image-modal-actions .btn{flex:1}}

/* Flujo automático e Historial unificado V3.4.5 */
.chat-owner-label{font-weight:700;color:#555e68;text-align:right}.chat-action-buttons{align-items:center;justify-content:flex-end}.chat-ownership-banner{margin:0 0 10px}.composer.composer-locked{opacity:.62;pointer-events:none}
.unified-history{min-height:420px}.history-head{align-items:flex-end}.history-search-box{display:grid;grid-template-columns:minmax(260px,420px) auto;gap:8px;min-width:min(100%,540px)}.history-results{display:grid;gap:7px;max-height:calc(100vh - 250px);overflow:auto}.history-result{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;text-align:left;padding:11px 13px;border:1px solid var(--border);border-radius:11px;background:#fff;cursor:pointer}.history-result:hover{border-color:var(--clinic-color,var(--red));background:#fafbfc}.history-result-main{display:grid;gap:3px;min-width:0}.history-result-main strong,.history-result-main span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-result-main span{color:#515862}.history-result-meta{display:grid;justify-items:end;gap:5px}.history-result-meta .status{white-space:nowrap}
.history-modal[hidden]{display:none}.history-modal{position:fixed;inset:0;z-index:10040;display:grid;place-items:center;padding:18px;opacity:0;transition:opacity .16s ease}.history-modal.open{opacity:1}.history-modal-backdrop{position:absolute;inset:0;background:rgba(12,15,20,.78);backdrop-filter:blur(3px)}.history-modal-panel{position:relative;width:min(1040px,97vw);height:min(820px,94vh);display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 30px 100px rgba(0,0,0,.48)}.history-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-bottom:1px solid var(--border)}.history-modal-head>div{min-width:0}.history-modal-title,.history-modal-subtitle{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-chat-messages{display:flex;flex-direction:column;gap:7px;overflow:auto;padding:16px;background:#eef1f4}.history-ticket-events{max-height:180px;overflow:auto;border-top:1px solid var(--border);background:#fff}.history-ticket-events details{padding:10px 15px}.history-ticket-events summary{cursor:pointer;font-weight:700}.history-events-list{display:grid;gap:8px;margin-top:9px}.history-events-list>div{padding:8px 10px;border-left:3px solid var(--clinic-color,var(--red));background:#f7f8fa}.history-events-list p{margin:5px 0 0}.history-modal-actions{display:flex;justify-content:flex-end;gap:8px;padding:11px 15px;border-top:1px solid var(--border)}
@media(max-width:850px){.history-head{display:grid}.history-search-box{grid-template-columns:1fr auto;min-width:0;width:100%}.history-result{grid-template-columns:1fr}.history-result-meta{justify-items:start}.history-modal{padding:5px}.history-modal-panel{width:100%;height:98vh}.history-modal-actions{display:grid;grid-template-columns:1fr}.chat-owner-label{text-align:left}.chat-action-buttons{justify-content:flex-start}}

/* Corrección V3.4.11 — composer en una línea */
.composer#chat-composer{
  display:grid;
  grid-template-columns:44px minmax(0,1fr) auto;
  grid-template-rows:44px;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  position:relative;
}
.composer#chat-composer .attachment-button{
  grid-column:1;
  grid-row:1;
  width:44px;
  height:44px;
  margin:0;
  align-self:center;
}
.composer#chat-composer textarea[name="text"]{
  grid-column:2;
  grid-row:1;
  min-height:44px;
  height:44px;
  max-height:44px;
  resize:none;
  line-height:20px;
  padding:10px 12px;
  overflow-y:auto;
}
.composer#chat-composer button[type="submit"]{
  grid-column:3;
  grid-row:1;
  min-height:44px;
  align-self:center;
  white-space:nowrap;
}
.composer#chat-composer .composer-file-name{
  position:absolute;
  left:62px;
  bottom:1px;
  max-width:calc(100% - 170px);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  pointer-events:none;
  font-size:10px;
  min-height:0;
  line-height:11px;
}
@media(max-width:850px){
  .composer#chat-composer{grid-template-columns:42px minmax(0,1fr) auto;grid-template-rows:42px;padding:7px}
  .composer#chat-composer .attachment-button,
  .composer#chat-composer textarea[name="text"],
  .composer#chat-composer button[type="submit"]{min-height:42px;height:42px;max-height:42px}
}


/* Ajuste visual V3.4.17 — chat, archivos, popup, menú y WhatsApp */
/* Barra de escritura: clip + texto + enviar en una sola línea */
.composer#chat-composer{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) auto!important;
  grid-template-rows:40px!important;
  align-items:center!important;
  gap:6px!important;
  padding:7px 9px!important;
}
.composer#chat-composer .attachment-button{
  grid-column:1!important;
  grid-row:1!important;
  width:38px!important;
  min-width:38px!important;
  height:40px!important;
  min-height:40px!important;
  border-radius:10px!important;
  font-size:18px!important;
  position:relative;
}
.composer#chat-composer .attachment-button.has-file::after{
  content:"";
  position:absolute;
  right:5px;
  top:5px;
  width:9px;
  height:9px;
  border-radius:999px;
  background:var(--green);
  border:2px solid #fff;
}
.composer#chat-composer textarea[name="text"]{
  grid-column:2!important;
  grid-row:1!important;
  min-height:40px!important;
  height:40px!important;
  max-height:40px!important;
  line-height:18px!important;
  padding:9px 11px!important;
  resize:none!important;
  overflow-y:auto!important;
}
.composer#chat-composer button[type="submit"]{
  grid-column:3!important;
  grid-row:1!important;
  min-height:40px!important;
  height:40px!important;
  padding:0 13px!important;
  border-radius:10px!important;
  white-space:nowrap!important;
}
.composer#chat-composer .composer-file-name{display:none!important}

/* Archivos dentro del chat: tarjetas compactas, sin ensuciar la conversación */
.message-file-card{
  display:flex!important;
  align-items:center;
  gap:9px;
  width:min(320px,100%);
  margin-top:7px;
  padding:8px 10px;
  border:1px solid rgba(0,0,0,.08);
  border-radius:12px;
  background:rgba(255,255,255,.72);
  color:inherit;
  text-decoration:none;
  cursor:pointer;
}
.message-file-card:hover{filter:brightness(.985);border-color:rgba(0,0,0,.16)}
.message-file-icon{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:10px;
  background:#f2f4f7;
  font-size:17px;
}
.message-file-copy{display:grid;gap:1px;min-width:0}
.message-file-copy strong{font-size:13px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.message-file-copy small{text-align:left!important;font-size:11px!important;line-height:1.2;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0!important}
.message.out .message-file-card{background:rgba(255,255,255,.55)}
.message-file-preview{cursor:default}
.message-image{max-height:260px}

/* Popup de imagen más ordenado */
.image-modal-panel{width:min(880px,96vw);border-radius:14px}
.image-modal-head{padding:10px 13px}
.image-modal-body{min-height:210px;padding:10px}
.image-modal-preview{max-height:64vh}
.image-modal-actions{padding:9px 13px;gap:7px}
.image-forward-box{padding:10px 13px;gap:8px}
.image-forward-box textarea{min-height:44px;max-height:80px;resize:vertical}

/* Menú principal más compacto para evitar scroll innecesario */
.app-shell{grid-template-columns:220px minmax(0,1fr)}
.sidebar{padding:10px 10px!important}
.sidebar-head{gap:6px!important;margin-bottom:8px!important;padding-bottom:8px!important}
.clinic-brand{gap:8px!important;padding:0!important;margin-bottom:0!important}
.clinic-brand img,.brand-mark.small{width:38px!important;height:38px!important;border-radius:9px!important}
.clinic-brand-copy strong{font-size:13px;line-height:1.15}
.clinic-brand-copy small{font-size:11px;line-height:1.15;margin-top:1px}
.sidebar nav{gap:1px!important}
.sidebar nav a{min-height:32px!important;padding:6px 8px!important;border-radius:8px!important;gap:8px!important;font-size:13px!important}
.sidebar .menu-icon{width:18px!important;height:18px!important}
.sidebar-footer{padding:9px 6px 0!important;gap:5px!important}
.sidebar-user{font-size:12px;line-height:1.2}
.sidebar-user small{font-size:11px;margin-top:1px}
.sidebar-logout{min-height:30px!important;padding:5px 2px!important;font-size:12px!important}
@media(min-width:851px){
  html.sidebar-collapsed-pref .app-shell{grid-template-columns:66px minmax(0,1fr)}
  html.sidebar-collapsed-pref .sidebar{padding-left:8px!important;padding-right:8px!important}
  html.sidebar-collapsed-pref .sidebar nav a{min-height:34px!important;padding:7px!important}
}

/* Pantalla WhatsApp: tarjetas y controles más compactos */
.whatsapp-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px!important}
.whatsapp-card{padding:10px!important;border-radius:11px!important}
.whatsapp-card h2,.whatsapp-card h3{font-size:16px;margin:0 0 6px!important;line-height:1.2}
.whatsapp-card p{margin:4px 0!important;line-height:1.28}
.whatsapp-card small{font-size:11px;line-height:1.25}
.qr-box{height:190px!important;margin:8px 0!important;border-radius:9px!important}
.qr-image{max-width:175px!important;max-height:175px!important}
.feature-toggle{padding:9px 10px!important;gap:10px!important;border-radius:10px!important;align-items:center!important}
.feature-toggle span{font-size:13px;line-height:1.2}
.feature-toggle small{font-size:11px;line-height:1.2;max-width:none}
.feature-toggle input{width:18px!important;height:18px!important;flex:0 0 auto}
.button-row{gap:5px!important}
.button-row .btn{padding:7px 9px!important;font-size:12px!important;border-radius:8px!important}
.diagnostic{margin-top:14px!important;padding-top:12px!important}

@media(max-width:850px){
  .app-shell{grid-template-columns:1fr!important}
  .sidebar nav a{min-height:36px!important}
  .composer#chat-composer{grid-template-columns:38px minmax(0,1fr) 58px!important;grid-template-rows:40px!important;padding:6px!important}
  .composer#chat-composer button[type="submit"]{padding:0 10px!important;font-size:13px!important}
  .message-file-card{width:100%}
}

/* Ajuste visual V3.4.21 — pantalla WhatsApp con estado por imagen */
.whatsapp-card{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
}
.whatsapp-card .wa-state{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  max-width:100%!important;
  padding:4px 9px!important;
  border-radius:999px!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:700!important;
  text-transform:uppercase!important;
  letter-spacing:.02em!important;
  background:#eef1f4!important;
  color:#56606a!important;
}
.whatsapp-card .wa-state.connected{
  background:#e7f7ee!important;
  color:#14713a!important;
}
.whatsapp-card .wa-state.offline{
  background:#fff0f0!important;
  color:#b3261e!important;
}
.qr-box.wa-connected-box,
.qr-box.wa-offline-box{
  height:172px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f7f9fb 100%)!important;
  border:1px solid var(--border)!important;
  padding:10px!important;
}
.wa-status-visual{
  width:100%!important;
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  gap:5px!important;
  color:var(--text)!important;
}
.wa-status-image{
  max-width:82px!important;
  max-height:82px!important;
  object-fit:contain!important;
  display:block!important;
  margin:0 auto 2px!important;
}
.wa-status-visual strong{
  font-size:15px!important;
  line-height:1.15!important;
  margin:0!important;
}
.wa-status-visual small{
  max-width:210px!important;
  color:var(--muted)!important;
  font-size:11px!important;
  line-height:1.25!important;
}
.whatsapp-card .feature-toggle{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  min-height:44px!important;
}
.whatsapp-card .feature-toggle span{
  font-weight:600!important;
}
.whatsapp-card .feature-toggle small{
  display:block!important;
  margin-top:1px!important;
}
.whatsapp-card .button-row{
  margin-top:2px!important;
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(96px,1fr))!important;
}
.whatsapp-card .button-row .btn{
  justify-content:center!important;
  text-align:center!important;
  white-space:nowrap!important;
}
.whatsapp-card .wa-message{
  min-height:16px!important;
  margin:2px 0 0!important;
  font-size:11px!important;
  color:var(--muted)!important;
}

@media(max-width:850px){
  .qr-box.wa-connected-box,
  .qr-box.wa-offline-box{height:154px!important}
  .wa-status-image{max-width:68px!important;max-height:68px!important}
}

/* Ajuste visual V3.4.22 — WhatsApp en lista compacta con detalles en popup */
.whatsapp-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
}
.whatsapp-card{
  position:relative!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.wa-card-summary{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) auto auto!important;
  gap:10px!important;
  align-items:center!important;
  min-height:58px!important;
  padding:8px 10px!important;
  border:1px solid var(--border)!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 4px 14px rgba(0,0,0,.04)!important;
}
.wa-list-image{
  width:38px!important;
  height:38px!important;
  object-fit:contain!important;
  display:block!important;
}
.wa-list-main{
  min-width:0!important;
}
.wa-list-title{
  font-size:14px!important;
  line-height:1.2!important;
  font-weight:700!important;
  color:var(--text)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.wa-list-subtitle{
  margin-top:2px!important;
  font-size:11px!important;
  line-height:1.2!important;
  color:var(--muted)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.wa-list-state{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:86px!important;
  padding:5px 8px!important;
  border-radius:999px!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1!important;
  text-transform:uppercase!important;
  letter-spacing:.02em!important;
  background:#eef1f4!important;
  color:#56606a!important;
  white-space:nowrap!important;
}
.wa-list-state.connected{
  background:#e7f7ee!important;
  color:#14713a!important;
}
.wa-list-state.offline{
  background:#fff0f0!important;
  color:#b3261e!important;
}
.wa-detail-open{
  padding:7px 10px!important;
  font-size:12px!important;
  border-radius:8px!important;
  white-space:nowrap!important;
}
.wa-detail-backdrop{
  display:none!important;
  position:fixed!important;
  inset:0!important;
  z-index:9990!important;
  border:0!important;
  background:rgba(17,24,39,.42)!important;
  cursor:default!important;
}
.wa-card-detail-panel{
  display:none!important;
  position:fixed!important;
  top:50%!important;
  left:50%!important;
  transform:translate(-50%,-50%)!important;
  width:min(620px,calc(100vw - 28px))!important;
  max-height:calc(100vh - 44px)!important;
  overflow:auto!important;
  z-index:9991!important;
  padding:14px!important;
  border:1px solid var(--border)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 28px 80px rgba(0,0,0,.24)!important;
}
.whatsapp-card.wa-detail-opened .wa-detail-backdrop,
.whatsapp-card.wa-detail-opened .wa-card-detail-panel{
  display:block!important;
}
body.wa-detail-lock{
  overflow:hidden!important;
}
.wa-detail-head{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  gap:12px!important;
  margin-bottom:10px!important;
  padding-bottom:10px!important;
  border-bottom:1px solid var(--border)!important;
}
.wa-detail-head strong{
  display:block!important;
  font-size:15px!important;
  line-height:1.2!important;
}
.wa-detail-head small{
  display:block!important;
  margin-top:2px!important;
  font-size:11px!important;
  color:var(--muted)!important;
}
.wa-card-detail-panel .qr-box.wa-connected-box,
.wa-card-detail-panel .qr-box.wa-offline-box{
  height:170px!important;
}
.wa-card-detail-panel .wa-status-image{
  max-width:72px!important;
  max-height:72px!important;
}
.wa-card-detail-panel .feature-toggle{
  min-height:40px!important;
  padding:8px 9px!important;
}
.wa-card-detail-panel .button-row{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
}
.wa-card-detail-panel .button-row .btn{
  flex:0 1 auto!important;
  min-width:92px!important;
}

@media(max-width:620px){
  .wa-card-summary{
    grid-template-columns:36px minmax(0,1fr) auto!important;
  }
  .wa-list-image{width:34px!important;height:34px!important}
  .wa-list-state{min-width:0!important;font-size:10px!important;padding:5px 7px!important}
  .wa-detail-open{grid-column:1/-1!important;width:100%!important}
}

/* Ajuste visual V3.4.23 — menú principal más compacto y escalable */
@media(min-width:851px){
  .app-shell{grid-template-columns:206px minmax(0,1fr)!important}
  .sidebar{
    padding:8px 8px!important;
    overflow:hidden!important;
  }
  .sidebar-head{
    gap:5px!important;
    margin-bottom:6px!important;
    padding-bottom:6px!important;
  }
  .clinic-brand{
    gap:7px!important;
    min-height:34px!important;
  }
  .clinic-brand img,
  .brand-mark.small{
    width:34px!important;
    height:34px!important;
    border-radius:8px!important;
  }
  .clinic-brand-copy strong{
    font-size:12px!important;
    line-height:1.08!important;
  }
  .clinic-brand-copy small{
    font-size:10px!important;
    line-height:1.08!important;
  }
  .sidebar-toggle{
    width:30px!important;
    height:30px!important;
    border-radius:8px!important;
  }
  .sidebar-toggle svg,
  .sidebar .menu-icon{
    width:16px!important;
    height:16px!important;
  }
  .sidebar nav{
    gap:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding-right:2px!important;
    scrollbar-width:thin!important;
  }
  .sidebar nav a{
    min-height:28px!important;
    padding:4px 7px!important;
    border-radius:7px!important;
    gap:7px!important;
    font-size:12px!important;
    line-height:1.1!important;
  }
  .sidebar nav a .menu-label{
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .sidebar-footer{
    padding:7px 5px 0!important;
    gap:4px!important;
  }
  .sidebar-user{
    font-size:11px!important;
    line-height:1.12!important;
  }
  .sidebar-user small{
    font-size:10px!important;
    line-height:1.1!important;
  }
  .sidebar-logout{
    min-height:27px!important;
    padding:4px 2px!important;
    font-size:11px!important;
    gap:7px!important;
  }
  html.sidebar-collapsed-pref .app-shell{grid-template-columns:60px minmax(0,1fr)!important}
  html.sidebar-collapsed-pref .sidebar{padding-left:7px!important;padding-right:7px!important}
  html.sidebar-collapsed-pref .sidebar nav a{min-height:30px!important;padding:6px!important}
  html.sidebar-collapsed-pref .sidebar .menu-icon{width:17px!important;height:17px!important}
  html.sidebar-collapsed-pref .sidebar-logout{width:34px!important;height:34px!important}
}

/* V3.4.27 Conversaciones: filtros globales con punto pendiente, sin números */
.conversation-kind-tabs{display:flex;align-items:center;gap:6px;margin:-3px 0 10px;padding:0 1px 4px;overflow-x:auto;scrollbar-width:thin}
.conversation-kind-tabs a{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;border:1px solid var(--border);background:#fff;color:#4d535b;border-radius:999px;padding:6px 10px;font-weight:700;font-size:12px;line-height:1;text-decoration:none}
.conversation-kind-tabs a.active{background:#e8f7ef;border-color:#73c79a;color:#176a3b}
.kind-total{display:none!important}
.kind-pending-dot{display:inline-flex;align-items:center;justify-content:center;width:10px;height:10px;min-width:10px;padding:0;border-radius:999px;background:#2878d8;color:transparent;border:1px solid rgba(0,0,0,.08);font-size:0;line-height:0;box-shadow:0 0 0 3px rgba(40,120,216,.12)}
.kind-pending-dot.group-pending{background:#1f9d57;box-shadow:0 0 0 3px rgba(31,157,87,.14)}
.kind-pending-dot.empty{display:none}
.conversation-kind-tabs a[data-kind-filter="no_leidos"] .kind-pending-dot{background:#e0a100;box-shadow:0 0 0 3px rgba(224,161,0,.14)}
.ticket-item.compact{display:flex;align-items:center;gap:7px;min-height:34px}
.ticket-item.compact strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.ticket-kind-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#e8f7ef;color:#176a3b;border:1px solid #bfe7d0;font-size:10px;font-weight:800;line-height:1;padding:4px 6px;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}
.ticket-kind-badge.chat-kind{font-size:11px;margin-left:6px;vertical-align:middle;text-transform:none;letter-spacing:0;padding:4px 8px}
.ticket-item.ticket-group{background:linear-gradient(90deg,rgba(18,140,72,.06),transparent 55%)}
.ticket-item.ticket-group.active{background:#e8f7ef}
.ticket-item.ticket-group .ticket-state-dot{box-shadow:0 0 0 3px rgba(18,140,72,.10)}
@media(max-width:850px){.conversation-kind-tabs{margin-top:0}.conversation-kind-tabs a{padding:7px 10px}}


/* V3.4.28: grupos con pendiente único visual, sin número duplicado. */
.ticket-unread.ticket-unread-dot{
    min-width:10px;
    width:10px;
    height:10px;
    padding:0;
    border-radius:999px;
    background:#1f9d57;
    color:transparent;
    font-size:0;
    line-height:0;
    box-shadow:0 0 0 3px rgba(31,157,87,.14);
}
.ticket-item.ticket-group .ticket-unread.ticket-unread-dot{
    justify-self:end;
}


/* V3.4.33 - Popup propio para finalizar atención */
.owc-confirm-modal[hidden]{display:none!important}
.owc-confirm-modal{position:fixed;inset:0;z-index:10080;display:grid;place-items:center;padding:18px;opacity:0;transition:opacity .16s ease}
.owc-confirm-modal.open{opacity:1}
.owc-confirm-backdrop{position:absolute;inset:0;background:rgba(18,22,28,.55);backdrop-filter:blur(2px)}
.owc-confirm-panel{position:relative;width:min(420px,94vw);background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 24px 70px rgba(0,0,0,.28);overflow:hidden}
.owc-confirm-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border-bottom:1px solid var(--border)}
.owc-confirm-head strong{font-size:15px}
.owc-confirm-body{padding:14px 15px;color:var(--text)}
.owc-confirm-message{margin:0;font-size:14px;line-height:1.45;color:var(--muted)}
.owc-confirm-actions{display:flex;justify-content:flex-end;gap:8px;padding:12px 15px;background:#fafbfc;border-top:1px solid var(--border)}
.owc-confirm-actions .btn{min-width:118px}
@media(max-width:520px){.owc-confirm-actions{display:grid;grid-template-columns:1fr}.owc-confirm-actions .btn{width:100%}}


/* V3.4.34 - Corrección visual popup Finalizar atención */
.owc-confirm-head .owc-confirm-close-btn{
    width:32px;
    height:32px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:#495057!important;
    background:#f1f3f5!important;
    border:1px solid #dee2e6!important;
    border-radius:999px;
    font-size:20px;
    line-height:1;
    padding:0;
}
.owc-confirm-head .owc-confirm-close-btn:hover{
    color:#212529!important;
    background:#e9ecef!important;
}
.owc-confirm-actions .owc-confirm-cancel-btn{
    background:#ffffff!important;
    color:#344054!important;
    border:1px solid #cfd6dd!important;
    box-shadow:none!important;
}
.owc-confirm-actions .owc-confirm-cancel-btn:hover{
    background:#f6f8fa!important;
    color:#111827!important;
}
.owc-confirm-actions .owc-confirm-ok-btn{
    color:#ffffff!important;
}

/* V3.4.35 — Conversaciones con gestión de ticket en popup */
.inbox-layout.inbox-compact{
  grid-template-columns:250px minmax(0,1fr);
  gap:10px;
  height:calc(100vh - 150px);
}
.inbox-layout.inbox-compact .ticket-side{display:none!important}
.chat-action-buttons{gap:6px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.chat-action-buttons .btn.small{padding:6px 9px;font-size:12px;line-height:1.1}
.ticket-management-modal[hidden]{display:none!important}
.ticket-management-modal{position:fixed;inset:0;z-index:10070;display:grid;place-items:center;padding:18px;opacity:0;transition:opacity .16s ease}
.ticket-management-modal.open{opacity:1}
.ticket-management-backdrop{position:absolute;inset:0;background:rgba(18,22,28,.62);backdrop-filter:blur(2px)}
.ticket-management-panel{position:relative;width:min(720px,95vw);max-height:92vh;display:grid;grid-template-rows:auto minmax(0,1fr);background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 24px 80px rgba(0,0,0,.30)}
.ticket-management-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border-bottom:1px solid var(--border)}
.ticket-management-head>div{min-width:0;display:grid;gap:2px}
.ticket-management-head strong{font-size:15px;color:var(--text)}
.ticket-management-head small{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ticket-management-close{width:34px;height:34px;font-size:20px;color:#343940;background:#fff;border:1px solid var(--border);border-radius:10px}
.ticket-management-body{overflow:auto;padding:14px 15px}
.ticket-management-summary{display:grid;gap:4px;margin-bottom:12px;padding:10px 12px;border:1px solid #e5e8ec;border-radius:12px;background:#fafbfc;color:var(--muted);font-size:13px}
.ticket-management-summary strong{color:var(--text);font-size:14px}.ticket-management-summary p{margin:4px 0 0;color:var(--muted)}
.ticket-management-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;align-items:start}
.ticket-management-form label{display:grid;gap:5px;font-size:12px;font-weight:700;color:#4d535b}
.ticket-management-form select,.ticket-management-form input,.ticket-management-form textarea{width:100%;min-width:0;border:1px solid var(--border);border-radius:9px;padding:8px 9px;font-size:13px;background:#fff;color:var(--text)}
.ticket-management-form textarea{min-height:72px;resize:vertical}.ticket-management-full{grid-column:1/-1}.ticket-management-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;padding-top:4px}.ticket-management-actions .btn{min-width:120px}
@media(max-width:1200px){.inbox-layout.inbox-compact{grid-template-columns:235px minmax(0,1fr);height:calc(100vh - 150px)}}
@media(max-width:850px){.inbox-layout.inbox-compact{grid-template-columns:1fr;height:auto}.ticket-management-modal{padding:7px}.ticket-management-panel{width:100%;max-height:97vh}.ticket-management-form{grid-template-columns:1fr}.ticket-management-actions{display:grid;grid-template-columns:1fr}.ticket-management-actions .btn{width:100%}}

/* V3.4.36 — Botón verde para Gestión del ticket + Click para chatear */
#manage-ticket.btn,
.btn.ticket-management-trigger{
  background:#198754!important;
  border-color:#198754!important;
  color:#ffffff!important;
  box-shadow:0 4px 12px rgba(25,135,84,.18);
}
#manage-ticket.btn:hover,
.btn.ticket-management-trigger:hover{
  background:#157347!important;
  border-color:#146c43!important;
  color:#ffffff!important;
}
.conversation-start-actions{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  margin:0 0 7px;
}
.click-chat-button{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:7px;
  background:#e8f7ef!important;
  border-color:#bfe7d0!important;
  color:#176a3b!important;
  font-weight:800!important;
}
.click-chat-button:hover{
  background:#d8f1e4!important;
  border-color:#9ddab9!important;
  color:#105c31!important;
}
.click-chat-button img{
  width:22px;
  height:22px;
  object-fit:cover;
  border-radius:999px;
  flex:0 0 auto;
}
.contacts-head-actions{align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.btn.success-outline{
  background:#ffffff!important;
  border:1px solid #1f9d57!important;
  color:#176a3b!important;
  font-weight:800!important;
}
.btn.success-outline:hover{background:#e8f7ef!important;color:#105c31!important}
.click-chat-modal[hidden]{display:none!important}
.click-chat-modal{position:fixed;inset:0;z-index:10090;display:grid;place-items:center;padding:18px;opacity:0;transition:opacity .16s ease}
.click-chat-modal.open{opacity:1}
.click-chat-backdrop{position:absolute;inset:0;background:rgba(18,22,28,.58);backdrop-filter:blur(2px)}
.click-chat-panel{position:relative;width:min(430px,94vw);background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 24px 76px rgba(0,0,0,.30);overflow:hidden}
.click-chat-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border-bottom:1px solid var(--border)}
.click-chat-title-wrap{display:flex;align-items:center;gap:10px;min-width:0}
.click-chat-title-wrap img{width:38px;height:38px;border-radius:12px;object-fit:cover;border:1px solid #d9eadf;background:#e8f7ef}
.click-chat-title-wrap div{min-width:0;display:grid;gap:2px}
.click-chat-title-wrap strong{font-size:15px;color:var(--text)}
.click-chat-title-wrap small{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.click-chat-close{width:34px;height:34px;font-size:20px;color:#343940;background:#fff;border:1px solid var(--border);border-radius:10px}
.click-chat-form{display:grid;gap:11px;padding:14px 15px}
.click-chat-form label{display:grid;gap:5px;font-size:12px;font-weight:800;color:#4d535b}
.click-chat-form input{width:100%;min-width:0;border:1px solid var(--border);border-radius:10px;padding:9px 10px;font-size:14px;background:#fff;color:var(--text)}
.click-chat-help{padding:9px 10px;border:1px solid #d9eadf;border-radius:11px;background:#f2fbf6;color:#176a3b;font-size:12px;line-height:1.35}
.click-chat-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:2px}
.click-chat-actions .btn{min-width:110px}
@media(max-width:640px){.contacts-head-actions{justify-content:flex-start}.click-chat-actions{display:grid;grid-template-columns:1fr}.click-chat-actions .btn{width:100%}.click-chat-title-wrap small{white-space:normal}}

/* V3.4.60CL — El banner de pruebas y Conversaciones comparten la altura útil.
   Antes, inbox-page-shell ocupaba 100% además del banner y el compositor
   quedaba recortado debajo de la ventana. */
@media(min-width:851px){
  .content:has(> .inbox-page-shell){
    display:flex;
    flex-direction:column;
  }
  .content:has(> .inbox-page-shell) > .test-mode-banner,
  .content:has(> .inbox-page-shell) > .alert,
  .content:has(> .inbox-page-shell) > #reminder-popup-host{
    flex:0 0 auto;
  }
  .content:has(> .inbox-page-shell) > .inbox-page-shell{
    flex:1 1 auto;
    height:auto;
    min-height:0;
  }
}


/* V3.4.37 — Conversaciones adaptadas a la altura de la ventana */
.inbox-page-shell{
  min-height:0;
}
@media(min-width:851px){
  .content:has(.inbox-page-shell){
    height:calc(100vh - 78px);
    padding:10px 12px;
    overflow:hidden;
  }
  .inbox-page-shell{
    height:100%;
    display:flex;
    flex-direction:column;
    min-height:0;
  }
  .inbox-page-shell .inbox-state-tabs{
    flex:0 0 auto;
    margin:0 0 5px;
    padding:1px 1px 3px;
    gap:5px;
  }
  .inbox-page-shell .inbox-state-tabs a{
    padding:6px 9px;
    font-size:12px;
  }
  .inbox-page-shell .inbox-state-tabs a strong{
    min-width:20px;
    height:20px;
    font-size:11px;
    padding:0 5px;
  }
  .inbox-page-shell .conversation-kind-tabs{
    flex:0 0 auto;
    margin:0 0 6px;
    padding:0 1px 2px;
    gap:5px;
  }
  .inbox-page-shell .conversation-kind-tabs a{
    padding:5px 9px;
    font-size:11.5px;
  }
  .inbox-page-shell .inbox-layout.inbox-compact{
    flex:1 1 auto;
    min-height:0;
    height:auto!important;
    grid-template-columns:minmax(220px,255px) minmax(0,1fr);
    gap:8px;
  }
  .inbox-page-shell .ticket-list.panel{
    display:flex;
    flex-direction:column;
    min-height:0;
    padding:8px;
  }
  .inbox-page-shell .conversation-start-actions{
    flex:0 0 auto;
    margin:0 0 5px;
  }
  .inbox-page-shell .ticket-search{
    flex:0 0 auto;
    margin-bottom:6px;
    gap:6px;
  }
  .inbox-page-shell .ticket-search input{
    padding:7px 9px;
    font-size:12.5px;
  }
  .inbox-page-shell .ticket-search .btn{
    padding:7px 9px;
    font-size:12px;
  }
  .inbox-page-shell .compact-ticket-list{
    flex:1 1 auto;
    min-height:0;
    max-height:none!important;
    overflow:auto;
  }
  .inbox-page-shell .ticket-item.compact{
    min-height:31px;
    padding:7px 8px;
    gap:6px;
  }
  .inbox-page-shell .ticket-state-dot{
    width:8px;
    height:8px;
  }
  .inbox-page-shell .ticket-kind-badge{
    font-size:9px;
    padding:3px 5px;
  }
  .inbox-page-shell .chat.panel{
    min-height:0;
    height:100%;
    overflow:hidden;
  }
  .inbox-page-shell .compact-chat-head{
    flex:0 0 auto;
    padding:9px 11px;
    gap:9px;
  }
  .inbox-page-shell .chat-contact h2{
    font-size:17px;
    line-height:1.12;
  }
  .inbox-page-shell .chat-contact small,
  .inbox-page-shell .chat-owner-label{
    font-size:11px;
    line-height:1.15;
  }
  .inbox-page-shell .chat-state-box{
    gap:4px;
    max-width:58%;
  }
  .inbox-page-shell .quick-state-links{
    gap:4px;
  }
  .inbox-page-shell .quick-state-link{
    padding:4px 7px;
    font-size:10.5px;
  }
  .inbox-page-shell .chat-action-buttons{
    gap:5px;
  }
  .inbox-page-shell .chat-action-buttons .btn.small,
  .inbox-page-shell .current-ticket-state{
    padding:5px 7px;
    font-size:11px;
    line-height:1.1;
  }
  .inbox-page-shell .chat-ownership-banner{
    flex:0 0 auto;
    margin:0;
    padding:8px 10px;
    border-radius:0;
  }
  .inbox-page-shell .messages{
    flex:1 1 auto;
    min-height:0;
    padding:10px 12px;
    gap:6px;
  }
  .inbox-page-shell .message{
    padding:7px 9px;
    max-width:min(78%,620px);
  }
  .inbox-page-shell .message-image{
    max-height:280px;
  }
  .inbox-page-shell .composer#chat-composer{
    flex:0 0 auto;
    padding:6px!important;
    grid-template-columns:38px minmax(0,1fr) 58px!important;
    grid-template-rows:38px!important;
    gap:6px!important;
  }
  .inbox-page-shell .composer#chat-composer .attachment-button,
  .inbox-page-shell .composer#chat-composer textarea[name="text"],
  .inbox-page-shell .composer#chat-composer button[type="submit"]{
    min-height:38px!important;
    height:38px!important;
    max-height:38px!important;
  }
  .inbox-page-shell .composer#chat-composer textarea[name="text"]{
    padding:8px 10px!important;
    font-size:13px!important;
  }
}
@media(max-width:1200px) and (min-width:851px){
  .inbox-page-shell .inbox-layout.inbox-compact{
    grid-template-columns:minmax(205px,235px) minmax(0,1fr);
  }
  .inbox-page-shell .chat-state-box{max-width:62%;}
}

/* V3.4.41 — Contactos con scroll interno y edición en popup */
.contacts-panel-v3441{
  display:flex;
  flex-direction:column;
  min-height:0;
}
.contacts-panel-head-v3441{
  flex:0 0 auto;
}
.contacts-filters-v3441{
  flex:0 0 auto;
  margin-bottom:10px;
}
.contacts-scroll-box-v3441{
  min-height:260px;
  max-height:calc(100vh - 285px);
  overflow:auto;
  border:1px solid var(--border);
  border-radius:13px;
  background:#fff;
}
.contacts-table-wrap-v3441{
  border:0!important;
  border-radius:0!important;
  overflow:visible!important;
}
.contacts-table-v3441 thead th{
  position:sticky;
  top:0;
  z-index:2;
  background:#f7f8fa;
  box-shadow:0 1px 0 var(--border);
}
.contacts-table-v3441 td,
.contacts-table-v3441 th{
  padding-top:9px;
  padding-bottom:9px;
}
.contacts-row-actions-v3441{
  justify-content:flex-end;
  gap:6px;
  flex-wrap:nowrap;
}
.contact-edit-trigger{
  background:#fff!important;
  color:#495057!important;
  border:1px solid #cfd4da!important;
}
.contact-edit-trigger:hover{
  background:#f4f6f8!important;
  color:#24272b!important;
}
.contact-edit-modal[hidden]{display:none!important}
.contact-edit-modal{
  position:fixed;
  inset:0;
  z-index:10100;
  display:grid;
  place-items:center;
  padding:18px;
  opacity:0;
  transition:opacity .16s ease;
}
.contact-edit-modal.open{opacity:1}
.contact-edit-backdrop{
  position:absolute;
  inset:0;
  background:rgba(18,22,28,.58);
  backdrop-filter:blur(2px);
}
.contact-edit-panel{
  position:relative;
  width:min(720px,96vw);
  max-height:94vh;
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  background:#fff;
  border:1px solid var(--border);
  border-radius:16px;
  box-shadow:0 24px 76px rgba(0,0,0,.30);
  overflow:hidden;
}
.contact-edit-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:13px 15px;
  border-bottom:1px solid var(--border);
}
.contact-edit-head>div{min-width:0;display:grid;gap:2px}
.contact-edit-head strong{font-size:15px;color:var(--text)}
.contact-edit-head small{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.contact-edit-close{
  width:34px;
  height:34px;
  font-size:20px;
  color:#343940;
  background:#fff;
  border:1px solid var(--border);
  border-radius:10px;
}
.contact-edit-form{
  overflow:auto;
  display:grid;
  gap:11px;
  padding:14px 15px;
}
.contact-edit-form label:not(.check){
  display:grid;
  gap:5px;
  font-size:12px;
  font-weight:800;
  color:#4d535b;
}
.contact-edit-form input:not([type="checkbox"]),
.contact-edit-form textarea{
  width:100%;
  min-width:0;
  border:1px solid var(--border);
  border-radius:10px;
  padding:9px 10px;
  font-size:14px;
  background:#fff;
  color:var(--text);
}
.contact-edit-form fieldset{
  border:1px solid var(--border);
  border-radius:12px;
  padding:10px;
}
.contact-edit-form legend{
  padding:0 5px;
  font-size:12px;
  font-weight:800;
  color:#4d535b;
}
.contact-edit-agreements{
  max-height:150px;
}
.contact-edit-no-contactar{
  margin-top:0;
}
.contact-edit-actions{
  display:flex;
  justify-content:flex-end;
  gap:8px;
  padding-top:2px;
}
.contact-edit-actions .btn{min-width:118px}
@media(min-width:851px){
  .content:has(.contacts-panel-v3441){
    height:calc(100vh - 78px);
    overflow:hidden;
  }
  .contacts-panel-v3441{
    height:100%;
  }
}
@media(max-width:760px){
  .contacts-scroll-box-v3441{max-height:60vh}
  .contacts-row-actions-v3441{display:grid;grid-template-columns:1fr;justify-content:stretch}
  .contacts-row-actions-v3441 .btn{width:100%}
  .contact-edit-modal{padding:7px}
  .contact-edit-panel{width:100%;max-height:98vh}
  .contact-edit-head small{white-space:normal}
  .contact-edit-actions{display:grid;grid-template-columns:1fr}
  .contact-edit-actions .btn{width:100%}
}

/* V3.4.46 - Mensajes automáticos por clínica */
.automatic-messages-page-v3446{display:grid;gap:14px}
.automatic-message-hero-v3446{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.automatic-message-hero-v3446 h2{margin:0 0 4px}
.automatic-message-hero-v3446 p{margin:0;color:var(--muted);max-width:760px}
.automatic-message-grid-v3446{align-items:start}
.automatic-message-form-v3446 textarea{font-size:15px;line-height:1.45;min-height:170px}
.automatic-message-vars-v3446{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px;border:1px dashed var(--border);border-radius:12px;background:#fafafa}
.automatic-message-vars-v3446 strong{font-size:13px;color:var(--text);margin-right:4px}
.automatic-message-vars-v3446 code{display:inline-flex;align-items:center;padding:4px 7px;border-radius:999px;background:#fff;border:1px solid var(--border);font-size:12px;color:#4d535b}
.automatic-message-phone-v3446{border:1px solid var(--border);border-radius:18px;background:linear-gradient(180deg,#f7f9fb,#eef2f5);padding:18px;min-height:210px;display:flex;align-items:flex-end;justify-content:flex-end}
.automatic-message-bubble-v3446{max-width:92%;background:#d9fdd3;border-radius:16px 16px 4px 16px;padding:11px 13px;box-shadow:0 3px 12px rgba(0,0,0,.08);font-size:14px;line-height:1.42;color:#18221d;white-space:normal}
.automatic-message-notes-v3446{display:grid;gap:6px;margin-top:12px;color:var(--muted);font-size:13px}
.automatic-message-notes-v3446 p{margin:0}
.automatic-message-advice-v3446 p{color:var(--muted);max-width:930px}
.automatic-message-mini-grid-v3446{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}
.automatic-message-mini-grid-v3446>div{border:1px solid var(--border);border-radius:12px;background:#fff;padding:10px;display:grid;gap:4px}
.automatic-message-mini-grid-v3446 strong{font-size:12px;color:#4d535b;text-transform:uppercase;letter-spacing:.04em}
.automatic-message-mini-grid-v3446 span{font-weight:800;color:var(--text)}
@media(max-width:820px){
  .automatic-message-hero-v3446{display:grid}
  .automatic-message-mini-grid-v3446{grid-template-columns:1fr}
}

/* V3.4.47 - Respuestas rápidas por clínica */
.quick-responses-page-v3447{display:grid;gap:14px}
.quick-responses-hero-v3447{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.quick-responses-hero-v3447 h2{margin:0 0 4px}
.quick-responses-hero-v3447 p{margin:0;color:var(--muted);max-width:820px}
.quick-responses-grid-v3447{align-items:start}
.quick-response-form-v3447 textarea{font-size:14px;line-height:1.45;min-height:205px}
.compact-form-grid-v3447{gap:10px}
.quick-response-command-input-v3447{display:flex;align-items:center;border:1px solid var(--border);border-radius:10px;background:#fff;overflow:hidden}
.quick-response-command-input-v3447 span{display:inline-flex;align-items:center;justify-content:center;width:34px;align-self:stretch;background:#f3f5f7;color:#6b7280;font-weight:900;border-right:1px solid var(--border)}
.quick-response-command-input-v3447 input{border:0!important;border-radius:0!important;box-shadow:none!important;min-width:0}
.quick-response-active-v3447{align-items:center;gap:8px;font-weight:800;color:#424850}
.quick-response-vars-v3447{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px;border:1px dashed var(--border);border-radius:12px;background:#fafafa}
.quick-response-vars-v3447 strong{font-size:13px;color:var(--text);margin-right:4px}
.quick-response-vars-v3447 code{display:inline-flex;align-items:center;padding:4px 7px;border-radius:999px;background:#fff;border:1px solid var(--border);font-size:12px;color:#4d535b}
.quick-response-phone-v3447{border:1px solid var(--border);border-radius:18px;background:linear-gradient(180deg,#f7f9fb,#eef2f5);padding:18px;min-height:250px;display:flex;align-items:flex-end;justify-content:flex-end}
.quick-response-bubble-v3447{max-width:94%;background:#d9fdd3;border-radius:16px 16px 4px 16px;padding:11px 13px;box-shadow:0 3px 12px rgba(0,0,0,.08);font-size:14px;line-height:1.42;color:#18221d;white-space:normal}
.quick-response-help-v3447{display:grid;gap:7px;margin-top:12px;color:var(--muted);font-size:13px}
.quick-response-help-v3447 p{margin:0}
.quick-responses-list-panel-v3447{overflow:hidden}
.quick-responses-table-wrap-v3447{max-height:42vh;overflow:auto;border:1px solid var(--border);border-radius:12px;background:#fff}
.quick-responses-table-v3447{margin:0}
.quick-responses-table-v3447 td,.quick-responses-table-v3447 th{vertical-align:top}
.quick-responses-table-v3447 td strong{display:block;color:var(--text);margin-bottom:3px}
.quick-responses-table-v3447 td small{display:block;color:var(--muted);max-width:560px;line-height:1.35}
.quick-response-row-actions-v3447{gap:6px;flex-wrap:nowrap;justify-content:flex-end}
.quick-response-row-actions-v3447 form{margin:0}
.quick-response-empty-v3447{padding:20px;border:1px dashed var(--border);border-radius:12px;background:#fafafa;color:var(--muted)}
.composer-with-quick-responses-v3447{position:relative}
.quick-response-picker-v3447{position:absolute;left:10px;right:76px;bottom:calc(100% + 8px);z-index:50;max-height:285px;overflow:auto;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:0 18px 48px rgba(15,23,42,.18);padding:7px;display:grid;gap:4px}
.quick-response-picker-v3447[hidden]{display:none!important}
.quick-response-picker-head-v3447{font-size:12px;font-weight:900;color:#626b75;padding:4px 7px 5px;text-transform:uppercase;letter-spacing:.04em}
.quick-response-option-v3447{width:100%;text-align:left;border:1px solid transparent;background:#fff;border-radius:10px;padding:8px 9px;display:grid;gap:3px;cursor:pointer;color:var(--text)}
.quick-response-option-v3447:hover,.quick-response-option-v3447.active{background:#f8f0f1;border-color:rgba(183,25,33,.22)}
.quick-response-option-v3447 strong{font-size:13px;color:#222;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.quick-response-option-v3447 small{font-size:12px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:820px){
  .quick-responses-hero-v3447{display:grid}
  .quick-response-row-actions-v3447{display:grid;grid-template-columns:1fr;justify-content:stretch}
  .quick-response-row-actions-v3447 .btn{width:100%}
  .quick-response-picker-v3447{left:6px;right:6px;bottom:calc(100% + 6px)}
}

/* V3.4.48 - Recordatorios directos desde el chat */
.chat-reminder-modal-v3448{position:fixed;inset:0;z-index:10030;display:grid;place-items:center;padding:18px}
.chat-reminder-modal-v3448[hidden]{display:none}
.chat-reminder-backdrop-v3448{position:absolute;inset:0;background:rgba(15,23,42,.48);border:0}
.chat-reminder-panel-v3448{position:relative;width:min(620px,calc(100vw - 28px));max-height:calc(100vh - 32px);overflow:auto;background:#fff;border-radius:18px;box-shadow:0 24px 70px rgba(15,23,42,.28);transform:translateY(10px) scale(.98);opacity:0;transition:transform .16s ease,opacity .16s ease}
.chat-reminder-modal-v3448.open .chat-reminder-panel-v3448{transform:translateY(0) scale(1);opacity:1}
.chat-reminder-head-v3448{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid #edf0f5;background:linear-gradient(135deg,#fff,#f8fafc)}
.chat-reminder-head-v3448 strong{display:block;font-size:18px;color:#172033}
.chat-reminder-head-v3448 small{display:block;margin-top:3px;color:#64748b}
.chat-reminder-form-v3448{display:grid;gap:14px;padding:18px 20px 20px}
.chat-reminder-form-v3448 label{display:grid;gap:6px;font-weight:700;color:#334155}
.chat-reminder-form-v3448 input,.chat-reminder-form-v3448 textarea{width:100%;border:1px solid #d8dee9;border-radius:12px;padding:10px 12px;font:inherit;background:#fff;color:#0f172a}
.chat-reminder-form-v3448 textarea{resize:vertical;min-height:120px;line-height:1.45}
.chat-reminder-help-v3448{border:1px solid #dbeafe;background:#eff6ff;color:#1e3a8a;border-radius:12px;padding:10px 12px;font-size:13px;line-height:1.45}
.chat-reminder-actions-v3448{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:4px}
.chat-action-buttons #create-chat-reminder{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8;font-weight:700}

/* V3.4.48B - Título automático del recordatorio desde chat */
.chat-reminder-auto-title-v3448{
  display:grid;
  gap:3px;
  padding:10px 12px;
  border:1px solid var(--border);
  border-radius:12px;
  background:#f7f8fa;
}
.chat-reminder-auto-title-v3448 strong{font-size:13px;color:var(--text)}
.chat-reminder-auto-title-v3448 small{font-size:12px;color:var(--muted);line-height:1.35}

/* V3.4.54B — Contactos: popups puntuales con diseño consistente */
.contacts-main-head-v3454b{align-items:flex-start;gap:14px}
.contacts-head-actions-v3454b{gap:8px;justify-content:flex-end;align-items:center}
.contact-action-modal[hidden]{display:none!important}
.contact-action-modal{position:fixed;inset:0;z-index:12050;display:flex;align-items:center;justify-content:center;padding:18px;opacity:0;transition:opacity .14s ease}
.contact-action-modal.open{opacity:1}
.contact-action-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.60);backdrop-filter:blur(3px)}
.contact-action-panel{position:relative;z-index:1;width:min(1120px,96vw);max-height:92vh;background:#fff;border-radius:22px;box-shadow:0 34px 100px rgba(15,23,42,.36);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(148,163,184,.26)}
.contact-action-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid rgba(148,163,184,.24);background:linear-gradient(180deg,#fff,#f8fafc)}
.contact-action-head>div{min-width:0;display:grid;gap:2px}
.contact-action-head strong{font-size:17px;color:var(--text)}
.contact-action-head small{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.contact-action-close{border:0;background:#f1f5f9;color:#0f172a;border-radius:999px;width:36px;height:36px;font-size:24px;line-height:1;cursor:pointer;display:grid;place-items:center;flex:0 0 auto}
.contact-action-close:hover{background:#e2e8f0}
.contact-action-body{overflow:auto;padding:18px;background:#f8fafc;min-height:240px}
.contact-action-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 18px;border-top:1px solid rgba(148,163,184,.22);background:#fff}
.contact-popup-grid-v3454b{align-items:start}
.contact-popup-card-v3454b{box-shadow:none;border:1px solid rgba(148,163,184,.22);margin:0;background:#fff}
.contact-popup-card-v3454b h2{margin-top:0}
.contact-sync-stats-v3454b{margin-top:14px}
.contact-history-panel-v3454b{width:min(1040px,96vw)}
.contact-history-body-v3454b{padding:0;background:#fff}
.contact-history-body-v3454b .unified-history{border:0;box-shadow:none;border-radius:0;margin:0;padding:18px;background:#fff}
.contact-history-body-v3454b .history-results{max-height:54vh;overflow:auto}
.contact-history-body-v3454b .history-head{gap:14px;align-items:flex-start}
.contact-edit-panel{box-shadow:0 34px 100px rgba(15,23,42,.36);border:1px solid rgba(148,163,184,.26)}
.contact-edit-head{background:linear-gradient(180deg,#fff,#f8fafc)}
@media(max-width:760px){.contacts-head-actions-v3454b{justify-content:flex-start}.contact-action-modal{padding:8px}.contact-action-panel{width:100%;max-height:96vh;border-radius:16px}.contact-action-body{padding:12px}.contact-action-head small{white-space:normal}.contact-popup-grid-v3454b.grid.two{grid-template-columns:1fr}.contact-history-body-v3454b .history-head{display:grid}.contact-history-body-v3454b .history-search-box{width:100%;display:grid;grid-template-columns:1fr}.contact-action-footer{display:grid;grid-template-columns:1fr}.contact-action-footer .btn{width:100%}}

/* V3.4.55 — Clínicas: popups puntuales con diseño consistente */
body.clinic-modal-open-v3455{overflow:hidden}
.clinic-action-modal-v3455[hidden]{display:none!important}
.clinic-action-modal-v3455{position:fixed;inset:0;z-index:12100;display:flex;align-items:center;justify-content:center;padding:18px;opacity:0;transition:opacity .14s ease}
.clinic-action-modal-v3455.open{opacity:1}
.clinic-action-backdrop-v3455{position:absolute;inset:0;background:rgba(15,23,42,.62);backdrop-filter:blur(3px)}
.clinic-action-panel-v3455{position:relative;z-index:1;width:min(1120px,96vw);max-height:92vh;background:#fff;border-radius:22px;box-shadow:0 34px 100px rgba(15,23,42,.36);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(148,163,184,.26)}
.clinic-action-head-v3455{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid rgba(148,163,184,.24);background:linear-gradient(180deg,#fff,#f8fafc)}
.clinic-action-head-v3455>div{min-width:0;display:grid;gap:2px}
.clinic-action-head-v3455 strong{font-size:18px;color:var(--text)}
.clinic-action-head-v3455 small{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.clinic-action-close-v3455{border:0;background:#f1f5f9;color:#0f172a;border-radius:999px;width:36px;height:36px;font-size:24px;line-height:1;cursor:pointer;display:grid;place-items:center;flex:0 0 auto}
.clinic-action-close-v3455:hover{background:#e2e8f0}
.clinic-action-body-v3455{overflow:auto;padding:18px;background:#f8fafc;min-height:240px}
.clinic-action-footer-v3455{display:flex;justify-content:flex-end;gap:10px;padding:14px 18px;border-top:1px solid rgba(148,163,184,.22);background:#fff}
.clinic-popup-card-v3455{box-shadow:none!important;border:1px solid rgba(148,163,184,.24)!important;border-radius:18px!important;margin:0!important;background:#fff!important;padding:18px!important;width:100%!important;max-width:none!important}
.clinic-popup-card-v3455 .panel-head{margin:-18px -18px 16px!important;padding:16px 18px!important;border-bottom:1px solid rgba(148,163,184,.18)!important;background:linear-gradient(180deg,#fff,#fafbfc)!important;border-radius:18px 18px 0 0!important}
.clinic-popup-card-v3455 h1,.clinic-popup-card-v3455 h2,.clinic-popup-card-v3455 h3{margin-top:0;color:var(--text)}
.clinic-popup-form-v3455{display:grid;gap:14px}
.clinic-popup-form-v3455 label{font-weight:700;color:#334155;display:grid;gap:6px}
.clinic-popup-form-v3455 input:not([type=checkbox]):not([type=radio]),.clinic-popup-form-v3455 select,.clinic-popup-form-v3455 textarea{width:100%;border:1px solid #d8dee9;border-radius:12px;padding:10px 12px;background:#fff;color:#0f172a;font:inherit}
.clinic-popup-form-v3455 textarea{min-height:110px;resize:vertical;line-height:1.45}
.clinic-popup-buttons-v3455{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:10px;padding-top:12px;border-top:1px solid rgba(148,163,184,.20)}
.clinic-popup-frame-v3455{width:100%;height:76vh;border:0;background:#fff;border-radius:14px;display:block}
.clinics-clean-grid-v3455.grid.sidebar-grid{grid-template-columns:1fr!important}
.clinics-clean-grid-v3455>.panel:first-child{min-width:0}
.clinics-main-page-v3455 .owc-admin-hidden-source{display:none!important}
.clinic-main-action-v3455{white-space:nowrap}
html.clinics-popup-mode-v3455,body.clinics-popup-mode-v3455{background:#fff!important;overflow:auto!important}
body.clinics-popup-mode-v3455 .sidebar,body.clinics-popup-mode-v3455 .topbar,body.clinics-popup-mode-v3455 .app-sidebar,body.clinics-popup-mode-v3455 .app-topbar,body.clinics-popup-mode-v3455 nav,body.clinics-popup-mode-v3455 header.site-header{display:none!important}
body.clinics-popup-mode-v3455 .app-shell,body.clinics-popup-mode-v3455 .main,body.clinics-popup-mode-v3455 main,body.clinics-popup-mode-v3455 .content{display:block!important;margin:0!important;padding:0!important;width:100%!important;max-width:none!important;background:#fff!important}
body.clinics-popup-mode-v3455 .content{padding:16px!important}
body.clinics-popup-mode-v3455 .page-title,body.clinics-popup-mode-v3455 .content>h1:first-child{margin-top:0!important}
body.clinics-popup-mode-v3455 .grid.sidebar-grid{grid-template-columns:1fr!important}
body.clinics-popup-mode-v3455 .grid.sidebar-grid>.panel{width:100%!important;max-width:none!important}
@media(max-width:760px){.clinic-action-modal-v3455{padding:8px}.clinic-action-panel-v3455{width:100%;max-height:96vh;border-radius:16px}.clinic-action-body-v3455{padding:12px}.clinic-action-head-v3455 small{white-space:normal}.clinic-action-footer-v3455{display:grid;grid-template-columns:1fr}.clinic-action-footer-v3455 .btn{width:100%}.clinic-popup-card-v3455{padding:14px!important}.clinic-popup-card-v3455 .panel-head{margin:-14px -14px 14px!important;padding:14px!important}.clinic-popup-buttons-v3455{display:grid;grid-template-columns:1fr}.clinic-popup-buttons-v3455 .btn{width:100%}.clinic-popup-frame-v3455{height:78vh}}


/* V3.4.55B — Clínicas: botón único y formulario agrupado por bloques */
.clinic-duplicate-new-hidden-v3455b{display:none!important}
.clinic-popup-form-v3455b{display:grid!important;gap:16px!important}
.clinic-form-section-v3455b{border:1px solid rgba(148,163,184,.28);border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 10px 26px rgba(15,23,42,.04)}
.clinic-form-section-head-v3455b{display:grid;gap:3px;padding:13px 15px;border-bottom:1px solid rgba(148,163,184,.18);background:linear-gradient(180deg,#fff,#f8fafc)}
.clinic-form-section-head-v3455b strong{font-size:14px;color:#0f172a;letter-spacing:.01em}
.clinic-form-section-head-v3455b small{font-size:12px;color:#64748b;line-height:1.35}
.clinic-form-section-grid-v3455b{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:15px}
.clinic-form-section-modulos-v3455b .clinic-form-section-grid-v3455b{grid-template-columns:repeat(3,minmax(0,1fr))}
.clinic-form-field-v3455b{min-width:0;margin:0!important}
.clinic-form-field-v3455b label,.clinic-popup-form-v3455b label{margin:0!important}
.clinic-form-field-v3455b input:not([type=checkbox]):not([type=radio]),.clinic-form-field-v3455b select,.clinic-form-field-v3455b textarea{width:100%}
.clinic-form-section-modulos-v3455b label,.clinic-form-section-modulos-v3455b .clinic-form-field-v3455b{font-size:13px}
.clinic-popup-buttons-v3455b{margin-top:2px!important}
@media(max-width:900px){.clinic-form-section-grid-v3455b,.clinic-form-section-modulos-v3455b .clinic-form-section-grid-v3455b{grid-template-columns:1fr}}


/* V3.4.55C — Clínicas: título único, secciones desplegables y logo en Otros datos */
.clinic-popup-title-duplicate-hidden-v3455c{display:none!important}
.clinic-form-section-v3455c{display:block;margin:0;border:1px solid rgba(148,163,184,.30);border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 10px 26px rgba(15,23,42,.04)}
.clinic-form-section-v3455c+ .clinic-form-section-v3455c{margin-top:4px}
.clinic-form-section-v3455c>summary{list-style:none;cursor:pointer;user-select:none}
.clinic-form-section-v3455c>summary::-webkit-details-marker{display:none}
.clinic-form-section-head-v3455c{display:flex!important;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px!important;border-bottom:0!important;background:linear-gradient(180deg,#fff,#f8fafc)!important}
.clinic-form-section-head-v3455c span{display:grid;gap:3px;min-width:0}
.clinic-form-section-head-v3455c strong{font-size:15px!important;color:#0f172a!important;letter-spacing:.01em}
.clinic-form-section-head-v3455c small{font-size:12px!important;color:#64748b!important;line-height:1.35}
.clinic-form-section-head-v3455c i{font-style:normal;width:30px;height:30px;border-radius:999px;background:#f1f5f9;color:#334155;display:grid;place-items:center;transition:transform .14s ease,background .14s ease;flex:0 0 auto}
.clinic-form-section-v3455c[open]>.clinic-form-section-head-v3455c{border-bottom:1px solid rgba(148,163,184,.18)!important}
.clinic-form-section-v3455c[open]>.clinic-form-section-head-v3455c i{transform:rotate(180deg);background:#e2e8f0}
.clinic-form-section-grid-v3455c{padding:16px!important}
.clinic-form-section-modulos-v3455c .clinic-form-section-grid-v3455c{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:start}
.clinic-logo-field-v3455c{border:1px dashed rgba(148,163,184,.55);border-radius:14px;padding:13px;background:#f8fafc;display:grid!important;gap:8px!important}
.clinic-logo-field-v3455c span{font-weight:800;color:#334155}
.clinic-logo-field-v3455c small{font-size:12px;color:#64748b;line-height:1.35}
.clinic-logo-field-v3455c input[type=file]{background:#fff;border:1px solid #d8dee9;border-radius:12px;padding:9px;width:100%}
.clinic-popup-card-v3455 .panel-head.clinic-popup-title-duplicate-hidden-v3455c{display:none!important}
@media(max-width:980px){.clinic-form-section-modulos-v3455c .clinic-form-section-grid-v3455c{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:720px){.clinic-form-section-grid-v3455c,.clinic-form-section-modulos-v3455c .clinic-form-section-grid-v3455c{grid-template-columns:1fr!important}.clinic-form-section-head-v3455c{align-items:flex-start}.clinic-form-section-head-v3455c i{margin-top:2px}}


/* V3.4.55D — Clínicas: ajustes finales del popup */
.clinic-popup-note-hidden-v3455d,
.clinic-module-title-hidden-v3455d{display:none!important}
.clinic-form-section-v3455c:not([open]) .clinic-form-section-grid-v3455c{display:none!important}
.clinic-form-section-modulos-v3455c .clinic-form-section-grid-v3455c{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
.clinic-module-option-v3455d{display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;padding:10px 12px!important;border:1px solid rgba(148,163,184,.30)!important;border-radius:12px!important;background:#fff!important;min-height:42px;font-size:13px!important;font-weight:700!important;color:#334155!important}
.clinic-module-option-v3455d input[type=checkbox],.clinic-module-option-v3455d input[type=radio]{margin:0!important;flex:0 0 auto}
.clinic-popup-buttons-v3455d{display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important}
.clinic-popup-buttons-v3455d .btn,.clinic-popup-buttons-v3455d button,.clinic-popup-buttons-v3455d input[type=submit],.clinic-popup-buttons-v3455d input[type=button]{margin:0!important}
@media(max-width:1100px){.clinic-form-section-modulos-v3455c .clinic-form-section-grid-v3455c{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:820px){.clinic-form-section-modulos-v3455c .clinic-form-section-grid-v3455c{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:560px){.clinic-form-section-modulos-v3455c .clinic-form-section-grid-v3455c{grid-template-columns:1fr!important}.clinic-popup-buttons-v3455d{display:grid!important;grid-template-columns:1fr!important}.clinic-popup-buttons-v3455d .btn,.clinic-popup-buttons-v3455d button,.clinic-popup-buttons-v3455d input[type=submit],.clinic-popup-buttons-v3455d input[type=button]{width:100%!important}}


/* V3.4.55E — Clínicas: editar en popup y confirmación del sistema */
body.clinics-popup-edit-frame-v3455e .clinics-clean-grid-v3455 > .panel:first-child,
body.clinics-popup-edit-frame-v3455e .clinics-main-panel-v3455:first-child:not(.clinic-popup-card-v3455){display:none!important}
body.clinics-popup-edit-frame-v3455e .clinic-popup-card-v3455{box-shadow:none!important;border:0!important;padding:0!important;border-radius:0!important}
body.clinics-popup-edit-frame-v3455e .content{padding:0!important}
.clinic-confirm-box-v3455e{display:flex;gap:14px;align-items:flex-start;border:1px solid rgba(239,68,68,.22);background:#fff7f7;border-radius:16px;padding:16px;color:#334155}
.clinic-confirm-icon-v3455e{width:34px;height:34px;border-radius:999px;background:#fee2e2;color:#b91c1c;display:grid;place-items:center;font-weight:900;flex:0 0 auto}
.clinic-confirm-box-v3455e strong{display:block;color:#0f172a;font-size:16px;margin-bottom:5px}
.clinic-confirm-box-v3455e p{margin:0;color:#64748b;line-height:1.45}
.clinic-action-footer-v3455 .btn.danger,.clinic-confirm-accept-v3455e{background:#dc2626!important;border-color:#dc2626!important;color:#fff!important}
.clinic-action-footer-v3455 .btn.danger:hover,.clinic-confirm-accept-v3455e:hover{background:#b91c1c!important;border-color:#b91c1c!important}


/* V3.4.55F Clínicas: popup real corregido */
.clinic-action-modal-v3455[hidden]{display:none!important}
.clinic-action-modal-v3455{position:fixed;inset:0;z-index:11000;display:grid;place-items:center;padding:18px;opacity:0;transition:opacity .14s ease}
.clinic-action-modal-v3455.open{opacity:1}
.clinic-action-backdrop-v3455{position:absolute;inset:0;background:rgba(12,15,20,.78);backdrop-filter:blur(3px)}
.clinic-action-panel-v3455{position:relative;width:min(1040px,96vw);max-height:94vh;background:#fff;border-radius:16px;box-shadow:0 30px 100px rgba(0,0,0,.45);display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border:1px solid rgba(255,255,255,.45)}
.clinic-action-head-v3455{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 17px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#fff,#fafbfc)}
.clinic-action-head-v3455 strong{display:block;font-size:17px;color:#20242a}.clinic-action-head-v3455 small{margin:2px 0 0;color:var(--muted)}
.clinic-action-close-v3455{width:34px;height:34px;border-radius:10px;border:1px solid var(--border);background:#fff;cursor:pointer;font-size:22px;line-height:1;color:#555}.clinic-action-close-v3455:hover{background:#fff0f1;color:var(--red);border-color:#ffc8cd}
.clinic-action-body-v3455{overflow:auto;padding:16px;background:#f6f7f9}.clinic-action-footer-v3455{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--border);background:#fff}
body.clinic-modal-open-v3455{overflow:hidden!important}
.clinic-popup-card-v3455{background:#fff;border:1px solid var(--border);border-radius:14px;padding:14px;box-shadow:none;width:100%;max-width:100%}
.clinic-action-body-v3455 .clinic-popup-card-v3455{border:0;padding:0;background:transparent}
.clinic-action-body-v3455 .panel-head,.clinic-action-body-v3455 h1:first-child,.clinic-action-body-v3455 h2:first-child,.clinic-action-body-v3455 h3:first-child,.clinic-popup-title-duplicate-hidden-v3455f{display:none!important}
.clinic-popup-note-hidden-v3455f,.clinic-duplicate-new-hidden-v3455f{display:none!important}
.clinic-popup-form-v3455f{display:grid;gap:10px;margin:0!important}.clinic-popup-form-v3455f label{font-size:13px}.clinic-popup-form-v3455f input,.clinic-popup-form-v3455f select,.clinic-popup-form-v3455f textarea{min-height:38px;padding:8px 10px}
.clinic-form-section-v3455f{background:#fff;border:1px solid var(--border);border-radius:13px;overflow:hidden}.clinic-form-section-v3455f+ .clinic-form-section-v3455f{margin-top:0}.clinic-form-section-v3455f summary{list-style:none;cursor:pointer}.clinic-form-section-v3455f summary::-webkit-details-marker{display:none}
.clinic-form-section-head-v3455f{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:#fff}.clinic-form-section-head-v3455f strong{font-size:14px}.clinic-form-section-head-v3455f small{font-weight:500;margin-top:2px}.clinic-form-section-head-v3455f i{font-style:normal;color:var(--muted);transition:transform .14s ease}.clinic-form-section-v3455f[open] .clinic-form-section-head-v3455f i{transform:rotate(180deg)}
.clinic-form-section-grid-v3455f{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 14px 14px;border-top:1px solid var(--border)}
.clinic-form-section-modulos-v3455f .clinic-form-section-grid-v3455f{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.clinic-module-option-v3455f{display:flex!important;align-items:center;gap:8px;border:1px solid var(--border);background:#fafbfc;border-radius:10px;padding:10px!important;min-height:42px;font-weight:650}.clinic-module-option-v3455f input{width:auto!important;min-height:auto!important}.clinic-module-title-hidden-v3455f{display:none!important}
.clinic-popup-buttons-v3455f{display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:8px!important;margin-top:2px!important;padding-top:12px!important;border-top:1px solid var(--border)!important}.clinic-popup-buttons-v3455f .btn,.clinic-popup-buttons-v3455f button,.clinic-popup-buttons-v3455f input[type="submit"]{width:auto!important}.clinic-popup-buttons-v3455f .btn.primary,.clinic-popup-buttons-v3455f button[type="submit"],.clinic-popup-buttons-v3455f input[type="submit"]{background:var(--red)!important;border-color:var(--red)!important;color:#fff!important;border-radius:9px!important;padding:9px 13px!important;font-weight:650!important;cursor:pointer!important}
.clinic-confirm-box-v3455f{display:flex;gap:13px;align-items:flex-start;background:#fff;border:1px solid var(--border);border-radius:13px;padding:16px}.clinic-confirm-icon-v3455f{width:36px;height:36px;border-radius:999px;background:#fff0f1;color:var(--danger);display:grid;place-items:center;font-weight:900}.clinic-confirm-box-v3455f p{margin:5px 0 0;color:#525861;line-height:1.45}
html.clinics-popup-mode-v3455f,body.clinics-popup-mode-v3455f{background:#fff!important;overflow:auto!important}body.clinics-popup-mode-v3455f .sidebar,body.clinics-popup-mode-v3455f .topbar,body.clinics-popup-mode-v3455f header,body.clinics-popup-mode-v3455f nav{display:none!important}body.clinics-popup-mode-v3455f .app-shell,body.clinics-popup-mode-v3455f .main,body.clinics-popup-mode-v3455f main,body.clinics-popup-mode-v3455f .content{display:block!important;margin:0!important;padding:0!important;width:100%!important;max-width:none!important;background:#fff!important}body.clinics-popup-mode-v3455f .content{padding:0!important}.clinic-fetched-page-v3455f{display:grid;gap:12px}
@media(max-width:820px){.clinic-action-panel-v3455{width:100%;height:96vh}.clinic-form-section-grid-v3455f,.clinic-form-section-modulos-v3455f .clinic-form-section-grid-v3455f{grid-template-columns:1fr}.clinic-action-modal-v3455{padding:8px}.clinic-popup-buttons-v3455f{flex-direction:column-reverse}.clinic-popup-buttons-v3455f .btn,.clinic-popup-buttons-v3455f button,.clinic-popup-buttons-v3455f input[type="submit"]{width:100%!important}}

/* V3.4.55G — Clínicas: ajustes reales de popup, color por clínica y no romper selector de clínica */
.clinic-action-modal-v3455[hidden]{display:none!important}
.clinic-action-modal-v3455{position:fixed;inset:0;z-index:12500;display:grid;place-items:center;padding:18px;opacity:0;transition:opacity .14s ease}
.clinic-action-modal-v3455.open{opacity:1}
.clinic-action-backdrop-v3455{position:absolute;inset:0;background:rgba(12,15,20,.78);backdrop-filter:blur(3px)}
.clinic-action-panel-v3455{position:relative;width:min(1040px,96vw);max-height:94vh;background:#fff;border-radius:16px;box-shadow:0 30px 100px rgba(0,0,0,.45);display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border:1px solid rgba(255,255,255,.45)}
.clinic-action-head-v3455{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 17px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#fff,#fafbfc)}
.clinic-action-head-v3455 strong{display:block;font-size:17px;color:#20242a}.clinic-action-head-v3455 small{margin:2px 0 0;color:var(--muted)}
.clinic-action-close-v3455{width:34px;height:34px;border-radius:10px;border:1px solid var(--border);background:#fff;cursor:pointer;font-size:22px;line-height:1;color:#555}.clinic-action-close-v3455:hover{background:color-mix(in srgb,var(--clinic-color,var(--red)) 8%,white);color:var(--clinic-color,var(--red));border-color:color-mix(in srgb,var(--clinic-color,var(--red)) 30%,white)}
.clinic-action-body-v3455{overflow:auto;padding:16px;background:#f6f7f9}.clinic-action-footer-v3455{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--border);background:#fff}
body.clinic-modal-open-v3455{overflow:hidden!important}
.clinic-popup-card-v3455g{background:#fff;border:0;border-radius:14px;padding:0;box-shadow:none;width:100%;max-width:100%}
.clinic-action-body-v3455 .panel-head,.clinic-action-body-v3455 h1:first-child,.clinic-action-body-v3455 h2:first-child,.clinic-action-body-v3455 h3:first-child,.clinic-popup-title-hidden-v3455g{display:none!important}
.clinic-popup-note-hidden-v3455g,.clinic-duplicate-new-hidden-v3455g,.clinic-module-title-hidden-v3455g{display:none!important}
.clinic-popup-form-v3455g{display:grid!important;gap:10px!important;margin:0!important}.clinic-popup-form-v3455g label{font-size:13px}.clinic-popup-form-v3455g input,.clinic-popup-form-v3455g select,.clinic-popup-form-v3455g textarea{min-height:38px;padding:8px 10px}
.clinic-form-section-v3455g{background:#fff;border:1px solid var(--border);border-radius:13px;overflow:hidden}.clinic-form-section-v3455g summary{list-style:none;cursor:pointer}.clinic-form-section-v3455g summary::-webkit-details-marker{display:none}
.clinic-form-section-head-v3455g{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:#fff}.clinic-form-section-head-v3455g strong{font-size:14px}.clinic-form-section-head-v3455g small{font-weight:500;margin-top:2px}.clinic-form-section-head-v3455g i{font-style:normal;color:var(--muted);transition:transform .14s ease}.clinic-form-section-v3455g[open] .clinic-form-section-head-v3455g i{transform:rotate(180deg)}
.clinic-form-section-grid-v3455g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 14px 14px;border-top:1px solid var(--border)}
.clinic-form-section-modulos-v3455g .clinic-form-section-grid-v3455g{grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:stretch}.clinic-module-option-v3455g{display:flex!important;align-items:center;gap:8px;border:1px solid var(--border);background:#fafbfc;border-radius:10px;padding:10px!important;min-height:42px;font-weight:650}.clinic-module-option-v3455g input{width:auto!important;min-height:auto!important}
.clinic-popup-buttons-v3455g{display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:8px!important;margin-top:2px!important;padding-top:12px!important;border-top:1px solid var(--border)!important}.clinic-popup-buttons-v3455g .btn,.clinic-popup-buttons-v3455g button,.clinic-popup-buttons-v3455g input[type="submit"],.clinic-popup-buttons-v3455g input[type="button"]{width:auto!important;margin:0!important;border-radius:9px!important;padding:9px 13px!important;font-weight:650!important;cursor:pointer!important}
.clinic-action-modal-v3455 .btn.primary,.clinic-action-modal-v3455 button.primary,.clinic-action-modal-v3455 input.primary,.clinic-popup-buttons-v3455g .btn.primary,.clinic-popup-buttons-v3455g button[type="submit"],.clinic-popup-buttons-v3455g input[type="submit"],#clinic-confirm-accept-v3455g{background:var(--clinic-color,var(--red))!important;border-color:var(--clinic-color,var(--red))!important;color:#fff!important}
.clinic-action-modal-v3455 .btn.danger,.clinic-action-footer-v3455 .btn.danger,.clinic-confirm-accept-v3455e,.clinic-confirm-accept-v3455f{background:var(--clinic-color,var(--red))!important;border-color:var(--clinic-color,var(--red))!important;color:#fff!important}
.clinic-popup-cancel-v3455g,.clinic-action-modal-v3455 [data-clinic-close].btn{background:#fff!important;border-color:var(--border)!important;color:var(--text)!important}
.clinic-confirm-box-v3455g{display:flex;gap:13px;align-items:flex-start;background:#fff;border:1px solid var(--border);border-radius:13px;padding:16px}.clinic-confirm-icon-v3455g{width:36px;height:36px;border-radius:999px;background:color-mix(in srgb,var(--clinic-color,var(--red)) 10%,white);color:var(--clinic-color,var(--red));display:grid;place-items:center;font-weight:900}.clinic-confirm-box-v3455g p{margin:5px 0 0;color:#525861;line-height:1.45}
.clinic-logo-field-v3455g small{font-size:12px;color:var(--muted);line-height:1.35}.clinic-logo-field-v3455g input[type=file]{background:#fff;border:1px solid var(--border);border-radius:12px;padding:9px;width:100%}
@media(max-width:1100px){.clinic-form-section-modulos-v3455g .clinic-form-section-grid-v3455g{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:820px){.clinic-action-panel-v3455{width:100%;height:96vh}.clinic-form-section-grid-v3455g,.clinic-form-section-modulos-v3455g .clinic-form-section-grid-v3455g{grid-template-columns:1fr!important}.clinic-action-modal-v3455{padding:8px}.clinic-popup-buttons-v3455g{flex-direction:row!important;justify-content:flex-end!important}.clinic-popup-buttons-v3455g .btn,.clinic-popup-buttons-v3455g button,.clinic-popup-buttons-v3455g input[type="submit"],.clinic-popup-buttons-v3455g input[type="button"]{width:auto!important}}

/* V3.4.55I — Clínicas: estructura real de pantalla y módulos en columnas */
.clinic-page-title-hidden-v3455i,
.clinic-popup-title-hidden-v3455i,
.clinic-popup-note-hidden-v3455i,
.clinic-duplicate-new-hidden-v3455i,
.clinic-module-title-hidden-v3455i,
.clinic-source-form-hidden-v3455i{display:none!important}
.clinics-main-page-v3455i .grid.sidebar-grid.clinics-clean-grid-v3455i{grid-template-columns:1fr!important}
.clinics-main-page-v3455i .grid.sidebar-grid.clinics-clean-grid-v3455i>.panel{min-width:0!important;width:100%!important;max-width:none!important}
.clinic-page-actions-v3455i{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:flex-end}
.clinic-main-action-v3455i{background:var(--clinic-color,var(--red))!important;border-color:var(--clinic-color,var(--red))!important;color:#fff!important}
.clinic-popup-card-v3455i{background:#fff!important;border:0!important;border-radius:14px!important;padding:0!important;box-shadow:none!important;width:100%!important;max-width:100%!important}
.clinic-popup-form-v3455i{display:grid!important;gap:10px!important;margin:0!important}
.clinic-popup-form-v3455i label{font-size:13px!important}
.clinic-form-section-v3455i{background:#fff;border:1px solid var(--border);border-radius:13px;overflow:hidden}
.clinic-form-section-v3455i summary{list-style:none;cursor:pointer}
.clinic-form-section-v3455i summary::-webkit-details-marker{display:none}
.clinic-form-section-head-v3455i{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:#fff}
.clinic-form-section-head-v3455i strong{font-size:14px}
.clinic-form-section-head-v3455i small{font-weight:500;margin-top:2px}
.clinic-form-section-head-v3455i i{font-style:normal;color:var(--muted);transition:transform .14s ease}
.clinic-form-section-v3455i[open] .clinic-form-section-head-v3455i i{transform:rotate(180deg)}
.clinic-form-section-grid-v3455i{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;padding:0 14px 14px!important;border-top:1px solid var(--border)!important}
.clinic-form-section-modulos-v3455i .clinic-form-section-grid-v3455i,
.clinic-form-section-modulos-v3455g .clinic-form-section-grid-v3455g,
.clinic-action-modal-v3455 .clinic-form-section-modulos-v3455i .clinic-form-section-grid-v3455i,
.clinic-action-modal-v3455 .clinic-form-section-modulos-v3455g .clinic-form-section-grid-v3455g{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(150px,1fr))!important;
  gap:10px!important;
  align-items:stretch!important;
}
.clinic-form-section-modulos-v3455i .check-grid,
.clinic-form-section-modulos-v3455g .check-grid,
.clinic-action-modal-v3455 .clinic-form-section-modulos-v3455i .check-grid,
.clinic-action-modal-v3455 .clinic-form-section-modulos-v3455g .check-grid{
  display:contents!important;
}
.clinic-module-option-v3455i,
.clinic-form-section-modulos-v3455i label,
.clinic-form-section-modulos-v3455g label{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  border:1px solid var(--border)!important;
  background:#fafbfc!important;
  border-radius:10px!important;
  padding:10px!important;
  min-height:42px!important;
  font-weight:650!important;
  width:100%!important;
}
.clinic-module-option-v3455i input,
.clinic-module-option-v3455g input,
.clinic-form-section-modulos-v3455i label input,
.clinic-form-section-modulos-v3455g label input{width:auto!important;min-height:auto!important;flex:0 0 auto!important}
.clinic-popup-buttons-v3455i{display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:8px!important;margin-top:2px!important;padding-top:12px!important;border-top:1px solid var(--border)!important}
.clinic-popup-buttons-v3455i .btn,
.clinic-popup-buttons-v3455i button,
.clinic-popup-buttons-v3455i input[type="submit"],
.clinic-popup-buttons-v3455i input[type="button"]{width:auto!important;margin:0!important;border-radius:9px!important;padding:9px 13px!important;font-weight:650!important;cursor:pointer!important}
.clinic-action-modal-v3455 .btn.primary,
.clinic-action-modal-v3455 button.primary,
.clinic-action-modal-v3455 input.primary,
.clinic-popup-buttons-v3455i .btn.primary,
.clinic-popup-buttons-v3455i button[type="submit"],
.clinic-popup-buttons-v3455i input[type="submit"],
#clinic-confirm-accept-v3455g{background:var(--clinic-color,var(--red))!important;border-color:var(--clinic-color,var(--red))!important;color:#fff!important}
.clinic-popup-cancel-v3455i,.clinic-action-modal-v3455 [data-clinic-close].btn{background:#fff!important;border-color:var(--border)!important;color:var(--text)!important}
@media(max-width:1100px){.clinic-form-section-modulos-v3455i .clinic-form-section-grid-v3455i,.clinic-form-section-modulos-v3455g .clinic-form-section-grid-v3455g{grid-template-columns:repeat(3,minmax(150px,1fr))!important}}
@media(max-width:820px){.clinic-form-section-grid-v3455i,.clinic-form-section-modulos-v3455i .clinic-form-section-grid-v3455i,.clinic-form-section-modulos-v3455g .clinic-form-section-grid-v3455g{grid-template-columns:1fr!important}.clinic-popup-buttons-v3455i{flex-direction:row!important;justify-content:flex-end!important}.clinic-popup-buttons-v3455i .btn,.clinic-popup-buttons-v3455i button,.clinic-popup-buttons-v3455i input[type="submit"],.clinic-popup-buttons-v3455i input[type="button"]{width:auto!important}}

/* V3.4.56 - Doctores + especialidades por clínica */
.doctors-module{display:flex;flex-direction:column;gap:16px}.doctors-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.doctors-layout{align-items:start}.doctors-column{min-height:420px}.doctor-list,.specialty-list{display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 310px);overflow:auto;padding-right:4px}.doctor-card,.specialty-card{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border:1px solid rgba(15,23,42,.09);border-radius:16px;background:#fff;padding:14px 15px;box-shadow:0 10px 28px rgba(15,23,42,.035)}.doctor-card strong,.specialty-card strong{display:block;color:#111827}.doctor-card small,.specialty-card small{display:block;color:#64748b;margin-top:2px}.doctor-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.tag.neutral{background:#f1f5f9;color:#334155}.specialty-assign-form{margin-top:16px;border-top:1px solid rgba(15,23,42,.08);padding-top:14px}.doctors-modal-panel{width:min(920px,calc(100vw - 30px));max-height:calc(100vh - 50px);overflow:auto}.doctors-modal-panel.narrow{width:min(620px,calc(100vw - 30px))}.doctor-popup-form{display:flex;flex-direction:column;gap:14px}.popup-section-card{border:1px solid rgba(15,23,42,.08);border-radius:18px;background:#fff;padding:16px}.popup-section-card h3{margin:0 0 12px;font-size:15px;color:#111827}.form-grid.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.readonly-box{border:1px solid rgba(15,23,42,.14);border-radius:12px;background:#f8fafc;padding:12px 14px;color:#334155}.modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding-top:4px}.owc-modal[hidden]{display:none!important}.owc-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:18px}.owc-modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.56);backdrop-filter:blur(2px)}.owc-modal-panel{position:relative;background:#f8fafc;border-radius:22px;box-shadow:0 26px 80px rgba(15,23,42,.26);border:1px solid rgba(255,255,255,.6);padding:0}.owc-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid rgba(15,23,42,.08);background:#fff;border-radius:22px 22px 0 0}.owc-modal-head strong{display:block;font-size:18px;color:#111827}.owc-modal-head small{display:block;color:#64748b;margin-top:3px}.owc-modal-panel form{padding:18px 20px 20px}.icon-button{border:0;background:#f1f5f9;border-radius:999px;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;font-size:22px;line-height:1;cursor:pointer;color:#334155}.icon-button:hover{background:#e2e8f0}body.modal-open{overflow:hidden}@media(max-width:900px){.doctors-toolbar{align-items:flex-start;flex-direction:column}.form-grid.three{grid-template-columns:1fr}.doctor-list,.specialty-list{max-height:none}.doctor-card,.specialty-card{flex-direction:column}.modal-actions{justify-content:stretch}.modal-actions .btn{flex:1}}

/* V3.4.57 - Convenios por clínica activa */
.convenios-module{display:flex;flex-direction:column;gap:16px}
.convenios-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}
.convenios-panel{min-height:420px}
.convenio-list{display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 270px);overflow:auto;padding-right:4px}
.convenio-card{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;border:1px solid rgba(15,23,42,.09);border-radius:16px;background:#fff;padding:14px 15px;box-shadow:0 10px 28px rgba(15,23,42,.035)}
.convenio-card.is-inactive{background:#f8fafc;opacity:.82}
.convenio-card-main{min-width:0;flex:1}
.convenio-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.convenio-card strong{display:block;color:#111827}
.convenio-card small{display:block;color:#64748b;margin-top:4px;line-height:1.35}
.convenio-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px;color:#64748b;font-size:12px}
.convenio-meta span{border:1px solid rgba(15,23,42,.08);border-radius:999px;background:#f8fafc;padding:4px 8px}
.convenio-actions{flex:0 0 auto;justify-content:flex-end}
.convenios-modal-panel{width:min(860px,calc(100vw - 30px));max-height:calc(100vh - 50px);overflow:auto}
.convenios-modal-panel.narrow{width:min(560px,calc(100vw - 30px))}
.convenio-popup-form{display:flex;flex-direction:column;gap:14px}
.form-grid.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.convenio-modal-actions{display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:10px!important}
.convenio-confirm-box{display:flex;gap:13px;align-items:flex-start;background:#fff;border:1px solid rgba(15,23,42,.09);border-radius:16px;padding:16px}
.convenio-confirm-icon{width:36px;height:36px;border-radius:999px;background:color-mix(in srgb,var(--clinic-color,var(--red)) 10%,white);color:var(--clinic-color,var(--red));display:grid;place-items:center;font-weight:900;flex:0 0 auto}
.convenio-confirm-box p{margin:5px 0 0;color:#525861;line-height:1.45}
.convenios-module .btn.primary,
.convenios-module button.primary,
.convenios-module input.primary,
.convenios-module .convenio-modal-actions button[type="submit"].primary{background:var(--clinic-color,var(--red))!important;border-color:var(--clinic-color,var(--red))!important;color:#fff!important}
@media(max-width:800px){.convenios-toolbar{align-items:flex-start;flex-direction:column}.convenio-list{max-height:none}.convenio-card{flex-direction:column}.convenio-actions{width:100%;justify-content:flex-start}.form-grid.two{grid-template-columns:1fr}.convenio-modal-actions .btn{flex:1}}

/* ============================================================
   V3.4.58B - Modulos administrativos por clinica activa
   Integrado al CSS base del sistema.
   Sin hoja CSS separada.
   ============================================================ */
/* V3.4.58 - módulos administrativos por clínica con popups del sistema */
body.owc-modal-open{overflow:hidden}.admin-module-v3458{display:flex;flex-direction:column;gap:16px}.module-toolbar-v3458{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.module-toolbar-v3458 h2,.module-panel-v3458 h2{margin:0}.module-card-list-v3458{display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 280px);overflow:auto;padding-right:4px}.module-card-v3458{border:1px solid rgba(15,23,42,.10);border-radius:16px;padding:14px;background:#fff;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;box-shadow:0 8px 20px rgba(15,23,42,.04)}.module-card-v3458.is-inactive{opacity:.72;background:#f8fafc}.module-card-main-v3458{min-width:0;display:flex;flex-direction:column;gap:4px}.module-title-row-v3458{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.module-meta-v3458{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:4px;color:#64748b;font-size:.84rem}.module-meta-v3458 span{background:#f1f5f9;border-radius:999px;padding:3px 8px}.module-actions-v3458{justify-content:flex-end;flex-wrap:wrap}.module-table-v3458 td small,.module-card-v3458 small{display:block;color:#64748b;margin-top:2px}.owc-modal[hidden]{display:none!important}.owc-modal{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px}.owc-modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.48);backdrop-filter:blur(2px)}.owc-modal-panel{position:relative;background:#fff;border-radius:20px;box-shadow:0 24px 80px rgba(15,23,42,.28);width:min(840px,96vw);max-height:92vh;display:flex;flex-direction:column;overflow:hidden}.owc-modal-panel.narrow{width:min(520px,94vw)}.owc-modal-panel.large{width:min(980px,96vw)}.owc-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid rgba(15,23,42,.08)}.owc-modal-head strong{display:block;font-size:1.06rem}.owc-modal-head small{display:block;color:#64748b;margin-top:2px}.icon-button{border:0;background:#f1f5f9;border-radius:12px;width:36px;height:36px;font-size:22px;line-height:1;cursor:pointer}.popup-form-v3458{overflow:auto;padding:18px 20px;display:flex;flex-direction:column;gap:14px}.popup-section-card{border:1px solid rgba(15,23,42,.08);border-radius:16px;padding:14px;background:#fbfdff}.popup-section-card h3{margin:0 0 12px;font-size:.98rem}.popup-section-card label{display:flex;flex-direction:column;gap:6px}.form-grid.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.checkbox-grid-v3458{align-items:center}.popup-form-v3458 input,.popup-form-v3458 select,.popup-form-v3458 textarea{width:100%}.modal-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;position:sticky;bottom:-18px;background:#fff;padding:14px 0 2px;border-top:1px solid rgba(15,23,42,.08)}.confirm-box-v3458{display:flex;gap:12px;align-items:flex-start;background:#fff7ed;border:1px solid #fed7aa;border-radius:16px;padding:14px}.confirm-icon-v3458{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;background:#fb923c;color:#fff;flex:0 0 auto}.compact-note-v3458{margin:0}.quick-card-grid-v3458{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.quick-card-v3458{display:flex;flex-direction:column}.quick-card-v3458 p{margin:8px 0 0;color:#334155;white-space:pre-wrap}.quick-command-input-v3458{display:flex;align-items:center;border:1px solid rgba(15,23,42,.16);border-radius:12px;background:#fff;overflow:hidden}.quick-command-input-v3458 span{padding:0 10px;color:#64748b}.quick-command-input-v3458 input{border:0!important;box-shadow:none!important}.quick-vars-v3458{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.quick-vars-v3458 code{background:#eef2ff;border-radius:8px;padding:3px 6px}.quick-preview-v3458{white-space:pre-wrap;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:14px;padding:12px;color:#065f46;min-height:52px}@media(max-width:760px){.form-grid.two{grid-template-columns:1fr}.module-card-v3458{flex-direction:column}.module-actions-v3458{justify-content:flex-start}.owc-modal{padding:10px}.owc-modal-panel{max-height:94vh}.popup-form-v3458{padding:14px}.modal-actions{flex-direction:column-reverse;align-items:stretch}.modal-actions .btn{width:100%}}

/* V3.4.60AB — QR inmediato y modo mirar/tomar conversación */
.whatsapp-card [data-wa-action]:disabled{opacity:.58;cursor:wait}
.chat-mode-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.chat-readonly-notice{display:flex;align-items:flex-start;gap:7px;margin:0 0 10px;padding:10px 12px;border:1px solid #cfe3f5;border-radius:11px;background:#f4f9fd;color:#31506b;font-size:13px;line-height:1.35}
.chat-readonly-notice strong{color:#183b59;white-space:nowrap}
.ticket-item .tag{margin-left:5px;font-size:10px;padding:2px 6px}
.conversation-choice-modal .owc-modal-panel{width:min(560px,94vw)}
.conversation-choice-body{padding:18px 20px 20px}
.conversation-choice-body p{margin:0;color:#475569;line-height:1.55}
.conversation-choice-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}
@media(max-width:700px){.chat-mode-actions{justify-content:flex-start}.chat-readonly-notice{display:grid}.conversation-choice-actions{display:grid;grid-template-columns:1fr}.conversation-choice-actions .btn{width:100%}}
.chat-readonly-side-note{margin-top:12px;padding:10px 11px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;color:#64748b;font-size:12px;line-height:1.4}

/* V3.4.60AC — Conversaciones más compactas y contacto bajo demanda */
.ticket-list .ticket-item{
  padding:8px 10px;
}
.ticket-list .ticket-title{
  align-items:center;
  gap:8px;
  line-height:1.15;
}
.ticket-list .ticket-title strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:13px;
}
.ticket-list .ticket-title small{
  flex:0 0 auto;
  font-size:10px;
}
.ticket-list .ticket-preview{
  margin:2px 0 4px;
  font-size:10.5px;
  line-height:1.15;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  color:#7a838f;
}
.ticket-list .ticket-item>div:last-child{
  display:flex;
  align-items:center;
  gap:4px;
  flex-wrap:wrap;
  line-height:1;
}
.ticket-list .ticket-item .status,
.ticket-list .ticket-item .tag{
  font-size:9px;
  padding:2px 5px;
}
.chat-contact-heading{
  min-width:0;
}
.chat-contact-name-row{
  display:flex;
  align-items:center;
  gap:9px;
  min-width:0;
}
.chat-contact-name-row h2{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.contact-data-button{
  flex:0 0 auto;
  padding:5px 8px;
  font-size:11px;
}
.contact-data-panel{
  width:min(520px,94vw)!important;
}
.contact-data-body{
  padding:18px 20px 20px;
  overflow:auto;
}
.contact-data-list{
  display:grid;
  gap:0;
  margin:0;
  border:1px solid var(--border);
  border-radius:14px;
  overflow:hidden;
  background:#fff;
}
.contact-data-list>div{
  display:grid;
  grid-template-columns:110px minmax(0,1fr);
  gap:12px;
  padding:12px 14px;
  border-bottom:1px solid var(--border);
}
.contact-data-list>div:last-child{
  border-bottom:0;
}
.contact-data-list dt{
  font-size:12px;
  font-weight:700;
  color:#64748b;
}
.contact-data-list dd{
  margin:0;
  min-width:0;
  overflow-wrap:anywhere;
  color:#1f2937;
}
.contact-data-actions{
  display:flex;
  justify-content:flex-end;
  gap:8px;
  margin-top:14px;
}
.ticket-side>h3{
  margin-top:0;
}
@media(max-width:700px){
  .chat-contact-name-row{align-items:flex-start;flex-wrap:wrap}
  .contact-data-list>div{grid-template-columns:1fr;gap:4px}
  .contact-data-actions{display:grid;grid-template-columns:1fr}
  .contact-data-actions .btn{width:100%}
}

/* V3.4.60AD — Estados restaurados, chat sin columna lateral y menú plegable */
.inbox-page-shell .inbox-state-tabs a{
  position:relative;
}
.inbox-page-shell .inbox-state-tabs a:not(.active)::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:999px;
  background:var(--state-color,#94a3b8);
  flex:0 0 auto;
}
.inbox-page-shell .inbox-layout.inbox-compact{
  grid-template-columns:minmax(225px,270px) minmax(0,1fr)!important;
}
.inbox-page-shell .chat-state-summary{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
  flex-wrap:wrap;
}
.inbox-page-shell .ticket-state-change-form{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
}
.inbox-page-shell .ticket-state-change-form select{
  width:auto;
  min-width:145px;
  max-width:210px;
  padding:5px 28px 5px 8px;
  font-size:11px;
  line-height:1.1;
}
.inbox-page-shell .finish-ticket-form{
  display:grid;
  gap:11px;
  padding:14px 15px 0;
}
.inbox-page-shell .finish-ticket-form label{
  font-size:12px;
}
.inbox-page-shell .finish-ticket-form .owc-confirm-actions{
  margin:2px -15px 0;
}
.inbox-page-shell .contact-data-list>div{
  grid-template-columns:90px minmax(0,1fr);
}
@media(max-width:1000px){
  .inbox-page-shell .chat-head.compact-chat-head{display:grid}
  .inbox-page-shell .chat-state-box{max-width:none;justify-items:start}
  .inbox-page-shell .chat-state-summary,
  .inbox-page-shell .ticket-state-change-form{justify-content:flex-start}
}
@media(max-width:850px){
  .inbox-page-shell .inbox-layout.inbox-compact{grid-template-columns:1fr!important}
  .inbox-page-shell .ticket-state-change-form{display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%}
  .inbox-page-shell .ticket-state-change-form select{width:100%;max-width:none}
}

/* V3.4.60AE — Restauración de WhatsApp en lista compacta */
.whatsapp-overview-panel{margin-bottom:10px}
.whatsapp-compact-list .wa-list-image{
  display:grid!important;
  place-items:center!important;
  border-radius:11px!important;
  background:#25d366!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
}
.whatsapp-compact-list .wa-detail-status-row{display:flex;justify-content:flex-end;margin:-2px 0 8px}
.whatsapp-compact-list .wa-detail-backdrop{padding:0!important}
.whatsapp-compact-list .wa-card-detail-panel>.wa-message{display:block;margin-top:8px!important}
.whatsapp-compact-list .wa-card-detail-panel .capability-tags{margin-bottom:6px}
.whatsapp-compact-list .wa-card-detail-panel form.compact-form{margin-top:10px}
.whatsapp-compact-list .wa-card-detail-panel .icon-button{flex:0 0 auto}
@media(max-width:620px){
  .whatsapp-compact-list .wa-card-summary{grid-template-columns:36px minmax(0,1fr) auto!important}
  .whatsapp-compact-list .wa-list-state{grid-column:3}
  .whatsapp-compact-list .wa-detail-open{grid-column:1/-1!important}
}

/* V3.4.60AG — Identidad visual de estados y multimedia de conversaciones */
.inbox-page-shell .inbox-state-tabs .state-tab{
  border-color:var(--state-color)!important;
  background:var(--state-color)!important;
  color:var(--state-text,#fff)!important;
  box-shadow:0 2px 7px color-mix(in srgb,var(--state-color) 22%,transparent);
  opacity:.86;
  transition:transform .14s ease,box-shadow .14s ease,filter .14s ease,opacity .14s ease;
}
.inbox-page-shell .inbox-state-tabs .state-tab::before{
  background:var(--state-color)!important;
}
.inbox-page-shell .inbox-state-tabs .state-tab strong{
  background:var(--state-color)!important;
  color:var(--state-text,#fff)!important;
}
.inbox-page-shell .inbox-state-tabs .state-tab.active{
  background:var(--state-color)!important;
  border-color:var(--state-color)!important;
  color:var(--state-text,#fff)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--state-color) 24%,transparent),0 6px 16px color-mix(in srgb,var(--state-color) 36%,transparent);
  transform:translateY(-1px);
  opacity:1;
}
.inbox-page-shell .inbox-state-tabs .state-tab.active::before{display:none}
.inbox-page-shell .inbox-state-tabs .state-tab.active strong{
  background:rgba(255,255,255,.24)!important;
  color:var(--state-text,#fff)!important;
}
.inbox-page-shell .inbox-state-tabs .state-tab:hover{filter:saturate(1.08);transform:translateY(-1px);opacity:1}
.inbox-page-shell .ticket-item .status,
.inbox-page-shell .current-ticket-state{
  border-color:color-mix(in srgb,var(--status,#777) 48%,transparent);
  background:color-mix(in srgb,var(--status,#777) 14%,#fff);
  color:color-mix(in srgb,var(--status,#777) 82%,#111);
}
.inbox-page-shell .ticket-item{
  min-height:58px;
}
.inbox-page-shell .ticket-preview{
  font-size:11px!important;
  line-height:1.2!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  margin:3px 0 5px!important;
}
.image-modal .image-forward-group{width:100%}
.image-modal .image-forward-caption{width:100%;resize:vertical}
.message-image-link{cursor:zoom-in}
@media(max-width:700px){
  .inbox-page-shell .inbox-state-tabs .state-tab{padding:6px 8px!important}
}


/* V3.4.60AH — Grupos reconocidos y destino visible al reenviar */
.inbox-page-shell .conversation-kind-tabs{
  margin:0 0 9px;
  padding:0 1px 3px;
}
.inbox-page-shell .conversation-kind-tabs a{
  min-height:31px;
  padding:6px 10px;
  border-radius:10px;
}
.inbox-page-shell .conversation-kind-tabs .kind-total{
  display:inline-grid!important;
  place-items:center;
  min-width:20px;
  height:20px;
  padding:0 5px;
  border-radius:999px;
  background:#eef2f6;
  color:#475569;
  font-size:10px;
  line-height:1;
}
.inbox-page-shell .conversation-kind-tabs a.active .kind-total{
  background:rgba(23,106,59,.12);
  color:#176a3b;
}
.inbox-page-shell .ticket-title{
  gap:6px;
}
.inbox-page-shell .ticket-title .ticket-kind-badge{
  margin-left:auto;
}
.image-forward-destination{
  display:grid;
  gap:3px;
  padding:10px 12px;
  border:1px solid #b8dcC7;
  border-radius:11px;
  background:#eef9f2;
  color:#14532d;
}
.image-forward-destination[hidden]{display:none!important}
.image-forward-destination strong{
  font-size:14px;
  overflow-wrap:anywhere;
}
.image-forward-destination small{
  color:#4b6b59;
  font-size:11px;
}
.image-forward-help{
  margin:-2px 0 0;
  color:#64748b;
  font-size:11px;
  line-height:1.35;
}
.image-forward-confirm:disabled{
  opacity:.52;
  cursor:not-allowed;
}
@media(max-width:700px){
  .inbox-page-shell .conversation-kind-tabs a{padding:6px 8px}
  .image-forward-box .button-row{display:grid;grid-template-columns:1fr}
}

/* V3.4.60AI — Retomar conversación, historial y Click para chatear. */
.click-chat-icon{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:999px;background:#fff;font-size:13px;line-height:1}
.click-chat-large-icon{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#e8f7ef;border:1px solid #bfe7d0;font-size:21px;flex:0 0 auto}
.history-modal-conversation-list{padding:16px;overflow:auto;max-height:none;background:#f7f8fa}
.history-modal-conversation-list[hidden],.history-chat-messages[hidden],.history-ticket-events[hidden]{display:none!important}
.contact-form-panel{width:min(880px,100%);margin-inline:auto}
[data-reopen-ticket]{background:#0d6efd!important;border-color:#0d6efd!important;color:#fff!important;font-weight:800}
[data-reopen-ticket]:hover{background:#0b5ed7!important;border-color:#0a58ca!important}
@media(max-width:700px){.contacts-head-actions{justify-content:flex-start}.history-modal-conversation-list{padding:10px}}


/* V3.4.60AJ — Iconos visuales para Click para chatear y estado de WhatsApp. */
.click-chat-button img{width:24px!important;height:24px!important;object-fit:cover!important;border-radius:7px!important;border:1px solid rgba(23,106,59,.16)!important;background:#fff!important}
.wa-list-image{border-radius:9px!important;border:1px solid #e3e6ea!important;background:#fff!important;padding:2px!important;box-shadow:0 2px 7px rgba(0,0,0,.06)!important}

/* Login unificado - estilo odontoimages */
.login-page{background:#fff}
.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(360px,46%) 1fr}
.login-panel{background:#202124;color:#fff;padding:52px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.login-brand{display:flex;align-items:center;gap:12px}
.logo-login-wrap{width:100%;align-items:flex-start}
.system-logo{display:block;max-width:100%;height:auto;object-fit:contain}
.system-logo-login{width:min(520px,100%);max-height:190px;object-position:left center;border-radius:14px}
.login-copy{max-width:560px}
.login-copy .eyebrow{font-size:10px;font-weight:850;letter-spacing:.14em;color:var(--red)}
.login-copy h1{font-size:44px;line-height:1.06;letter-spacing:-.04em;margin:14px 0}
.login-copy p{color:#c6c9ce;font-size:18px;margin:0}
.login-card-wrap{display:grid;place-items:center;padding:32px}
.login-page .login-card{width:min(430px,100%);background:#fff;border:1px solid var(--border);border-radius:14px;padding:34px;box-shadow:var(--shadow)}
.login-page .login-card h2{font-size:28px;letter-spacing:-.03em;margin:0 0 8px}
.login-page .login-card form{display:block;margin:0}
.login-page .login-card label{display:block;font-weight:700;font-size:14px;margin:18px 0 7px;color:#454b54}
.login-page .login-card input{width:100%;height:44px;padding:0 13px;border:1px solid #cfd4da;border-radius:9px;background:#fff;color:var(--text);outline:none;transition:.15s}
.login-page .login-card input:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(180,32,42,.11)}
.login-page .login-card .btn{margin-top:20px}
.login-help{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:18px;padding-top:18px;border-top:1px solid var(--border);font-size:11px;color:var(--muted)}

@media(max-width:800px){
  .login-shell{grid-template-columns:1fr}
  .login-panel{display:none}
  .login-card-wrap{min-height:100vh;padding:24px}
  .login-help{align-items:flex-start;flex-direction:column}
}

/* Hotfix flujo atención v1.1: hidden debe prevalecer sobre .btn display:inline-flex */
.conversation-choice-actions [hidden]{display:none!important}
