:root{--navy:#0b1f3a;--navy2:#102a4d;--ink:#142033;--muted:#6b778c;--line:#e5e9f0;--bg:#f5f7fa;--panel:#fff;--green:#16a56f;--wa:#20b66a;--blue:#3159d6;--red:#df4b55;--amber:#d99820;--purple:#7755d9;--shadow:0 12px 40px rgba(17,31,52,.08);--radius:18px;--sidebar:248px;--top:74px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{text-decoration:none;color:inherit}[hidden]{display:none!important}.muted{color:var(--muted)}.overline{font-size:11px;font-weight:800;letter-spacing:.12em;color:#738097}.overline.light{color:#a9bedc}.full{width:100%}.mobile-only{display:none!important}.toast-host{position:fixed;right:22px;top:20px;z-index:2000;display:grid;gap:10px}.toast{min-width:280px;max-width:420px;background:#16233a;color:#fff;padding:13px 16px;border-radius:12px;box-shadow:0 14px 35px rgba(0,0,0,.22);font-size:14px}.toast.success{background:#107d57}.toast.error{background:#b93f4a}.btn{border:0;border-radius:11px;padding:11px 15px;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.18s ease}.btn.primary{background:var(--navy);color:#fff}.btn.primary:hover{background:#12325d;transform:translateY(-1px)}.btn.secondary{background:#eef2f7;color:#28364b}.btn.subtle{background:#fff;border:1px solid var(--line);color:#445168}.btn.light{background:#fff;color:var(--navy)}.btn.glass{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.2);color:#fff}.text-btn{border:0;background:none;color:#3658bb;font-weight:750;padding:7px 4px}.icon-btn{width:40px;height:40px;border:0;border-radius:10px;background:transparent;display:inline-grid;place-items:center;font-size:18px;color:#45516a}.icon-btn.bordered{border:1px solid var(--line);background:#fff}.panel{background:var(--panel);border:1px solid #e9edf2;border-radius:var(--radius);box-shadow:0 1px 3px rgba(18,31,52,.03);padding:22px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.panel-head h2,.panel-head h3{margin:4px 0 0}.panel-head p{margin:5px 0 0;color:var(--muted)}.panel-head.responsive{align-items:center}.count-badge{background:#edf2ff;color:#3159d6;padding:5px 10px;border-radius:99px;font-size:12px;font-weight:800}.connection-dot{width:9px;height:9px;border-radius:50%;display:inline-block;background:#aab2bf;box-shadow:0 0 0 4px rgba(170,178,191,.12)}.connection-dot.online{background:#18a76f;box-shadow:0 0 0 4px rgba(24,167,111,.12)}.connection-dot.offline{background:#df4b55;box-shadow:0 0 0 4px rgba(223,75,85,.12)}.connection-dot.pending{background:#d99820;box-shadow:0 0 0 4px rgba(217,152,32,.12)}
/* Login */.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);background:#fff}.login-showcase{min-height:100vh;background:radial-gradient(circle at 78% 15%,rgba(47,105,192,.3),transparent 32%),linear-gradient(145deg,#08182d,#0d2a4c 62%,#12385f);color:#fff;padding:46px clamp(34px,6vw,90px);display:flex;flex-direction:column;position:relative;overflow:hidden}.login-showcase:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-170px;bottom:-150px;box-shadow:0 0 0 65px rgba(255,255,255,.025),0 0 0 130px rgba(255,255,255,.018)}.login-brand-row{display:flex;align-items:center;gap:13px;position:relative;z-index:1}.login-brand-row img{width:46px;height:46px;object-fit:contain;background:#fff;border-radius:13px;padding:5px}.login-brand-row div{display:grid}.login-brand-row span{font-size:10px;letter-spacing:.14em;color:#9fb4d0}.login-brand-row b{font-size:18px}.login-copy{margin:auto 0;max-width:650px;position:relative;z-index:1}.login-copy h1{font-size:clamp(42px,6vw,76px);line-height:.98;margin:17px 0 22px;letter-spacing:-.05em}.login-copy h1 em{font-style:normal;color:#55d99c}.login-copy p{font-size:18px;line-height:1.65;color:#bfd0e4;max-width:600px}.login-features{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;position:relative;z-index:1}.login-features article{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);padding:15px;border-radius:14px;display:grid;gap:4px}.login-features strong{font-size:13px}.login-features span{font-size:11px;color:#a9bad0}.login-domain{font-size:11px;color:#708ba8;margin:16px 0 0}.login-panel{display:grid;place-items:center;padding:32px;background:#f8fafc}.login-card{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:22px;padding:34px;box-shadow:var(--shadow)}.login-card-head{display:flex;align-items:center;gap:14px;margin-bottom:14px}.login-card-head img{width:46px;height:46px;object-fit:contain}.login-card h2{margin:3px 0 0;font-size:26px}.login-card>p{margin:0 0 24px;line-height:1.55}.login-card label,.compose-form label,#passwordForm label,.dialog-card label{display:grid;gap:7px;margin:13px 0;font-size:13px;font-weight:700;color:#3d485d}.login-card input,.compose-form input,.compose-form textarea,.compose-form select,#passwordForm input,.dialog-card input,.dialog-card textarea,.dialog-card select,.toolbar input,.toolbar select,.search-box input{width:100%;border:1px solid #dce2e9;border-radius:11px;padding:11px 12px;background:#fff;color:var(--ink);outline:none}.login-card input:focus,.compose-form input:focus,.compose-form textarea:focus,.compose-form select:focus,.dialog-card input:focus,.dialog-card textarea:focus,.dialog-card select:focus,.search-box input:focus{border-color:#7e95d9;box-shadow:0 0 0 3px rgba(49,89,214,.09)}.password-field{display:flex;border:1px solid #dce2e9;border-radius:11px;overflow:hidden}.password-field input{border:0;border-radius:0}.login-security{text-align:center;color:#728099;font-size:11px;margin-top:18px}.login-security span{color:var(--green)}.form-error{background:#fff0f1;color:#b53b47;padding:10px 12px;border-radius:9px;font-size:12px}
/* App */.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#091b32;color:#dbe6f4;padding:20px 14px;display:flex;flex-direction:column;z-index:100}.brand{height:48px;display:flex;align-items:center;gap:11px;padding:0 8px}.brand img{width:38px;height:38px;object-fit:contain;background:#fff;border-radius:10px;padding:4px}.brand div{display:grid}.brand b{font-size:15px}.brand span{font-size:10px;color:#7f98b6}.channel-card{margin:20px 4px 12px;padding:11px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);border-radius:13px;display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:center}.channel-icon{width:32px;height:32px;border-radius:10px;background:#20b66a;color:#fff;display:grid;place-items:center;font-size:10px;font-weight:900}.channel-card div:nth-child(2){display:grid;min-width:0}.channel-card b{font-size:11px}.channel-card span{font-size:9px;color:#8ea5c0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-nav{display:grid;gap:3px;overflow:auto;padding:3px 2px}.main-nav>p{font-size:9px;font-weight:800;letter-spacing:.13em;color:#56708f;margin:14px 9px 5px;text-transform:uppercase}.main-nav button{border:0;background:transparent;color:#9eb1c7;height:42px;border-radius:10px;display:grid;grid-template-columns:28px 1fr auto;align-items:center;text-align:left;padding:0 10px;gap:5px}.main-nav button span{font-size:15px;text-align:center}.main-nav button b{font-size:12px;font-weight:650}.main-nav button:hover{background:rgba(255,255,255,.045);color:#fff}.main-nav button.active{background:#153559;color:#fff}.nav-badge{font-style:normal;font-size:9px;background:#ef5d68;color:#fff;min-width:18px;height:18px;border-radius:99px;display:grid;place-items:center;padding:0 5px}.sidebar-foot{margin-top:auto;display:grid;gap:10px}.realtime-chip{display:flex;gap:10px;align-items:center;padding:10px}.realtime-chip>i{width:9px;height:9px;background:#d99820;border-radius:50%}.realtime-chip>i.online{background:#19be7f}.realtime-chip span{display:grid}.realtime-chip b{font-size:11px}.realtime-chip small{font-size:9px;color:#7790ad}.sidebar .btn.subtle{background:rgba(255,255,255,.05);color:#bdccdc;border-color:rgba(255,255,255,.08)}.main-area{margin-left:var(--sidebar);min-height:100vh}.topbar{height:var(--top);position:sticky;top:0;z-index:80;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 26px}.topbar-left{display:flex;align-items:center;gap:12px}.topbar h1{font-size:21px;margin:2px 0 0}.topbar-actions{display:flex;align-items:center;gap:10px}.time-chip{font-size:11px;color:#6d7890;background:#f4f6f9;border:1px solid var(--line);padding:8px 10px;border-radius:10px}.user-menu{display:flex;align-items:center;gap:9px;border-left:1px solid var(--line);padding-left:12px}.user-menu>div:last-child{display:grid}.user-menu b{font-size:12px}.user-menu span{font-size:9px;font-weight:800;color:#728099}.avatar{width:35px;height:35px;border-radius:11px;background:linear-gradient(145deg,#3159d6,#153b8a);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:900}.avatar.large{width:42px;height:42px;border-radius:13px}.avatar.xlarge{width:64px;height:64px;border-radius:20px;font-size:17px}.avatar.small{width:30px;height:30px;border-radius:9px}.content{padding:24px;max-width:1700px;margin:auto}.view{display:none}.view.active{display:block}
/* Dashboard */.dashboard-hero{background:linear-gradient(125deg,#0b1f3a,#123a68);border-radius:22px;color:#fff;padding:30px;display:grid;grid-template-columns:1.5fr .7fr;gap:24px;align-items:center;box-shadow:0 14px 35px rgba(12,37,69,.16)}.dashboard-hero h2{font-size:30px;max-width:720px;margin:8px 0 10px;letter-spacing:-.02em}.dashboard-hero p{color:#aec1d7;max-width:720px;line-height:1.55}.hero-actions{display:flex;gap:9px;margin-top:20px}.hero-status-card{justify-self:end;width:min(330px,100%);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.11);border-radius:17px;padding:19px;display:grid;gap:8px}.hero-status-head{display:flex;justify-content:space-between;font-size:11px;color:#9fb4cb}.hero-status-card strong{font-size:18px}.hero-status-card small{color:#8fa7c1}.hero-mini-stats{display:flex;gap:20px;border-top:1px solid rgba(255,255,255,.09);padding-top:12px;margin-top:6px;font-size:10px;color:#9cb1c8}.hero-mini-stats b{color:#fff;font-size:16px;margin-right:4px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.metric{background:#fff;border:1px solid #e8ecf1;border-radius:16px;padding:17px;display:flex;gap:13px;align-items:center}.metric.clickable{cursor:pointer}.metric-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-weight:900}.metric-icon.indigo{background:#edf1ff;color:#3159d6}.metric-icon.amber{background:#fff5df;color:#be7b0d}.metric-icon.green{background:#e9f8f1;color:#129664}.metric-icon.red{background:#fff0f1;color:#d84450}.metric div{display:grid}.metric small{font-size:10px;color:#79859a;font-weight:700}.metric strong{font-size:25px;line-height:1.1}.metric p{font-size:10px;color:#9aa3b2;margin:3px 0 0}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:14px}.span-2{grid-column:span 2}.span-3{grid-column:1/-1}.activity-list{display:grid}.activity-row{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #f0f2f5}.activity-row:last-child{border:0}.activity-icon{width:34px;height:34px;border-radius:10px;background:#f1f4f8;display:grid;place-items:center}.activity-copy{display:grid;min-width:0}.activity-copy b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-copy span{font-size:10px;color:#8691a3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.directory-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px}.directory-summary div{background:#f7f9fc;border:1px solid #edf0f4;border-radius:14px;padding:16px;display:grid}.directory-summary span{font-size:10px;color:#788499}.directory-summary b{font-size:28px}.panel-note{font-size:11px;color:#8994a5;line-height:1.55}
/* Inbox */.inbox-view{margin:-24px}.inbox-shell{height:calc(100vh - var(--top));display:grid;grid-template-columns:330px minmax(460px,1fr) 250px;background:#fff}.inbox-list-pane{border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0}.inbox-pane-head{height:74px;padding:14px 16px 8px;display:flex;justify-content:space-between;align-items:center}.inbox-pane-head h2{font-size:20px;margin:2px 0}.search-box{margin:0 14px 9px;height:40px;background:#f4f6f9;border:1px solid #edf0f3;border-radius:11px;display:flex;align-items:center;gap:7px;padding:0 10px}.search-box span{color:#8a95a7}.search-box input{border:0!important;background:transparent!important;padding:0!important;box-shadow:none!important;font-size:12px}.search-box.compact{margin:0;min-width:220px}.filter-tabs{display:flex;gap:5px;padding:0 14px 10px;overflow:auto}.filter-tabs button{border:0;background:#f1f4f7;color:#667286;border-radius:99px;padding:6px 10px;font-size:9px;font-weight:750;white-space:nowrap}.filter-tabs button.active{background:#e8efff;color:#3159d6}.conversation-list{overflow:auto;flex:1}.conversation-item{width:100%;border:0;border-top:1px solid #f0f2f5;background:#fff;padding:12px 14px;display:grid;grid-template-columns:42px 1fr auto;gap:10px;text-align:left;align-items:center}.conversation-item:hover,.conversation-item.active{background:#f6f8fb}.conversation-item.unread{background:#f6f9ff}.conversation-avatar{width:42px;height:42px;border-radius:14px;background:#edf2f8;color:#455974;display:grid;place-items:center;font-size:11px;font-weight:900}.conversation-item.unread .conversation-avatar{background:#e7efff;color:#3159d6}.conversation-copy{min-width:0;display:grid;gap:3px}.conversation-title-line{display:flex;justify-content:space-between;gap:8px}.conversation-title-line b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-title-line time{font-size:9px;color:#9aa3b1;white-space:nowrap}.conversation-snippet{font-size:10px;color:#7e899a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unread-count{min-width:20px;height:20px;border-radius:99px;background:#2f60dd;color:#fff;font-size:9px;display:grid;place-items:center;padding:0 5px}.conversation-main{background:#eef2f5;display:flex;min-width:0}.conversation-empty{margin:auto;text-align:center;max-width:330px;padding:30px}.empty-orbit{width:68px;height:68px;border-radius:50%;background:#fff;color:#3159d6;display:grid;place-items:center;margin:auto;box-shadow:0 8px 25px rgba(26,47,77,.08);font-size:25px}.conversation-empty h3{margin:14px 0 7px}.conversation-empty p{font-size:12px;color:#8390a2;line-height:1.55}.conversation-active{width:100%;display:flex;flex-direction:column;min-height:0}.conversation-header{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 16px;gap:11px}.conversation-back{display:none}.conversation-title{display:grid;min-width:0}.conversation-title b{font-size:13px}.conversation-title span{font-size:10px;color:#8590a1}.conversation-header-actions{margin-left:auto}.conversation-messages{flex:1;overflow:auto;padding:22px clamp(16px,3vw,38px);display:flex;flex-direction:column;gap:8px;background-color:#eef2f5;background-image:radial-gradient(#d8dee5 1px,transparent 1px);background-size:20px 20px}.message-row{display:flex}.message-row.out{justify-content:flex-end}.message-bubble{max-width:min(620px,80%);background:#fff;border-radius:4px 14px 14px 14px;padding:9px 11px;box-shadow:0 1px 2px rgba(0,0,0,.06);font-size:12px;line-height:1.5;position:relative}.message-row.out .message-bubble{background:#dff5e9;border-radius:14px 4px 14px 14px}.message-meta{display:flex;justify-content:flex-end;gap:6px;align-items:center;margin-top:5px;color:#809087;font-size:8px}.message-status.read{color:#1a77d5}.message-status.failed{color:#d7434f}.responder-badge{display:inline-flex;align-items:center;gap:5px;margin-top:5px;font-size:8px;color:#5a6e64;background:rgba(255,255,255,.55);padding:3px 6px;border-radius:7px}.responder-badge b{background:#1d6a51;color:#fff;width:17px;height:17px;border-radius:6px;display:grid;place-items:center;font-size:7px}.quoted-box{border-left:3px solid #6f8dcf;background:rgba(255,255,255,.55);padding:6px 8px;border-radius:7px;margin-bottom:6px;color:#5d697b;font-size:10px}.message-media img,.message-media video{max-width:320px;max-height:300px;border-radius:10px;display:block;margin-bottom:6px}.message-media audio{max-width:300px}.document-card{display:flex;gap:8px;align-items:center;background:rgba(255,255,255,.6);padding:9px;border-radius:9px;margin-bottom:6px}.document-card span{font-size:20px}.document-card div{display:grid}.document-card b{font-size:10px}.document-card small{font-size:8px;color:#788493}.reply-composer{background:#fff;border-top:1px solid var(--line);padding:10px 12px}.reply-composer textarea{width:100%;resize:none;border:1px solid #dce2e8;border-radius:12px;padding:10px 12px;outline:none;max-height:130px}.reply-composer textarea:focus{border-color:#7d94d7;box-shadow:0 0 0 3px rgba(49,89,214,.08)}.reply-toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:7px}.reply-tools{display:flex;align-items:center;gap:7px}.reply-send{display:flex;align-items:center;gap:10px}.reply-send small{font-size:9px;color:#8b95a4}.attachment-preview{padding:7px 9px;background:#f5f7fa;border:1px solid #e8ecf1;border-radius:9px;margin-bottom:7px;font-size:10px}.contact-detail-pane{border-left:1px solid var(--line);padding:22px 16px;background:#fff}.contact-detail-empty{text-align:center;color:#8b96a7;margin-top:30vh}.contact-detail-empty span{font-size:30px}.contact-detail-empty p{font-weight:800;color:#556175}.contact-detail-empty small{font-size:10px;line-height:1.5}.contact-detail-pane #contactDetailActive{text-align:center}.contact-detail-pane h3{margin:10px 0 3px}.contact-detail-pane .xlarge{margin:auto}.detail-list{display:grid;text-align:left;margin-top:20px;border-top:1px solid var(--line)}.detail-list div{display:flex;justify-content:space-between;gap:8px;padding:10px 0;border-bottom:1px solid #eff2f5;font-size:10px}.detail-list span{color:#8792a4}.detail-list b{font-size:10px;text-align:right}.detail-callout{text-align:left;background:#f1f6ff;border:1px solid #e1eaff;border-radius:12px;padding:12px;margin-top:18px}.detail-callout b{font-size:10px;color:#3159d6}.detail-callout p{font-size:9px;color:#78859a;line-height:1.45;margin:4px 0 0}
/* Compose */.section-intro{margin-bottom:15px}.section-intro h2{margin:4px 0}.section-intro p{margin:4px 0;color:var(--muted);font-size:12px}.compose-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:16px}.compose-form{padding:0;overflow:hidden}.form-section{padding:20px 22px;border-bottom:1px solid var(--line)}.form-section-title{display:flex;gap:10px;align-items:center;margin-bottom:13px}.form-section-title>span{width:27px;height:27px;border-radius:9px;background:#edf2ff;color:#3159d6;display:grid;place-items:center;font-size:10px;font-weight:900}.form-section-title div{display:grid}.form-section-title b{font-size:12px}.form-section-title small{font-size:9px;color:#8a95a7}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.segmented{display:flex;gap:5px;background:#f2f4f7;padding:4px;border-radius:11px;width:max-content;margin-bottom:11px}.segmented button{border:0;background:transparent;border-radius:8px;padding:7px 14px;font-size:10px;font-weight:750;color:#6d788b}.segmented button.active{background:#fff;color:#2549aa;box-shadow:0 1px 5px rgba(0,0,0,.06)}.picker-wrap{border:1px solid var(--line);border-radius:12px;overflow:hidden}.picker-toolbar{padding:7px 10px;border-bottom:1px solid var(--line);display:flex;justify-content:flex-end}.recipient-picker{max-height:230px;overflow:auto;display:grid}.recipient-option{display:flex;align-items:center;gap:9px;padding:9px 11px;border-bottom:1px solid #f0f2f5;font-size:10px}.recipient-option:last-child{border:0}.recipient-option input{width:auto}.recipient-option span{display:grid}.recipient-option b{font-size:10px}.recipient-option small{font-size:8px;color:#8c96a7}.manual-grid{grid-template-columns:1fr 1fr;gap:12px}.field-meta{display:flex!important;justify-content:space-between;color:#8b96a7!important;font-size:9px!important;font-weight:500!important}.schedule-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.choice-card{margin:0!important;border:1px solid var(--line);border-radius:12px;padding:12px;display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start;gap:8px}.choice-card input{width:auto}.choice-card span{display:grid}.choice-card b{font-size:10px}.choice-card small{font-size:8px;color:#8b95a5}.preview-panel{position:sticky;top:calc(var(--top) + 16px);height:max-content}.phone-preview{background:#e9ece8;border:7px solid #142134;border-radius:24px;overflow:hidden;max-width:340px;margin:auto;box-shadow:0 10px 30px rgba(20,33,52,.12)}.phone-top{height:53px;background:#0b604d;color:#fff;display:grid;grid-template-columns:34px 1fr auto;gap:8px;align-items:center;padding:0 10px}.phone-top div:nth-child(2){display:grid}.phone-top b{font-size:10px}.phone-top span{font-size:8px;color:#b9dfd1}.phone-wall{min-height:310px;background:#efeae2;padding:14px;display:flex;align-items:flex-end;justify-content:flex-end}.preview-message{background:#d9fdd3;padding:9px 10px;border-radius:9px 3px 9px 9px;font-size:10px;line-height:1.5;max-width:88%;white-space:pre-wrap}.preview-message small{display:block;text-align:right;color:#78907e;font-size:7px;margin-top:4px}.review-list{margin-top:15px;display:grid}.review-list div{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #f0f2f4;font-size:10px}.review-list span{color:#8390a2}.review-list b{text-align:right;font-size:10px}.file-meta{font-size:9px;color:#7c8798}
/* Tables and cards */.toolbar{display:flex;align-items:center;gap:8px}.toolbar select{width:auto;min-width:140px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:900px}.data-table th{font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:#8490a3;text-align:left;background:#f7f9fb;padding:10px;border-bottom:1px solid var(--line)}.data-table td{padding:11px 10px;border-bottom:1px solid #eff2f5;font-size:10px;vertical-align:top}.data-table td strong{font-size:10px}.data-table td small{display:block;color:#8792a4;margin-top:3px}.status-pill{display:inline-flex;align-items:center;padding:4px 7px;border-radius:99px;font-size:8px;font-weight:900;background:#eef1f5;color:#697488}.status-sent,.status-read,.status-delivered,.status-aktif{background:#e6f7ef;color:#10895c}.status-failed,.status-nonaktif{background:#fff0f1;color:#c83e49}.status-queued,.status-scheduled,.status-pending_dispatch,.status-retry,.status-sending{background:#fff6e5;color:#b17814}.status-cancelled{background:#f0f1f3;color:#737b88}.table-actions{display:flex;gap:5px}.table-actions button{border:0;background:#f1f4f8;border-radius:7px;padding:5px 7px;font-size:8px;color:#4f5e74}.entity-grid,.template-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:12px}.entity-card,.template-card{border:1px solid var(--line);border-radius:15px;padding:15px;background:#fff}.entity-top{display:flex;justify-content:space-between;align-items:center}.entity-icon{width:38px;height:38px;border-radius:12px;background:#edf2f8;display:grid;place-items:center;font-weight:900;color:#53657d;font-size:10px}.entity-card h4,.template-card h4{margin:11px 0 4px;font-size:12px}.entity-card p,.template-card p{font-size:10px;color:#7d8899;line-height:1.5;margin:0}.entity-meta{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:10px;border-top:1px solid #f0f2f5}.category-chip{background:#f3f5f8;color:#6c788b;border-radius:99px;padding:4px 7px;font-size:8px}.edit-link{border:0;background:none;color:#3159d6;font-size:9px;font-weight:800}.danger-link{color:#c94752}.user-last-login{display:block;color:#98a1af;font-size:8px;margin-top:7px}.role-strip{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:15px}.role-strip span{background:#f5f7fa;border:1px solid var(--line);padding:7px 9px;border-radius:9px;font-size:8px;color:#748095}.role-strip b{color:#405068}.template-card .template-body{max-height:95px;overflow:hidden;white-space:pre-wrap;margin-top:8px;background:#f8f9fb;border-radius:9px;padding:9px;font-size:9px;color:#667286}.empty-state{padding:26px;text-align:center;color:#909bab;font-size:11px}
/* System */.system-grid{display:grid;grid-template-columns:2fr 1fr;gap:14px}.system-overview{grid-column:auto}.health-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.health-card{border:1px solid var(--line);background:#f8fafc;border-radius:13px;padding:13px;display:grid;gap:4px}.health-card i{margin-bottom:3px}.health-card span{font-size:8px;color:#8490a1;text-transform:uppercase;font-weight:800}.health-card b{font-size:12px}.health-card small{font-size:8px;color:#9ba4b2}.architecture{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:18px;background:#0c213e;color:#d5e4f3;border-radius:12px;padding:12px;font-size:9px}.architecture span{background:rgba(255,255,255,.07);padding:6px 9px;border-radius:8px}.architecture i{color:#6f89a8}.event-list{display:grid}.event-row{display:grid;grid-template-columns:120px 100px 150px 1fr;gap:10px;padding:9px 0;border-bottom:1px solid #eff2f5;font-size:9px;align-items:center}.event-row:last-child{border:0}.event-row time{color:#7d899b}.event-row .event-message{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#5c687b}
/* Dialog */dialog{border:0;padding:0;border-radius:18px;box-shadow:0 20px 60px rgba(15,27,45,.25);width:min(560px,calc(100% - 24px))}dialog::backdrop{background:rgba(5,16,31,.55);backdrop-filter:blur(3px)}.dialog-card{padding:22px}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head h3{margin:3px 0}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.dialog-card .form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
/* Mobile */.mobile-bottom-nav{display:none}@media(max-width:1180px){.inbox-shell{grid-template-columns:310px 1fr}.contact-detail-pane{display:none}.dashboard-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.health-grid{grid-template-columns:1fr 1fr}.entity-grid,.template-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}}@media(max-width:900px){:root{--sidebar:270px;--top:66px}.mobile-only{display:grid!important}.sidebar{transform:translateX(-100%);transition:.2s ease;box-shadow:18px 0 40px rgba(0,0,0,.18)}.sidebar.open{transform:translateX(0)}.main-area{margin-left:0;padding-bottom:70px}.topbar{padding:0 14px}.time-chip{display:none}.content{padding:14px}.inbox-view{margin:-14px}.inbox-shell{height:calc(100vh - var(--top) - 66px);grid-template-columns:330px 1fr}.conversation-main{position:absolute;inset:var(--top) 0 66px 0;z-index:20;display:none}.conversation-main.mobile-open{display:flex}.conversation-back{display:grid}.stats-grid{grid-template-columns:1fr 1fr}.dashboard-hero{grid-template-columns:1fr}.hero-status-card{justify-self:start}.compose-layout{grid-template-columns:1fr}.preview-panel{position:static}.system-grid{grid-template-columns:1fr}.system-grid .span-2,.system-grid .span-3{grid-column:auto}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:66px;background:#fff;border-top:1px solid var(--line);z-index:90;display:grid;grid-template-columns:repeat(5,1fr);padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom-nav button{border:0;background:#fff;color:#7c8799;display:grid;place-items:center;align-content:center;gap:2px;position:relative}.mobile-bottom-nav button.active{color:#234cb6}.mobile-bottom-nav span{font-size:16px}.mobile-bottom-nav b{font-size:8px}.mobile-bottom-nav i{position:absolute;top:7px;right:18%;background:#e9515e;color:#fff;border-radius:99px;min-width:16px;height:16px;font-size:7px;display:grid;place-items:center;font-style:normal}.topbar-actions .bordered:last-child{display:none}.entity-grid,.template-grid{grid-template-columns:1fr 1fr}}@media(max-width:680px){.login-shell{grid-template-columns:1fr}.login-showcase{display:none}.login-panel{min-height:100vh;padding:18px}.login-card{padding:25px}.inbox-shell{grid-template-columns:1fr}.inbox-list-pane{width:100%}.stats-grid{grid-template-columns:1fr 1fr}.dashboard-hero{padding:22px}.dashboard-hero h2{font-size:24px}.form-row,.manual-grid,.schedule-options{grid-template-columns:1fr}.reply-toolbar{align-items:flex-end}.reply-send small{display:none}.entity-grid,.template-grid{grid-template-columns:1fr}.health-grid{grid-template-columns:1fr 1fr}.architecture{flex-wrap:wrap}.event-row{grid-template-columns:80px 80px 110px 1fr}.toolbar{width:100%;flex-wrap:wrap}.panel-head.responsive{align-items:flex-start;flex-direction:column}.conversation-item{grid-template-columns:42px 1fr auto}.message-bubble{max-width:88%}.user-menu>div:last-child{display:none}.content{padding:10px}.inbox-view{margin:-10px}}@media(max-width:430px){.stats-grid{grid-template-columns:1fr}.health-grid{grid-template-columns:1fr}.event-row{grid-template-columns:72px 72px 1fr}.event-row .event-message{grid-column:1/-1}.topbar h1{font-size:18px}}

/* WAHAI v5 - professional helpdesk */
.helpdesk-section{border-top:1px solid var(--line,#e5e7eb);padding:16px 0;display:grid;gap:10px}.helpdesk-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.helpdesk-two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.helpdesk-two label{font-size:12px;color:#667085}.mini-badge{display:inline-flex;align-items:center;min-height:22px;padding:3px 8px;border-radius:999px;background:#eef2f6;color:#475467;font-size:11px;font-weight:700}.mini-badge.good{background:#e8f7ef;color:#137a47}.mini-badge.bad{background:#fff0f0;color:#b42318}.mini-badge.warn{background:#fff7e8;color:#a15c00}.sla-box strong{font-size:20px;color:#101828}.sla-box small{color:#667085}.label-chip-list{display:flex;gap:6px;flex-wrap:wrap}.label-chip{display:inline-flex;align-items:center;gap:5px;border:1px solid #d0d5dd;border-radius:999px;padding:4px 8px;background:#fff;font-size:11px;font-weight:700;color:#344054}.label-chip button{border:0;background:transparent;cursor:pointer;color:#98a2b3;padding:0}.inline-create{display:grid;grid-template-columns:1fr auto;gap:6px}.internal-notes{display:grid;gap:8px;max-height:210px;overflow:auto}.internal-note{border-radius:10px;background:#f8fafc;border:1px solid #eaecf0;padding:9px 10px}.internal-note header{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#667085;margin-bottom:4px}.internal-note p{margin:0;font-size:12px;line-height:1.45;white-space:pre-wrap}.conversation-meta-row{display:flex;gap:5px;flex-wrap:wrap;margin-top:4px}.conversation-mini-tag{font-size:9px;font-weight:800;border-radius:999px;padding:2px 6px;background:#eef2ff;color:#3446a8}.conversation-mini-tag.assignee{background:#eff8ff;color:#175cd3}.conversation-mini-tag.sla-breached{background:#fff0f0;color:#b42318}.conversation-mini-tag.sla-pending{background:#fff7e8;color:#a15c00}.performance-summary{margin-bottom:16px}.performance-table{width:100%;border-collapse:collapse}.performance-table th,.performance-table td{text-align:left;padding:12px;border-bottom:1px solid #eaecf0;font-size:13px}.performance-table th{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#667085}.performance-admin{display:flex;align-items:center;gap:9px}.performance-admin .avatar{width:32px;height:32px;font-size:11px}.performance-bar{height:7px;background:#eef2f6;border-radius:999px;overflow:hidden;min-width:90px}.performance-bar i{display:block;height:100%;background:currentColor;border-radius:999px}.metric-detail{font-size:11px;color:#667085}.switch-row{display:flex!important;align-items:center;justify-content:space-between;gap:10px}.switch-row span{display:grid;gap:2px}.switch-row input{width:20px;height:20px}.conversation-item .conversation-copy{min-width:0}.contact-detail-pane select,.contact-detail-pane textarea,.contact-detail-pane input{width:100%}
@media(max-width:1180px){.helpdesk-two{grid-template-columns:1fr}.contact-detail-pane{width:310px}}@media(max-width:900px){.contact-detail-pane{position:fixed;right:0;top:0;bottom:0;z-index:50;width:min(92vw,360px);transform:translateX(100%);transition:.2s;background:#fff;overflow:auto}.conversation-active~.contact-detail-pane,.contact-detail-pane.open{transform:translateX(0)}}

.document-card.media-failed { border-color: rgba(220,38,38,.35); background: rgba(220,38,38,.05); }
.document-card.media-failed small { color: var(--danger, #b91c1c); }
.media-retry { display: inline-block; margin-top: 6px; }

/* v6 WhatsApp Native Control */
.message-native-actions{display:flex;gap:4px;margin-top:5px;opacity:.15;transition:.2s}.message-bubble:hover .message-native-actions{opacity:1}.message-native-actions button{border:0;background:transparent;color:#64748b;font-size:11px;padding:3px 5px;border-radius:6px;cursor:pointer}.message-native-actions button:hover{background:rgba(15,23,42,.08);color:#0f172a}.quote-reply-preview{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;margin:0 8px 6px;border-left:3px solid #22c55e;background:#f0fdf4;border-radius:8px}.quote-reply-preview div{display:flex;flex-direction:column;min-width:0}.quote-reply-preview span{font-size:12px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:520px}.quote-reply-preview button{border:0;background:transparent;font-size:20px;cursor:pointer}.native-presence{display:inline-flex;margin-left:8px;font-size:11px;color:#64748b}.native-presence.online{color:#16a34a;font-weight:700}.native-capability-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}.native-capability-summary>div{padding:10px;border:1px solid #e2e8f0;border-radius:10px;display:flex;flex-direction:column}.native-capability-summary small{color:#64748b}.native-session-actions,.native-group-actions{display:flex;gap:8px;flex-wrap:wrap}.wa-qr-wrap{text-align:center;margin-top:14px}.wa-qr-wrap img{width:min(260px,80vw);background:#fff;padding:12px;border:1px solid #e2e8f0;border-radius:16px}.wa-qr-wrap small{display:block;color:#64748b;margin-top:8px}.native-group-manager{margin:0 0 16px;padding:12px;border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc}.native-group-empty{color:#64748b;text-align:center;padding:12px}.native-group-toolbar select{width:min(520px,100%)}.native-group-detail{margin-top:12px}.native-group-head{display:flex;justify-content:space-between;gap:12px}.native-group-head div{display:flex;flex-direction:column}.native-group-head small{color:#64748b}.native-group-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}.native-group-stats span{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:8px;font-size:12px}.native-group-stats b{display:block;margin-top:3px}.native-topic{background:#fff;padding:10px;border-radius:10px}.native-members{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px;max-height:130px;overflow:auto}.native-members span{font-size:11px;background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:4px 7px}@media(max-width:700px){.native-group-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.message-native-actions{opacity:1}.native-capability-summary{grid-template-columns:1fr 1fr}}

/* v6.2 Group Conversation Workspace */
.message-sender-name{font-size:10px;font-weight:800;color:#2563eb;margin-bottom:4px}.native-group-toolbar{display:flex;align-items:end;justify-content:space-between;gap:12px}.native-group-toolbar label{display:grid;gap:5px;flex:1;max-width:620px}.native-group-toolbar label>span{font-size:10px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.06em}.native-group-loading{padding:34px;text-align:center;color:#64748b}.group-workspace-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 0 14px;border-bottom:1px solid #e2e8f0}.group-workspace-identity{display:flex;align-items:center;gap:11px;min-width:0}.group-workspace-identity h3{margin:0 0 3px;font-size:17px}.group-workspace-identity span{font-size:10px;color:#64748b;overflow-wrap:anywhere}.group-avatar{width:46px;height:46px;flex:0 0 46px;border-radius:50%;display:grid;place-items:center;background:#e9f5ee;color:#16804a;font-weight:900}.group-workspace-actions{display:flex;gap:7px;flex-wrap:wrap}.group-workspace-tabs{display:flex;gap:4px;overflow:auto;padding:11px 0;border-bottom:1px solid #e2e8f0}.group-workspace-tabs button{border:0;background:transparent;border-radius:9px;padding:8px 10px;font-size:11px;font-weight:800;color:#64748b;white-space:nowrap;cursor:pointer}.group-workspace-tabs button.active{background:#eaf1ff;color:#234cb6}.group-workspace-tabs i{font-style:normal;font-size:9px;background:#fff;border-radius:999px;padding:1px 5px;margin-left:3px}.group-tab-panel{display:none;padding-top:12px}.group-tab-panel.active{display:block}.group-chat-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.7fr);gap:12px}.group-chat-card,.group-helpdesk-card{background:#fff;border:1px solid #e2e8f0;border-radius:13px;overflow:hidden}.group-chat-card{display:flex;flex-direction:column;min-height:610px}.group-chat-messages{flex:1;min-height:420px;max-height:62vh;overflow:auto;padding:15px;background:#efeae2;background-image:radial-gradient(rgba(0,0,0,.025) 1px,transparent 1px);background-size:16px 16px}.group-message-row{display:flex;margin:7px 0}.group-message-row.out{justify-content:flex-end}.group-message-bubble{max-width:min(78%,680px);background:#fff;padding:8px 10px;border-radius:4px 11px 11px 11px;box-shadow:0 1px 2px rgba(15,23,42,.08);font-size:12px;line-height:1.45}.group-message-row.out .group-message-bubble{background:#d9fdd3;border-radius:11px 4px 11px 11px}.group-message-bubble .message-native-actions{opacity:.1}.group-message-bubble:hover .message-native-actions{opacity:1}.group-chat-composer{padding:10px;background:#f8fafc;border-top:1px solid #e2e8f0}.group-chat-composer textarea{width:100%;resize:vertical;min-height:52px;max-height:150px;border-radius:10px}.group-chat-toolbar{display:grid;grid-template-columns:auto auto 1fr auto;gap:7px;align-items:center;margin-top:7px}.group-file-preview{padding:7px 9px;margin-bottom:7px;background:#eef6ff;border:1px solid #d8e8ff;border-radius:9px;display:flex;justify-content:space-between;gap:8px}.group-file-preview b,.group-file-preview small{font-size:10px}.group-helpdesk-card{padding:12px;align-self:start}.group-helpdesk-title{display:flex;justify-content:space-between;gap:8px;align-items:start;margin-bottom:12px}.group-helpdesk-title h4{margin:2px 0 0}.group-helpdesk-card label{display:grid;gap:5px;font-size:10px;color:#667085;margin-bottom:9px}.group-sla-box{display:grid;gap:3px;border:1px solid #f1d7a2;background:#fffaf0;border-radius:10px;padding:10px;margin:9px 0}.group-sla-box span,.group-sla-box small{font-size:10px;color:#7c6844}.group-sla-box b{font-size:15px;color:#8d5e00}.group-helpdesk-section{display:grid;gap:8px;border-top:1px solid #e2e8f0;padding-top:11px;margin-top:11px}.group-helpdesk-section>b{font-size:11px}.group-internal-notes{max-height:190px}.group-member-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.group-member-grid article{display:grid;gap:3px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:10px;min-width:0}.group-member-grid b,.group-member-grid small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-member-grid b{font-size:11px}.group-member-grid small{font-size:9px;color:#64748b}.member-role{font-size:9px;font-weight:800;color:#2563eb}.native-topic b{font-size:10px}.native-topic p{font-size:11px;line-height:1.45;margin:5px 0 0}.join-request-list{display:grid;gap:8px}.join-request-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #e2e8f0;border-radius:10px;padding:10px;background:#fff}.join-request-list article>div:first-child{display:grid;gap:3px}.join-request-list b{font-size:11px}.join-request-list small{font-size:9px;color:#64748b}.join-request-list article>div:last-child{display:flex;gap:6px}.group-chat-messages .message-media img,.group-chat-messages .message-media video{max-width:340px;max-height:360px;border-radius:9px}.group-chat-messages .document-card{max-width:390px}.group-chat-messages audio{max-width:100%}
@media(max-width:1050px){.group-chat-layout{grid-template-columns:1fr}.group-helpdesk-card{align-self:auto}.group-member-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.group-chat-messages{max-height:55vh}}
@media(max-width:650px){.group-workspace-header{align-items:flex-start;flex-direction:column}.group-workspace-actions{width:100%}.group-workspace-actions .btn{flex:1}.native-group-toolbar{align-items:stretch;flex-direction:column}.group-chat-card{min-height:540px}.group-chat-messages{min-height:330px;padding:10px}.group-message-bubble{max-width:90%}.group-chat-toolbar{grid-template-columns:auto auto 1fr}.group-chat-toolbar .btn{grid-column:1/-1;width:100%}.group-member-grid{grid-template-columns:1fr}.join-request-list article{align-items:flex-start;flex-direction:column}.join-request-list article>div:last-child{width:100%}.join-request-list .btn{flex:1}.native-group-stats{grid-template-columns:1fr 1fr}}


/* v6.3 Hardening Core */
.conversation-load-more{width:calc(100% - 16px);margin:8px;border:1px solid var(--line);background:#fff;color:#445168;border-radius:10px;padding:9px 12px;font-size:11px;font-weight:800;cursor:pointer}.conversation-load-more:hover{background:#f7f9fc}.thread-load-older{display:block;margin:5px auto 13px;border:1px solid #dce3ec;background:rgba(255,255,255,.94);color:#46546a;border-radius:999px;padding:7px 13px;font-size:10px;font-weight:800;cursor:pointer;box-shadow:0 2px 8px rgba(17,31,52,.06)}.thread-load-older:hover{background:#fff}.conversation-load-more:disabled,.thread-load-older:disabled{opacity:.55;cursor:not-allowed}

/* v6.6 UX Refinement */
.conversation-scroll-wrap,.group-chat-scroll-wrap{position:relative;display:flex;flex:1;min-height:0}.conversation-scroll-wrap>.conversation-messages,.group-chat-scroll-wrap>.group-chat-messages{flex:1;width:100%}.thread-jump-bottom{position:absolute;right:18px;bottom:16px;z-index:8;border:1px solid #d8e0e9;background:#fff;color:#29415d;border-radius:999px;padding:8px 12px;font-size:10px;font-weight:800;box-shadow:0 7px 22px rgba(15,23,42,.14);cursor:pointer}.thread-jump-bottom:hover{background:#f8fafc}.unread-divider{display:flex;align-items:center;gap:10px;margin:15px 0;color:#3159d6;font-size:10px;font-weight:850}.unread-divider:before,.unread-divider:after{content:"";height:1px;flex:1;background:#cbd9fb}.unread-divider span{background:#edf3ff;border:1px solid #d6e3ff;border-radius:999px;padding:5px 10px;white-space:nowrap}
.ux-dialog{border:0;padding:0;background:transparent;max-width:none}.ux-dialog::backdrop{background:rgba(5,15,30,.48);backdrop-filter:blur(3px)}.ux-dialog-card{width:min(520px,calc(100vw - 28px));max-height:min(82vh,720px);overflow:auto;margin:0}.ux-dialog-body{display:grid;gap:12px;padding:3px 0 10px}.ux-dialog-actions{flex-wrap:wrap}.ux-field{display:grid;gap:7px;font-size:12px;font-weight:750;color:#3d485d}.ux-field input,.ux-field textarea{width:100%;border:1px solid #dce2e9;border-radius:11px;padding:11px 12px;background:#fff;color:var(--ink);outline:none}.ux-field input:focus,.ux-field textarea:focus{border-color:#7e95d9;box-shadow:0 0 0 3px rgba(49,89,214,.09)}.ux-field small,.ux-help{font-size:10px;color:#7e899a}.ux-copy{margin:0;color:#596579;font-size:12px;line-height:1.6}.ux-emoji-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.ux-emoji-grid button{height:52px;border:1px solid #e1e6ed;background:#fff;border-radius:13px;font-size:24px;cursor:pointer;transition:.15s}.ux-emoji-grid button:hover{transform:translateY(-1px);background:#f7f9fc;border-color:#cdd7e3}.ux-secret{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid #dce3ec;background:#f7f9fc;border-radius:11px}.ux-secret code{flex:1;overflow:auto;font-size:12px}.btn.danger{background:#b4232d;color:#fff;border-color:#b4232d}.btn.danger:hover{background:#941d26}
.attachment-preview,.group-file-preview,.file-meta{align-items:center;gap:9px}.attachment-preview:not([hidden]),.group-file-preview:not([hidden]),.file-meta:not(:empty){display:flex}.ux-attachment-thumb{width:54px;height:54px;object-fit:cover;border-radius:10px;border:1px solid #dce3ec;background:#fff;flex:0 0 54px}.attachment-preview>div,.group-file-preview>div,.file-meta>div{min-width:0;display:grid;gap:2px}.attachment-preview b,.group-file-preview b,.file-meta b{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-preview small,.group-file-preview small,.file-meta small{font-size:9px;color:#728099}.ux-file-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.ux-file-row>div{display:grid;min-width:0}.ux-file-row b{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ux-file-row small,.ux-file-row>span{font-size:9px;color:#728099}.ux-progress{height:5px;width:100%;background:#e7ebf0;border-radius:99px;overflow:hidden}.ux-progress i{display:block;height:100%;background:#3159d6;border-radius:inherit;transition:width .12s linear}.reply-composer.drag-active,.group-chat-composer.drag-active{outline:2px dashed #3159d6;outline-offset:-6px;background:#f3f7ff}
.group-member-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) 160px;gap:8px;margin:10px 0 12px}.group-member-toolbar .search-box{margin:0;min-width:0}.group-member-toolbar select{width:100%;border:1px solid #dce2e9;border-radius:11px;padding:9px 10px;background:#fff;color:#46546a}.group-member-grid article{transition:.15s}.group-member-grid article:hover{border-color:#cbd7e5;box-shadow:0 4px 12px rgba(15,23,42,.05)}
@media(max-width:900px){.inbox-shell{grid-template-columns:1fr}.conversation-scroll-wrap{min-height:0}.conversation-header{position:sticky;top:0;z-index:5}.reply-composer{position:sticky;bottom:0;z-index:6;padding-bottom:calc(10px + env(safe-area-inset-bottom))}.thread-jump-bottom{right:12px;bottom:12px}.message-bubble,.group-message-bubble{max-width:92%}.message-native-actions{gap:1px;flex-wrap:wrap}.message-native-actions button{min-height:30px}.ux-dialog-card{width:min(94vw,520px)}.group-helpdesk-card{border-radius:12px}.group-member-toolbar{grid-template-columns:1fr}.group-chat-composer{padding-bottom:calc(10px + env(safe-area-inset-bottom))}}
@media(max-width:520px){.ux-emoji-grid{grid-template-columns:repeat(5,1fr);gap:5px}.ux-emoji-grid button{height:46px;font-size:21px}.conversation-header-actions{display:flex}.time-chip{display:none}.reply-toolbar{align-items:end}.reply-send small{display:none}.group-workspace-tabs{scrollbar-width:none}.group-workspace-tabs::-webkit-scrollbar{display:none}.group-chat-messages .message-media img,.group-chat-messages .message-media video{max-width:100%;height:auto}}


/* WAHAI v6.7 - Delivery & Recovery */
.message-retry-action{color:#b42318!important;font-weight:800!important}
.message-status.failed{color:#b42318;font-weight:900}
.message-status.sending,.message-status.queued,.message-status.retry,.message-status.pending_dispatch,.message-status.scheduled{color:#64748b}
.message-status.sent,.message-status.delivered,.message-status.read{color:#16804a}
.reply-composer.drag-active{outline:2px dashed #16804a;outline-offset:-4px}
@media(max-width:900px){.message-retry-action{min-width:72px}.message-status{padding-inline:2px}}

/* v6.9 - Riwayat & Saluran */
.channel-summary{margin:0 0 14px;color:#6d7890;font-size:12px}
.channel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.channel-item{border:1px solid var(--line);border-radius:16px;background:#fff;padding:16px;display:grid;gap:10px;min-width:0}
.channel-item-head{display:flex;align-items:flex-start;gap:11px}.channel-item-icon{width:40px;height:40px;border-radius:13px;background:#edf4ff;color:#173f94;display:grid;place-items:center;font-weight:900;flex:0 0 auto}
.channel-item-copy{min-width:0;display:grid;gap:3px}.channel-item-copy b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-item-copy small{font-size:10px;color:#7a879a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.channel-description{font-size:11px;line-height:1.55;color:#647187;min-height:34px}.channel-meta{display:flex;gap:7px;flex-wrap:wrap}.channel-meta span{font-size:9px;font-weight:800;padding:5px 8px;border-radius:999px;background:#f3f6fa;color:#5f6d82}
.history-sync-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.history-sync-form label{margin:0}.history-sync-note{margin-top:12px;font-size:10px;color:#7b8799;line-height:1.5}.history-sync-status{margin-top:12px;display:grid;gap:6px}.history-sync-row{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:7px;font-size:10px}.history-sync-row span{color:#607086}.history-sync-row time{color:#8a95a5;white-space:nowrap}
@media(max-width:1100px){.channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.channel-grid{grid-template-columns:1fr}.history-sync-form{grid-template-columns:1fr}}

/* v6.9.3 - keep administrator name and username visually separated. */
.performance-admin>span:last-child{display:grid;gap:2px;min-width:0}
.performance-admin>span:last-child>b,.performance-admin>span:last-child>small{display:block;line-height:1.25}
.performance-admin>span:last-child>small{color:#667085}

/* UX-FONT-AWESOME-V2 */
.ux-fa{display:block;font-size:18px;line-height:1;color:currentColor}.ux-icon-only{width:40px!important;height:40px!important;min-width:40px!important;padding:0!important;display:inline-grid!important;place-items:center!important;line-height:1!important}.sidebar-foot #logoutButton.ux-icon-only{width:40px!important;align-self:center;margin-inline:auto}.activity-icon{font-size:0}.activity-icon .ux-fa{font-size:16px}.ux-activity-status{display:grid;place-items:center;width:100%;height:100%;color:#64748b}.activity-row:has(.status-failed) .ux-activity-status{color:#b42318}.activity-row:has(.status-sent) .ux-activity-status{color:#16804a}.ux-status-icon{width:28px;height:28px!important;padding:0!important;display:inline-grid!important;place-items:center!important;border-radius:999px!important;font-size:0!important}.ux-status-icon .ux-fa{font-size:13px}.message-status{display:inline-grid;place-items:center;min-width:16px}.message-status .ux-fa{font-size:12px}.thread-jump-bottom.ux-icon-only{width:40px!important;height:40px!important;padding:0!important;border-radius:999px!important}.thread-jump-bottom .ux-fa{font-size:17px}.document-card-icon{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;flex:0 0 34px}.document-card-icon .ux-fa{font-size:18px}.document-card small{line-height:1.3}.attachment-btn.ux-icon-only{font-size:0}.attachment-btn.ux-icon-only .ux-fa{font-size:17px}.conversation-header-actions{display:flex;gap:6px}.btn.ux-icon-only{border-radius:10px}.status-pill.ux-status-icon.status-failed,.status-pill.ux-status-icon.status-cancelled{color:#b42318}.status-pill.ux-status-icon.status-sent{color:#16784a}.status-pill.ux-status-icon.status-queued,.status-pill.ux-status-icon.status-retry,.status-pill.ux-status-icon.status-sending,.status-pill.ux-status-icon.status-scheduled,.status-pill.ux-status-icon.status-pending_dispatch{color:#846500}


/* UX-CONVERSATION-PANELS-V1 */
#conversationJumpBottom{font-size:0!important}#conversationJumpBottom .ux-fa{font-size:17px!important}.conversation-panel-toggle[aria-expanded="false"]{color:#758299;background:#f8fafc}.conversation-panel-toggle[aria-expanded="true"]{color:#354965}

/* ==========================================================
   PW NEWSLETTER SCHEDULE
   ========================================================== */

.newsletter-schedule-tools{
  display:flex;
  align-items:flex-end;
  gap:8px;
  flex-wrap:wrap;
}

.newsletter-schedule-tools[hidden]{
  display:none!important;
}

.newsletter-schedule-field{
  display:flex;
  flex-direction:column;
  gap:3px;
  font-size:11px;
  line-height:1.2;
}

.newsletter-schedule-field span{
  opacity:.72;
}

#newsletterScheduleAt{
  min-height:36px;
  padding:6px 9px;
  border:1px solid var(--border, #d7dce2);
  border-radius:8px;
  background:var(--surface, #fff);
  color:inherit;
  font:inherit;
}

.newsletter-schedule-button{
  min-height:36px;
  white-space:nowrap;
}

.newsletter-schedule-button:disabled{
  opacity:.6;
  cursor:wait;
}

@media (max-width:900px){
  .newsletter-schedule-tools{
    width:100%;
    align-items:center;
  }

  .newsletter-schedule-field{
    flex:1 1 180px;
  }

  #newsletterScheduleAt{
    width:100%;
  }
}