:root{font-family:"Space Grotesk",system-ui,sans-serif;color:#172554;background:#f5f8fc;--navy:#132d78;--blue:#3f79d6;--ink:#14214d;--muted:#7b879f;--line:#e4e9f2;--soft:#edf4ff;--shadow:0 14px 40px rgba(24,52,104,.08)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f5f8fc}button,input,select{font:inherit}button{cursor:pointer;border:0}.hidden{display:none!important}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1fr) minmax(440px,560px);background:#f8fbff}.login-art{position:relative;overflow:hidden;background:linear-gradient(135deg,#10276b,#326fd2 66%,#b9d9f4);display:flex;align-items:flex-end;padding:52px;color:white}.login-art:before,.login-art:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.25)}.login-art:before{width:520px;height:520px;right:-150px;top:-90px}.login-art:after{width:760px;height:760px;left:-440px;bottom:-420px}.art-glow{position:absolute;width:420px;height:420px;right:10%;top:24%;background:radial-gradient(circle,rgba(255,255,255,.3),transparent 65%);filter:blur(3px)}.art-label{position:relative;font-size:14px;letter-spacing:.14em;text-transform:uppercase;opacity:.86}.login-card{align-self:center;margin:40px auto;padding:42px 52px;width:min(100%,500px)}.login-logo{width:100%;height:160px;object-fit:cover;object-position:center;background:#fff;border-radius:18px;box-shadow:var(--shadow);margin-bottom:28px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;color:#4a78c9}.login-card h1{font-size:34px;line-height:1.12;letter-spacing:-.04em;color:var(--ink);margin:13px 0 12px}.muted{color:var(--muted);line-height:1.5}.login-form{display:grid;gap:18px;margin-top:30px}.login-form label{font-size:13px;color:#4e5d7d;font-weight:600}.login-form input{display:block;width:100%;border:1px solid #dce4f0;border-radius:10px;padding:14px 15px;margin-top:8px;outline:0;color:var(--ink);background:#fff}.login-form input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(63,121,214,.12)}.primary-btn,.new-btn{background:var(--navy);color:#fff;padding:14px 18px;border-radius:9px;font-weight:700;display:flex;justify-content:center;gap:24px;align-items:center}.primary-btn{margin-top:4px}.primary-btn:hover,.new-btn:hover{background:#244b9f}.error-message{color:#b53d50;min-height:20px;font-size:13px}.login-foot{font-size:12px;color:#99a3b6;margin-top:28px;display:flex;gap:8px;align-items:center}.status-dot,.live-dot{display:inline-block;width:8px;height:8px;background:#25b875;border-radius:50%;box-shadow:0 0 0 4px rgba(37,184,117,.12)}.app-shell{display:flex;min-height:100vh}.sidebar{width:255px;background:#fff;border-right:1px solid var(--line);padding:22px 15px 16px;display:flex;flex-direction:column;flex-shrink:0}.sidebar-brand{height:74px;display:flex;align-items:center;padding:0 6px;margin-bottom:14px}.sidebar-brand img{width:100%;height:70px;object-fit:cover;object-position:center;border-radius:10px}.workspace-chip{display:flex;align-items:center;gap:9px;padding:11px 9px;background:#f4f7fc;border-radius:9px;color:var(--ink);font-size:12px}.workspace-chip small,.profile small{display:block;color:#8b96aa;font-size:10px;margin-bottom:2px}..workspace-chip strong{font-size:12px}.workspace-icon{background:#d9e7ff;color:#3f79d6;border-radius:6px;padding:5px}.chevron{margin-left:auto;color:#9ba8bc}.main-nav{display:grid;gap:4px;margin-top:25px}.nav-item,.support-link{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;background:transparent;color:#6f7b91;text-align:left;border-radius:8px;font-size:13px}.nav-item span{font-size:18px;width:20px;text-align:center}.nav-item.active{color:var(--navy);background:#edf4ff;font-weight:700}.nav-item b{margin-left:auto;background:#dceaff;color:#356bca;border-radius:10px;font-size:10px;padding:2px 7px}.sidebar-divider{border-top:1px solid var(--line);margin:18px 7px}.side-section-title{font-size:10px;font-weight:700;letter-spacing:.12em;color:#a0a9b9;padding:0 10px;display:flex;justify-content:space-between}.side-section-title button{color:#7790b9;background:none;font-size:17px}.queue-list{display:grid;gap:3px;margin-top:10px}.queue-item{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:7px;color:#67758d;font-size:12px}.queue-item:hover{background:#f6f8fc}.queue-bullet{width:8px;height:8px;border-radius:50%}.queue-item strong{margin-left:auto;font-size:11px;color:#a2adbf;font-weight:500}.queue-item.active{background:#f5f8ff;color:var(--navy);font-weight:600}.sidebar-bottom{margin-top:auto;display:grid;gap:4px}.support-link{font-size:12px;padding:9px 10px}.support-link span{width:18px;height:18px;border:1px solid #cdd7e8;border-radius:50%;display:grid;place-items:center;font-size:11px}.profile{border-top:1px solid var(--line);margin-top:13px;padding:15px 5px 2px;display:flex;align-items:center;gap:9px}.profile strong{display:block;color:var(--ink);font-size:12px}.avatar,.top-avatar{background:linear-gradient(135deg,#2555ad,#74a5ec);color:#fff;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:700}.avatar{width:31px;height:31px}.more{margin-left:auto;color:#9aa6b8;font-size:11px}.main-content{flex:1;min-width:0}.topbar{min-height:84px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:16px 34px}.breadcrumb{font-size:13px;color:#9aa5b7}.breadcrumb span{margin:0 8px;color:#d0d7e3}.breadcrumb strong{color:var(--ink)}.topbar p{font-size:12px;color:#9aa5b7;margin:6px 0 0}.topbar-actions{display:flex;align-items:center;gap:17px}.icon-btn{background:transparent;color:#77849a;font-size:22px;position:relative}.notification i{position:absolute;width:6px;height:6px;background:#e66b75;border-radius:50%;right:0;top:2px}.top-avatar{width:33px;height:33px}.page-section{padding:29px 34px 50px;max-width:1700px;margin:auto}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.summary-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px;display:flex;gap:14px;min-height:118px;box-shadow:0 5px 20px rgba(24,52,104,.025)}.summary-icon{width:39px;height:39px;border-radius:9px;display:grid;place-items:center;font-size:19px;flex-shrink:0}.blue-icon{color:#3974d2;background:#eaf2ff}.orange-icon{color:#dc8b39;background:#fff2df}.green-icon{color:#22a574;background:#e7f8f0}.purple-icon{color:#7657c8;background:#f1ecff}.summary-card span{font-size:11px;color:#8c97aa;display:block}.summary-card strong{font-size:26px;line-height:1.3;color:var(--ink);display:block;margin-top:5px;letter-spacing:-.04em}.summary-card small{font-size:10px;color:#9aa5b7}.trend.positive{color:#1fa36d}.trend em{font-style:normal;color:#9aa5b7;margin-left:3px}.trend.neutral{color:#9aa5b7}.inbox-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:34px 0 17px}.toolbar-title{display:flex;align-items:baseline;gap:10px}.toolbar-title h2,.section-heading h2{color:var(--ink);font-size:22px;margin:0;letter-spacing:-.035em}.toolbar-title span{color:#9aa5b7;font-size:12px}.toolbar-actions{display:flex;gap:10px;align-items:center}.search-box{display:flex;gap:7px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;padding:0 10px;width:200px}.search-box span{color:#9aa5b7;font-size:19px}.search-box input{border:0;outline:0;padding:10px 0;width:100%;font-size:11px}.toolbar-actions select,.period-select{background:#fff;border:1px solid var(--line);padding:10px;border-radius:8px;color:#67758d;font-size:11px}.new-btn{font-size:11px;padding:11px 14px;white-space:nowrap}.inbox-layout{display:grid;grid-template-columns:minmax(320px,410px) minmax(400px,1fr);min-height:610px;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:var(--shadow)}.conversation-panel{border-right:1px solid var(--line);min-width:0}.panel-tabs{display:flex;border-bottom:1px solid var(--line);padding:0 18px;gap:18px}.tab{background:transparent;padding:15px 1px 12px;color:#9aa5b7;font-size:11px;border-bottom:2px solid transparent}.tab.active{color:var(--navy);border-color:#3f79d6;font-weight:700}.tab b{background:#edf2fa;border-radius:9px;padding:2px 6px;margin-left:3px;font-size:9px}.conversation-list{max-height:560px;overflow:auto}.conversation-row{padding:15px 18px;border-bottom:1px solid #eff2f7;display:grid;grid-template-columns:36px 1fr auto;gap:10px;cursor:pointer}.conversation-row:hover,.conversation-row.selected{background:#f6f9ff}.contact-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;color:#fff;background:linear-gradient(135deg,#5689df,#b3d1fa)}.contact-avatar.company{background:linear-gradient(135deg,#6b56be,#c9b9ff)}.row-main{min-width:0}.row-line{display:flex;justify-content:space-between;gap:8px}.row-line strong{color:var(--ink);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-time{color:#a5afbd;font-size:10px;white-space:nowrap}.row-preview{font-size:11px;color:#8995a9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:5px 0}.row-meta{display:flex;align-items:center;gap:6px}.queue-pill{font-size:9px;color:#6680a8;background:#f0f4fa;border-radius:9px;padding:3px 6px}.unread{background:#3f79d6;color:#fff;border-radius:50%;font-size:9px;min-width:17px;height:17px;display:grid;place-items:center}.detail-panel{min-width:0;display:flex;flex-direction:column}.empty-detail{place-items:center;justify-content:center}.empty-state{text-align:center;color:#a0aaba;padding:30px}.empty-illustration{margin:auto auto 16px;width:54px;height:54px;border-radius:18px;background:#edf4ff;color:#5c8cdd;display:grid;place-items:center;font-size:25px}.empty-state h3{color:#5f6f89;font-size:15px;margin:0 0 8px}.empty-state p{font-size:12px;margin:0}.detail-head{border-bottom:1px solid var(--line);padding:16px 21px;display:flex;justify-content:space-between;align-items:center}.detail-person{display:flex;align-items:center;gap:10px}.detail-person strong{display:block;font-size:13px;color:var(--ink)}.detail-person small{color:#99a5b8;font-size:10px}.detail-actions{display:flex;gap:6px}.outline-btn,.close-btn{padding:8px 10px;background:#fff;border:1px solid var(--line);color:#718099;border-radius:7px;font-size:10px}.close-btn{color:#c85b6c}.message-list{padding:22px 24px;flex:1;overflow:auto;background:linear-gradient(180deg,#fff,#fbfdff)}.date-line{text-align:center;font-size:10px;color:#acb5c3;margin-bottom:18px}.message{max-width:72%;margin-bottom:13px;display:flex;flex-direction:column;align-items:flex-start}.message.out{margin-left:auto;align-items:flex-end}.bubble{background:#f0f4fa;color:#53627c;padding:10px 13px;border-radius:11px 11px 11px 3px;font-size:12px;line-height:1.45}.message.out .bubble{background:#e7f0ff;color:#294f9d;border-radius:11px 11px 3px 11px}.message time{color:#afb8c7;font-size:9px;margin-top:4px}.reply-box{border-top:1px solid var(--line);padding:14px 18px}.reply-box textarea{width:100%;resize:none;border:1px solid var(--line);border-radius:8px;padding:10px;font-size:12px;min-height:45px;outline:0}.reply-actions{display:flex;justify-content:space-between;align-items:center;margin-top:9px}.reply-tools{color:#9aa5b7;font-size:16px;display:flex;gap:13px}.send-btn{background:var(--navy);color:#fff;border-radius:7px;padding:9px 15px;font-size:11px;font-weight:700}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:27px}.section-heading h2{font-size:30px;margin-top:8px}.contacts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.contact-card,.analytics-card,.flow-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px;box-shadow:var(--shadow)}.contact-card{display:flex;align-items:center;gap:13px}.contact-card strong{display:block;color:var(--ink);font-size:13px}.contact-card small{display:block;color:#929eb0;font-size:10px;margin-top:3px}.contact-tags{margin-left:auto;display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end}.tag{font-size:9px;background:#edf4ff;color:#537dcb;padding:4px 6px;border-radius:8px}.analytics-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}.card-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.card-heading h3{margin:0;color:var(--ink);font-size:14px}.card-heading span{font-size:10px;color:#a0aabb}.bar-chart{display:grid;gap:15px}.bar-row{display:grid;grid-template-columns:155px 1fr 35px;gap:10px;align-items:center;font-size:10px;color:#75839a}.bar-track{height:9px;background:#edf2f8;border-radius:10px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,#4b82dc,#89b3f2);border-radius:10px}.bar-row b{color:#566782;font-size:10px}.donut-wrap{display:flex;gap:25px;align-items:center;justify-content:center;padding:20px 0}.donut{width:145px;height:145px;border-radius:50%;background:conic-gradient(#4b82dc 0 68%,#e8edf4 68% 100%);display:grid;place-items:center;position:relative;color:var(--ink)}.donut:after{content:"";position:absolute;inset:16px;background:white;border-radius:50%}.donut strong,.donut span{position:relative;z-index:1}.donut strong{font-size:25px}.donut span{font-size:9px;color:#94a0b1;margin-top:-42px}.legend{display:grid;gap:14px;font-size:10px;color:#77849a}.legend span{display:flex;align-items:center;gap:7px;white-space:nowrap}.legend b{color:var(--ink);margin-left:auto}.legend i{width:8px;height:8px;border-radius:50%}.legend-blue{background:#4b82dc}.legend-gray{background:#dfe6f0}.flow-card{max-width:860px}.flow-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:17px}.flow-status{display:flex;align-items:center;gap:10px}.flow-status strong{display:block;color:var(--ink);font-size:14px}.flow-status small{display:block;color:#98a3b4;font-size:10px;margin-top:4px}.menu-preview{max-width:430px;margin:27px auto 7px;border:1px solid #e3eaf4;border-radius:16px;padding:20px;background:#f7faff}.bot-bubble{background:#fff;padding:13px;border-radius:10px 10px 10px 3px;color:#60718c;font-size:11px;line-height:1.5;box-shadow:0 3px 8px rgba(36,73,135,.05);margin-bottom:13px}.menu-options{display:grid;gap:6px}.menu-option{background:#fff;border:1px solid #dce7f6;color:#3d6fc1;padding:9px;border-radius:7px;font-size:10px;text-align:left}.toast{position:fixed;bottom:22px;right:24px;background:#122d73;color:#fff;padding:12px 16px;border-radius:8px;font-size:12px;box-shadow:var(--shadow);transform:translateY(20px);opacity:0;pointer-events:none;transition:.2s}.toast.show{transform:translateY(0);opacity:1}@media(max-width:1100px){.summary-grid{grid-template-columns:repeat(2,1fr)}.toolbar-actions{flex-wrap:wrap;justify-content:flex-end}.contacts-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.login-shell{display:block}.login-art{height:145px;padding:25px}.login-card{padding:30px 24px;margin:0 auto}.login-logo{height:125px}.sidebar{width:68px;padding:14px 9px}.sidebar-brand{height:58px}.sidebar-brand img{height:52px;object-fit:cover}.workspace-chip,.main-nav .nav-item:not(.active)::after,.nav-item b,.nav-item:not(.active),.side-section-title,.queue-list,.sidebar-divider,.support-link,.profile div:not(.avatar),.profile .more{display:none}.main-nav .nav-item.active{justify-content:center;font-size:0}.main-nav .nav-item.active span{font-size:18px}.sidebar-bottom{margin-top:auto}.profile{display:flex;border-top:0;padding:8px 5px}.main-content{width:calc(100% - 68px)}.topbar{padding:14px 18px}.page-section{padding:22px 16px}.inbox-toolbar{display:block}.toolbar-actions{margin-top:15px;justify-content:flex-start}.inbox-layout{grid-template-columns:1fr}.conversation-panel{border-right:0}.detail-panel{min-height:520px;border-top:1px solid var(--line)}.contacts-grid,.analytics-grid{grid-template-columns:1fr}.section-heading{align-items:flex-start;gap:15px}.section-heading .new-btn{display:none}.search-box{width:160px}}@media(max-width:560px){.summary-grid{grid-template-columns:1fr 1fr;gap:9px}.summary-card{padding:12px;min-height:105px;gap:8px}.summary-icon{width:30px;height:30px;font-size:15px}.summary-card strong{font-size:20px}.summary-card span{font-size:10px}.summary-card small{font-size:9px}.toolbar-actions select{display:none}.new-btn{padding:10px}.inbox-layout{margin:0 -3px}.message{max-width:88%}}
.menu-editor{margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px;box-shadow:var(--shadow)}.editor-header{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:16px}.editor-header h3{margin:7px 0 4px;color:var(--ink);font-size:18px}.editor-header .icon-btn{font-size:24px}.menu-fields{display:grid;gap:12px;margin-top:18px}.menu-editor-row{display:grid;grid-template-columns:40px 1fr;gap:14px;padding:15px;border:1px solid #e4eaf3;border-radius:9px;background:#fbfdff}.editor-number{width:32px;height:32px;border-radius:50%;background:#eaf2ff;color:#3974d2;display:grid;place-items:center;font-size:11px;font-weight:700}.editor-fields{display:grid;grid-template-columns:1.2fr .8fr 1.5fr;gap:10px}.editor-fields label{font-size:10px;color:#7a879d;font-weight:600}.editor-fields input,.editor-fields select,.editor-fields textarea{display:block;width:100%;margin-top:6px;border:1px solid #dce4f0;border-radius:7px;padding:9px;background:#fff;color:var(--ink);font-size:11px;outline:0}.editor-fields textarea{min-height:42px;resize:vertical}.editor-fields input:focus,.editor-fields select:focus,.editor-fields textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(63,121,214,.1)}.editor-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}.menu-editor .new-btn{font-size:11px;padding:10px 14px}.outline-btn:disabled{opacity:.55;cursor:not-allowed}@media(max-width:800px){.editor-fields{grid-template-columns:1fr}.menu-editor{padding:15px}}
.admin-badge{font-size:10px;color:#537dcb;background:#edf4ff;padding:7px 10px;border-radius:9px}.admin-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.9fr);gap:16px}.admin-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px;box-shadow:var(--shadow);min-width:0}.admin-card-wide{grid-column:1/-1}.table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse;font-size:11px}.admin-table th{text-align:left;color:#9aa5b7;font-size:10px;font-weight:600;padding:10px 8px;border-bottom:1px solid var(--line);white-space:nowrap}.admin-table td{padding:13px 8px;border-bottom:1px solid #eff2f7;color:#5d6d86;vertical-align:middle}.admin-table td strong,.admin-table td small{display:block}.admin-table td strong{color:var(--ink);font-size:11px}.admin-table td small{color:#9aa5b7;font-size:9px;margin-top:3px}.role-pill,.status-pill{display:inline-block;padding:5px 7px;border-radius:8px;font-size:9px}.role-pill{background:#f0f4fa;color:#5b78a6}.status-pill.active{background:#e7f8f0;color:#229566}.status-pill.inactive{background:#fff0f2;color:#c35d6e}.table-actions{white-space:nowrap}.table-action{background:transparent;color:#3e72c7;font-size:10px;font-weight:600;margin-right:8px;padding:0}.table-action.danger{color:#c35d6e}.protected-label{font-size:9px;color:#a0aabb}.inline-editor{margin:10px 0 18px;padding:18px;border:1px solid #dfe8f5;border-radius:9px;background:#f8fbff}.admin-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.admin-form>label,.form-label{font-size:10px;color:#75839a;font-weight:600}.admin-form>label input,.admin-form>label select{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid #dce4f0;border-radius:7px;background:#fff;color:var(--ink);font-size:11px;outline:0}.admin-form>label input:focus,.admin-form>label select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(63,121,214,.1)}.checkbox-line{display:flex!important;align-items:center;gap:8px;color:#60718c!important;font-size:11px!important;font-weight:500!important}.checkbox-line input{width:auto!important;margin:0!important}.admin-form>.checkbox-line{align-self:end}.admin-form>div{grid-column:1/-1}.checkbox-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px;padding:11px;border:1px solid #dce4f0;border-radius:7px;background:#fff}.checkbox-grid .checkbox-line{font-size:10px!important}.admin-form .editor-actions{grid-column:1/-1}.role-list{display:grid;gap:10px}.role-item{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #eff2f7}.role-item:last-child{border-bottom:0}.role-item strong,.role-item small{display:block}.role-item strong{font-size:11px;color:var(--ink)}.role-item small{font-size:9px;color:#9aa5b7;margin-top:3px;line-height:1.35}.role-item>span{font-size:9px;color:#537dcb;white-space:nowrap}.admin-queues-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.admin-queue-card{border:1px solid #e4eaf3;border-radius:8px;padding:12px;background:#fbfdff}.queue-card-top{display:flex;align-items:center;gap:8px}.queue-card-top strong{color:var(--ink);font-size:11px}.admin-queue-card>small{display:block;color:#9aa5b7;font-size:9px;margin:8px 0}.queue-card-actions{border-top:1px solid #eff2f7;padding-top:9px}.queue-bullet.blue{background:#4b82dc}.queue-bullet.purple{background:#876bd1}.queue-bullet.orange{background:#e5a052}.queue-bullet.green{background:#31b77d}.queue-bullet.cyan{background:#55b7c9}.queue-bullet.red{background:#db6d7a}.queue-bullet.yellow{background:#d5b044}.queue-bullet.pink{background:#d579b5}@media(max-width:1000px){.admin-grid{grid-template-columns:1fr}.admin-card-wide{grid-column:auto}.admin-queues-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.admin-form{grid-template-columns:1fr}.checkbox-grid{grid-template-columns:1fr}.admin-queues-grid{grid-template-columns:1fr}.admin-badge{display:none}}
.connections-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.connection-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px;box-shadow:var(--shadow)}.connection-card:first-child{grid-column:1/-1}.connection-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:16px}.connection-heading>div{display:flex;gap:11px;align-items:center}.connection-heading h3{margin:0;color:var(--ink);font-size:15px}.connection-heading p{margin:4px 0 0;color:#9aa5b7;font-size:10px}.connection-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:#fff;font-size:10px;font-weight:700}.connection-icon.whatsapp{background:#23b977}.connection-icon.odoo{background:#7c5ab7}.connection-icon.portal{background:#3974d2}.connection-status{font-size:9px;padding:6px 8px;border-radius:8px;white-space:nowrap}.connection-status.connected{background:#e7f8f0;color:#229566}.connection-status.paused{background:#fff5df;color:#b47a2a}.connection-status.missing{background:#fff0f2;color:#c35d6e}.connection-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:18px}.connection-fields>label:not(.checkbox-line){font-size:10px;color:#75839a;font-weight:600}.connection-fields input{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid #dce4f0;border-radius:7px;background:#fff;color:var(--ink);font-size:11px;outline:0}.connection-fields input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(63,121,214,.1)}.connection-fields input[readonly]{background:#f6f8fc;color:#6c7c96}.connection-fields .checkbox-line{grid-column:1/-1}.secret-readonly{display:block;margin-top:6px;padding:10px;border:1px dashed #dce4f0;border-radius:7px;background:#f8fbff;color:#557bc0;font-size:10px}.connection-note{grid-column:1/-1;padding:12px;background:#f7faff;color:#7c8ba4;font-size:10px;line-height:1.5;border-radius:7px}.connection-actions{display:flex;align-items:center;gap:12px;margin-top:18px}.test-message{font-size:10px;line-height:1.35;color:#8b98aa}.test-message.success{color:#229566}.test-message.error{color:#c35d6e}.test-message.pending{color:#b47a2a}.connections-footer{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:2px}.connections-footer>span{font-size:10px;color:#9aa5b7}@media(max-width:900px){.connections-grid{grid-template-columns:1fr}.connection-card:first-child{grid-column:auto}}@media(max-width:600px){.connection-fields{grid-template-columns:1fr}.connections-footer{align-items:flex-start;flex-direction:column}.connections-footer .new-btn{width:100%}}
/* Logo: conservar la proporción original para evitar recortes y escalado borroso. */
.login-logo {
  height: auto;
  max-height: none;
  object-fit: contain;
  object-position: center;
  display: block;
}

.sidebar-brand img {
  height: 70px;
  object-fit: contain;
  object-position: center;
  display: block;
}

@media (max-width: 800px) {
  .sidebar-brand img {
    height: 52px;
    object-fit: contain;
  }
}

.odoo-context {
  display: grid;
  gap: 4px;
  margin: 14px 24px 0;
  padding: 11px 13px;
  border: 1px solid #dce7f6;
  border-radius: 8px;
  background: #f7faff;
  color: #58708f;
  font-size: 10px;
}

.odoo-context strong { color: var(--ink); font-size: 11px; }
.odoo-context small { color: #8290a6; }

.chatbot-editor { margin-top: 18px; max-width: 860px; }
.chatbot-form { display: grid; gap: 13px; margin-top: 18px; }
.chatbot-form > label:not(.checkbox-line) { color: #75839a; font-size: 10px; font-weight: 600; }
.chatbot-form textarea,.chatbot-actions input { width: 100%; margin-top: 6px; border: 1px solid #dce4f0; border-radius: 7px; padding: 10px; background: #fff; color: var(--ink); font: inherit; font-size: 11px; outline: 0; }
.chatbot-form textarea { min-height: 72px; resize: vertical; }
.chatbot-form textarea:focus,.chatbot-actions input:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(63,121,214,.1); }
.chatbot-actions { display: grid; grid-template-columns: minmax(0,1fr) auto auto; gap: 9px; align-items: end; }
.chatbot-actions input { margin: 0; }
.chatbot-preview-result { min-height: 42px; white-space: pre-wrap; padding: 11px; border-radius: 7px; background: #f7faff; color: #58708f; font-size: 11px; line-height: 1.45; }
.assigned-label { display: block; color: #3974d2; font-size: 9px; margin-top: 3px; }
.automation-label { display: block; color: #8290a6; font-size: 9px; margin-top: 2px; }
.queue-move-select { max-width: 180px; border: 1px solid #dce4f0; border-radius: 6px; padding: 7px 9px; background: #fff; color: var(--ink); font: inherit; font-size: 10px; }
.reply-box { position: relative; }
.reply-tool-btn { width: 28px; height: 28px; display: grid; place-items: center; border: 0; border-radius: 6px; background: transparent; color: #8795aa; font: inherit; font-size: 16px; cursor: pointer; }
.reply-tool-btn:hover,.reply-tool-btn:focus-visible { background: #eef4fc; color: var(--blue); outline: 0; }
.reply-tool-btn:disabled { opacity: .45; cursor: not-allowed; }
.reply-tool-panel { position: absolute; z-index: 8; left: 18px; bottom: 54px; max-width: min(360px, calc(100% - 36px)); display: flex; flex-wrap: wrap; gap: 6px; padding: 9px; border: 1px solid #dce4f0; border-radius: 7px; background: #fff; box-shadow: 0 10px 28px rgba(28,47,118,.16); }
.emoji-option { width: 32px; height: 32px; border: 0; border-radius: 6px; background: #f7f9fc; cursor: pointer; font-size: 17px; }
.emoji-option:hover { background: #eaf2fd; }
.quick-reply-option { width: 100%; border: 0; border-radius: 6px; padding: 8px 10px; background: #f7f9fc; color: var(--ink); text-align: left; font: inherit; font-size: 10px; cursor: pointer; }
.quick-reply-option:hover { background: #eaf2fd; }
.help-modal-backdrop { position: fixed; z-index: 1000; inset: 0; display: grid; place-items: center; padding: 20px; background: rgba(15,29,67,.44); }
.help-modal { width: min(520px, 100%); padding: 18px; border-radius: 8px; background: #fff; box-shadow: 0 20px 60px rgba(15,29,67,.28); }
.help-content { display: grid; gap: 10px; padding: 15px 0; color: #5f6f86; font-size: 11px; line-height: 1.5; }
.help-content strong { color: var(--ink); }
.new-btn:disabled,.outline-btn:disabled,.close-btn:disabled,.send-btn:disabled { opacity: .5; cursor: not-allowed; }
.donut { background: conic-gradient(#4b82dc 0 var(--bot-resolution, 0%), #e8edf4 var(--bot-resolution, 0%) 100%); }
.message.system-message { align-self: center; max-width: 90%; margin: 5px auto 14px; padding: 7px 12px; border-radius: 999px; background: #f0f4fa; color: #718099; font-size: 10px; text-align: center; }
.message.system-message .bubble { padding: 0; background: transparent; color: inherit; box-shadow: none; }
@media (max-width: 700px) { .chatbot-actions { grid-template-columns: 1fr; }.chatbot-actions .new-btn,.chatbot-actions .outline-btn { width: 100%; } }
@media (max-width: 800px) {
  .main-nav .nav-item:not(.active) { display: flex; justify-content: center; font-size: 0; }
  .main-nav .nav-item:not(.active) span { font-size: 18px; }
  .support-link { display: flex; justify-content: center; font-size: 0; }
  .support-link span { font-size: 18px; }
  .main-nav { gap: 4px; }
}

#inboxSection .inbox-toolbar { margin-top: 0; }
.survey-card { grid-column: 1 / -1; }
.survey-card .card-heading > div { display: grid; gap: 4px; }
.survey-average { color: var(--navy); font-size: 22px; }
.survey-kpis { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 18px; }
.survey-kpis span { padding: 8px 11px; border-radius: 7px; background: #f4f7fc; color: #7a879c; font-size: 10px; }
.survey-kpis b { color: var(--ink); font-size: 12px; }
.survey-table-wrap { overflow: auto; }
.survey-table { width: 100%; border-collapse: collapse; font-size: 10px; }
.survey-table th { padding: 9px 8px; border-bottom: 1px solid var(--line); color: #929db0; text-align: left; white-space: nowrap; }
.survey-table td { padding: 11px 8px; border-bottom: 1px solid #eef2f7; color: #65738a; vertical-align: middle; }
.survey-table td strong,.survey-table td small { display: block; }
.survey-table td strong { color: var(--ink); font-size: 10px; }
.survey-table td small { margin-top: 3px; color: #9aa5b7; font-size: 9px; }
.rating-pill { display: inline-block; padding: 5px 8px; border-radius: 7px; background: #e7f8f0; color: #218a61; font-weight: 700; }
.message-media-body { display: grid; gap: 7px; min-width: min(290px, 58vw); }
.media-image-link { display: block; line-height: 0; }
.media-image { display: block; width: auto; max-width: min(330px, 100%); max-height: 330px; border-radius: 7px; object-fit: contain; background: #dfe7f3; }
.media-sticker { max-width: 180px; max-height: 180px; background: transparent; }
.media-audio { display: block; width: min(310px, 100%); height: 40px; }
.media-video { display: block; width: min(360px, 100%); max-height: 360px; border-radius: 7px; background: #101827; }
.media-download { color: #376bbd; font-size: 9px; text-decoration: none; }
.media-download:hover { text-decoration: underline; }
.media-caption { line-height: 1.4; }
.media-document { display: flex; align-items: center; gap: 10px; min-width: 230px; padding: 10px; border: 1px solid rgba(72,105,158,.18); border-radius: 7px; background: rgba(255,255,255,.66); color: inherit; text-decoration: none; }
.media-document:hover { border-color: #8baee2; background: #fff; }
.media-document-icon { width: 34px; height: 34px; flex: 0 0 34px; display: grid; place-items: center; border-radius: 7px; background: #dceaff; color: #346ec6; font-size: 18px; }
.media-document strong,.media-document small { display: block; max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.media-document strong { color: var(--ink); font-size: 10px; }
.media-document small { margin-top: 3px; color: #8190a6; font-size: 9px; }
.media-unavailable { display: flex; align-items: flex-start; gap: 8px; }
.media-unavailable > span { color: #c27538; }
.media-unavailable small { display: block; margin-top: 4px; color: #9a765d; font-size: 9px; }
.retry-media-btn { margin-top: 7px; padding: 6px 8px; border: 1px solid #d7e2f2; border-radius: 6px; background: #fff; color: #356fc7; font: inherit; font-size: 9px; cursor: pointer; }
.retry-media-btn:hover { background: #edf4ff; }
.retry-media-btn:disabled { opacity: .55; cursor: wait; }
@media (max-width: 560px) { .message-media-body { min-width: 0; }.media-image,.media-video { max-width: 100%; } }