:root{--bg:#f7f8fc;--surface:#fff;--surface2:#f0f2f9;--text:#1d2440;--muted:#7d8499;--line:#e7eaf4;--primary:#6559db;--primary2:#5147c6;--pale:#efedff;--green:#24a681;--red:#d95764;--shadow:0 18px 44px rgba(50,55,100,.055),0 2px 8px rgba(50,55,100,.025);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--text);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-size:14px}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin:0}h1{font-size:clamp(36px,4.4vw,60px);line-height:1.09;letter-spacing:-.055em}h2{font-size:23px;letter-spacing:-.035em}h3{font-size:16px;letter-spacing:-.02em}p{line-height:1.6}strong{font-weight:700}small,.muted{color:var(--muted)}small{font-size:12px}.hide{display:none!important}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #aaa4fa;outline-offset:2px}
.container{width:min(1200px,calc(100% - 40px));margin:0 auto}.btn{display:inline-flex;gap:9px;align-items:center;justify-content:center;border-radius:13px;border:1px solid transparent;font-weight:650;font-size:13px;padding:11px 16px;transition:transform .18s,background .18s,box-shadow .18s;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--primary);color:white;box-shadow:0 7px 15px #7161db2c}.btn.primary:hover{background:var(--primary2)}.btn.secondary{background:#fff;border-color:var(--line);color:var(--text)}.btn.ghost{background:transparent;color:var(--muted)}.btn.tiny{padding:7px 11px;font-size:12px;border-radius:9px}.btn.danger{color:var(--red);background:#fff3f4;border-color:#ffe3e6}.btn:disabled{opacity:.55;cursor:not-allowed}.btn .icon{font-size:16px}.eyebrow{letter-spacing:.11em;text-transform:uppercase;font-size:11px;color:var(--primary);font-weight:800}.pill{display:inline-flex;align-items:center;gap:7px;border-radius:100px;background:#f0edff;padding:7px 12px;color:#6456cf;font-weight:650;font-size:11px}.pill.green{background:#e7f8f0;color:#178f64}.pill.gold{background:#fff6e0;color:#a47b1e}.pill.gray{background:#edf0f6;color:#64708c}.dot{width:7px;height:7px;background:currentColor;border-radius:50%}
/* landing */
.mark{display:inline-flex;align-items:center;gap:10px;font-size:19px;font-weight:820;letter-spacing:-.06em}.logo{display:grid;place-items:center;height:35px;width:35px;background:linear-gradient(135deg,#8d7efa,#5952d2);color:#fff;border-radius:11px;font-size:21px;box-shadow:inset 0 2px 2px #ffffff33,0 5px 15px #665cdb33}
.topbar{height:78px;display:flex;align-items:center;justify-content:space-between}.topnav{display:flex;gap:30px;align-items:center;color:#737a91;font-weight:600;font-size:13px}.top-actions{display:flex;align-items:center;gap:10px}.hero{padding:75px 0 48px;text-align:center}.hero h1{max-width:850px;margin:22px auto 20px}.hero h1 span{color:var(--primary)}.hero>p{max-width:605px;margin:0 auto 29px;color:#727c93;font-size:16px}.hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.hero-note{display:flex;align-items:center;gap:14px;justify-content:center;margin-top:21px;color:#8b92a5;font-size:11px}.hero-note span:before{content:'✓';color:var(--green);margin-right:5px;font-weight:900}
.mock{position:relative;width:min(1060px,100%);margin:52px auto 0;background:#fff;border:1px solid #e5e5f4;border-radius:22px;box-shadow:0 40px 80px #343e7b1d;overflow:hidden;text-align:left}.mock-top{height:48px;background:#fafbff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 18px;gap:7px}.mac-dot{width:9px;height:9px;border-radius:50%;background:#f39da3}.mac-dot:nth-child(2){background:#eccc7e}.mac-dot:nth-child(3){background:#8cd8bb}.mock-url{margin:auto;color:#a7acc1;font-size:11px;background:white;padding:7px 35px;border:1px solid #edf0f7;border-radius:7px}.mock-body{display:grid;grid-template-columns:180px 1fr;min-height:340px}.mock-side{background:#fafbff;border-right:1px solid var(--line);padding:20px 12px}.mock-compose{background:#eae7ff;border-radius:10px;color:#5543c4;padding:12px;text-align:center;font-weight:700}.mock-menu{display:flex;align-items:center;gap:10px;padding:10px 12px;color:#828aa0;font-size:12px;border-radius:7px}.mock-menu.active{background:#eeeaff;color:#594bcf;font-weight:800}.mock-main{padding:20px 22px}.mock-search{background:#f5f6fb;color:#a1a8ba;padding:12px 16px;border-radius:9px;font-size:12px;margin-bottom:17px}.mock-mail{display:flex;align-items:center;gap:12px;padding:17px 8px;border-bottom:1px solid #edf0f7;color:#626f87;font-size:12px}.mock-mail strong{min-width:130px;color:#283149}.mock-mail span{flex:1}.mock-mail time{color:#adb2c3}.mock-mail.new{background:#fafaff}.mock-mail.new strong{color:#5147c6}
.section{padding:70px 0}.section-head{text-align:center;max-width:640px;margin:0 auto 34px}.section-head p{color:var(--muted);margin-top:12px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px;box-shadow:var(--shadow)}.feature-i{height:45px;width:45px;border-radius:14px;background:var(--pale);display:grid;place-items:center;font-size:23px;margin-bottom:18px;color:var(--primary)}.feature p{color:var(--muted);font-size:13px;margin-top:9px}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.price-card{background:white;border:1px solid var(--line);border-radius:20px;padding:30px;box-shadow:var(--shadow)}.price-card.highlight{border-color:#ae9efa;box-shadow:0 10px 40px #5542d91a}.price{font-size:28px;font-weight:800;letter-spacing:-.04em;margin:18px 0}.price-card ul{list-style:none;padding:0;margin:20px 0 24px;display:grid;gap:14px;color:#626c82}.price-card li:before{content:'✓';font-weight:900;color:var(--green);margin-right:11px}.foot{border-top:1px solid var(--line);padding:28px 0;display:flex;justify-content:space-between;color:var(--muted);font-size:12px}
/* auth */
.auth-layout{min-height:100vh;display:grid;grid-template-columns:minmax(330px,500px) 1fr}.auth-form-side{padding:44px max(38px,calc((100vw - 1200px)/2));display:flex;flex-direction:column;justify-content:center;background:#fff}.auth-form-side .mark{margin-bottom:48px}.auth-copy h1{font-size:37px;line-height:1.16}.auth-copy p{color:var(--muted);margin:12px 0 27px}.auth-panel{margin-top:24px}.auth-art{background:linear-gradient(135deg,#6157d3,#a99dff);display:flex;align-items:center;justify-content:center;flex-direction:column;padding:45px;color:#fff;text-align:center;overflow:hidden}.auth-art h2{font-size:32px;max-width:380px;line-height:1.25;margin:25px 0 10px}.auth-art p{color:#e6e3ff;max-width:360px}.auth-graphic{height:270px;width:330px;max-width:90%;border-radius:25px;background:#ffffff30;border:1px solid #ffffff55;box-shadow:0 20px 55px #29208442;display:flex;align-items:center;justify-content:center;transform:rotate(-5deg)}.auth-graphic span{font-size:115px;text-shadow:0 16px 35px #45349e80}.field{display:flex;flex-direction:column;gap:8px;margin:16px 0}.field label{font-size:12px;font-weight:750;color:#434e66}.input,.select{width:100%;border:1px solid #dfe3ee;border-radius:11px;padding:12px 13px;background:#fff;color:var(--text);outline:none;transition:.15s}.input:focus,.select:focus{border-color:#9183e9;box-shadow:0 0 0 3px #7667ed16}.hint{font-size:11px;color:var(--muted);line-height:1.5}.auth-bottom{padding-top:22px;color:var(--muted);font-size:12px}.link{color:var(--primary);font-weight:750;background:none;border:0;padding:0;text-decoration:none;cursor:pointer}.alert{padding:14px 16px;border-radius:12px;margin:15px 0;font-size:12px;line-height:1.55}.alert.warn{background:#fff7e6;color:#8b6a22;border:1px solid #f9e7ad}.alert.info{background:#f0efff;color:#554abc;border:1px solid #dcd7fc}.alert.good{background:#e9f9f2;color:#178a62;border:1px solid #cef0df}.alert.error{background:#fff1f2;color:#b54857;border:1px solid #f7d6dc}.alert a{color:inherit;text-decoration:underline}
/* dashboard */
.shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{background:#fff;border-right:1px solid #eaecf5;padding:28px 15px;display:flex;flex-direction:column;gap:24px}.sidebar .mark{padding-left:13px;font-size:17px}.ws-switch{margin:2px 4px 0;background:#f7f7fd;padding:11px;border:1px solid var(--line);border-radius:13px;display:flex;gap:10px;align-items:center}.ws-avatar{width:34px;height:34px;border-radius:10px;background:#e8e5ff;color:#6254ce;display:grid;place-items:center;font-weight:900}.ws-switch div:nth-child(2){flex:1;min-width:0}.ws-switch strong{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-switch small{font-size:10px}.nav-label{font-size:10px;color:#a3a9bb;font-weight:800;letter-spacing:.1em;padding:0 15px;margin:4px 0 10px}.nav-list{display:grid;gap:4px}.nav-item{width:100%;border:0;background:none;display:flex;align-items:center;gap:11px;padding:12px 14px;color:#7e859a;font-size:13px;font-weight:620;border-radius:11px;text-align:left}.nav-item.active{background:#efedff;color:#584bc9}.nav-item:hover:not(.active){background:#f7f8fc;color:#383f58}.nav-ico{font-size:18px;width:23px;text-align:center}.sidebar-footer{margin-top:auto;padding:12px;background:#f4f2ff;border-radius:14px}.sidebar-footer p{font-size:12px;color:#777198;margin:8px 0}.dash-main{min-width:0}.dash-header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 38px;border-bottom:1px solid var(--line);background:#fff}.breadcrumb{font-size:12px;color:var(--muted)}.breadcrumb strong{color:var(--text)}.dash-top-right{display:flex;align-items:center;gap:16px}.user-avatar{height:37px;width:37px;display:grid;place-items:center;border-radius:50%;background:#ece8ff;color:#584bcc;font-weight:820}.dash-content{padding:36px 38px 75px;max-width:1450px;margin:auto}.welcome{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:28px}.welcome p{color:var(--muted);margin-top:8px}.overview-hero{background:linear-gradient(105deg,#6257d7,#8e80ec);padding:30px 34px;color:white;border-radius:21px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 14px 35px #6757d432;overflow:hidden;position:relative}.overview-hero:after{content:'✉';font-size:210px;position:absolute;right:70px;top:-40px;opacity:.11;transform:rotate(-13deg)}.overview-hero>div{position:relative;z-index:1}.overview-hero h2{font-size:25px;margin-bottom:9px}.overview-hero p{color:#e8e4ff;max-width:430px}.overview-hero .btn{margin-top:18px;background:white;color:#5e54cf}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin:22px 0}.stat{padding:22px;background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow)}.stat-icon{font-size:22px;color:#796ce4;margin-bottom:13px}.stat b{display:block;font-size:26px;letter-spacing:-.04em;margin-bottom:5px}.stat small{font-size:11px}.cards-2{display:grid;grid-template-columns:1.25fr .85fr;gap:20px}.card{background:white;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);overflow:hidden}.card-pad{padding:24px}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:12px}.card-head p{color:var(--muted);font-size:12px;margin-top:6px}.card-title{font-size:15px;font-weight:800}.empty{padding:35px 20px;text-align:center;color:var(--muted);background:#fbfcff;border:1px dashed #e4e7f2;border-radius:13px}.empty .symbol{font-size:30px;margin-bottom:12px}.empty strong{color:var(--text);display:block;margin:7px 0}.rows{display:grid}.item-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid #f0f2f7}.item-row:last-child{border-bottom:0}.item-row strong{font-size:12px}.item-row small{display:block;margin-top:4px}.icon-square{height:35px;width:35px;border-radius:11px;background:#f0efff;color:#7369d7;display:grid;place-items:center;font-size:16px}.item-left{display:flex;align-items:center;gap:12px;min-width:0}.item-left>div{min-width:0}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.header-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:11px;color:#9299ab;font-weight:750;text-transform:uppercase;letter-spacing:.07em;padding:14px 17px;background:#fafbfe}td{padding:15px 17px;border-top:1px solid #f0f1f7;font-size:12px}td strong{font-size:12px}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.step-box{background:#f8f8fe;border:1px solid #e8e7f7;border-radius:14px;padding:19px}.step-box h3{font-size:13px;margin-bottom:8px}.step-box p{font-size:12px;color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;background:#f1f2f9;border-radius:7px;padding:7px;overflow-wrap:anywhere;display:inline-block;margin-top:8px}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 0;border-bottom:1px solid var(--line)}.setting-row:last-child{border:0}.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.plan-tile{padding:22px;border:1px solid var(--line);border-radius:16px;background:#fff}.plan-tile.current{border-color:#8e80eb;box-shadow:0 0 0 3px #8e80eb22}.plan-tile h3{margin:9px 0}.plan-tile p{font-size:12px;color:var(--muted)}.plan-tile strong{display:block;margin:17px 0;font-size:19px}.plan-tile ul{padding:0;list-style:none;line-height:2.1;color:#6a728a;font-size:12px}.plan-tile li:before{content:'✓';color:var(--green);margin-right:9px}.plan-tile .btn{width:100%;margin-top:15px}.activity-when{font-size:11px;color:var(--muted)}
.modal-overlay{position:fixed;inset:0;background:#151b37a3;display:flex;align-items:center;justify-content:center;z-index:100;padding:15px}.modal{background:#fff;width:min(465px,100%);border-radius:20px;padding:28px;box-shadow:0 30px 85px #070d3255}.modal-head{display:flex;align-items:center;justify-content:space-between}.modal-head h2{font-size:19px}.modal-desc{color:var(--muted);font-size:12px;margin:12px 0 20px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}
#toast{position:fixed;right:22px;bottom:20px;z-index:200;display:grid;gap:8px}.toast-item{background:#242843;color:#fff;padding:13px 18px;border-radius:12px;box-shadow:0 15px 40px #19213a44;max-width:360px;font-size:12px}.toast-item.bad{background:#af3447}.mobile-top{display:none}
@media(max-width:1030px){.shell{grid-template-columns:210px 1fr}.dash-content{padding:28px}.dash-header{padding:0 28px}.stats{grid-template-columns:repeat(2,1fr)}.cards-2{grid-template-columns:1fr}.mock-body{grid-template-columns:150px 1fr}}
@media(max-width:760px){.topnav{display:none}.hero{padding-top:46px}.mock{margin-top:32px}.mock-body{grid-template-columns:115px 1fr}.mock-side{padding:12px 6px}.mock-mail strong{min-width:75px}.mock-mail time{display:none}.features,.plans,.plan-grid{grid-template-columns:1fr}.auth-layout{grid-template-columns:1fr}.auth-art{display:none}.auth-form-side{min-height:100vh;padding:30px 22px}.shell{grid-template-columns:1fr}.sidebar{display:none;position:fixed;inset:54px auto 0 0;z-index:50;width:260px;box-shadow:0 15px 35px #11153533;overflow:auto}.shell.menu-open .sidebar{display:flex}.mobile-top{display:flex;align-items:center;justify-content:space-between;background:#fff;height:54px;padding:0 19px;border-bottom:1px solid var(--line)}.dash-header{height:66px;padding:0 18px}.dash-content{padding:23px 16px 50px}.welcome{align-items:flex-start;flex-direction:column}.overview-hero{padding:25px}.overview-hero:after{right:10px;font-size:140px}.stats{gap:10px}.stat{padding:17px}.info-grid,.form-columns{grid-template-columns:1fr}.mock-url{display:none}.foot{flex-direction:column;gap:10px}}
@media(max-width:420px){.hero h1{font-size:35px}.mock-mail{gap:6px}.mock-mail strong{min-width:55px}.mock-mail span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-actions .btn.secondary{display:none}.dash-header .breadcrumb{max-width:165px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.stats{grid-template-columns:1fr 1fr}}

/* Officeblend Mail: mobile-first upload centre */
.upload-form{display:grid;gap:12px}.upload-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:195px;padding:23px 14px;border:2px dashed #c2baf2;border-radius:17px;background:linear-gradient(155deg,#fcfbff,#f3f0ff);cursor:pointer;gap:9px;transition:border-color .2s,background .2s}
.upload-drop:hover,.upload-drop:focus-within{border-color:#6759db;background:#eeeaff}.upload-drop strong{font-size:14px}.upload-drop span:not(.upload-icon){color:var(--muted);font-size:11px;line-height:1.5}.upload-icon{font-size:32px;color:var(--primary);background:white;width:50px;height:50px;border-radius:14px;display:grid;place-items:center;box-shadow:0 7px 22px #6357d71f}
.upload-drop input{position:absolute;width:1px;height:1px;opacity:0}.selected-file{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.upload-meter{height:7px;background:#e7e5fa;border-radius:15px;overflow:hidden}.upload-meter[hidden]{display:none}.upload-meter>div{width:0;height:100%;background:var(--primary);transition:width .15s}.storage-track{height:10px;border-radius:99px;background:#e7e6f4;overflow:hidden;margin-top:14px}.storage-track>div{height:100%;background:linear-gradient(90deg,#8e80ec,#6051d0);border-radius:inherit}.storage-stat{font-size:11px;font-weight:700;color:var(--primary);margin-top:9px}.brand-preview{max-width:200px;max-height:100px;display:block;object-fit:contain;margin:15px 0}.file-name{display:block;max-width:400px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-row{min-width:0}
@media(max-width:900px){.file-cards{grid-template-columns:1fr!important}.file-name{max-width:190px}}
@media(max-width:760px){.file-row{align-items:flex-start;flex-direction:column}.file-row .header-actions{width:100%;justify-content:flex-end}.file-row .item-left{max-width:100%}.upload-drop{min-height:150px}.dash-top-right{gap:6px}.dash-top-right .user-avatar{display:none}.dash-top-right .btn{white-space:normal;text-align:center;font-size:11px;padding:8px}.top-actions .btn{padding:9px 11px}.hero-note{flex-wrap:wrap}}
@media(max-width:420px){.file-name{max-width:230px}.container{width:calc(100% - 28px)}.mobile-top .mark{font-size:16px}.dash-header{gap:6px}.dash-content{padding:18px 12px 35px}.card-pad{padding:17px}.welcome h2{font-size:21px}.welcome p{font-size:12px}}
/* Officeblend Mail 2.0: responsive mail, collaboration, billing and client-domain UI */
.mark .logo{background:transparent!important;box-shadow:none!important;padding:0!important;overflow:hidden;border-radius:12px!important}
.mark .logo img{display:block;width:100%;height:100%;object-fit:contain}
.mail-layout{display:grid;grid-template-columns:minmax(220px,285px) minmax(0,1fr);gap:18px;align-items:start}
.mail-domains,.mail-center{min-width:0}.domain-group{border-top:1px solid #e7eaf2;margin-top:15px;padding-top:14px}.domain-caption{font-weight:800;color:#747a92;font-size:11px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px;word-break:break-word}
.mailbox-row{width:100%;border:0;background:transparent;color:inherit;text-align:left;display:flex;align-items:center;gap:10px;padding:12px 8px;border-radius:11px;cursor:pointer;font-size:13px;word-break:break-word}.mailbox-row.selected,.mailbox-row:hover{background:#edeaff;color:#5144b9;font-weight:700}
.mail-toolbar,.mail-center .card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.mail-toolbar{margin:14px 0}.mail-toolbar .select{width:auto;min-width:132px}
.message-row{display:grid;grid-template-columns:minmax(80px,160px) minmax(0,1fr) 95px;gap:10px;align-items:center;width:100%;padding:14px 9px;border:0;border-top:1px solid #eef0f6;background:transparent;text-align:left;cursor:pointer;color:inherit;font-size:13px}.message-row:hover{background:#faf9ff}.message-row b,.message-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-row small{color:#8a90a3;text-align:right}.message-row b.normal{font-weight:500}
.message-detail{margin-top:16px}.message-detail h3{margin:18px 0}.message-text{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:13px;line-height:1.75;margin:24px 0;background:#f8f9fc;padding:18px;border-radius:14px}
.ob-notes-grid,.plan-admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,265px),1fr));gap:14px}.note-card{min-width:0}.note-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;max-height:240px;overflow:hidden}.muted{color:#7e879e}.small{font-size:12px}.ob-plan-editor{border:1px solid #e7eaf4;border-radius:16px;padding:15px}.form-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ob-plan-editor .field{margin-bottom:10px}
.ob-modal{width:min(92vw,760px);max-height:90vh;overflow:auto}.ob-attachment-picker{max-height:100px;overflow:auto;border:1px solid #eceef7;border-radius:12px;padding:10px;margin-top:7px;display:grid;gap:7px}.ob-attachment-picker label{font-size:12px;display:flex;align-items:center;gap:7px}.task-check{width:18px;height:18px;accent-color:#6258e8;cursor:pointer}
@media(max-width:900px){.mail-layout{grid-template-columns:1fr}.mail-domains .card-pad{padding-bottom:14px}.mail-domains .domain-group{display:inline-block;vertical-align:top;min-width:min(100%,230px);margin-right:10px}.mailbox-row{font-size:12px}}
@media(max-width:540px){.form-two{grid-template-columns:1fr}.ob-modal{width:94vw}.mail-layout{gap:12px}.message-row{grid-template-columns:minmax(0,1fr) 68px}.message-row b{grid-column:1/2}.message-row span{grid-column:1/2}.message-row small{grid-column:2;grid-row:1/3}.mail-center .card-head .header-actions{width:100%;display:flex;flex-wrap:wrap}.plan-admin-grid{grid-template-columns:1fr}}


/* Officeblend Mail v3.0: sticky sidebar + inbox pagination */
.mail-layout{align-items:start}
.mail-domains{position:sticky;top:24px;align-self:start}
.sticky-mail-sidebar{max-height:calc(100vh - 160px);overflow:auto;padding-right:6px}
.mail-toolbar-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.mail-results-count{font-size:12px;color:#7e879e;font-weight:700}
.mail-message-list{display:grid}
.mail-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 9px 4px;border-top:1px solid #eef0f6;flex-wrap:wrap}
.mail-pagination span{font-size:12px;color:#7e879e;font-weight:700}
@media(max-width:900px){
 .mail-domains{position:static}
 .sticky-mail-sidebar{max-height:none;overflow:visible;padding-right:0}
}