.inbox{background:#efeae2!important;color:#111b21;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Helvetica Neue,Arial,sans-serif}.sidebar .brandmark{background:#fff;overflow:hidden}.sidebar .brandmark img{width:100%;height:100%;object-fit:contain;padding:3px}.sidebar .brand>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-list{background:#fff;border-right:1px solid #d1d7db}.inbox-title{min-height:58px;height:auto;padding:10px 16px;background:#f0f2f5;border-bottom:1px solid #d1d7db;justify-content:center;text-align:center}.inbox-title>div{display:flex;align-items:center;gap:10px;min-width:0}.inbox-title img{width:42px;height:28px;object-fit:contain}.inbox-title h1{color:#111b21;font-size:16px;font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inbox-filters{display:flex;gap:6px;flex-wrap:wrap;padding:10px 12px;border-bottom:1px solid #e9edef;background:#fff}.inbox-filters button{border:0;border-radius:999px;background:#f0f2f5;color:#54656f;font-size:11px;font-weight:600;padding:7px 11px;cursor:pointer}.inbox-filters button.active{background:#d9fdd3;color:#008069}.inbox-status,.inbox-error{margin:10px;font-size:12px;color:#667085}.inbox-error{border:1px solid #ffd2d2;background:#fff4f4;color:#b42318;border-radius:8px;padding:9px}.conversation-item{min-height:74px;height:auto;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;padding:10px 13px;background:#fff;border-top:0;border-bottom:1px solid #e9edef}.conversation-item:hover{background:#f5f6f6}.conversation-item.selected{background:#f0f2f5;border-left:0;padding-left:13px}.conversation-item .avatar,.contact .avatar,.contact-profile .avatar{background:#dfe5e7;color:#54656f}.conversation-item strong{color:#111b21;font-size:14px;font-weight:500}.conversation-item span{color:#667781;font-size:13px}.conversation-item time{color:#667781;font-size:11px;line-height:16px;max-width:62px;text-align:right}.conversation-badge{width:max-content;max-width:100%;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:700;line-height:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-badge.closed{background:#f0f2f5;color:#6b7280}.conversation-badge.ai{background:#d9fdd3;color:#008069}.conversation-badge.waiting{background:#fff7ed;color:#b45309}.conversation-badge.mine{background:#e7fce3;color:#008069}.inbox .chat{background:#efeae2!important}.inbox .chat:before{content:"";position:absolute;top:0;right:0;bottom:0;left:320px;pointer-events:none;opacity:.26;background-image:radial-gradient(circle at 18px 24px,rgba(17,27,33,.09) 1.2px,transparent 1.5px),radial-gradient(circle at 54px 52px,rgba(17,27,33,.06) 1px,transparent 1.4px);background-size:72px 72px}.chat header{min-height:58px;height:auto;gap:12px;background:#f0f2f5;border-bottom:1px solid #d1d7db;position:relative;z-index:1}.contact,.contact>div:last-child,.chat-actions{min-width:0}.contact span{color:#667781;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-actions button,.chat-icon-button{color:#54656f}.chat-actions button:not(.chat-icon-button){border-color:#d1d7db;background:#fff}.chat-icon-button{width:34px;height:34px;border:0!important;border-radius:50%!important;background:transparent!important;padding:0!important;display:grid;place-items:center}.chat-icon-button:hover{background:#e2e6e9!important}.inbox .messages{background:transparent!important;padding:22px 7.5%;position:relative;z-index:1}.conversation-history{display:flex;flex-direction:column;gap:3px}.conversation-separator{display:flex;justify-content:center;margin:12px 0}.conversation-separator span{background:#ffffffeb;border:0;border-radius:8px;color:#667781;font-size:11px;padding:6px 12px;box-shadow:0 1px .5px #0b141a21}.conversation-closed{text-align:center;color:#667085;font-size:11px;margin:8px 0 14px}.inbox .bubble{position:relative;width:fit-content;max-width:min(62%,720px)!important;padding:8px 10px!important;border-radius:7.5px;font-size:13px!important;box-shadow:0 1px .5px #0b141a21;white-space:pre-wrap;word-break:break-word}.inbox .bubble.incoming{background:#fff!important;border:0!important;border-top-left-radius:0;color:#111b21!important}.inbox .bubble.outgoing{background:#d9fdd3!important;color:#111b21!important;align-self:flex-end!important;border-bottom-right-radius:7.5px;border-top-right-radius:0}.inbox .bubble.incoming:before{content:"";position:absolute;top:0;left:-8px;border-top:8px solid #fff;border-left:8px solid transparent}.inbox .bubble.outgoing:before{content:"";position:absolute;top:0;right:-8px;border-top:8px solid #d9fdd3;border-right:8px solid transparent}.inbox .bubble b{color:#008069;font-size:10px;align-self:flex-end;opacity:.8}.message-media.image img{display:block;max-width:min(320px,100%);max-height:340px;border-radius:7px;object-fit:contain}.message-media.audio{display:flex;flex-direction:column;gap:7px;width:min(280px,100%)}.message-media.audio audio{width:100%}.message-media.audio em{color:inherit;opacity:.75;font-size:12px}.message-media.document{display:flex;align-items:center;gap:9px;color:inherit}.message-media.document span{display:flex;flex-direction:column;gap:2px;min-width:0}.message-media.document strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-media.document small{align-self:flex-start;font-size:10px}.composer button{min-width:42px;width:auto;padding:0 12px;cursor:pointer}.inbox .composer{background:#f0f2f5!important;border-top:0!important;align-items:center;gap:8px;width:100%;min-width:0;box-sizing:border-box;padding:9px 16px;position:relative;z-index:1}.inbox .composer textarea{width:100%;height:44px!important;min-height:44px;border:0!important;border-radius:8px!important;background:#fff!important;color:#111b21!important;padding:12px 14px}.composer textarea::placeholder{color:#8696a0}.composer-icon-button{flex:0 0 36px;min-width:36px!important;width:36px!important;height:36px;border-radius:50%!important;background:transparent!important;color:#54656f!important;padding:0!important}.composer-icon-button:hover{background:#e2e6e9!important}.emoji-picker-anchor,.attachment-picker-anchor{position:relative;flex:0 0 auto}.attachment-menu{position:absolute;left:50%;transform:translate(-50%);bottom:calc(100% + 10px);width:max-content;min-width:148px;background:#fff;border:1px solid #d1d7db;border-radius:9px;box-shadow:0 10px 24px #10182824;padding:5px;z-index:45}.inbox .composer .attachment-menu button{width:100%;min-width:0;height:34px;border:0!important;border-radius:7px;background:transparent!important;color:#111b21!important;display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:0 10px;font-size:13px;font-weight:500;white-space:nowrap;box-shadow:none!important}.inbox .composer .attachment-menu button svg{color:#54656f;flex:0 0 auto}.inbox .composer .attachment-menu button:hover{background:#f0f2f5!important}.composer-main{flex:1;width:auto;min-width:0;display:flex;flex-direction:column;gap:7px}.attachment-preview{width:min(420px,100%);min-height:48px;display:grid;grid-template-columns:40px minmax(0,1fr) 30px;align-items:center;gap:9px;background:#fff;border:1px solid #d1d7db;border-radius:8px;padding:6px 7px}.attachment-preview img{width:40px;height:40px;border-radius:6px;object-fit:cover}.attachment-preview>svg{color:#54656f;justify-self:center}.attachment-preview span{display:flex;flex-direction:column;gap:2px;min-width:0}.attachment-preview strong{color:#111b21;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-preview small{color:#667781;font-size:11px}.attachment-preview button{min-width:30px;width:30px;height:30px;border:0;border-radius:50%;background:transparent;color:#54656f;padding:0;display:grid;place-items:center}.attachment-preview button:hover{background:#f0f2f5}.emoji-picker-popover{position:absolute;left:0;bottom:calc(100% + 12px);width:min(352px,calc(100vw - 32px));max-width:calc(100vw - 32px);border-radius:12px;box-shadow:0 16px 40px #1018282e;z-index:50;overflow:hidden}.emoji-picker-popover .EmojiPickerReact{--epr-bg-color: #fff;--epr-hover-bg-color: #f3f4f6;--epr-hover-bg-color-reduced-opacity: rgba(243, 244, 246, .72);--epr-focus-bg-color: #f3f4f6;--epr-highlight-color: #667781;--epr-category-icon-active-color: #54656f;--epr-category-icon-inactive-color: #8696a0;--epr-search-border-color-active: #d1d7db;--epr-emoji-hover-color: #f3f4f6;--epr-category-label-bg-color: rgba(255, 255, 255, .92)}.emoji-picker-popover .epr-emoji,.emoji-picker-popover .epr-emoji:focus{background:transparent}.emoji-picker-popover .epr-emoji:hover{background:#f3f4f6}.emoji-picker-popover .epr-cat-btn{background:transparent!important;border-radius:8px}.emoji-picker-popover .epr-cat-btn:hover,.emoji-picker-popover .epr-cat-btn.epr-active{background:#f3f4f6!important}.emoji-picker-popover .epr-cat-btn:focus:before{border-color:#d1d7db!important}.inbox .composer .send-button{flex:0 0 42px;min-width:42px;width:42px;height:42px;border-radius:50%;background:#00a884!important;color:#fff!important;padding:0}.inbox .composer .send-button:hover{background:#008069!important}.composer button:disabled{background:#b9c5ca;cursor:default}.inbox .composer .close-chat{flex:0 0 auto;width:auto!important;min-width:max-content;background:#fff;color:#54656f;border:1px solid #d1d7db;font-size:12px;font-weight:700;height:36px;white-space:nowrap;padding:0 12px;display:inline-flex;align-items:center;justify-content:center}.composer-state{background:#fff;border-radius:8px;min-height:44px;padding:0 12px;width:100%;min-width:0;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#667085;font-size:13px}.composer-state span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox .composer .composer-state button{flex:0 0 auto;width:auto!important;min-width:max-content;background:#635bff;color:#fff;border-radius:999px;min-height:32px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:0 14px}.contact-drawer{background:#fff;border-left:1px solid #d1d7db}.contact-drawer .overlay-head{background:#008069;color:#fff;margin:-18px -18px 18px;padding:18px;min-height:76px;align-items:end}.contact-drawer .overlay-head .icon-btn{color:#fff}.contact-profile{background:#fff}.contact-profile .avatar.large{width:84px;height:84px;font-size:26px}.contact-profile h3{color:#111b21;font-size:17px;font-weight:400}.contact-profile p,.contact-info span{color:#667781}.contact-info span{gap:12px}.contact-info strong{text-align:right}@media(max-width:900px){.chat-actions .conversation-badge{display:none}}@media(max-width:700px){.bubble{max-width:82%}.composer-state{align-items:flex-start;flex-direction:column}.contact-drawer{width:min(320px,92vw)}}.team-tabs{display:inline-flex;gap:4px;background:#eef0f6;border-radius:8px;padding:4px;margin-bottom:20px}.team-tabs button{height:32px;border:0;border-radius:6px;background:transparent;color:#667085;padding:0 14px;font-size:12px;font-weight:600;cursor:pointer}.team-tabs button.active{background:#fff;color:#111827;box-shadow:0 1px 2px #10182814}.team-list{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.team-user-header,.team-user-row{display:grid;grid-template-columns:minmax(220px,1.35fr) 96px 112px minmax(220px,1fr) 188px;column-gap:18px}.team-user-header{min-height:40px;padding:0 16px;align-items:center;background:#fafbff;border-bottom:1px solid #e5e7eb;color:#667085;font-size:11px;font-weight:700;text-transform:uppercase}.team-user-row{min-height:76px;padding:16px;align-items:start;border-bottom:1px solid #e5e7eb}.team-user-row:last-child{border-bottom:0}.team-user-row>*{min-height:34px;display:flex;align-items:flex-start}.team-user-row strong{font-size:13px}.team-user-row small{display:block;color:#667085;font-size:12px;margin-top:3px}.user-cell{display:block;min-width:0}.teams-cell{display:flex;align-content:flex-start;align-items:flex-start;gap:5px;flex-wrap:wrap;min-width:0;padding-top:1px}.role-badge,.status-badge,.team-chip{display:inline-flex;align-items:center;width:max-content;border-radius:999px;font-size:11px;font-weight:700;line-height:16px;padding:3px 8px}.role-badge{background:#eeecff;color:#493ee5}.role-badge.admin{background:#e0f2fe;color:#0369a1}.status-badge.active{background:#ecfdf3;color:#027a48}.status-badge.inactive{background:#f3f4f6;color:#6b7280}.team-chip{background:#f0f2f5;color:#54656f}.row-actions,.card-actions{display:flex;gap:8px;justify-content:flex-end}.row-actions{align-items:flex-start;flex-wrap:nowrap}.action-box{flex:0 0 auto;height:32px;border:1px solid #d0d5dd;background:#fff;color:#344054;border-radius:7px;padding:0 10px;font-size:12px;font-weight:700;cursor:pointer}.action-box:hover{background:#f9fafb}.action-box.danger{border-color:#fecaca;color:#b42318}.action-box.danger:hover{background:#fff4f4}.link-button{border:0;background:transparent;color:#493ee5;font-size:12px;font-weight:600;cursor:pointer;padding:5px 0}.link-button.danger{color:#b42318}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.team-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:14px;min-height:184px}.team-card-head{display:flex;justify-content:space-between;gap:12px}.team-card h3{font-size:15px;margin:0}.team-card p{margin:4px 0 0;color:#667085;font-size:12px}.member-list{display:flex;flex-direction:column;gap:6px;color:#111827;font-size:13px}.member-list span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.checkbox-list{display:flex;flex-direction:column;gap:8px;max-height:220px;overflow:auto;border:1px solid #e5e7eb;border-radius:8px;padding:10px}.checkbox-list label{display:flex;align-items:center;gap:8px;font-size:13px;color:#111827}.password-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px}.inline-error{margin:0;color:#b42318;font-size:12px}.access-denied{max-width:560px;margin:72px auto;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:28px;text-align:center}.access-denied h1{font-size:20px;margin:0 0 8px}@media(max-width:900px){.team-user-header{display:none}.team-user-row{grid-template-columns:1fr;gap:8px}.team-user-row>*{min-height:auto}.row-actions{justify-content:flex-start}.password-row{grid-template-columns:1fr}.team-tabs{width:100%;display:flex}.team-tabs button{flex:1}}.team-danger{border:1px solid #fecaca;background:snow;border-radius:10px;padding:14px;display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.team-danger strong{font-size:13px;color:#b42318}.team-danger p{margin:4px 0 0;color:#667085;font-size:12px;line-height:18px}.team-danger .btn{flex:0 0 auto}@media(max-width:700px){.team-danger{flex-direction:column}.team-danger .btn{width:100%}}.modal .overlay-head{background:#635bff;color:#fff;margin:-20px -20px 18px;padding:16px 20px;border-radius:12px 12px 0 0}.modal .overlay-head h2,.modal .overlay-head .icon-btn{color:#fff}.modal .overlay-head .icon-btn:hover{background:#ffffff29;color:#fff}.analytics-tabs{display:inline-flex;gap:4px;background:#eef0f6;border-radius:8px;padding:4px;margin-bottom:20px}.analytics-tabs button{height:32px;border:0;border-radius:6px;background:transparent;color:#667085;padding:0 14px;font-size:12px;font-weight:600;cursor:pointer}.analytics-tabs button.active{background:#fff;color:#111827;box-shadow:0 1px 2px #10182814}.analytics-filters{display:flex;gap:10px;flex-wrap:wrap;margin:-6px 0 20px}.analytics-filters select,.analytics-filters input{height:36px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#111827;padding:0 10px;font-size:12px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.metric-card,.analytics-panel{background:#fff;border:1px solid #e5e7eb;border-radius:10px}.metric-card{padding:16px}.metric-card span{color:#667085;font-size:12px;font-weight:600}.metric-card strong{display:block;font-size:26px;line-height:34px;margin-top:8px}.metric-card small{color:#027a48;font-size:12px}.metric-card small.neutral{color:#667085}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.analytics-panel{padding:16px;min-width:0}.analytics-panel h2{font-size:15px;margin:0}.chart-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.chart-legend{display:flex;gap:14px;align-items:center;flex-wrap:wrap;color:#667085;font-size:12px;font-weight:600}.chart-legend span{display:inline-flex;align-items:center;gap:6px}.legend-dot{width:8px;height:8px;border-radius:999px;display:inline-block}.legend-dot.conv{background:#635bff}.legend-dot.users{background:#16a34a}.legend-dot.inbound{background:#0ea5e9}.axis-chart{display:grid;grid-template-columns:38px 1fr;gap:8px}.axis-chart.compact{min-height:212px}.y-axis{height:220px;display:flex;flex-direction:column;justify-content:space-between;color:#98a2b3;font-size:10px;text-align:right;padding:2px 0 24px}.axis-chart.compact .y-axis{height:180px}.chart-area{min-width:0}.line-chart{height:220px;display:flex;align-items:end;gap:6px;border-left:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;padding-top:20px;background:repeating-linear-gradient(to bottom,#f2f4f7 0,#f2f4f7 1px,transparent 1px,transparent 25%)}.line-day{flex:1;display:flex;align-items:end;gap:2px;height:100%;min-width:7px}.line-bar{width:50%;border-radius:4px 4px 0 0;min-height:2px}.line-bar.conv{background:#635bff}.line-bar.users{background:#16a34a}.hour-bars{display:grid;grid-template-columns:repeat(24,1fr);gap:3px;height:180px;align-items:end;border-left:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;background:repeating-linear-gradient(to bottom,#f2f4f7 0,#f2f4f7 1px,transparent 1px,transparent 25%)}.hour-slot{height:100%;display:flex;align-items:end;gap:1px;min-width:5px}.hour-bar{flex:1;border-radius:4px 4px 0 0;min-height:2px}.hour-bar.users{background:#16a34a}.hour-bar.inbound{background:#0ea5e9}.x-axis{display:grid;grid-template-columns:repeat(var(--x-count,7),minmax(0,1fr));gap:6px;color:#98a2b3;font-size:10px;padding:7px 0 0}.x-axis span{overflow:hidden;text-overflow:clip;white-space:nowrap;text-align:center}.line-chart+.x-axis{grid-template-columns:repeat(auto-fit,minmax(28px,1fr))}.x-axis.hourly{grid-template-columns:repeat(24,1fr);gap:3px}.split-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e7eb;padding:10px 0;font-size:13px}.split-row:last-child{border-bottom:0}.analytics-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;font-size:12px}.analytics-table th,.analytics-table td{padding:11px 12px;border-bottom:1px solid #e5e7eb;text-align:left;vertical-align:top}.analytics-table th{background:#fafbff;color:#667085;font-size:11px;text-transform:uppercase}.analytics-table tr:last-child td{border-bottom:0}.table-tools{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.table-tools input{height:36px;border:1px solid #e5e7eb;border-radius:8px;padding:0 10px;min-width:260px}.pager{display:flex;gap:8px;align-items:center;justify-content:flex-end;margin-top:12px;color:#667085;font-size:12px}.live-dot{display:inline-flex;align-items:center;gap:6px;color:#027a48;font-size:12px;font-weight:800;margin-bottom:12px}.mode-badge{display:inline-flex;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700;background:#eeecff;color:#493ee5}.mode-badge.human{background:#eff6ff;color:#1d4ed8}.analytics-empty{border:1px dashed #c7cbd4;border-radius:10px;padding:28px;color:#667085;text-align:center;background:#fff}@media(max-width:1000px){.metric-grid{grid-template-columns:repeat(2,1fr)}.analytics-grid{grid-template-columns:1fr}.analytics-table{display:block;overflow:auto}}@media(max-width:640px){.metric-grid{grid-template-columns:1fr}.table-tools{align-items:stretch;flex-direction:column}.table-tools input{min-width:0;width:100%}.chart-head{align-items:flex-start;flex-direction:column}.axis-chart{grid-template-columns:32px 1fr}.x-axis{font-size:9px}}:root{font-family:Inter,system-ui,sans-serif;color:#111827;background:#f7f8fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:#f7f8fc}button,input,textarea,select{font:inherit}button,a{transition:.15s ease}a{text-decoration:none;color:inherit}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:230px;background:#0b1020;color:#f9fafb;padding:12px 10px;display:flex;flex-direction:column;z-index:30;transition:width .2s}.sidebar.collapsed{width:68px}.brand{height:44px;display:flex;align-items:center;gap:10px;padding:0 6px;margin-bottom:8px;font-weight:600}.brandmark{width:30px;height:30px;border-radius:8px;background:#635bff;display:grid;place-items:center;flex:none}.collapse-btn{margin-left:auto;background:transparent;border:0;color:#94a3b8;display:grid;place-items:center;padding:6px;border-radius:6px;cursor:pointer}.collapse-btn:hover,.logout:hover{background:#151b2f;color:#fff}.sidebar nav{display:flex;flex-direction:column;gap:3px}.sidebar nav a,.logout{height:38px;padding:0 10px;border-radius:8px;display:flex;align-items:center;gap:11px;color:#94a3b8;font-size:13px;font-weight:500;white-space:nowrap}.sidebar nav a:hover,.sidebar nav a.active{background:#151b2f;color:#fff}.collapsed nav a{justify-content:center;padding:0}.sidebar-bottom{margin-top:auto;border-top:1px solid #20263a;padding-top:10px}.profile{display:flex;align-items:center;gap:9px;padding:6px}.profile>div:last-child{display:flex;flex-direction:column;min-width:0}.profile strong{font-size:12px}.profile small{font-size:11px;color:#94a3b8}.avatar{width:32px;height:32px;border-radius:50%;background:#635bff;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:600;flex:none}.avatar.large{width:56px;height:56px;font-size:18px}.logout{border:0;background:transparent;width:100%;cursor:pointer}.collapsed .logout{justify-content:center;padding:0}.main{margin-left:230px;min-height:100vh;transition:margin-left .2s}.main.sidebar-collapsed{margin-left:68px}.page{padding:36px 32px 64px}.page.narrow{max-width:960px;margin:auto}.page.detail{max-width:780px;margin:auto}.page-header{display:flex;align-items:end;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:1px solid #e5e7eb;margin-bottom:20px}.page h1,.page-header h1{font-size:24px;line-height:32px;margin:0;font-weight:600;letter-spacing:-.02em}.page-header p,.section p,.muted{margin:4px 0 0;color:#667085;font-size:13px}.btn{height:36px;border:0;border-radius:8px;padding:0 14px;font-size:12px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}.btn.primary{background:#635bff;color:#fff}.btn.primary:hover{background:#534ae6}.btn.ghost{background:transparent;color:#667085}.btn.ghost:hover{background:#eef0f6;color:#111827}.btn.danger{background:transparent;color:#f04438}.list{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.list-row{min-height:54px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e7eb;font-size:13px}.list-row:last-child{border-bottom:0}.list-row:hover{background:#fafbff}.list-row>span{color:#667085;display:flex;align-items:center;gap:7px;font-size:12px}.list-row div{display:flex;flex-direction:column;gap:3px}.list-row small,.compact-row small,.tool-row small{color:#667085;font-size:12px;font-weight:400}.list-row em{font-style:normal;background:#eeecff;color:#493ee5;border-radius:999px;padding:2px 7px}.menu-row{min-height:62px}.tool-row{justify-content:flex-start;gap:12px}.tool-row>svg{margin-left:auto;color:#667085}.tool-icon{width:34px;height:34px;border-radius:8px;background:#f0f3ff;display:grid!important;place-items:center;color:#493ee5}.search{width:100%;height:38px;border:1px solid #e5e7eb;background:#fff;border-radius:8px;padding:0 12px;outline:none;margin-bottom:12px;color:#111827}.search:focus,input:focus,textarea:focus,select:focus{border-color:#635bff;box-shadow:0 0 0 2px #635bff1f}.back{display:inline-flex;align-items:center;gap:6px;color:#667085;font-size:12px;margin-bottom:18px}.detail>h1{margin-bottom:4px}.section{margin-top:26px;padding-top:24px;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:16px}.section h2{font-size:15px;margin:0}.field{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:500}.field small{color:#667085;font-weight:400;margin-top:-2px}.field input,.field textarea,.field select{border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#111827;padding:9px 10px;outline:none;resize:vertical}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-head>div:first-child{display:flex;flex-direction:column}.section-actions{display:flex;align-items:center;gap:10px;color:#667085;font-size:12px}.compact-list{border:1px solid #e5e7eb;border-radius:9px;overflow:hidden;background:#fff}.compact-row{min-height:56px;padding:9px 12px;border:0;border-bottom:1px solid #e5e7eb;background:#fff;width:100%;display:flex;align-items:center;gap:10px;text-align:left;color:#111827}.compact-row:last-child{border-bottom:0}.compact-row>div{display:flex;flex-direction:column;gap:3px;flex:1}.option-row{cursor:pointer}.option-row:hover{background:#fafbff}.option-row>b{font-size:11px;color:#667085}.icon-btn{border:0;background:transparent;color:#667085;border-radius:6px;padding:5px;display:grid;place-items:center;cursor:pointer}.icon-btn:hover{background:#f0f3ff;color:#111827}.savebar{display:flex;justify-content:flex-end;margin-top:28px}.savebar.between{justify-content:space-between}.title-line{display:flex;justify-content:space-between;align-items:center}.switchline,.check{display:flex;align-items:center;gap:8px;color:#667085;font-size:12px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b10205c;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.modal{width:min(500px,100%);background:#fff;border-radius:12px;box-shadow:0 16px 40px #10182824;padding:20px}.drawer{position:absolute;right:0;top:0;bottom:0;width:min(420px,92vw);background:#fff;padding:20px;box-shadow:-12px 0 30px #1018281a}.overlay-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.overlay-head h2{font-size:18px;margin:0}.form{display:flex;flex-direction:column;gap:16px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:8px}.tool-picker{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.tool-picker button{border:1px solid #e5e7eb;background:#fff;border-radius:10px;padding:16px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;cursor:pointer;color:#111827}.tool-picker button:hover{border-color:#635bff;background:#faf9ff}.tool-picker small{color:#667085;text-align:left}.empty{margin-top:20px;border:1px dashed #c7cbd4;border-radius:10px;padding:32px;color:#667085;text-align:center;background:#fff}.inbox{height:100vh;display:grid;grid-template-columns:320px minmax(0,1fr);background:#fff;position:relative}.conversation-list{border-right:1px solid #e5e7eb;background:#f7f8fc;overflow:auto}.inbox-title{height:58px;padding:0 16px;display:flex;align-items:center;border-bottom:1px solid #e5e7eb;background:#fff}.inbox-title h1{font-size:15px;margin:0}.conversation-list>.search{margin:10px;width:calc(100% - 20px)}.conversation-item{width:100%;height:68px;border:0;border-top:1px solid #e5e7eb;background:transparent;padding:9px 12px;display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;text-align:left;cursor:pointer}.conversation-item.selected{background:#fff;border-left:3px solid #635bff;padding-left:9px}.conversation-item>div:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:4px}.conversation-item strong{font-size:12px}.conversation-item span{font-size:11px;color:#667085;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-item time{font-size:10px;color:#94a3b8;align-self:start;margin-top:4px}.chat{min-width:0;display:flex;flex-direction:column;height:100vh;background:#f7f8fc}.chat header{height:58px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.contact{display:flex;align-items:center;gap:9px;border:0;background:transparent;cursor:pointer;text-align:left}.contact>div:last-child{display:flex;flex-direction:column;gap:2px}.contact strong{font-size:12px}.contact span{font-size:10px;color:#667085}.chat-actions{display:flex;align-items:center;gap:10px;font-size:11px;color:#667085}.chat-actions button{height:30px;border:1px solid #e5e7eb;background:#fff;border-radius:7px;padding:0 10px;cursor:pointer}.ai-state{color:#0e7490}.messages{flex:1;overflow:auto;padding:24px;display:flex;flex-direction:column;gap:12px}.bubble{max-width:65%;padding:9px 11px;border-radius:8px;font-size:13px;display:flex;flex-direction:column;gap:5px}.bubble small{font-size:9px;opacity:.65;align-self:flex-end}.bubble.incoming{background:#fff;border:1px solid #e5e7eb;border-bottom-left-radius:2px}.bubble.outgoing{background:#635bff;color:#fff;align-self:flex-end;border-bottom-right-radius:2px}.composer{background:#fff;border-top:1px solid #e5e7eb;padding:12px 16px;display:flex;gap:8px}.composer textarea{height:42px;flex:1;border:1px solid #e5e7eb;border-radius:8px;padding:11px;resize:none;outline:none}.composer button{width:42px;border:0;border-radius:8px;background:#635bff;color:#fff;display:grid;place-items:center}.contact-drawer{position:absolute;right:0;top:0;bottom:0;width:320px;background:#fff;box-shadow:-10px 0 30px #10182814;z-index:20;padding:18px}.contact-profile{text-align:center;padding:20px 0;border-bottom:1px solid #e5e7eb}.contact-profile .avatar{margin:auto}.contact-profile h3{font-size:14px;margin:10px 0 3px}.contact-profile p{font-size:11px;color:#667085;margin:0}.contact-info{display:flex;flex-direction:column;padding-top:14px}.contact-info span{display:flex;justify-content:space-between;font-size:11px;color:#667085;padding:10px 0}.contact-info strong{color:#111827}@media(max-width:900px){.sidebar{width:68px}.sidebar:not(.collapsed){width:68px}.sidebar .brand>span,.sidebar nav span,.sidebar .profile>div:last-child,.sidebar .logout span{display:none}.sidebar nav a,.sidebar .logout{justify-content:center;padding:0}.main,.main.sidebar-collapsed{margin-left:68px}.inbox{grid-template-columns:280px minmax(0,1fr)}.ai-state{display:none}}@media(max-width:700px){.conversation-list{display:none}.inbox{grid-template-columns:1fr}.page{padding:24px 18px}.tool-picker{grid-template-columns:1fr}}.tool-picker button{position:relative}.tool-picker button:hover:not(:disabled){border-color:#635bff;background:#faf9ff}.tool-picker button:disabled{cursor:not-allowed;background:#fafafa;color:#98a2b3}.tool-picker em{font-style:normal;background:#eef0f6;color:#667085;border-radius:999px;padding:3px 8px;font-size:11px}.tabs{display:inline-flex;gap:4px;background:#eef0f6;border-radius:8px;padding:4px;margin-bottom:18px}.tabs button{height:32px;border:0;border-radius:6px;background:transparent;color:#667085;padding:0 14px;font-size:12px;font-weight:600;cursor:pointer}.tabs button.active{background:#fff;color:#111827;box-shadow:0 1px 2px #10182814}.tools-table{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.tools-table-head,.tools-table-row{display:grid;grid-template-columns:2fr 1fr 1.5fr 110px 28px;gap:12px;align-items:center;padding:0 14px}.tools-table-head{height:38px;background:#fafbff;color:#667085;font-size:11px;font-weight:700;text-transform:uppercase;border-bottom:1px solid #e5e7eb}.tools-table-row{min-height:62px;border-bottom:1px solid #e5e7eb;font-size:12px;color:#667085}.tools-table-row:last-child{border-bottom:0}.tools-table-row:hover{background:#fafbff}.tool-name-cell{display:flex;align-items:center;gap:10px;color:#111827}.tool-name-cell strong{font-size:13px}.status-badge{display:inline-flex;align-items:center;gap:6px;color:#027a48;background:#ecfdf3;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700;white-space:nowrap}.status-badge>span{width:6px;height:6px;border-radius:999px;background:#12b76a}.connected-accounts{display:flex;flex-direction:column;gap:16px}.accounts-head{align-items:flex-end}.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.account-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:12px}.account-provider{display:flex;align-items:center;gap:10px;font-size:13px}.account-card p{margin:0;color:#111827;font-size:13px}.account-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#667085;font-size:12px}.account-actions{display:flex;gap:8px}.account-actions button{height:30px;border:1px solid #e5e7eb;border-radius:7px;background:#fff;color:#667085;padding:0 10px;font-size:12px}.account-actions button:disabled{opacity:.55;cursor:not-allowed}.inline-action{border:0;background:transparent;padding:0;display:inline-flex;align-items:center;gap:5px;color:#493ee5;font-size:12px;font-weight:600;margin-top:-8px;cursor:pointer}.inline-action:disabled{color:#98a2b3;cursor:not-allowed}.modal-note{margin:14px 0 0;color:#667085;font-size:12px}.tool-empty{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:0}.tool-empty strong{color:#111827}@media(max-width:900px){.tools-table-head{display:none}.tools-table-row{grid-template-columns:1fr;gap:6px;padding:14px}.tools-table-row>svg{display:none}.account-grid{grid-template-columns:1fr}}@media(max-width:700px){.account-meta,.accounts-head{align-items:flex-start;flex-direction:column}}.destination-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.destination-cards button{min-height:92px;border:1px solid #e5e7eb;background:#fff;border-radius:8px;color:#111827;padding:12px 10px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;text-align:left;cursor:pointer}.destination-cards button:hover{border-color:#635bff;background:#faf9ff}.destination-cards button.active{border-color:#635bff;background:#f0f3ff;color:#493ee5;box-shadow:0 0 0 2px #635bff1f}.destination-cards strong{font-size:12px}.destination-cards small{font-size:11px;line-height:1.25;color:#667085}.destination-cards button.active small{color:#493ee5}@media(max-width:700px){.destination-cards{grid-template-columns:1fr}}.status-badge.inactive{background:#f2f4f7;color:#667085}.status-badge.inactive>span{background:#98a2b3}.status-badge.pending{background:#fffbeb;color:#92400e}.status-badge.pending>span{background:#f59e0b}.tenants-page{max-width:1360px;margin:auto}.tenants-context-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px 16px;margin-bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:14px}.tenants-context-card div:first-child{display:flex;flex-direction:column;gap:4px;min-width:0}.tenants-context-card span{font-size:12px;color:#667085}.tenants-context-card strong{font-size:13px;color:#111827;overflow-wrap:anywhere}.tenant-context-actions{display:flex;gap:8px;flex:none}.tenants-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(360px,.9fr);gap:18px;align-items:start}.tenant-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.tenant-search-input{height:38px;border:1px solid #e5e7eb;background:#fff;border-radius:8px;padding:0 10px;display:flex;align-items:center;gap:8px}.tenant-search-input input{border:0;outline:0;flex:1;min-width:0;padding:0}.tenants-table{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.tenants-table-head,.tenants-table-row{display:grid;grid-template-columns:2.2fr 1.1fr 150px 70px 230px;gap:12px;align-items:center;padding:0 14px}.tenants-table-head{min-height:38px;background:#fafbff;color:#667085;font-size:11px;font-weight:800;text-transform:uppercase;border-bottom:1px solid #e5e7eb}.tenants-table-row{min-height:68px;border-bottom:1px solid #e5e7eb;font-size:12px}.tenants-table-row:last-child{border-bottom:0}.tenants-table-row code{overflow-wrap:anywhere;color:#111827}.tenants-table-row>span{color:#667085}.tenant-row-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.tenant-row-actions .inline-action{margin:0}.tenant-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#667085;font-size:12px}.tenant-detail-panel{position:sticky;top:18px}.tenant-detail-block{border:1px solid #e5e7eb;border-radius:10px;background:#fff;padding:14px;display:flex;flex-direction:column;gap:10px}.tenant-detail-block h3{margin:0;font-size:14px}.tenant-detail-line{display:grid;grid-template-columns:150px minmax(0,1fr);gap:10px;font-size:12px}.tenant-detail-line span{color:#667085}.tenant-detail-line strong{font-weight:600;color:#111827;overflow-wrap:anywhere}.tenant-mini-card{border:1px solid #e5e7eb;border-radius:8px;padding:10px;background:#fafbff;display:flex;flex-direction:column;gap:5px;font-size:12px}.tenant-mini-card span{color:#667085;overflow-wrap:anywhere}@media(max-width:1100px){.tenants-layout{grid-template-columns:1fr}.tenant-detail-panel{position:static}.tenants-table-head{display:none}.tenants-table-row{grid-template-columns:1fr;gap:7px;padding:14px}.tenant-row-actions{justify-content:flex-start}.tenant-search-row{grid-template-columns:1fr}.tenants-context-card,.tenant-pagination{align-items:flex-start;flex-direction:column}}.tools-table-state{grid-column:1/-1;padding:28px;color:#667085;text-align:center;font-size:13px;background:#fff}.detail-field{display:grid;grid-template-columns:180px minmax(0,1fr);gap:16px;align-items:start;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px}.detail-field span{color:#667085;font-size:12px;font-weight:600}.detail-field strong{color:#111827;font-size:13px;font-weight:500;overflow-wrap:anywhere}@media(max-width:700px){.detail-field{grid-template-columns:1fr;gap:6px}}.tool-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.tool-detail-head h1{margin:0}.tool-switch{height:36px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:0 12px;color:#111827;font-weight:600}.save-feedback{min-height:36px;display:flex;align-items:center;color:#027a48;font-size:12px;font-weight:600}.save-feedback .error{color:#f04438}@media(max-width:700px){.tool-detail-head{flex-direction:column}.tool-switch{align-self:flex-start}}.danger-section{border-color:#fecaca;background:#fff;padding:18px;border:1px solid #fecaca;border-radius:10px}.danger-section h2{color:#b42318}.danger-section p{margin:4px 0 0;color:#667085;font-size:13px}.danger-section .btn{align-self:flex-start}.success-note,.error-note{border-radius:8px;padding:10px 12px;font-size:12px;font-weight:600}.success-note{background:#ecfdf3;color:#027a48}.error-note{background:#fef3f2;color:#b42318}.activation-banner{position:sticky;top:0;z-index:25;min-height:44px;background:#fffbeb;border-bottom:1px solid #fde68a;color:#92400e;display:flex;align-items:center;gap:10px;padding:0 32px;font-size:12px}.activation-banner strong{color:#78350f}.activation-banner span{color:#92400e}.activation-banner a{margin-left:auto;color:#493ee5;font-weight:700}.pending-pill{display:inline-flex;border-radius:999px;background:#fffbeb;color:#92400e;border:1px solid #fde68a;padding:4px 9px;font-size:11px;font-weight:800}.onboarding-hero{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.onboarding-hero h2{margin:10px 0 4px;font-size:20px}.onboarding-hero p{margin:0;color:#667085;font-size:13px;line-height:1.5;max-width:680px}.onboarding-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.onboarding-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px;min-height:190px}.onboarding-card.complete{border-color:#bbf7d0}.onboarding-card.pending{border-color:#e5e7eb}.onboarding-card.unknown{border-style:dashed}.onboarding-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.onboarding-card h3{font-size:15px;margin:0}.onboarding-card p{margin:0;color:#667085;font-size:13px;line-height:1.45;flex:1}@media(max-width:1000px){.onboarding-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.onboarding-hero{align-items:flex-start;flex-direction:column}.activation-banner{align-items:flex-start;flex-direction:column;padding:10px 18px}.activation-banner a{margin-left:0}}@media(max-width:700px){.onboarding-grid{grid-template-columns:1fr}}.whatsapp-signup-status{display:flex;flex-direction:column;gap:4px;border:1px solid #e5e7eb;background:#f9fafb;border-radius:8px;padding:10px;font-size:12px;color:#667085}.whatsapp-signup-status strong{color:#111827}.whatsapp-signup-status span{overflow-wrap:anywhere}.usage-strip{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 16px}.usage-counter{display:inline-flex;align-items:center;gap:8px;border:1px solid #e5e7eb;background:#fff;border-radius:999px;padding:6px 10px;font-size:12px;color:#667085}.usage-counter strong{color:#111827}.usage-counter.limit-reached{border-color:#fecaca;background:#fff7f7;color:#b42318}.usage-counter.limit-reached strong{color:#b42318}.usage-counter.conversation-usage{border-color:#dbeafe;background:#eff6ff;color:#1d4ed8}.usage-counter.conversation-usage strong{color:#1e3a8a}.usage-counter.conversation-usage.over-allowance{border-color:#fed7aa;background:#fff7ed;color:#c2410c}.usage-counter.conversation-usage.over-allowance strong{color:#9a3412}.usage-counter em{font-style:normal;font-weight:800}.disconnect-preview{margin:16px 0 4px}.field-error{color:#f04438!important;font-weight:600!important}.availability-editor{display:flex;flex-direction:column;gap:10px}.availability-day{border:1px solid #e5e7eb;border-radius:8px;background:#fff;padding:10px;display:flex;flex-direction:column;gap:8px}.availability-interval{display:grid;grid-template-columns:1fr auto 1fr auto;gap:8px;align-items:center}.availability-interval button{height:32px;border:1px solid #e5e7eb;border-radius:7px;background:#fff;color:#667085;padding:0 10px;font-size:12px;cursor:pointer}.availability-interval button:hover{background:#f9fafb;color:#111827}.checkbox-list.compact{max-height:none}.checkbox-list.compact label{font-weight:500}@media(max-width:700px){.availability-interval{grid-template-columns:1fr auto 1fr}.availability-interval button{grid-column:1/-1}}.modal{max-height:calc(100vh - 48px);display:flex;flex-direction:column;overflow:hidden}.modal>.overlay-head{flex-shrink:0}.modal-body{flex:1;min-height:0;overflow-y:auto;padding-right:2px}.modal-body>.form{min-height:100%}.modal .modal-actions{position:sticky;bottom:0;z-index:1;background:#fff;border-top:1px solid #e5e7eb;margin:0 -2px;padding:12px 0 2px;flex-shrink:0}@media(max-width:700px){.overlay{padding:12px}.modal{max-height:calc(100vh - 24px)}}.btn.secondary{background:#fff;color:#344054;border:1px solid #d0d5dd}.btn.secondary:hover{background:#f9fafb}.settings-page{max-width:1180px;margin:auto}.settings-shell{display:grid;grid-template-columns:220px minmax(0,1fr);gap:22px;align-items:start}.settings-nav{position:sticky;top:18px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:6px;display:flex;flex-direction:column;gap:3px}.settings-nav button{height:38px;border:0;border-radius:8px;background:transparent;color:#667085;display:flex;align-items:center;gap:9px;padding:0 10px;font-size:13px;font-weight:700;cursor:pointer;text-align:left}.settings-nav button:hover,.settings-nav button.active{background:#f0f3ff;color:#493ee5}.settings-content{min-width:0}.settings-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:18px}.settings-section-head{padding-bottom:14px;border-bottom:1px solid #e5e7eb}.company-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:16px}.logo-card,.settings-form-card,.security-card,.usage-card,.history-card,.whatsapp-account-card,.payment-placeholder{border:1px solid #e5e7eb;border-radius:10px;background:#fff;padding:16px}.logo-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;background:#fafbff}.logo-card strong{font-size:14px}.logo-card span{color:#667085;font-size:12px}.company-logo{width:96px;height:96px;border-radius:16px;background:#f0f3ff;color:#493ee5;display:grid;place-items:center;overflow:hidden;border:1px solid #e5e7eb}.company-logo img{width:100%;height:100%;object-fit:cover}.logo-upload{position:relative;overflow:hidden}.logo-upload input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.settings-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.readonly-id{margin-top:14px;border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb;padding:10px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;color:#667085;font-size:12px}.readonly-id code{color:#111827;overflow-wrap:anywhere}.settings-table{border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.settings-table-head,.settings-table-row{display:grid;align-items:center;gap:12px;padding:0 14px}.users-settings-table .settings-table-head,.users-settings-table .settings-table-row{grid-template-columns:1.1fr 1.5fr 110px 110px}.settings-table-head{min-height:38px;background:#fafbff;color:#667085;font-size:11px;font-weight:800;text-transform:uppercase;border-bottom:1px solid #e5e7eb}.settings-table-row{min-height:58px;border-bottom:1px solid #e5e7eb;font-size:13px}.settings-table-row:last-child{border-bottom:0}.settings-table-row>span:not(.role-badge):not(.status-badge){color:#667085;overflow-wrap:anywhere}.security-card{display:flex;flex-direction:column;gap:14px}.security-card>div:first-child{display:flex;align-items:flex-start;gap:10px}.security-card h3{margin:0 0 4px;font-size:15px}.security-card p{margin:0;color:#667085;font-size:13px}.password-settings-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:12px;align-items:end}.usage-card{background:#fafbff}.usage-card-head{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.usage-card-head span{display:block;color:#667085;font-size:12px;margin-bottom:4px}.usage-card-head strong{font-size:20px}.usage-progress{height:9px;background:#eef0f6;border-radius:999px;overflow:hidden}.usage-progress span{display:block;height:100%;background:#635bff;border-radius:999px}.usage-summary{display:flex;justify-content:space-between;gap:12px;color:#667085;font-size:13px}.usage-summary strong{color:#c2410c}.history-card h3{margin:0 0 4px;font-size:15px}.history-card p{margin:0 0 12px;color:#667085;font-size:12px}.history-list{display:flex;flex-direction:column;border-top:1px solid #e5e7eb}.history-row{min-height:42px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px}.history-row span{color:#667085}.settings-retry{display:flex;align-items:center;justify-content:space-between;gap:12px}.whatsapp-account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.whatsapp-account-card{display:flex;flex-direction:column;gap:12px}.whatsapp-account-card h3{margin:0;font-size:16px}.account-detail-list{display:flex;flex-direction:column;gap:8px}.account-detail-list span{display:grid;grid-template-columns:130px minmax(0,1fr);gap:8px;color:#667085;font-size:12px}.account-detail-list b{color:#111827}.account-detail-list code{overflow-wrap:anywhere;color:#111827}.payment-placeholder{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;background:#fafbff}.payment-placeholder h2{font-size:18px;margin:0}.payment-placeholder p{max-width:420px;margin:0;color:#667085;font-size:13px}.payment-placeholder svg{color:#493ee5}@media(max-width:900px){.settings-shell{grid-template-columns:1fr}.settings-nav{position:static;overflow:auto;flex-direction:row}.settings-nav button{flex:0 0 auto}.company-layout,.whatsapp-account-grid,.password-settings-grid,.settings-form-grid{grid-template-columns:1fr}.users-settings-table .settings-table-head{display:none}.users-settings-table .settings-table-row{grid-template-columns:1fr;gap:7px;padding:14px}.usage-card-head{grid-template-columns:1fr}.history-row,.usage-summary{align-items:flex-start;flex-direction:column}.readonly-id{grid-template-columns:1fr auto}.readonly-id span{grid-column:1/-1}.account-detail-list span{grid-template-columns:1fr}}.tenants-layout{display:flex;flex-direction:column;gap:18px}.tenants-layout>.settings-panel{width:100%;min-width:0}.tenants-layout .settings-section-head h2{margin:0}.tenants-layout .settings-section-head p{margin:2px 0 0}.tenant-select-panel{gap:12px}.tenant-select-panel .settings-section-head{padding-bottom:8px}.tenant-select-controls{display:grid;grid-template-columns:minmax(280px,1fr) minmax(260px,1fr) minmax(300px,1.2fr);gap:12px;align-items:end}.tenant-selected-preview{min-height:38px;border:1px solid #e5e7eb;border-radius:10px;background:#fafbff;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:12px}.tenant-selected-preview div{min-width:0;display:flex;flex-direction:column;gap:2px}.tenant-selected-preview span{font-size:11px;color:#667085}.tenant-selected-preview strong{font-size:12px;color:#111827;overflow-wrap:anywhere}.tenants-table{width:100%}.tenant-row-group{width:100%;border-bottom:1px solid #e5e7eb}.tenant-row-group:last-child{border-bottom:0}.tenant-row-group .tenants-table-row{width:100%;border-bottom:0}.tenant-detail-panel{position:static;margin:0 12px 14px;background:#fafbff}.tenant-detail-panel .section-head{align-items:flex-start}.tenant-detail-block{background:#fff}.tenant-detail-line{grid-template-columns:210px minmax(0,1fr)}@media(max-width:1100px){.tenants-layout{display:flex}.tenant-select-controls{grid-template-columns:1fr}.tenant-detail-panel{margin:0 10px 12px}.tenant-selected-preview{align-items:flex-start;flex-direction:column}.tenant-detail-line{grid-template-columns:1fr;gap:4px}}.tenants-main-panel{gap:16px}.tenant-selector-section{display:flex;flex-direction:column;gap:10px}.tenant-selector-section h3{margin:0;font-size:13px}.tenants-main-panel .tenant-select-controls{grid-template-columns:minmax(240px,1fr) minmax(280px,1.2fr) auto;align-items:center}.tenants-main-panel .tenant-search-input,.tenants-main-panel select{height:38px}.tenant-id-cell{display:flex;align-items:center;gap:6px;min-width:0}.tenant-id-cell code{min-width:0;overflow-wrap:anywhere}.tenant-id-cell .icon-btn{flex:0 0 auto}.tenants-table{overflow-x:auto}.tenants-table-head,.tenants-table-row{min-width:900px;grid-template-columns:2.2fr 1.1fr 150px 70px 180px}.tenant-row-actions{justify-content:flex-start}@media(max-width:900px){.tenants-main-panel .tenant-select-controls{grid-template-columns:1fr}.tenants-table-head{display:grid}.tenants-table-row{grid-template-columns:2.2fr 1.1fr 150px 70px 180px;gap:12px;padding:0 14px}.tenant-row-actions{justify-content:flex-start}}.tenant-select-dropdown{font-size:14px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#111827}.tenant-row-actions{gap:8px;flex-wrap:nowrap;align-items:center}.tenant-detail-toggle,.tenant-access-button{height:30px;border-radius:7px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;cursor:pointer}.tenant-detail-toggle{background:#fff;border:1px solid #d0d5dd;color:#111827}.tenant-detail-toggle:hover{background:#f9fafb}.tenant-access-button{border:0;background:#635bff;color:#fff}.tenant-access-button:hover:not(:disabled){background:#534ae6}.tenant-access-button:disabled,.tenant-detail-toggle:disabled{opacity:.55;cursor:not-allowed}.tenant-access-button:disabled{background:#98a2b3}@media(max-width:900px){.tenant-row-actions{flex-wrap:wrap}}.human-support-card{display:flex;flex-direction:column;gap:16px}.human-days{display:flex;gap:8px;flex-wrap:wrap}.human-days button{height:34px;border:1px solid #d0d5dd;background:#fff;border-radius:8px;padding:0 11px;color:#344054;font-size:12px;font-weight:700;cursor:pointer}.human-days button:hover:not(:disabled){background:#f9fafb}.human-days button.active{border-color:#635bff;background:#f0f3ff;color:#493ee5}.human-days button:disabled{opacity:.6;cursor:not-allowed}