@charset "UTF-8";
:root {
 --bg:#f5f7fc; --surface:#ffffff; --surface2:#f9fbff; --line:#e8ecf3; --text:#192542; --sub:#74809a;
 --brand:#5165e9; --brand2:#6c73ed; --brand-faint:#eff1ff; --green:#21a27b; --red:#df6582; --amber:#d5a356;
 --nav:#101b37; --nav2:#172542; --navtext:#eaf0ff; --shadow:0 18px 45px rgba(25,41,80,.045);
 --rounded:15px;
}
*{box-sizing:border-box}
html{font-size:14px}
body{margin:0;min-width:320px;font-family:"Vazirmatn","Segoe UI",Tahoma,system-ui,sans-serif;background:var(--bg);color:var(--text);font-weight:400}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
button:disabled{opacity:.55;cursor:not-allowed}
a{color:inherit}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #96b2ff;outline-offset:3px}
svg.ic{height:19px;width:19px;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round;fill:none;flex:none}
.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}
[hidden]{display:none!important}
.demo-ribbon{height:33px;display:flex;align-items:center;justify-content:center;gap:9px;background:#e9eefe;color:#42558c;direction:rtl;font-size:11px;border-bottom:1px solid #dae1fa;white-space:nowrap;padding:0 12px}
.demo-ribbon strong{font-size:11px;font-weight:800}
.demo-dot{height:7px;width:7px;border-radius:50%;background:#5364e9;box-shadow:0 0 0 3px #cdd7ff}
.demo-separator{color:#a7b5d5}
.app-shell{height:calc(100vh - 33px);min-height:590px;display:flex;direction:rtl;overflow:hidden}
.sidebar{width:262px;flex:0 0 262px;background:linear-gradient(165deg,#101b37 0%,#152344 65%,#101a35 100%);display:flex;flex-direction:column;color:var(--navtext);padding:26px 15px 14px;overflow:auto;scrollbar-width:thin}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;padding:0 13px;margin-bottom:34px}
.brand-symbol{width:42px;height:42px;background:linear-gradient(135deg,#9c9eff 0%,#4a61e4 80%);display:grid;place-items:center;border-radius:13px;box-shadow:0 9px 22px rgba(96,106,243,.28);transform:rotate(-8deg)}
.brand-symbol span{color:white;font:bold italic 29px Georgia,serif;transform:rotate(8deg);margin-top:-3px}
.brand-copy{display:flex;flex-direction:column;line-height:1}
.brand-copy strong{font:800 25px "Segoe UI",sans-serif;letter-spacing:-1.2px;color:white}
.brand-copy strong span{font-weight:400;color:#a8b8ff}
.brand-copy small{font:600 9px "Segoe UI",sans-serif;letter-spacing:2px;color:#7485ad;margin-top:7px}
.org-switch{background:#1c2a4b;border:1px solid #304065;color:#fff;display:flex;align-items:center;gap:10px;width:100%;padding:10px 11px;border-radius:13px;text-align:right}
.org-switch .ic{width:16px;color:#91a0c4;transform:rotate(-90deg)}
.org-icon{background:linear-gradient(150deg,#8369eb,#4d7fec);height:35px;width:35px;display:grid;place-items:center;border-radius:10px;color:white;font:bold 18px "Segoe UI",sans-serif;flex:none}
.org-text{display:flex;flex:1;flex-direction:column;gap:3px}
.org-text strong{font-size:12px}.org-text small{font-size:10px;color:#91a0bb}
.nav-section{padding:0 14px;margin:29px 0 10px;color:#7e8fb2;font-size:10px;font-weight:700;letter-spacing:.25px}
.nav-section.with-action{display:flex;justify-content:space-between}
.primary-nav,.folder-nav{display:flex;flex-direction:column;gap:3px}
.nav-item,.folder-item{border:0;background:transparent;width:100%;display:flex;align-items:center;text-align:right;gap:12px;padding:12px 13px;min-height:45px;border-radius:10px;color:#b1bdd9;transition:background .16s,color .16s}
.nav-item{font-weight:600;font-size:12px}
.nav-item .ic{color:#8394ba;width:18px;height:18px}
.nav-item span:not(.folder-dot){flex:1}
.nav-item b{background:#3c4889;color:#edf0ff;font-size:10px;padding:2px 7px;border-radius:6px}
.nav-item.active{background:linear-gradient(92deg,#394b9b,#2a3c7d);color:#fff;box-shadow:inset 3px 0 #8999ff}
.nav-item.active .ic{color:#c8ceff}
.nav-item:hover:not(.active),.folder-item:hover{background:#202e4f;color:#fff}
.sidebar-divide{height:1px;background:#293857;margin:22px 11px 0}
.folder-item{font-size:11.5px;padding:10px 13px;min-height:39px;gap:11px}
.folder-item.current{background:#263755;color:#fff}
.folder-dot{height:8px;width:8px;flex:none;border-radius:50%}
.folder-dot.all{background:#a1b2fa}.folder-dot.blue{background:#54bced}.folder-dot.violet{background:#ae88ff}.folder-dot.gold{background:#f2be70}
.folder-count{margin-right:auto;color:#98a7c9;font:600 10px "Segoe UI",sans-serif}
.sidebar-bottom{margin-top:auto;padding-top:23px}
.upgrade-box{background:linear-gradient(140deg,#30417d,#28365d);border:1px solid #445588;padding:16px;border-radius:16px}
.upgrade-icon{height:35px;width:35px;border-radius:11px;display:grid;place-items:center;background:#6877ed;color:#fff;margin-bottom:11px}
.upgrade-box strong{font-size:12px}
.upgrade-box p{font-size:10px;line-height:2;color:#aab7d7;margin:7px 0 13px}
.upgrade-box button{border:0;background:transparent;color:#bbcafb;font-size:11px;font-weight:700;padding:0;display:flex;align-items:center;gap:5px}
.upgrade-box button .ic{height:14px;width:14px}
.profile{display:flex;align-items:center;gap:10px;padding:21px 5px 2px}
.profile-avatar{background:#b7dce8;color:#214a61;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;font-size:13px;font-weight:800}
.profile span:nth-child(2){display:flex;flex:1;flex-direction:column;gap:5px}
.profile strong{font-size:11px}.profile small{font-size:10px;color:#91a2c5}
.online-mark{width:8px;height:8px;border-radius:50%;background:#54d8a8}
.workspace{display:flex;flex:1;flex-direction:column;min-width:0}
.topbar{height:80px;flex:0 0 80px;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 31px}
.topbar-title{display:flex;flex-direction:column;gap:2px;white-space:nowrap}
.topbar-title strong{font-size:16px;font-weight:800;letter-spacing:-.2px}
.topbar-eyebrow,.eyebrow{font:700 9px "Segoe UI",sans-serif;letter-spacing:1.4px;color:var(--brand)}
.topbar-eyebrow{font-size:9px;color:#9ba4bb}
.topbar-actions{display:flex;align-items:center;gap:12px;min-width:0}
.global-search{height:39px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid var(--line);background:var(--surface2);border-radius:9px;min-width:220px;width:min(340px,30vw);color:#8e9aaf}
.global-search .ic{width:17px;height:17px}
.global-search input{width:100%;background:transparent;border:0;outline:0;color:var(--text);font-size:11.5px;min-width:0}
.global-search:focus-within{border-color:#92a1f5;box-shadow:0 0 0 3px #dfe3ff}
.global-search kbd{font:10px "Segoe UI";white-space:nowrap;color:#8d98ad;border:1px solid var(--line);border-radius:5px;padding:3px 5px;direction:ltr}
.header-divider{height:24px;width:1px;background:var(--line);margin:0 3px}
.icon-button{width:36px;height:36px;flex:none;display:grid;place-items:center;background:transparent;border:0;border-radius:9px;color:#7a8aa9;position:relative}
.icon-button:hover,.small-square:hover{background:var(--brand-faint);color:var(--brand)}
.alert-mark{position:absolute;top:5px;left:7px;width:7px;height:7px;border:1.5px solid var(--surface);background:#ff7d89;border-radius:50%}
.compose-btn,.primary-btn{background:linear-gradient(135deg,#5c6eea,#4c5edf);color:#fff;border:0;box-shadow:0 9px 18px rgba(73,92,221,.19);border-radius:9px;padding:12px 16px;font-weight:700;font-size:11.5px;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}
.compose-btn:hover,.primary-btn:hover{filter:brightness(1.07)}
.compose-btn .ic{height:16px;width:16px}
.main-content{flex:1;min-height:0;overflow:hidden;padding:22px 26px 24px}
.mail-layout{height:100%;display:flex;min-height:0;overflow:hidden;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);background:var(--surface)}
.message-list-pane{width:365px;flex:0 0 365px;display:flex;flex-direction:column;min-width:0;border-left:1px solid var(--line)}
.pane-head{padding:27px 23px 20px;display:flex;justify-content:space-between;align-items:flex-start}
.pane-head h1{margin:8px 0 7px;font-size:20px;display:flex;align-items:center;gap:10px}
.pane-head p{margin:0;color:var(--sub);font-size:11px}
.count-chip{font:700 10px "Segoe UI",sans-serif;background:var(--brand-faint);color:var(--brand);border-radius:7px;padding:4px 7px}
.small-square{border:1px solid var(--line);width:34px;height:34px;background:var(--surface);color:#8491aa;border-radius:8px;display:grid;place-items:center}
.small-square .ic{width:16px;height:16px}
.filter-tabs{display:flex;gap:4px;margin:0 22px;padding:4px;background:#f4f6fa;border-radius:9px}
.filter-tabs button{background:transparent;border:0;flex:1;font-size:10.5px;font-weight:600;color:#7785a1;padding:9px 3px;white-space:nowrap;border-radius:7px}
.filter-tabs button.selected{background:var(--surface);color:var(--brand);box-shadow:0 2px 8px #2536540b}
.list-meta{display:flex;justify-content:space-between;padding:19px 23px 12px;color:var(--sub);font-size:10px;border-bottom:1px solid var(--line)}
.message-list{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;flex:1;min-height:0}
.message-row{display:flex;align-items:flex-start;gap:10px;position:relative;border:0;border-bottom:1px solid var(--line);text-align:right;width:100%;background:transparent;color:var(--text);padding:18px 17px 18px 14px;transition:background .15s}
.message-row:hover{background:var(--surface2)}
.message-row.selected{background:#f0f3ff}
.message-row.selected:before{content:"";position:absolute;right:0;top:14px;bottom:14px;width:3px;border-radius:4px;background:var(--brand)}
.message-row .avatar{width:40px;height:40px;display:grid;place-items:center;flex:none;border-radius:13px;font-size:14px;font-weight:800}
.message-row-content{min-width:0;flex:1}
.row-line1,.row-line2{display:flex;align-items:center;justify-content:space-between;gap:8px}
.row-line1 strong{font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.row-time{font:10px "Segoe UI",sans-serif;color:var(--sub);white-space:nowrap}
.row-subject{margin-top:5px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;font-weight:600}
.row-excerpt{margin:7px 0 12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--sub);font-size:10.5px}
.row-tags{display:flex;align-items:center;gap:6px;min-width:0;flex-wrap:wrap}
.tag{font-size:9px;font-weight:700;border-radius:5px;padding:3px 7px;display:inline-flex;align-items:center;gap:3px}
.tag.blue{color:#367caf;background:#e8f5fc}.tag.violet{color:#8260b9;background:#f2edfd}.tag.gold{color:#af812c;background:#fcf4e7}
.tag.open{color:#cf8654;background:#fff1e8}.tag.done{color:#368e75;background:#e9f8f0}
.unread-pip{height:7px;width:7px;border-radius:50%;background:#6474f0;flex:none;margin-top:7px}
.list-footer{font-size:10px;color:#93a0b5;display:flex;align-items:center;justify-content:center;gap:6px;border-top:1px solid var(--line);height:46px;flex:none}
.list-footer .ic{height:13px;width:13px}
.thread-pane{flex:1;min-width:0;overflow-y:auto;background:var(--surface)}
.thread-header{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);padding:19px 26px}
.thread-breadcrumb{font-size:10px;color:var(--sub);display:flex;gap:6px;align-items:center}
.thread-breadcrumb .ic{height:12px;width:12px}
.thread-name{font-size:20px;margin:10px 0 0;font-weight:800;letter-spacing:-.3px;line-height:1.6}
.thread-header-actions{display:flex;gap:9px;align-items:center;flex:none}
.status-btn,.outline-btn,.light-btn{border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);padding:9px 13px;font-size:11px;font-weight:700;display:inline-flex;gap:7px;align-items:center}
.status-btn:hover,.outline-btn:hover,.light-btn:hover{border-color:#abb8f3;color:var(--brand)}
.status-btn.done{background:#e9f8f1;border-color:#cdeada;color:#178669}
.status-btn .ic,.outline-btn .ic{height:15px;width:15px}
.thread-body{max-width:880px;margin:auto;padding:25px 28px 28px}
.customer-strip{display:flex;align-items:center;justify-content:space-between;background:#f7f9fe;border:1px solid var(--line);border-radius:12px;padding:13px 15px;margin-bottom:25px;gap:12px}
.customer-info{display:flex;align-items:center;gap:10px}
.customer-info .avatar{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-weight:800}
.customer-info strong{font-size:11px;display:block;margin-bottom:5px}
.customer-info small{font:10px "Segoe UI",sans-serif;display:block;color:var(--sub);direction:ltr;text-align:right}
.strip-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.strip-right label{font-size:10px;color:var(--sub);white-space:nowrap}
.strip-right select{appearance:none;border:1px solid var(--line);padding:8px 10px;background:var(--surface);color:var(--text);border-radius:7px;font-size:10.5px;min-width:90px}
.conversation{display:flex;flex-direction:column;gap:19px}
.msg-block{border:1px solid var(--line);border-radius:14px;padding:18px 20px;background:var(--surface);position:relative}
.msg-block.outbound{background:#f8faff;border-color:#e4e9fa}
.msg-block.internal{background:#fff9e9;border-color:#f4e6c2}
.msg-author{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:15px}
.msg-identity{display:flex;align-items:center;gap:9px}
.msg-identity .mini-avatar{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;font-size:11px;font-weight:800}
.msg-identity strong{font-size:11.5px}.msg-date{color:#9aa5b7;font:10px "Segoe UI",sans-serif}
.msg-block p{margin:0;color:#495774;font-size:11.5px;line-height:2.4;white-space:pre-wrap;overflow-wrap:anywhere}
.msg-type{margin-right:auto;font-size:9px;background:#f0f2fa;color:#7884a4;padding:3px 7px;border-radius:6px}
.msg-block.internal .msg-type{background:#faebc8;color:#ac8128}
.reply-panel{margin-top:27px;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.reply-tabs{display:flex;gap:3px;padding:12px 15px;border-bottom:1px solid var(--line)}
.reply-tabs button{border:0;background:transparent;border-radius:8px;padding:8px 14px;font-weight:700;font-size:10.5px;color:#8490a7;display:flex;align-items:center;gap:6px}
.reply-tabs button.current{background:var(--brand-faint);color:var(--brand)}
.reply-tabs button .ic{width:15px;height:15px}
.reply-tabs button.internal-active{background:#fff5d9;color:#a27618}
.reply-text{width:100%;display:block;border:0;resize:vertical;min-height:114px;padding:18px 20px;outline:none;color:var(--text);background:var(--surface);font-size:11.5px;line-height:2}
.reply-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:12px 15px}
.reply-actions span{font-size:10px;color:var(--sub)}
.reply-actions button{display:flex;align-items:center;gap:6px}
.reply-actions .ic{height:15px;width:15px}
.empty-state{display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;padding:60px 30px;color:var(--sub);text-align:center}
.empty-state strong{font-size:15px;color:var(--text)}.empty-state svg{width:42px;height:42px;stroke:var(--brand);fill:none;stroke-width:1.2}
.secondary-view{height:100%;overflow-y:auto;max-width:1220px;margin:auto;padding:3px 0 36px}
.section-lead{margin:10px 0 25px;display:flex;justify-content:space-between;align-items:flex-end;gap:16px}
.section-lead h1{font-size:27px;margin:8px 0;color:var(--text)}.section-lead p{font-size:12px;color:var(--sub);margin:0;line-height:2}
.preview-label{border:1px solid #d8dffc;color:#5865c2;background:#eef0ff;border-radius:100px;padding:7px 12px;font-size:10px;font-weight:800;white-space:nowrap}
.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:20px}
.stat-card,.panel-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}
.stat-card{padding:22px}.stat-card .stat-caption{font-size:11px;color:var(--sub);display:flex;align-items:center;justify-content:space-between;gap:8px}
.stat-card .stat-caption .ic{color:var(--brand);width:19px;height:19px}.stat-card strong{display:block;font-size:29px;margin:16px 0 8px;font-family:"Segoe UI",Tahoma,sans-serif}
.stat-card small{color:#229975;font-size:10px}.panel-card{padding:26px}
.panel-card h2{margin:0 0 18px;font-size:16px}.panel-card p{color:var(--sub);font-size:11px;line-height:2}
.dashboard-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:18px}
.chart-bars{height:230px;display:flex;gap:15px;align-items:flex-end;justify-content:space-around;padding:22px 0 0;border-bottom:1px solid var(--line)}
.chart-col{height:100%;display:flex;flex:1;align-items:center;justify-content:flex-end;flex-direction:column;gap:9px}
.chart-col .bar{height:var(--h);width:min(42px,75%);border-radius:8px 8px 2px 2px;background:linear-gradient(0deg,#4d64dc,#aab6fa)}
.chart-col span{font-size:10px;color:var(--sub);padding:7px 0}
.performance-row{display:flex;align-items:center;gap:10px;margin-top:17px;font-size:11px}.performance-row span{width:105px;color:var(--sub)}.progress{height:8px;background:#eef1f8;flex:1;border-radius:20px;overflow:hidden}.progress i{height:100%;display:block;background:var(--brand);border-radius:20px}.performance-row strong{font:700 11px "Segoe UI",sans-serif;width:36px;text-align:left}
.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{font-size:11px;padding:16px 13px;text-align:right;border-bottom:1px solid var(--line)}.data-table th{color:var(--sub);font-weight:600;background:var(--surface2)}
.member-cell{display:flex;align-items:center;gap:9px}.member-bubble{height:34px;width:34px;border-radius:11px;background:#e9edff;color:#5e6adb;display:grid;place-items:center;font-weight:800}.role-badge{background:#eef1fb;color:#5969a3;padding:6px 9px;border-radius:6px;font-size:10px}
.domain-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.domain-grid .panel-card{min-height:175px}.domain-grid h2{display:flex;align-items:center;gap:10px}.domain-grid h2 .ic{color:var(--brand)}
.domain-value{font:700 15px "Segoe UI",sans-serif;direction:ltr;text-align:right;display:block;overflow-wrap:anywhere}.status-pending{font-size:10px;color:#a77833;background:#fff6e9;padding:5px 9px;border-radius:6px;display:inline-block}
.connection-card{margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(100deg,#1c2e61,#343e87);color:white;border-radius:16px;padding:24px 27px}
.connection-card h2{margin:0 0 8px;font-size:17px}.connection-card p{color:#c4c9ee;margin:0;font-size:11px;line-height:2}.connection-card a{background:#fff;color:#303a88;text-decoration:none;padding:12px 16px;border-radius:9px;white-space:nowrap;font-weight:800;font-size:11px;display:flex;align-items:center;gap:7px}
.connection-card a .ic{height:15px;width:15px}
.modal-backdrop{position:fixed;inset:0;background:#0d1735a8;z-index:20;display:flex;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(5px)}
.modal-card{width:100%;max-width:620px;background:var(--surface);color:var(--text);border-radius:18px;box-shadow:0 40px 100px #080f2355;overflow:hidden}
.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:20px 24px}
.modal-header small{color:var(--brand);font:700 10px "Segoe UI",sans-serif;letter-spacing:2px}
.modal-header h2{margin:6px 0 0;font-size:17px}
#compose-form{padding:22px 24px 24px;display:flex;flex-direction:column;gap:15px}
#compose-form label{display:flex;flex-direction:column;gap:8px;font-size:11px;font-weight:700}
#compose-form input,#compose-form textarea{border:1px solid var(--line);outline:0;border-radius:8px;padding:11px 13px;background:var(--surface2);color:var(--text);width:100%;resize:vertical}
#compose-form input:focus,#compose-form textarea:focus{border-color:#8998eb}
.demo-notice{background:#f1f4ff;color:#5d68a3;padding:11px;border-radius:8px;font-size:10.5px;line-height:2}
.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:6px}
.toast{position:fixed;bottom:27px;left:27px;z-index:30;border-radius:11px;color:white;background:#1b2e59;box-shadow:0 15px 35px #0a133d42;padding:14px 20px;font-size:11.5px;max-width:min(440px,90vw);line-height:1.9}
html.dark{--bg:#0d1425;--surface:#182238;--surface2:#1e2b42;--line:#2b3955;--text:#f0f3ff;--sub:#a1aeca;--brand:#9baafa;--brand2:#8c9bf7;--brand-faint:#2b3863;--shadow:0 18px 50px #00000022}
html.dark .filter-tabs{background:#1e2b42}
html.dark .message-row.selected{background:#27375a}
html.dark .customer-strip{background:#1e2b42}
html.dark .msg-block.outbound{background:#1e2b42}
html.dark .msg-block.internal{background:#3d3328;border-color:#6b5131}
html.dark .msg-block p{color:#c8d2e8}
html.dark .demo-notice{background:#29375b;color:#c2c9fb}
html.dark .tag.open{background:#4b3125}.dark .tag.done{background:#1d443a}
html.dark .status-btn.done{background:#224d3d}
html.dark .preview-label{background:#29365e;color:#afbefd;border-color:#415181}
html.dark .progress{background:#303e55}
html.dark .upgrade-box{background:#263860}
@media(max-width:1320px){.sidebar{width:235px;flex-basis:235px}.message-list-pane{width:335px;flex-basis:335px}.main-content{padding:17px}.topbar{padding:0 20px}.thread-body{padding:20px}.thread-header{padding:19px}.stat-grid{gap:10px}}
@media(max-width:1050px){.sidebar{width:77px;flex-basis:77px;padding:22px 9px}.brand{justify-content:center;padding:0;margin-bottom:30px}.brand-symbol{width:40px;height:40px}.brand-copy,.org-text,.org-switch .ic,.nav-section,.nav-item span,.nav-item b,.folder-item,.upgrade-box,.profile>span:nth-child(2),.profile .online-mark{display:none}.org-switch{justify-content:center;padding:8px}.primary-nav .nav-item{justify-content:center;padding:12px}.primary-nav{margin-top:22px}.sidebar-divide{margin-top:18px}.profile{justify-content:center}.global-search{width:230px;min-width:150px}.thread-name{font-size:17px}.thread-header-actions{flex-wrap:wrap}}
@media(max-width:730px){.demo-ribbon{font-size:9px;height:34px;gap:6px}.demo-ribbon strong{font-size:9px}.app-shell{height:calc(100dvh - 34px);min-height:490px;flex-direction:column-reverse}.sidebar{width:100%;height:63px;flex:0 0 63px;padding:7px 12px;overflow:visible;background:#152342}.sidebar .brand,.sidebar .org-switch,.sidebar .sidebar-divide,.sidebar .folder-nav,.sidebar .sidebar-bottom{display:none}.primary-nav{margin:0;display:flex;flex-direction:row;height:100%;justify-content:space-around;gap:3px}.primary-nav .nav-item{width:auto;min-width:55px;padding:8px 14px;border-radius:9px}.primary-nav .nav-item .ic{width:21px;height:21px}.workspace{min-height:0}.topbar{height:65px;flex:0 0 65px;padding:0 13px}.topbar-title strong{font-size:13px}.topbar-eyebrow{font-size:8px}.topbar-actions{gap:3px}.global-search{width:36px;min-width:36px;height:36px;padding:8px}.global-search input,.global-search kbd{display:none}.global-search:focus-within{width:145px}.global-search:focus-within input{display:block}.header-divider,.alert-button{display:none}.compose-btn{padding:10px}.compose-btn .ic{width:17px;height:17px}.compose-btn{font-size:0}.main-content{padding:9px}.mail-layout{border-radius:11px}.message-list-pane{width:100%;flex:1;border-left:0}.thread-pane{display:none}.mail-layout.thread-open .message-list-pane{display:none}.mail-layout.thread-open .thread-pane{display:block}.thread-header{padding:16px;gap:8px}.thread-header .thread-name{font-size:15px}.thread-body{padding:14px}.customer-strip{flex-wrap:wrap}.strip-right{width:100%;justify-content:flex-end}.back-mobile{display:inline-flex!important}.section-lead{align-items:flex-start}.section-lead h1{font-size:21px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.domain-grid{grid-template-columns:1fr}.data-table th,.data-table td{padding:11px 6px;font-size:10px}.panel-card{padding:16px}.connection-card{flex-wrap:wrap}}
@media(min-width:731px){.back-mobile{display:none!important}}
@media(max-width:420px){.thread-header-actions{gap:5px}.status-btn,.outline-btn{padding:7px 9px;font-size:10px}.thread-header{align-items:flex-start}.topbar-title{max-width:150px;overflow:hidden}.topbar-actions .icon-button{width:31px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}