:root{--ink:#173b34;--green:#17765e;--bg:#f4f6f3;--line:#e2e8e1;--muted:#79867e}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Tahoma,Arial,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:#fff;color:var(--ink);padding:10px 15px;border-radius:9px}button:hover{background:#e9f1eb}button:disabled{opacity:.5;cursor:wait}input,select,textarea{border:1px solid var(--line);background:#fff;border-radius:8px;padding:11px;color:var(--ink);width:100%;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 2px #17765e15}label{display:block;font-size:12px;margin-bottom:9px}label input{margin-top:7px}p{line-height:1.9}h1{font-size:29px;letter-spacing:-.7px;margin:14px 0}h2,h3{margin:0 0 10px}h3{font-size:16px}small,.muted{color:var(--muted);line-height:1.8}small{font-size:11px}.primary{background:var(--green);color:#fff;border-color:var(--green)}.primary:hover{background:#125c49}.eyebrow{font-size:11px;letter-spacing:1px;color:var(--green)}[hidden]{display:none!important}.sidebar{width:222px;background:#123b32;color:#f2f7f3;position:fixed;right:0;top:0;bottom:0;padding:30px 17px;display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;margin-bottom:40px;direction:ltr}.brand strong{font-size:17px}.brand small{display:block;color:#a5bcb2;text-align:right;margin-top:5px}.brand-icon{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#dcee9d;color:#193a31;font-family:Georgia,serif;font-size:28px}.nav-label{font-size:11px;color:#8faea0;padding:0 12px}nav button{display:flex;gap:14px;align-items:center;width:100%;background:none;border:0;color:#bed0c6;text-align:right;margin:5px 0;padding:14px}nav button.active,nav button:hover{background:#ffffff13;color:white}nav i{font-style:normal;background:#dcee9d;color:#123b32;border-radius:5px;padding:2px 6px;margin-right:auto}.sidebar-bottom{margin-top:auto;background:#ffffff08;padding:15px;border-radius:10px;font-size:12px}.sidebar-bottom small{display:block;color:#93afa2;margin:8px}.sidebar-bottom button{background:none;color:#c5d6cc;border-color:#ffffff20;width:100%;font-size:11px}.dot{display:inline-block;width:7px;height:7px;background:#c6e990;border-radius:50%;margin-left:8px}main{margin-right:222px;padding:0 30px}header{height:98px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:28px}header h2{font-size:21px;margin:5px 0}header small{letter-spacing:1px;font-size:9px}.header-actions,.actions{display:flex;gap:10px;align-items:center}.badge{display:inline-block;background:#e6f0e8;color:#427757;border-radius:25px;padding:7px 12px;font-size:11px}.badge.off{background:#fff0d8;color:#9b6b25}.avatar{background:#dce7dc;border-radius:50%;width:35px;height:35px;display:grid;place-items:center}.welcome{background:#e8eddd;border:1px solid #dce3cf;border-radius:18px;padding:30px 36px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;min-height:235px}.welcome p{color:#697864}.hero-mark{font:130px Georgia;color:#bed09c;position:relative;transform:rotate(-10deg);padding:0 30px}.hero-mark span{display:block;font:10px Tahoma;letter-spacing:8px;text-align:center}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:22px 0}.metric,.card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:24px}.metric strong{display:block;font-size:34px;font-weight:500;margin:15px 0}.metric span{color:#6b7d70;font-size:12px}.metric small{display:block}.overview-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:10px}.tip{background:#f0f4e9;border-radius:8px;padding:15px;margin:18px 0;line-height:1.8}.team-row{display:flex;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid var(--line)}.team-row b{margin-right:auto}.team-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:22px}.team-cards form{margin-top:20px}.team-cards button{margin-top:10px}.inbox-layout{display:grid;grid-template-columns:290px minmax(290px,1fr) 255px;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:white;height:calc(100vh - 190px);min-height:550px;margin:0 -12px}.conversation-list{border-left:1px solid var(--line);overflow:auto}.list-head{padding:20px 15px;position:sticky;top:0;background:#fff;z-index:1}.list-head h3 span{color:var(--muted);font-size:12px}.filters{display:flex;gap:6px;margin-top:10px}.filters select{padding:8px;font-size:11px}.conversation{border:0;border-bottom:1px solid #f0f2ec;border-radius:0;width:100%;text-align:right;padding:17px 15px;background:white}.conversation.selected{background:#eaf2eb;border-right:3px solid var(--green)}.conversation-top{display:flex;justify-content:space-between;gap:5px}.conversation p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:#869083;margin:9px 0}.conversation small{font-size:10px}.unread{background:var(--green);color:white;border-radius:20px;padding:2px 6px;font-size:10px}.thread{min-width:0;background:#fbfcf9;overflow:hidden}.empty{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px;color:#8a9887}.empty>div{font-size:70px;color:#c9d6c3}.empty h2{font-size:20px;color:#4f6d59}#thread-content{height:100%;display:flex;flex-direction:column}.thread-head{background:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.thread-head small{direction:ltr;display:block}.thread-tools{display:flex;padding:10px;gap:7px;background:#fff;border-bottom:1px solid var(--line)}.thread-tools select{width:auto;font-size:11px}.thread-tools button{font-size:11px;padding:7px}.messages{overflow:auto;flex:1;padding:20px;display:flex;flex-direction:column;gap:12px}.bubble{padding:12px 15px;border-radius:12px;background:#fff;border:1px solid var(--line);max-width:88%;align-self:flex-start;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}.bubble.out{align-self:flex-end;background:#e0eedd;border-color:#d6e4d0}.bubble small{display:block;text-align:left;font-size:9px;margin-top:7px}#compose{padding:15px;background:#fff;border-top:1px solid var(--line)}#compose>div{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:8px}#compose small{font-size:9px}.customer-panel{padding:20px;border-right:1px solid var(--line);overflow:auto}.customer-panel p{font-size:10px}.customer-panel button{width:100%;margin-top:8px}.customer-panel hr{border:0;border-top:1px solid var(--line);margin:24px 0}.note{padding:12px;background:#fff8e5;white-space:pre-wrap;overflow-wrap:anywhere;border-radius:8px;margin-top:12px;font-size:12px}.endpoint{display:flex;align-items:center;gap:20px;padding:18px 0;border-bottom:1px solid var(--line);direction:ltr;flex-wrap:wrap}.endpoint b{color:var(--green);font-size:11px}.endpoint code{color:#294d44;font-size:13px}.endpoint span{margin-left:auto;font-size:12px;direction:rtl}#qr{width:250px;display:block;margin:20px;background:white}footer{display:flex;justify-content:space-between;font-size:9px;color:#91a08c;padding:22px 0;letter-spacing:1px}footer span{letter-spacing:0}#notice{padding:12px 18px;border:1px solid #edce87;background:#fff7df;border-radius:8px;margin-bottom:16px}#login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(at 10% 10%,#dce6c5,transparent 50%),#f3f5ef}.login-card{background:#fff;padding:45px;border:1px solid var(--line);border-radius:20px;width:min(90vw,460px);box-shadow:0 20px 60px #123b3209}.login-card form{margin:25px 0}.login-card button{width:100%;margin-top:15px}
@media(min-width:1400px){main{padding:0 40px}.inbox-layout{grid-template-columns:310px minmax(300px,1fr) 280px}}@media(max-width:1180px){.customer-panel{display:none}.customer-panel.shown{display:block;position:absolute;left:30px;top:130px;bottom:60px;background:white;width:280px;z-index:5;box-shadow:0 10px 30px #0002}.inbox-layout{grid-template-columns:260px minmax(260px,1fr)}.sidebar{width:190px}main{margin-right:190px;padding:0 20px}}@media(max-width:800px){.sidebar{position:static;width:auto;padding:15px}.brand{margin:0}.nav-label,.sidebar-bottom{display:none}nav{display:flex;overflow:auto;margin-top:12px}nav button{white-space:nowrap;width:auto;font-size:11px;gap:6px;padding:10px}main{margin:0;padding:0 15px}header{height:80px;margin-bottom:18px}.header-actions{gap:4px}.badge{font-size:9px}.metrics{grid-template-columns:repeat(2,1fr)}.overview-grid,.team-cards{grid-template-columns:1fr}.welcome{padding:23px}.hero-mark{display:none}.inbox-layout{grid-template-columns:210px minmax(270px,1fr);overflow:auto;margin:0;height:650px}.customer-panel.shown{top:230px;left:15px}.metric{padding:17px}h1{font-size:24px}.header-actions .avatar{display:none}footer span{max-width:60%;text-align:left}.actions{flex-wrap:wrap}.thread-head{padding:12px}.thread-head button{font-size:10px}}

#password-screen{min-height:100vh;display:grid;place-items:center}#accounts{margin-top:20px}#new-credentials{white-space:pre-wrap;direction:ltr;background:#fff4d9;padding:20px;user-select:all}.order-card{background:#f1f5ee;padding:12px;border:1px solid var(--line);border-radius:8px;margin:12px 0;line-height:1.8;font-size:12px}.order-card strong{display:block}.account-actions{display:flex;gap:7px;flex-wrap:wrap}.account-actions button{font-size:11px}#heaven-link{margin-top:15px}#heaven-data{line-height:1.8;font-size:12px;margin-top:12px}#create-user{display:flex;gap:12px;align-items:end;flex-wrap:wrap}#create-user label{flex:1}#create-user button{margin-bottom:9px}#accounts .card{padding:18px}details summary{cursor:pointer;color:var(--green)}body.agent .admin-only{display:none!important}body.agent #assignment{display:none}body.agent #team-summary{max-width:100%}body.agent #my-password{display:block}

.compose-toolbar{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.compose-toolbar button{font-size:11px;padding:8px 10px}#compose .compose-toolbar{justify-content:flex-start}#attachment-preview{border:1px solid #cddfc8;background:#f1f6ed;border-radius:10px;padding:10px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}#attachment-preview img{max-height:160px;max-width:100%;border-radius:8px}#attachment-content{flex:1;min-width:150px}#attachment-content p{font-size:11px;overflow-wrap:anywhere;margin:5px 0}#attachment-preview small{width:100%}audio{max-width:100%;width:270px;height:40px}.bubble img{max-width:100%;max-height:280px;object-fit:contain;border-radius:8px;display:block}.bubble .media-loading{font-size:11px;white-space:normal;color:#647462}#recording-status{background:#fff0ea;color:#a64431;padding:10px;border-radius:8px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}#recording-time{font-variant-numeric:tabular-nums;direction:ltr}#recording-status button{font-size:11px}#canned-dialog{width:min(620px,94vw);max-height:86vh;border:1px solid var(--line);border-radius:18px;padding:25px;color:var(--ink);background:#fcfdf9;box-shadow:0 20px 100px #102b3340}#canned-dialog::backdrop{background:#123b3266;backdrop-filter:blur(3px)}#canned-results{max-height:38vh;overflow:auto;margin:15px 0}.canned-row{border:1px solid var(--line);border-radius:10px;background:white;margin:9px 0;padding:12px}.canned-use{display:block;border:0;width:100%;text-align:right;padding:5px;background:transparent}.canned-use strong{display:block;font-size:14px;margin-bottom:9px}.canned-use span{display:block;white-space:pre-wrap;line-height:1.8;font-size:12px;color:#607467}.canned-actions{display:flex;gap:8px;margin-top:8px}.canned-actions button{font-size:10px;padding:5px 10px}#canned-editor{border-top:1px solid var(--line);padding-top:16px}#canned-form{margin-top:15px}#canned-notice{font-size:12px}#canned-dialog .section-head{margin-bottom:12px}

/* Clean workspace inspired by the inspected 2Chat dashboard and live chat. */
:root{--ink:#292f35;--green:#16865d;--bg:#fff;--line:#e9ebee;--muted:#8a929a}body{background:#fff;font-family:Arial,Tahoma,sans-serif;font-size:14px}button{border-radius:8px;box-shadow:none;transition:background .15s;border-color:#e0e3e6}button:hover{background:#f2f6f4}button:focus-visible{outline:2px solid #16865d;outline-offset:3px}.primary{background:#16865d;border-color:#16865d;color:white;box-shadow:0 5px 12px #16865d20}.primary:hover{background:#10734e}input,select,textarea{background:white;border-color:#dfe3e6;border-radius:8px}input:focus,select:focus,textarea:focus{border-color:#16865d;box-shadow:0 0 0 2px #16865d12}h1,h2,h3{letter-spacing:0}.sidebar{left:0;right:auto;width:76px;padding:16px 8px;background:#fff;color:#59636d;border-right:1px solid #e6e8eb;z-index:10}.brand{justify-content:center;margin:0 0 26px}.brand>div,.nav-label,.sidebar-bottom small,.sidebar-bottom>.dot{display:none}.brand-icon{width:38px;height:38px;border-radius:4px;background:#16865d;color:#fff;font:bold 29px Arial}.sidebar nav button{position:relative;justify-content:center;min-height:46px;margin:4px 0;padding:11px 0;font-size:22px;color:#75808a;border-radius:6px}.sidebar nav button span{display:none}.sidebar nav button:hover,.sidebar nav button.active{color:#16865d;background:#eaf6ef}.sidebar nav button i{position:absolute;top:3px;right:3px;font-size:9px;padding:1px 4px;background:#16865d;color:#fff}.sidebar nav button:hover span,.sidebar nav button:focus-visible span{display:block;position:absolute;left:66px;background:#28342f;color:#fff;padding:9px 12px;border-radius:6px;white-space:nowrap;font-size:12px;z-index:30}.sidebar-bottom{font-size:0;padding:0;background:none}.sidebar-bottom button{font-size:10px;color:#738079;border:0;padding:10px 2px}.sidebar-bottom button:hover{background:#eef5f0}main{margin:0 0 0 76px;padding:0 28px}header{height:84px;margin-bottom:24px;border-bottom:1px solid #eff0f2}header h2{font-size:21px}header small{font-size:9px;color:#929ca4}.header-actions button{font-size:11px;padding:8px 12px}.badge{background:#edf8f1;color:#36805a;border-radius:6px;font-size:11px}.welcome{background:#dcefe3;border:0;border-radius:16px;min-height:220px;padding:30px 38px}.welcome h1{font-size:29px}.welcome p{color:#42574a}.welcome .eyebrow{color:#719080;font-size:10px}.hero-mark{display:none}.metrics{gap:22px;margin:24px 0}.metric,.card{border:1px solid #f0f1f3;border-radius:15px;background:#fff;box-shadow:0 5px 18px #1b334507;padding:24px}.metric strong{font-size:34px;font-weight:700;color:#292f35;margin:16px 0 10px}.metric span{color:#41484e;font-weight:600}.metric{position:relative}.metric:after{content:'';position:absolute;left:24px;top:48px;width:4px;height:36px;border-radius:4px;background:#73bba0}.metric:nth-child(2):after{background:#e9ad76}.metric:nth-child(3):after{background:#a4a1de}.metric:nth-child(4):after{background:#84b8df}.overview-grid{gap:24px}.tip{background:#f1f8f4;border-radius:8px}.avatar{background:#eef2f4;color:#687780}.team-cards{gap:20px;margin-top:24px}.team-cards .card{border:1px solid #e8ebed;box-shadow:none}.team-cards .card h3{font-size:17px}.team-cards button{margin-top:14px}#add-channel{display:flex;align-items:end;gap:12px;max-width:600px}#add-channel label{flex:1;margin:0}#add-channel button{white-space:nowrap}#channel-detail{margin-top:24px}.inbox-layout{direction:ltr;grid-template-columns:320px minmax(300px,1fr) 260px;margin:0 -28px;border-radius:0;border-left:0;border-right:0;height:calc(100vh - 108px);min-height:580px}.inbox-layout>*{direction:rtl}.conversation-list{border-right:1px solid var(--line);border-left:0}.list-head{padding:20px 15px;border-bottom:1px solid var(--line)}.list-head h3{font-size:16px}.list-head #search{border-radius:24px}.filters select{background:#fafbfc}#filter-channel{margin-top:10px}.conversation{padding:18px 17px;min-height:106px}.conversation.selected{background:#edf7f0;border-right:0;border-left:3px solid #16865d}.conversation-top strong{font-size:13px}.conversation p{color:#858c94}.conversation small{color:#8a919a}.thread{background:#f8fafb}.thread-head{padding:18px 24px}.thread-tools{background:#fff;padding:10px 20px}.thread-tools select{border-color:#eef0f2}.messages{padding:24px;gap:16px}.bubble{background:#fff;border:1px solid #e8ebed;border-radius:12px 12px 12px 3px;box-shadow:0 1px 2px #00000004;line-height:1.8}.bubble.out{background:#def3e6;border-color:#d3eddd;border-radius:12px 12px 3px 12px}.bubble small{color:#84918a}#compose{padding:16px 22px}#compose textarea{border-color:#e8ebed;min-height:78px;resize:vertical}.compose-toolbar button{border:0;background:#f5f7f8;color:#596770}.customer-panel{border-right:0;border-left:1px solid var(--line);background:#fff;padding:22px 18px}.customer-panel h3{font-size:14px}.customer-panel label{font-size:11px}.customer-panel input{padding:9px}.order-card{background:#f6faf7;border-color:#e5ece7}.empty>div{color:#c4dcd0}.empty h2{color:#53645c}.endpoint b{color:#16865d}.login-card{box-shadow:0 8px 40px #1b33450c;border-color:#e9eceb;border-radius:16px}#login,#password-screen{background:#f7faf8}#canned-dialog{background:#fff;border-color:#e5e9e7;box-shadow:0 15px 60px #1b334520}.canned-row{border-color:#edf0ee}footer{color:#9aa3a8}body:has(#inbox:not([hidden])) footer{display:none}
@media(min-width:1400px){main{padding:0 32px}.inbox-layout{margin:0 -32px;grid-template-columns:350px minmax(320px,1fr) 280px}}
@media(max-width:1180px){.sidebar{width:76px}main{margin:0 0 0 76px;padding:0 24px}.inbox-layout{margin:0 -24px;grid-template-columns:300px minmax(280px,1fr)}.customer-panel.shown{left:auto;right:20px;top:110px;bottom:30px;border:1px solid var(--line);border-radius:12px}}
@media(max-width:800px){.sidebar{position:fixed;width:60px;top:0;bottom:0;padding:15px 6px}.brand{margin-bottom:20px}.brand-icon{width:34px;height:34px;font-size:26px}.sidebar nav{display:block;overflow:visible;margin:0}.sidebar nav button{width:100%;white-space:nowrap}.sidebar nav button:hover span,.sidebar nav button:focus-visible span{left:52px}.sidebar-bottom{display:block;margin-top:auto}main{margin:0 0 0 60px;padding:0 16px}header{height:auto;min-height:85px;gap:10px;flex-wrap:wrap;padding:15px 0}.header-actions{flex-wrap:wrap}.welcome{padding:24px;min-height:205px}.welcome h1{font-size:25px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.metric{padding:18px}.metric:after{left:16px}.overview-grid,.team-cards{grid-template-columns:1fr}.inbox-layout{margin:0 -16px;grid-template-columns:210px minmax(270px,1fr);overflow:auto;height:calc(100vh - 130px)}.card{padding:20px}#add-channel{flex-wrap:wrap}#add-channel label{min-width:160px}.customer-panel.shown{top:140px;right:10px}.welcome .primary{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* 2Chat blue workspace: restrained surfaces, icon rail, channel rows. */
:root{--green:#373cf5;--ink:#292f36;--line:#e7e9ed;--muted:#8b929b}body{font-family:Tahoma,Arial,sans-serif;background:#fff}.brand-icon{background:#373cf5;border-radius:0}.primary{background:#373cf5;border-color:#373cf5;box-shadow:0 5px 14px #373cf524}.primary:hover{background:#292edf}.sidebar{width:72px}.sidebar nav button{height:44px;min-height:44px}.sidebar nav button.active,.sidebar nav button:hover{background:#efefff;color:#373cf5}.sidebar nav button i{background:#373cf5}.nav-icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}.sidebar nav button span{font-size:12px}.sidebar nav button:hover span,.sidebar nav button:focus-visible span{background:#343a45}.sidebar-bottom button{font-size:10px}main{margin-left:72px}.welcome{background:#dadafb;border-radius:16px;min-height:235px;padding:34px 38px;gap:24px}.welcome h1{font-size:27px;color:#292f36}.welcome p{color:#454953}.welcome .eyebrow{color:#797cab}.welcome-art{position:relative;flex:0 0 180px;height:130px;direction:ltr}.art-bubble{position:absolute;left:0;top:0;background:#7377ec;color:white;font:700 42px Arial;padding:15px 25px;border-radius:20px 20px 20px 3px;box-shadow:0 12px 20px #777be326}.small-bubble{left:85px;top:65px;background:#f5f5ff;color:#6266e4;font-size:26px;border-radius:18px 18px 3px 18px}.metrics{gap:22px}.metric{min-height:148px;border-color:#f5f5f8;box-shadow:0 4px 18px #17213906}.metric:after{background:#7377ec}.metric:nth-child(2):after{background:#f1ab67}.metric:nth-child(3):after{background:#74bbab}.metric:nth-child(4):after{background:#96adee}.metric span{font-weight:500}.metric strong{font-size:32px}.badge{background:#f0f0ff;color:#575bb9}.badge.off{background:#fff4e8;color:#a77b40}.tip{background:#f4f4ff}.avatar{background:#f0f1f6;color:#767b92}.inbox-layout{grid-template-columns:335px minmax(320px,1fr) 270px}.list-head{padding:21px 18px 17px}.list-head h3{font-size:17px}#search{border-radius:25px;font-size:12px}.conversation.selected{background:#f0f0ff;border-left-color:#373cf5}.conversation:hover{background:#f6f6fc}.unread{background:#6569e9}.thread{background:#fbfcfd}.thread-head{height:78px;padding:16px 24px}.thread-head h3{direction:ltr;text-align:right}.thread-tools{border-bottom:1px solid #eff0f3;padding:10px 20px}.thread-tools select{font-size:11px;background:#fafbfc}.messages{padding:26px}.bubble{border-radius:12px 12px 12px 3px;max-width:80%;font-size:13px}.bubble.out{background:#eeefff;border-color:#e4e5fb}.bubble small{color:#9295a7}.compose-toolbar button{background:#f6f7f9}.customer-panel{color:#626b77}.customer-panel h3{color:#343d48}.customer-panel hr{border-color:#edf0f4}input:focus,select:focus,textarea:focus{border-color:#767bf4;box-shadow:0 0 0 2px #373cf512}.endpoint b,details summary,.eyebrow{color:#373cf5}.login-card{border-color:#eef0f6}#login,#password-screen{background:#f8f9fc}button:focus-visible{outline-color:#777bf5}.channels-workspace{display:grid;grid-template-columns:210px 1fr;direction:ltr;gap:20px;margin:26px 0}.channel-types{border:1px solid #f0f1f5;border-radius:12px;padding:16px;direction:rtl}.channel-types strong{display:block;margin:3px 8px 20px}.channel-type{padding:15px 12px;border-radius:8px;font-weight:600;direction:ltr}.channel-type.active{color:#373cf5;background:#efefff}.channel-types p{color:#969ba5;font-size:11px;padding:0 8px}.channel-table-wrap{direction:rtl;border:1px solid #f0f1f5;border-radius:12px;padding:18px;overflow:auto}.channel-table-head,#channel-cards>.card{display:grid;grid-template-columns:1.3fr 1.2fr 1fr 1.2fr;align-items:center;gap:14px;min-width:650px}.channel-table-head{padding:18px 16px;background:#f5f6f8;border-radius:8px;color:#858c97;font-size:12px}#channel-cards{display:block;margin:0}#channel-cards>.card{padding:20px 16px;border:0;border-bottom:1px solid #edf0f4;border-radius:0;box-shadow:none}#channel-cards h3{font-size:13px;margin:0}#channel-cards p{margin:0;font-size:12px}#channel-cards .badge{justify-self:start;font-size:10px}#channel-cards button{margin:0;font-size:11px;padding:8px 10px;border-color:#dadcf9;color:#5458d9}#connection>article:first-child{box-shadow:none;border:0;padding:8px 0 22px;border-radius:0}#connection>article:first-child h1{font-size:25px}#connection>article:first-child>p:not(.eyebrow){color:#89909a;font-size:12px}#channel-detail{box-shadow:none}#channel-detail h2{font-size:18px}
@media(min-width:1400px){.inbox-layout{grid-template-columns:350px minmax(320px,1fr) 280px}}
@media(max-width:1180px){.inbox-layout{grid-template-columns:300px minmax(280px,1fr)}.channels-workspace{grid-template-columns:170px 1fr}.welcome-art{flex-basis:140px}}
@media(max-width:800px){.sidebar{width:60px}main{margin-left:60px}.welcome{padding:25px;min-height:220px}.welcome h1{font-size:24px}.welcome-art{display:none}.inbox-layout{grid-template-columns:210px minmax(270px,1fr)}.channels-workspace{grid-template-columns:1fr;gap:12px}.channel-types{padding:10px;display:flex;align-items:center;gap:16px}.channel-types strong,.channel-types p{display:none}.channel-type{padding:10px 18px}.channel-table-wrap{padding:10px}.metric{min-height:140px}.thread-head{height:auto}.bubble{max-width:90%}}

#channel-dialog{width:min(660px,94vw);max-height:90vh;overflow:auto;border:1px solid #e4e6ef;border-radius:16px;padding:26px;color:var(--ink);box-shadow:0 20px 80px #24265b30}#channel-dialog::backdrop{background:#20233f66}#channel-dialog h2{font-size:20px}.channel-options{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0}.channel-options button{text-align:right;padding:20px 14px;background:#fff}.channel-options button.active{border-color:#373cf5;background:#f1f1ff;box-shadow:0 0 0 1px #373cf5}.channel-options strong,.channel-options small{display:block}.channel-options small{font-size:11px;margin-top:10px}#channel-dialog #add-channel{display:block;max-width:none}#channel-dialog label{display:block;margin:15px 0}#meta-fields p,#meta-setup p{font-size:12px;color:#79818e}#channel-form-notice{color:#ad4b37}#meta-setup input{font-size:12px}#new-channel{margin-top:12px}

.users-heading h1{font-size:25px;margin:7px 0 12px}.users-heading p{margin-bottom:28px}.users-tabs{display:flex;gap:24px;border-bottom:1px solid #e6eaf0;margin-bottom:24px}.users-tabs button,.users-filters button{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;padding:15px 12px;color:#7b818c;font-weight:500;white-space:nowrap}.users-tabs button.active,.users-filters button.active{border-bottom-color:#373cf5;color:#373cf5}.users-tabs b,.users-filters b{display:inline-block;padding:2px 6px;background:#e9edff;border-radius:4px;font-size:12px;margin-right:6px}.users-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px;flex-wrap:wrap}.users-filters,.users-controls{display:flex;align-items:center;gap:10px}.users-controls input{width:240px;font-size:12px}.users-controls button{white-space:nowrap}.users-table-wrap{border:1px solid #f0f2f6;border-radius:10px;overflow:auto;min-height:310px}.users-table{width:100%;border-collapse:collapse;min-width:820px;text-align:right}.users-table th{background:#eef2f6;color:#68717e;font-size:12px;font-weight:500;padding:16px 20px;white-space:nowrap}.users-table td{padding:20px;border-bottom:1px solid #edf0f5;font-size:13px}.users-table td[dir=ltr]{text-align:right;color:#737c88}.user-identity{display:flex;align-items:center;gap:12px}.user-identity strong{font-weight:500}.user-initial{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:13px;color:#6b7790;background:#dfd7ff;flex:none}.tone-1{background:#c8edfa}.tone-2{background:#ffe0e8}.tone-3{background:#c5f3db}.role-label{display:inline-block;color:#686e80;background:#f3f4f8;padding:6px 10px;border-radius:6px;font-size:12px}.role-label.manager{background:#eeecff;color:#6760b4}.user-state{display:inline-block;min-width:75px;text-align:center;padding:8px 14px;border-radius:22px;font-size:12px}.user-state.enabled{background:#edf8f0;color:#448c55}.user-state.disabled{background:#fff1ee;color:#ac7569}.access-label{color:#8a92a0;font-size:11px!important}.user-menu summary{list-style:none;border:1px solid #e7eaf3;border-radius:8px;padding:9px 13px;color:#697489;display:inline-block;cursor:pointer}.user-menu summary::-webkit-details-marker{display:none}.user-menu>div{display:flex;flex-direction:column;gap:6px;margin-top:8px}.user-menu button{font-size:11px;white-space:nowrap;text-align:right;padding:8px}.users-footnote{font-size:11px;margin-top:20px}#users-empty{text-align:center;padding:30px;color:#8a92a0}#accounts{margin:0}#create-user-panel{margin-bottom:24px;box-shadow:none;background:#fafbff}.role-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:25px}.role-grid h2{font-size:19px;margin:22px 0 15px}.role-grid li{line-height:2.3;color:#7a8391;font-size:13px}@media(max-width:800px){.users-tabs{gap:4px;overflow:auto}.users-tabs button{font-size:12px;padding:14px 8px}.users-controls{width:100%}.users-controls input{flex:1;width:100px}.role-grid{grid-template-columns:1fr}.users-heading h1{font-size:22px}.users-filters button{font-size:12px;padding:10px}}
.template-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:20px 0}.template-toolbar>input,.template-toolbar>select{width:auto;flex:1;min-width:130px}.template-toolbar button{white-space:nowrap}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px;margin:24px 0}.template-card{padding:20px;border:1px solid #e5e9f0;border-radius:12px;background:#f4f6fa;overflow-wrap:anywhere}.template-card .section-head{align-items:start}.template-card strong{font-size:13px}.template-card .preview-message{margin-top:20px}.preview-message{padding:20px;background:white;border-radius:10px;white-space:pre-wrap;line-height:1.8}.preview-button{text-align:center;color:#5158cb;border-top:1px solid #eceff3;padding:10px;margin-top:8px}.template-preview{background:#eae7e1;border-radius:18px;overflow:hidden;align-self:start;position:sticky;top:0;padding-bottom:20px}.preview-top{background:#087f6d;color:white;padding:22px}.template-preview .preview-message{margin:20px}#template-editor{width:min(1000px,95vw);max-height:92vh;overflow:auto;border:1px solid #e3e6ed;border-radius:18px;padding:26px;color:var(--ink)}#template-editor::backdrop{background:#23263c66}.template-editor-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:24px}#template-form label{margin:15px 0}#template-form textarea{margin-top:8px}#template-error{color:#ac4c3c}#template-notice{color:#8f6b3a}@media(max-width:800px){.template-editor-grid{grid-template-columns:1fr}.template-preview{position:static}.template-toolbar>label{flex:1}}
/* Gallabox-style full canvas template editor. */
#template-editor{width:100vw;max-width:none;height:100vh;max-height:none;margin:0;border:0;border-radius:0;background:#f7f9fb;padding:0 6vw 40px;direction:ltr}.template-editor-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 0;background:#f7f9fb;position:sticky;top:0;z-index:3;border-bottom:1px solid #e8edf3;margin-bottom:24px}.template-editor-top>div{display:flex;align-items:center;gap:20px}.template-editor-top h2{margin:0;font-size:22px}.template-editor-top h2 small{display:block;font-size:11px;font-weight:400;margin-top:5px}#close-template{border:0;background:transparent;font-size:24px}.template-meta{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;margin-bottom:30px}.template-name{grid-column:1/-1}#template-form label{font-size:13px;color:#7d8fa8;font-weight:400;margin:0}#template-form input,#template-form select{margin-top:8px;background:#fff;border:1px solid #e2e8f0;min-height:43px;font-size:14px}.template-meta em{color:#ef5555;font-style:normal}.template-editor-grid{grid-template-columns:minmax(0,2fr) minmax(290px,.85fr);align-items:start;gap:28px}.template-section{background:#fff;border:1px solid #e3e9f1;padding:25px;border-radius:8px;margin-bottom:25px}.template-section h3{font-size:18px;color:#374456;margin:0 0 24px}.template-section h3 small{font-size:12px;background:#edf2f7;padding:4px 9px;border-radius:4px;margin-left:12px;font-weight:400}.header-radios{display:flex;gap:22px;flex-wrap:wrap;margin-bottom:24px}.header-radios label{display:flex;align-items:center;gap:7px;color:#424a58!important}.header-radios input{width:16px;min-height:0!important;margin:0!important;accent-color:#1585ed}.template-section .body-heading{margin-top:28px;display:flex;justify-content:space-between}.template-section textarea{font-size:15px;line-height:1.8;background:white;border:1px solid #e2e8f0;padding:18px}.body-tools{display:flex;align-items:center;justify-content:space-between;margin:15px 0}.body-tools>div{display:flex;gap:5px}.body-tools>div button{border:0;color:#939eae;padding:6px 10px}.body-tools>#template-variable{color:#199bef;border-color:#bfe7ff;background:#fff}.footer-section{border-top:1px solid #edf0f5;margin-top:25px;padding-top:25px}.examples-help{font-size:12px;color:#99a6b8;font-style:italic}#template-examples{display:grid;grid-template-columns:1fr 1fr;gap:16px}.template-dropzone{border:2px dashed #dee6ef;padding:25px;background:#fafbfd;border-radius:5px}.upload-label{display:block}#template-media-file{max-width:100%;font-size:12px}.template-media-preview{max-width:100%;max-height:260px;object-fit:contain;border-radius:6px}#upload-preview{margin-top:20px;max-width:280px}.template-preview{top:104px;border-radius:30px;background:#eee9e2;border:1px solid #e4e5e4;box-shadow:none}.preview-top{display:flex;align-items:center;gap:12px;background:#008674;padding:21px 18px;color:#fff}.preview-top strong{font-size:18px;flex:1}.preview-avatar{border:2px solid white;border-radius:50%;padding:4px 8px}.preview-chat{min-height:340px;padding:16px;background-image:radial-gradient(#d8d2c8 1px,transparent 1px);background-size:14px 14px}.template-preview .preview-message{margin:0;background:#fff;padding:14px;border-radius:9px;font-size:14px;direction:rtl;overflow-wrap:anywhere}.preview-message p{white-space:pre-wrap;margin:10px 0;line-height:1.9}.preview-message>small{display:block;color:#9ca9b9;font-style:italic}.preview-button{direction:auto;color:#308bd2;font-size:13px}.phone-compose{background:#fff;border-radius:24px;margin:10px;display:flex;align-items:center;gap:10px;padding:12px;color:#9aabba}.phone-compose span{flex:1}.phone-compose b{color:#168669}.preview-caption{text-align:center;color:#939ca8;font-size:10px;margin:10px}.template-button-row{border:1px solid #e2e8f0;border-radius:8px;background:#fafcfe;padding:18px;margin-bottom:15px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.template-button-row>.section-head,.template-button-row>small{grid-column:1/-1;margin:0}.template-button-row small{font-size:11px}.add-button-tools{display:flex;gap:10px;flex-wrap:wrap}.add-button-tools select{flex:1;margin:0!important}.template-editor-top .primary{background:#0785ff;border-color:#0785ff;box-shadow:none}@media(max-width:900px){#template-editor{padding:0 20px 30px}.template-editor-grid{grid-template-columns:1fr}.template-preview{position:static;max-width:380px;width:100%;margin:auto}.template-meta{gap:15px;grid-template-columns:1fr}.template-editor-top{flex-wrap:wrap}.template-section{padding:18px}.template-button-row{grid-template-columns:1fr}.header-radios{gap:15px}}

#template-editor h2,#template-editor h3,#template-editor strong{font-weight:600}#template-editor [hidden]{display:none!important}.add-button-menu{position:relative;width:205px}.add-button-menu summary{cursor:pointer;list-style:none;border:1px solid #dde5ee;border-radius:6px;padding:12px 16px;color:#59697f;background:white;display:flex;justify-content:space-between}.add-button-menu summary::-webkit-details-marker{display:none}.add-button-options{position:relative;z-index:4;background:#fff;border:1px solid #e3e9f0;box-shadow:0 5px 18px #25395a15;border-radius:7px;width:270px;padding:12px;margin-top:6px}.add-button-options>small{display:block;padding:10px;color:#9ba8bb}.add-button-options button{display:flex;justify-content:space-between;border:0;width:100%;text-align:left;background:#fff;padding:10px}.add-button-options button:hover{background:#f1f6fc}.add-button-options button small{font-size:10px;color:#9ba8bb}#template-emoji-picker{display:flex;flex-wrap:wrap;gap:3px;padding:8px;background:#f7f9fb;border:1px solid #e5eaf2;border-radius:8px}#template-emoji-picker button{padding:6px;border:0;background:white;font-size:20px}.template-button-row .url-mode{width:100%}

.routing-teams{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin:24px 0}.routing-team h3{margin:0}.team-stats{display:flex;gap:16px;padding:16px 0;flex-wrap:wrap}.team-stats span{font-size:12px;color:#758399}.team-stats b{display:block;font-size:24px;color:#263247}.member-chips{display:flex;gap:8px;flex-wrap:wrap;min-height:48px;margin:12px 0}.member-chips span{background:#edf4ff;color:#3682d7;padding:6px 12px;border-radius:20px;font-size:12px}.team-dialog{width:min(520px,92vw);max-height:90vh;overflow:auto;border:1px solid #e0e7ef;border-radius:14px;padding:26px;color:#273347}.team-dialog::backdrop{background:#1e293b66}.team-dialog form>label{display:block;margin:16px 0}.team-check{display:flex!important;align-items:center;gap:10px;padding:12px;border:1px solid #e5eaf1;border-radius:7px;margin:8px 0!important}.team-check input{width:18px!important;height:18px;margin:0!important}.team-check small{color:#91a0b4;margin-inline-start:auto}#team-error,#transfer-error{color:#b44747}.thread-tools{flex-wrap:wrap}#current-team{white-space:nowrap}

#assignment{display:none!important}#assign-menu{position:relative;margin-inline-start:auto;min-width:180px}#assign-menu summary{list-style:none;display:flex;align-items:center;gap:10px;border:1px solid #dce5ef;border-radius:8px;background:#fff;padding:9px 12px;color:#344256;cursor:pointer}#assign-menu summary::-webkit-details-marker{display:none}#assigned-name{flex:1}.assign-avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border-radius:50%;background:#e8defc;color:#8065b0;font-size:12px}.assign-panel{position:absolute;inset-inline-end:0;top:calc(100% + 6px);width:300px;max-width:80vw;background:#fff;border:1px solid #dce5ef;border-radius:10px;box-shadow:0 8px 28px #26395225;padding:12px;z-index:30}.assign-panel>strong{display:block;background:#ecf8ff;padding:10px;border-radius:4px}.assign-panel input{margin:12px 0}.assign-panel>small{display:block;color:#8897aa;margin:8px}#assignee-options{max-height:260px;overflow:auto}.assignee-option{display:flex;align-items:center;gap:12px;width:100%;border:0!important;border-radius:4px!important;padding:12px!important;text-align:start;background:white;color:#354157}.assignee-option:hover{background:#e7f1ff}.assignee-option.selected{background:#b4d8ff}.assignee-option b{margin-inline-start:auto;color:#2784d5}#assign-error{font-size:12px;color:#b44747}.thread-head{overflow:visible;flex-wrap:wrap}.thread{overflow:visible}

.conversation-activity{align-self:center;width:100%;text-align:center;color:#8793a6;font-size:12px;line-height:1.8;padding:10px 18px;margin:6px 0;box-sizing:border-box;direction:rtl}.conversation-activity strong{font-weight:600;color:#758399}.conversation-activity time{display:block;font-size:10px;color:#9aa5b5}.conversation-activity span{display:inline-block;max-width:95%;overflow-wrap:anywhere}
/* API customer-service window, QR conversations intentionally have no ring. */
.window-avatar{--remaining:0deg;display:inline-grid;place-items:center;flex:0 0 42px;width:42px;height:42px;padding:3px;border-radius:50%;background:conic-gradient(#168afa var(--remaining),#e6edf3 0)}.window-avatar>span{display:grid;place-items:center;width:36px;height:36px;border:2px solid white;background:#daf0ff;border-radius:50%;font-size:13px;color:#58718a}.conversation-top>.window-avatar+strong{flex:1}#window-badge{display:inline-block;margin:5px 8px;padding:3px 9px;border:1px solid #dbe9f5;border-radius:20px;color:#168afa;font-size:12px}#window-badge.expired{color:#8795a5;background:#f2f5f8}#window-panel{padding:12px 18px;background:#f7faff;border-top:1px solid #e3edf6;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:#718399}#reply-template-dialog{width:min(620px,94vw);max-height:85vh;overflow:auto;border:1px solid #e0e8ef;border-radius:14px;padding:24px}#reply-template-dialog input,#reply-template-dialog select{width:100%;margin:7px 0 12px}#reply-template-preview{white-space:pre-wrap;background:#ecf8ee;padding:18px;border-radius:12px;font:inherit;min-height:60px}#reply-template-error{color:#aa5b1b}#window-panel[hidden],#window-badge[hidden],#compose[hidden]{display:none!important}

.window-avatar{position:relative;background:none;padding:0}.window-avatar svg{position:absolute;inset:0;width:42px;height:42px;transform:rotate(-90deg)}.window-avatar circle{fill:none;stroke-width:2.5}.window-track{stroke:#e6edf3}.window-arc{stroke:#168afa;stroke-linecap:round}.window-avatar>span{width:35px;height:35px}.conversation-top{align-items:center}.thread-head{height:auto;min-height:88px;flex-shrink:0}#window-panel{flex-shrink:0}

/* Gallabox uses Inter for Latin, native system fallback for Arabic. */
@font-face{font-family:Inter;src:url("/fonts/inter-400.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url("/fonts/inter-500.woff2") format("woff2");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Inter;src:url("/fonts/inter-700.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}
body,body.inbox-mode{font-family:Inter,system-ui,sans-serif}button,input,textarea,select{font-family:inherit}h1,h2,h3,h4{font-family:Inter,Georgia,serif}

#business-profile-dialog{width:min(940px,95vw);max-height:92vh;border:1px solid #e4eaf2;border-radius:14px;padding:26px;overflow:auto;color:#28364a;background:#fff}#business-profile-dialog::backdrop{background:#1c293b66}.business-profile-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px;direction:ltr}.business-profile-layout form{margin:20px 0;padding:20px;border:1px solid #e6ecf3;border-radius:10px}.business-profile-layout label{display:block;margin:12px 0;color:#63748b;font-size:13px}.business-profile-layout input,.business-profile-layout textarea{width:100%;margin-top:6px}.business-profile-layout h3{font-size:17px}.business-profile-layout p{font-size:13px;line-height:1.7;color:#7a899b}.profile-identity{padding:20px;border-radius:10px;background:#f7faff}.profile-identity a{font-size:13px;color:#0786ff}.business-profile-preview{align-self:start;position:sticky;top:0;border:1px solid #e3eaf2;border-radius:12px;text-align:center;overflow:hidden;padding:0 18px 24px}.profile-preview-banner{background:#e9f5f1;height:65px;margin:0 -18px 18px}#business-picture-preview{width:92px;height:92px;object-fit:cover;border-radius:50%;margin:auto}#business-picture-placeholder{font-size:13px;color:#8ca0b5}#business-profile-status{font-size:13px;background:#f1f7ff;border-radius:6px;padding:12px}.business-profile-preview small{color:#95a2b2;font-size:11px}@media(max-width:700px){.business-profile-layout{grid-template-columns:1fr}.business-profile-preview{position:static;grid-row:1}}