/* EConnect: azul volcánico, turquesa lago, amarillo mango y coral. */
:root{--paper:#f7f5ef;--ink:#17324d;--gold:#18a999;--gold-light:#a4e4de;--line:#dce6eb;--muted:#586d7b;--navy:#17324d;--teal:#18a999;--mango:#ffb703;--coral:#ff6b57;color:var(--navy);background:#f5f8fa}
.dashboard-view .brand-banner,.dashboard-view #content>.dashboard-top,.dashboard-view #content>.notice{display:none}
.board-view .brand-banner{display:none}
.notification-bell.reminder-alert{border-color:#ff6b57;box-shadow:0 0 0 3px #ff6b5720}
.chat-actions{display:flex;justify-content:flex-end;gap:9px;padding:16px 22px;border-top:1px solid #e1eaf0;flex-wrap:wrap}.schedule-chat{padding:18px 22px;background:#f4faf8}.schedule-chat[hidden]{display:none}.schedule-chat label{display:block;font-size:11px;margin-bottom:8px}.schedule-chat input{display:block;padding:10px;width:100%;border:1px solid #cfe1e8;border-radius:6px;margin-bottom:14px;font:12px 'DM Sans',sans-serif;color:#17324d}.schedule-chat p{color:#ad4235;font-size:11px}.chat-dialog{max-height:92vh;overflow:auto}.chat-dialog .messages{height:300px;max-height:40vh}
.user-menu-trigger[data-status="offline"]:after,.status-dot.status-offline{background:#899ba6}
.user-menu-trigger[data-status="available"]:after,.status-dot.status-available{background:#16a36b}
.user-menu-trigger[data-status="bathroom"]:after,.user-menu-trigger[data-status="lunch"]:after,.user-menu-trigger[data-status="paused"]:after,.status-dot.status-bathroom,.status-dot.status-lunch,.status-dot.status-paused{background:#e9a600}
.user-menu-trigger[data-status="offline"]:after,.status-dot.status-offline{background:#df3c3c}
.presence-help{font-size:10px;line-height:1.7;color:#617b89;margin:7px 0 12px}
body .user-menu-trigger[data-status="bathroom"]:after,body .user-menu-trigger[data-status="lunch"]:after,body .user-menu-trigger[data-status="paused"]:after,body .status-dot.status-bathroom,body .status-dot.status-lunch,body .status-dot.status-paused{background:#e9a600}
.user-menu-trigger{border:1px solid #d2e5e9;cursor:pointer;position:relative;flex-shrink:0}.user-menu-trigger:after{content:'';position:absolute;bottom:0;right:0;width:9px;height:9px;border:2px solid white;border-radius:50%;background:#18a999}.user-menu-trigger[data-status="bathroom"]:after{background:#4d91d2}.user-menu-trigger[data-status="lunch"]:after{background:#ffb703}.user-menu-trigger[data-status="paused"]:after{background:#ff6b57}.user-panel{position:absolute;top:52px;right:0;z-index:55;width:230px;background:#fff;border:1px solid #dce6ec;border-radius:10px;box-shadow:0 10px 35px #17324d20;padding:17px;color:#17324d}.user-panel[hidden]{display:none}.user-panel>strong{font-size:12px}.user-panel>small{font-size:10px}.user-panel fieldset{border:0;border-top:1px solid #e5edf1;padding:14px 0 7px;margin:16px 0 0}.user-panel legend{font-size:10px;color:#627b89;padding-right:8px}.user-state{display:flex;align-items:center;gap:9px;font-size:12px;padding:9px 5px;cursor:pointer;border-radius:5px}.user-state:hover{background:#f1f9f6}.user-state input{accent-color:#087f75;margin:0}.status-dot{width:7px;height:7px;border-radius:50%;background:#18a999}.status-bathroom{background:#4d91d2}.status-lunch{background:#ffb703}.status-paused{background:#ff6b57}.user-logout{width:100%;padding:12px 5px 0;text-align:left;background:none;border:0;border-top:1px solid #e5edf1;color:#a54132;font-size:12px}
.mini-followup{display:flex;align-items:center;gap:10px;width:100%;background:white;border:0;border-bottom:1px solid #e5edf2;padding:12px 0;text-align:left;color:#17324d}.mini-followup:hover{background:#f0faf6}.mini-followup>span:last-child{min-width:0;flex:1}.mini-followup strong{display:block;font-size:11px}.mini-followup small{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-channel{display:flex;width:32px;flex-shrink:0;justify-content:center;color:#128c7e}
.header-right{position:relative}.notification-panel{position:absolute;top:52px;right:42px;width:290px;max-width:calc(100vw - 40px);max-height:330px;overflow:auto;z-index:50;background:white;border:1px solid #dae5eb;border-radius:10px;box-shadow:0 10px 35px #17324d20;padding:14px}.notification-panel[hidden]{display:none}.notification-panel-title{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid #e3ebef;font-size:12px}.notification-panel-title small{margin:0;font-size:9px}.mini-reminder{padding:12px 0;border-bottom:1px solid #eef3f5;font-size:11px}.mini-reminder small{font-size:10px}.mini-reminder p{font-size:11px;line-height:1.6;margin:8px 0;color:#5d7786}.mini-reminder button{background:none;border:0;padding:8px 0 0;font-size:10px;color:#087f75}.mini-empty{font-size:11px;color:#617b89;padding:15px 0 4px}
.notification-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:white;color:#17324d;border:1px solid #dce7ed;border-radius:50%;flex-shrink:0}.notification-bell:hover{background:#eaf7f4}.notification-count{position:absolute;top:-4px;right:-5px;min-width:18px;height:18px;padding:2px 4px;border-radius:10px;background:#ff6b57;color:#17324d;font-size:10px;font-weight:700}.header-right{gap:14px}
.reminder-list{display:grid;gap:18px;margin-top:22px}.reminder-card{display:grid;grid-template-columns:1fr 1fr;gap:25px}.reminder-due{border-left:4px solid #ff6b57}.reminder-card h3{margin:12px 0}.reminder-card label{display:block;font-size:11px;color:#526f80;margin-bottom:14px}.reminder-card input{display:block;width:100%;margin-top:7px;padding:11px;border:1px solid #ccdfe8;border-radius:6px;color:#17324d;background:white}.reminder-actions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:750px){.reminder-card{grid-template-columns:1fr}}
.monthly-summary{margin-top:24px}.monthly-summary .metrics{grid-template-columns:repeat(3,minmax(0,1fr));margin:20px 0 0}.monthly-summary .duration{font-size:23px}@media(max-width:650px){.monthly-summary .metrics{grid-template-columns:1fr}}
.dashboard-view .dashboard-metrics>.metric .metric-breakdown,.dashboard-view .dashboard-metrics>.metric>small{display:none}
.dashboard-view .dashboard-metrics>.metric:first-child .metric-breakdown{display:block}
.dashboard-view .dashboard-metrics>.metric:first-child>small{display:block}
.dashboard-view .dashboard-metrics{grid-template-rows:repeat(2,minmax(115px,auto))}
.dashboard-view .dashboard-metrics>.metric:nth-child(2){grid-column:2;grid-row:1}
.dashboard-view .dashboard-metrics>.completed-metric{grid-column:2;grid-row:2;padding:18px 22px;display:flex;flex-direction:column;justify-content:center}
.dashboard-view .dashboard-metrics>.completed-metric:before{background:#ff6b57}
.dashboard-view .dashboard-metrics>.completed-metric>b{margin:10px 0 0;font-size:28px}
@media(max-width:900px){.dashboard-view .dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-view .dashboard-metrics>.metric:nth-child(1){grid-column:1;grid-row:1 / 3}.dashboard-view .dashboard-metrics>.metric:nth-child(3){grid-column:1;grid-row:3}.dashboard-view .dashboard-metrics>.metric:nth-child(4){grid-column:2;grid-row:3}.dashboard-view .dashboard-metrics>.completed-metric{grid-column:2;grid-row:2}}
@media(max-width:500px){.dashboard-view .dashboard-metrics{display:flex;flex-direction:column}.dashboard-view .dashboard-metrics>.metric{min-height:115px}.dashboard-view .dashboard-metrics>.metric:nth-child(3){order:4}.dashboard-view .dashboard-metrics>.metric:nth-child(4){order:5}.dashboard-view .dashboard-metrics>.completed-metric{order:3}}
.board-channel-logo{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;background:#f6f9fa;border-radius:7px}.board-channel-logo svg{width:21px;height:21px}
.board-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.board-toolbar input{width:340px;max-width:100%;padding:12px;border:1px solid #d6e4eb;border-radius:8px;color:#17324d;outline-color:#18a999}.board-toolbar .muted{font-size:11px}
.chat-board{display:grid;grid-template-columns:repeat(4,minmax(240px,1fr));gap:16px;overflow-x:auto;padding-bottom:15px;min-height:65vh;align-items:start}.board-column{background:#f1f5f7;border:1px solid #e0e8ed;border-radius:12px;min-height:430px;padding:14px;border-top:3px solid #18a999}.board-column:nth-child(2){border-top-color:#ffb703}.board-column:nth-child(3){border-top-color:#17324d}.board-column:nth-child(4){border-top-color:#ff6b57}.column-title{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:18px}.column-title h2{font:700 12px Manrope,sans-serif;margin:0;line-height:1.6}.column-title>span{background:#e1eaee;border-radius:6px;padding:4px 8px;font-size:11px}.column-cards{display:grid;gap:13px}.chat-card{background:white;border:1px solid #dce7ec;border-radius:9px;padding:15px;box-shadow:0 2px 3px #17324d08;cursor:grab}.chat-card:active{cursor:grabbing}.card-meta{display:flex;justify-content:space-between;align-items:center}.card-meta small{font-size:9px;margin:0}.open-chat{display:block;text-align:left;border:0;background:none;padding:0;color:#17324d;font-weight:700;margin:14px 0 8px;font-size:13px}.open-chat:hover{text-decoration:underline}.chat-card p{font-size:11px;line-height:1.7;color:#617b89;margin:0 0 15px;overflow-wrap:anywhere}.assigned{font-size:9px;border-radius:50%;padding:7px;background:#e7f5f2;color:#087f75}.move-label{display:block;font-size:9px;color:#637b89;margin-top:13px;border-top:1px solid #edf2f5;padding-top:10px}.move-label select{display:block;width:100%;margin-top:6px;border:1px solid #dce7ec;background:white;color:#32586d;border-radius:5px;padding:7px;font:10px 'DM Sans',sans-serif}.column-empty{font-size:11px;line-height:1.9;color:#6e8694;text-align:center;padding:28px 8px}.drop-active{background:#e0f5ed;border-color:#18a999}.chat-dialog{padding:0;border:1px solid #dae6ed;border-radius:12px;width:600px;max-width:95vw;color:#17324d;box-shadow:0 25px 100px #17324d30}.chat-dialog::backdrop{background:#17324d70}.chat-dialog .messages{height:380px;max-height:55vh}.chat-dialog .composer{margin:0}@media(max-width:760px){.board-toolbar{align-items:flex-start;flex-direction:column}.chat-board{grid-template-columns:repeat(4,260px)}}
.dashboard-metrics>.metric:nth-child(3)>small,.dashboard-metrics>.metric:nth-child(3)>.metric-help,.dashboard-metrics>.metric:nth-child(4)>small,.dashboard-metrics>.metric:nth-child(4)>.online-list,.dashboard-metrics>.metric:nth-child(4)>b>span{display:none}
.dashboard-view .dashboard-metrics{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,auto);align-items:stretch}
.dashboard-view .dashboard-metrics>.metric:nth-child(1){grid-column:1;grid-row:1 / 3}
.dashboard-view .dashboard-metrics>.metric:nth-child(2){grid-column:2;grid-row:1 / 3}
.dashboard-view .dashboard-metrics>.metric:nth-child(3){grid-column:3;grid-row:1}
.dashboard-view .dashboard-metrics>.metric:nth-child(4){grid-column:3;grid-row:2}
.dashboard-view .dashboard-metrics>.metric:nth-child(n+3){padding:18px 22px;display:flex;flex-direction:column;justify-content:center}
.dashboard-view .dashboard-metrics>.metric:nth-child(n+3)>b{margin:10px 0 0;font-size:28px}
@media(max-width:900px){.dashboard-view .dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto}.dashboard-view .dashboard-metrics>.metric:nth-child(1){grid-column:1;grid-row:1}.dashboard-view .dashboard-metrics>.metric:nth-child(2){grid-column:2;grid-row:1}.dashboard-view .dashboard-metrics>.metric:nth-child(3){grid-column:1;grid-row:2}.dashboard-view .dashboard-metrics>.metric:nth-child(4){grid-column:2;grid-row:2}}
@media(max-width:500px){.dashboard-view .dashboard-metrics{grid-template-columns:1fr}.dashboard-view .dashboard-metrics>.metric:nth-child(n){grid-column:auto;grid-row:auto}}
body{background:#f5f8fa;color:var(--navy)}
aside{background:var(--navy);border-color:#23455d;color:white}
.brand{color:#fff}.brand span{color:#a9dcd9}
.logo{background:var(--teal);color:white;border-radius:11px;box-shadow:4px -4px 0 -1px var(--coral);border-bottom:3px solid var(--mango)}
.workspace{background:#22445d;border-color:#36576b;color:#75dfd2}.workspace strong,.profile strong{color:#fff}.workspace small,.profile small{color:#c1d4dd}.caption{color:#a9c3d1}
nav button{color:#d0e0e8;border-radius:7px}nav button:hover{background:#254960}nav button.active{background:#235263;color:#a3f2e6;border-left:3px solid var(--teal)}nav em{background:var(--coral);color:#17324d;border-radius:5px}
.demo{border-color:#416176;background:#1d3c55;color:#ffcf58;border-radius:7px}.demo small{color:#c5d4de}.profile{color:#ffd163}
.eyebrow{color:#357181}.pill{background:#dff5ef;border:1px solid #b4e4d8;color:#126756;border-radius:20px}.avatar{background:#d9eef1;color:#17324d}
.brand-banner{background:linear-gradient(110deg,#e0f5f1 0%,#eff8fa 68%,#fff5db 100%);border:1px solid #c6e6df;border-left:4px solid var(--teal);border-radius:10px}.banner-kicker{color:#276879}.brand-banner h2{color:var(--navy)}.brand-banner h2 em{color:#087c73}.brand-banner p{color:#496978}
.metric,.card{background:#fff;border-color:var(--line);border-radius:10px}.metric:before{background:var(--teal);width:28px;height:3px;border-radius:3px}.metric:nth-child(2):before{background:var(--coral)}.metric:nth-child(3):before{background:var(--mango)}.metric:nth-child(4):before{background:var(--navy)}.metric span{color:#596f7e}.metric b{color:var(--navy)}.metric small{color:#32786f}
.inbox{background:white;border-color:var(--line);border-radius:10px}.threads,.conversation-head,.search,.composer{border-color:var(--line)}.search input{background:#f4f8fa;border-color:#d8e4eb;color:var(--navy);border-radius:7px;outline-color:#168c82}.search input::placeholder,.composer input::placeholder{color:#667e8c}.filters button{background:#edf3f6;color:#526d7f;border-radius:5px}.filters button[style]{background:var(--navy)!important;color:#fff!important}
.thread{background:white;border-color:#e6eef2}.thread.selected{background:#e8f7f3;border-left-color:var(--teal)}.thread:hover{background:#f0f8fa}.thread p{color:#5a7382}.thread-top strong{color:var(--navy)}small,.thread-top small{color:#637a88}
.channel{background:#eaf0f8;color:#234f7c;border:1px solid #d8e4f2;border-radius:5px}.channel.whatsapp{background:#e0f5ed;color:#12674f;border-color:#bce3d3}
.messages{background:#f5f8fa}.date{color:#637d8c}.bubble{background:#fff;border-color:#dce6eb;color:#17324d;border-radius:0 10px 10px}.bubble.out{background:#ddf3ec;border-color:#c0e5d9;border-radius:10px 0 10px 10px}.bubble small{color:#4e786e}.composer{background:white}.composer input{color:#17324d}
.primary{background:#087f75;color:#fff;border-color:#087f75;border-radius:7px}.primary:hover{background:#06675f;border-color:#06675f}.secondary{background:white;border-color:#c4d7e1;color:#234e67;border-radius:7px}.secondary:hover{background:#eaf7f4;border-color:#8ed1c4}
.notice{background:#eaf4fa;color:#365e78;border:1px solid #cee1ed;border-left:3px solid #ffb703;border-radius:7px}.card.featured{background:#f0fbf7;border:2px solid var(--teal)}.card p,.muted{color:#586f7d}.price{color:#17324d}.price span{color:#627b89}.tag{color:#087c6e}.table td,.table th{border-color:#e1eaf0}.table th{color:#566f80}.empty{color:#617b8b}
#toast{background:var(--navy);color:white;border:1px solid #329f9d;border-radius:8px;box-shadow:0 8px 30px #17324d20}
footer{color:#256e7e;border-color:#d6e4ec}footer span{color:#617c8b}
button:focus-visible,a:focus-visible{outline:3px solid var(--mango);outline-offset:3px}button,a,input{transition:background-color .15s,border-color .15s}
@media(prefers-reduced-motion:reduce){button,a,input{transition:none}}
.brand{display:block;width:100%;height:58px;padding:0;background:#f7f5ef;border-radius:8px;overflow:hidden;font-size:0;color:transparent;position:relative}
.brand .logo,.brand span{display:none}
.brand img{position:absolute;width:122%;max-width:none;left:-11%;top:-35px}
.logout{margin-top:18px;width:100%;padding:12px;text-align:left;color:#d8e9f0;background:transparent;border:1px solid #456378;border-radius:7px}.logout:hover{background:#254960}@media(max-width:760px){.aside-bottom{display:block}.aside-bottom .demo,.aside-bottom .profile{display:none}.logout{margin-top:12px;width:auto}}
.brand:after{content:none}
/* Base blanca para dar protagonismo a la identidad multicolor. */
:root{--paper:#fff}body,main,aside{background:#fff}
aside{border-right-color:#e0e9ef;color:#17324d}
.brand{background:#fff}
.brand img{mix-blend-mode:normal;filter:url('assets/logo-background-filter.svg#remove-paper')}
.workspace{background:#f2f8fa;border-color:#dce8ed;color:#087f75}
.workspace strong,.profile strong{color:#17324d}
.workspace small,.profile small{color:#617b8b}
.caption{color:#637d8d}
nav button{color:#486878}nav button:hover{background:#f0f8f7}
nav button.active{background:#e7f7f2;color:#08766b}
.demo{background:#fff9e8;border-color:#f3dfaa;color:#795b10}.demo small{color:#746b52}
.profile{color:#17324d}
.logout{border-color:#d5e3eb;color:#234f67}.logout:hover{background:#edf7f7}
.brand-banner{background:#fff;border-color:#dbe8ed;border-left-color:#18a999}
.messages{background:#fff}
main>footer{display:block;text-align:center;font-size:10px;font-weight:400;letter-spacing:0;text-transform:none;color:#637b89;padding:18px 0}
.brand{background:transparent;border-radius:0;overflow:visible;display:flex;align-items:center;height:auto;min-height:58px}
.brand img{position:static;display:block;width:100%;max-width:100%;height:auto;filter:none;mix-blend-mode:normal}
.dashboard-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.dashboard-top h2,.dashboard-top h3{margin:0 0 8px}.dashboard-top p{margin:0}.metric-breakdown{margin-top:18px;border-top:1px solid #e0e9ee;padding-top:12px}.metric-breakdown>div{display:flex;justify-content:space-between;padding:6px 0;font-size:11px}.metric-breakdown strong{color:#17324d}.metric .duration{font-size:25px;white-space:nowrap;margin:18px 0}.metric-help{font-size:11px;line-height:1.8;color:#617b89;margin-top:22px}.metric b>span{font-size:16px}.online-list{margin-top:20px}.online-list>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:14px 0}.online-list span{font-size:11px}.online-list small{width:100%;padding-left:14px;font-size:9px;margin:0}.presence{display:inline-block;width:7px;height:7px;border-radius:50%;background:#aab8c0;flex-shrink:0}.presence.online{background:#13866b}.advisor-status{display:flex;align-items:center;gap:7px;white-space:nowrap}.advisor-avatar{display:inline-block;background:#e8f5f3;color:#087f75;border-radius:50%;padding:9px;font-size:10px;margin-right:10px}.advisor-bar{width:140px;height:6px;background:#edf3f6;border-radius:5px;overflow:hidden}.advisor-bar span{display:block;height:100%;background:#18a999;border-radius:5px}.dashboard-link{text-decoration:none;white-space:nowrap;font-size:11px}.dashboard-definition{font-size:11px;line-height:1.8;color:#637b89;margin:18px 0}.table tfoot td{background:#f7fafb}.dashboard-metrics{align-items:stretch}@media(max-width:1150px){.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.dashboard-top{align-items:flex-start;flex-direction:column}.dashboard-metrics{grid-template-columns:1fr}.dashboard-top .pill{font-size:10px}.advisor-bar{width:100px}}