@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');

:root{--bg:#f7f5fa;--surface:#fff;--surface-soft:#faf8fc;--text:#21182d;--muted:#746a80;--line:#e9e3ef;--primary:#7643c9;--primary-dark:#6233ad;--sidebar:#fff;--sidebar-text:#655b70;--radius:10px;--shadow:0 1px 2px rgba(52,29,79,.05)}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}
a{color:var(--primary);text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.icon{width:18px;height:18px;flex:0 0 18px}.muted{color:var(--muted)}.block{display:block;margin-top:3px;color:var(--muted);font-size:12px}.grow{flex:1;min-width:0}
.app-shell{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100vh}
.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:#fff;color:var(--text);padding:15px 12px 12px;border-right:1px solid var(--line);overflow-y:auto;z-index:30}
.brand,.auth-brand{display:flex;align-items:center;gap:9px;color:var(--text);font-size:18px;font-weight:600;letter-spacing:-.02em;padding:0 8px;height:38px}.brand-mark{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;color:#fff;background:linear-gradient(135deg,#9465dc,#7643c9);font-weight:600;font-size:14px;box-shadow:0 5px 15px rgba(118,67,201,.26)}
.workspace-label{padding:18px 10px 7px;text-transform:uppercase;letter-spacing:.09em;font-size:11px;font-weight:600;color:#91869c}.nav-list{display:flex;flex-direction:column;gap:3px}.nav-item{display:flex;align-items:center;gap:10px;height:40px;padding:0 11px;border-radius:8px;color:var(--sidebar-text);font-size:14px;font-weight:500;transition:.15s}.nav-item:hover{color:var(--primary);background:#f8f4fd}.nav-item.active{color:var(--primary);background:#f0e8fb}.nav-item.active .icon{color:var(--primary)}.nav-divider{height:1px;background:var(--line);margin:10px 8px}.sidebar-bottom{margin-top:auto}.user-chip{display:flex;align-items:center;gap:9px;padding:12px 8px 3px;margin-top:5px;border-top:1px solid var(--line)}.user-chip strong,.user-chip small{display:block;max-width:144px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-chip strong{font-size:12.5px;font-weight:500;color:var(--text)}.user-chip small{font-size:11px;color:#92859e;margin-top:2px}.avatar{display:grid;place-items:center;width:31px;height:31px;flex:0 0 31px;border-radius:50%;background:#eee5fa;color:var(--primary);font-size:12px;font-weight:600}.avatar.small{width:29px;height:29px;flex-basis:29px;font-size:11px}
.main-area{min-width:0}.topbar{height:66px;display:flex;align-items:center;gap:14px;padding:0 25px;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.topbar h1{margin:0;font-size:15px;font-weight:600;letter-spacing:-.01em}.topbar p{margin:2px 0 0;font-size:10.5px;color:var(--muted)}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:10.5px;color:var(--muted)}.status-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px #dcfce7}.menu-toggle{display:none;border:0;background:none;font-size:20px;color:var(--text);padding:5px}.content{padding:20px 25px 40px;max-width:none;width:100%}
.page-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.page-intro h2{font-size:18px;letter-spacing:-.025em;margin:0 0 4px;font-weight:600}.page-intro p{font-size:12px;color:var(--muted);margin:0}.back-link{display:block;font-size:11px;margin-bottom:7px}.date-chip{background:#fff;border:1px solid var(--line);border-radius:7px;padding:7px 10px;font-size:11px;color:var(--muted)}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:15px;display:flex;gap:12px;align-items:center;box-shadow:var(--shadow)}.stat-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:9px;flex:0 0 37px}.stat-icon.blue{background:#f1eafd;color:#7643c9}.stat-icon.violet{background:#eee5fa;color:#6536b3}.stat-icon.green{background:#e6f8ef;color:#15905b}.stat-icon.orange{background:#fff1e3;color:#dc721d}.stat-card span,.stat-card strong,.stat-card small{display:block}.stat-card span{font-size:10.5px;color:var(--muted)}.stat-card strong{font-size:21px;line-height:1.25;margin:1px 0;font-weight:600;letter-spacing:-.03em}.stat-card small{font-size:11px;color:#92889d}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:14px}.panel-head{min-height:55px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 15px;border-bottom:1px solid var(--line)}.panel-head h2,.section-title h2{font-size:13px;font-weight:600;margin:0 0 3px;letter-spacing:-.01em}.panel-head p,.section-title p{font-size:10.5px;color:var(--muted);margin:0}.panel-head>a{font-size:10.5px;font-weight:500}.two-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.two-columns .panel{margin-bottom:0}.admin-columns{grid-template-columns:1.05fr .95fr}
.list{padding:4px 0}.list-row{display:flex;align-items:center;gap:10px;min-height:52px;padding:8px 15px;color:inherit;border-bottom:1px solid #f0f2f6}.list-row:last-child{border:0}.list-row:hover{background:#fafbfc}.list-row strong,.list-row small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-row strong{font-size:11.5px;font-weight:500}.list-row small{font-size:11px;color:var(--muted);margin-top:3px}.item-icon{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:7px;background:#f1f4f9;color:#5e6b7f}.item-icon .icon{width:15px;height:15px}
.badge{display:inline-flex;align-items:center;padding:3px 7px;border-radius:999px;font-size:11px;font-weight:500;text-transform:none;line-height:1.25}.badge.large{font-size:10.5px;padding:5px 9px}.badge.success{color:#08784a;background:#e3f8ed}.badge.warning{color:#9a5b05;background:#fff3d6}.badge.danger{color:#b42332;background:#fee9eb}.badge.muted{color:#5f6b7e;background:#edf0f4}
.table-wrap{width:100%;overflow:auto}table{width:100%;border-collapse:collapse;font-size:11px}th{text-align:left;padding:9px 12px;color:#786d84;background:#fbf9fc;font-size:11px;text-transform:uppercase;letter-spacing:.035em;font-weight:600;white-space:nowrap}td{padding:10px 12px;border-top:1px solid var(--line);color:#473b52;vertical-align:middle}td strong{font-weight:500;color:var(--text)}td code,.config-list code{font:500 10.5px Inter,sans-serif;color:#44364f;background:#f4f0f7;padding:3px 5px;border-radius:4px}.table-user{display:flex;align-items:center;gap:8px}.table-user strong,.table-user small{display:block}.table-user small{color:var(--muted);font-size:11px;margin-top:2px}.dns-table td:nth-child(3){min-width:300px;max-width:650px}.dns-table code{white-space:normal;word-break:break-all}.record-type{font-size:10.5px;font-weight:600;color:#6332ad;background:#f1eafd;border-radius:4px;padding:3px 5px}.copy-btn{border:0;background:transparent;color:var(--primary);font-size:11px;padding:4px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 13px;border-radius:7px;border:1px solid #ddd5e5;background:#fff;color:#3f3449;font-size:11px;font-weight:500;white-space:nowrap}.btn:hover{border-color:#c8b9d6;background:#fbf9fc}.btn-primary{color:#fff;background:var(--primary);border-color:var(--primary);box-shadow:0 1px 2px rgba(118,67,201,.18)}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.btn-small{min-height:27px;padding:0 8px;font-size:11px}.btn-block{width:100%;height:41px;font-size:12px}.btn-danger{color:#b42332;border-color:#f1bec4;background:#fff7f8}.btn-danger:hover{color:#fff;border-color:#c93645;background:#c93645}.button-group{display:flex;align-items:center;gap:6px}.danger-panel{border-color:#f2cbd0}.danger-panel .panel-head{background:#fffafb}.panel-form{padding:15px}.panel-form>.btn{align-self:flex-start}
.action-menu{position:relative}.action-menu>summary{list-style:none;display:inline-flex;align-items:center;min-height:27px;padding:0 8px;border:1px solid #d8dee8;border-radius:6px;background:#fff;color:#344054;font-size:11px;cursor:pointer;white-space:nowrap}.action-menu>summary::-webkit-details-marker{display:none}.action-popover{position:absolute;right:0;top:34px;width:265px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 14px 35px rgba(22,32,51,.16);z-index:15}.action-popover .sub-form{padding-top:12px;margin-top:12px;border-top:1px solid var(--line)}
label{display:flex;flex-direction:column;gap:5px;color:#3f3449;font-size:10.5px;font-weight:500}input,select,textarea{width:100%;border:1px solid #ded7e5;border-radius:7px;background:#fff;color:var(--text);padding:8px 10px;outline:none;font-size:11.5px;transition:.15s}input,select{height:36px}textarea{resize:vertical;line-height:1.55}input:focus,select:focus,textarea:focus{border-color:#a982df;box-shadow:0 0 0 3px rgba(118,67,201,.1)}input::placeholder,textarea::placeholder{color:#aaa0b4}.form-stack{display:flex;flex-direction:column;gap:13px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:15px}.form-grid.six{grid-template-columns:repeat(3,minmax(0,1fr))}.inline-form{display:flex;align-items:flex-end;gap:10px;padding:15px}.inline-form.wrap{flex-wrap:wrap}.inline-form label{min-width:190px;flex:1}.form-actions{display:flex;align-items:center;gap:10px;grid-column:1/-1}.between{justify-content:space-between}.form-row{display:flex;align-items:center}.check{flex-direction:row;align-items:center;gap:7px;font-weight:400;color:var(--muted)}.check input{width:14px;height:14px}.section-title{padding-bottom:14px;border-bottom:1px solid var(--line)}.narrow-panel{max-width:800px;padding:17px}.narrow-panel .form-grid{padding:0}.toggle-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.toggle-row strong,.toggle-row small{display:block}.toggle-row small{color:var(--muted);font-size:11px;margin-top:3px}.toggle-row input{width:36px;height:18px}
.empty-state{text-align:center;padding:36px 20px;color:var(--muted)}.empty-state>.icon{width:26px;height:26px;color:#b2a5bd}.empty-state h3,.empty-state h2{font-size:13px;font-weight:500;color:var(--text);margin:9px 0 4px}.empty-state p{font-size:10.5px;margin:0 0 12px}.info-box{padding:13px 15px;background:#f7f2fd;border:1px solid #e6d9f7;border-radius:8px;color:#5c388d;font-size:11px;margin:14px 0}.info-box strong{font-weight:600}.info-box p{margin:4px 0 0;line-height:1.6}.info-box.compact{margin:15px}.config-list{padding:4px 15px 10px;margin:0}.config-list div{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.config-list div:last-child{border:0}.config-list dt{font-size:10.5px;color:var(--muted)}.config-list dd{margin:0;font-size:11px}.compose-layout{max-width:860px;margin:0 auto}.compose-card{padding-bottom:15px}.compose-card form{padding:15px}.onboarding{background:linear-gradient(120deg,#4b2778,#7643c9);color:#fff;border-radius:var(--radius);padding:20px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:30px}.onboarding h2{font-size:16px;margin:5px 0 4px;font-weight:600}.onboarding p{margin:0;color:#eadcf8;font-size:10.5px}.eyebrow{text-transform:uppercase;letter-spacing:.09em;font-size:10.5px;font-weight:600;color:#c2a0ec}.steps{display:flex;align-items:center;gap:8px}.steps>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid rgba(255,255,255,.5);font-size:10px}.steps>span.done{background:#fff;color:#6332ad;border-color:#fff}.steps div strong,.steps div small{display:block;white-space:nowrap}.steps div strong{font-size:10px;font-weight:500}.steps div small{font-size:10px;color:#decaf3;margin-top:2px}.steps i{display:block;width:22px;height:1px;background:rgba(255,255,255,.3)}
.alert{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 12px;border-radius:7px;font-size:11px;margin-bottom:13px;border:1px solid}.alert button{border:0;background:none;color:inherit;font-size:16px;line-height:1}.alert-success{background:#eaf9f1;border-color:#c8eedb;color:#08784a}.alert-warning{background:#fff8e5;border-color:#f4dfaa;color:#8a570d}.alert-danger{background:#fff0f1;border-color:#f6cfd3;color:#a51d2b}
.auth-shell{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;background:radial-gradient(circle at 20% 10%,#eee3fa 0,transparent 30%),radial-gradient(circle at 85% 80%,#f5edfc 0,transparent 30%),#faf8fc}.auth-brand{color:#21182d;height:auto;margin-bottom:22px;padding:0}.auth-card{width:100%;max-width:410px;background:#fff;border:1px solid #e8e0ee;border-radius:14px;padding:28px;box-shadow:0 18px 55px rgba(70,40,98,.1)}.auth-heading{text-align:center;margin-bottom:22px}.auth-heading h1{font-size:22px;font-weight:600;letter-spacing:-.035em;margin:7px 0}.auth-heading p{font-size:13px;line-height:1.5;color:var(--muted);margin:0}.auth-switch{text-align:center;color:var(--muted);font-size:12px;margin:19px 0 0}.auth-switch a{font-weight:500}.auth-note{font-size:12px;color:#766c80;margin:18px 0 0}.auth-disclosure{width:100%;max-width:410px;display:grid;gap:3px;margin-top:12px;padding:12px 14px;border:1px solid #e7dcf2;border-radius:10px;background:#fff;color:#6c6275;font-size:12px;line-height:1.45}.auth-disclosure strong{color:#30263a;font-size:12.5px}.auth-legal{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:14px;font-size:12px}.auth-legal a{color:#6f5e7f}
.admin-theme{--bg:#f6f7f9;--sidebar:#fff;--radius:8px}.admin-theme .app-shell{grid-template-columns:210px minmax(0,1fr)}.admin-theme .sidebar{padding-left:10px;padding-right:10px}.admin-theme .content{padding:17px 20px 35px}.admin-theme .topbar{height:60px;padding:0 20px}.admin-theme .nav-item{height:39px;font-size:13px}.admin-theme .stat-card{padding:12px}.admin-theme .panel-head{min-height:50px;padding:9px 12px}.admin-theme td{padding:8px 10px}.admin-theme th{padding:8px 10px}.admin-theme .form-grid,.admin-theme .inline-form{padding:12px}.admin-theme .list-row{min-height:47px;padding:7px 12px}

.table-wrap:has(.action-menu[open]){overflow:visible}
.inbox-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;padding:10px 14px;border-bottom:1px solid var(--line);color:var(--muted);font-size:10.5px}.inbox-toolbar form{width:min(330px,100%)}.mail-list{display:flex;flex-direction:column}.mail-row{display:grid;grid-template-columns:8px minmax(160px,220px) minmax(260px,1fr) 125px;align-items:center;gap:10px;min-height:56px;padding:8px 14px;border-bottom:1px solid var(--line);color:#3b4658}.mail-row:last-child{border-bottom:0}.mail-row:hover{background:#f8fafc}.mail-row.unread{background:#f5f8ff;color:var(--text)}.mail-row.unread strong,.mail-row.unread .mail-sender{font-weight:600}.unread-dot{width:6px;height:6px;border-radius:50%;background:transparent}.mail-row.unread .unread-dot{background:var(--primary)}.mail-sender,.mail-summary strong,.mail-summary small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-sender{font-size:11px}.mail-summary strong{font-size:11px;font-weight:500}.mail-summary small{font-size:11px;color:var(--muted);margin-top:3px}.mail-row time{font-size:11px;color:var(--muted);text-align:right}.message-view>header{padding:14px 17px;border-bottom:1px solid var(--line)}.message-view dl{margin:0}.message-view dl div{display:flex;gap:12px;padding:3px 0;font-size:10.5px}.message-view dt{width:52px;flex:0 0 52px;color:var(--muted)}.message-view dd{margin:0;color:#344054}.message-body{padding:22px 20px;min-height:240px;overflow-wrap:anywhere;font-size:12px;line-height:1.7;color:#273244}
.admin-theme{--bg:#f7f5f9;--sidebar:#fff}.mail-row{color:#473b52}.mail-row:hover{background:#fbf9fc}.mail-row.unread{background:#faf7fe}.message-view dd{color:#44364f}.message-body{color:#33253e}
@media(max-width:1050px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.six{grid-template-columns:repeat(2,minmax(0,1fr))}.onboarding{align-items:flex-start;flex-direction:column}.steps{width:100%;justify-content:flex-start}}
@media(max-width:820px){.app-shell,.admin-theme .app-shell{display:block}.sidebar{position:fixed;left:-245px;width:224px;transition:left .2s;box-shadow:12px 0 30px rgba(0,0,0,.16)}.sidebar.open{left:0}.menu-toggle{display:block}.topbar,.admin-theme .topbar{padding:0 14px}.content,.admin-theme .content{padding:15px 14px 30px}.two-columns,.admin-columns{grid-template-columns:1fr}.two-columns .panel{margin-bottom:14px}.topbar-actions{display:none}.mail-row{grid-template-columns:8px minmax(110px,180px) 1fr}.mail-row time{display:none}}
@media(max-width:560px){.stats-grid{grid-template-columns:1fr}.page-intro{align-items:flex-start;flex-direction:column}.page-intro .btn{width:100%}.form-grid,.form-grid.six{grid-template-columns:1fr}.inline-form{align-items:stretch;flex-direction:column}.inline-form label{min-width:0}.inline-form .btn{width:100%}.steps{align-items:flex-start;flex-direction:column}.steps i{width:1px;height:9px;margin-left:12px}.auth-shell{padding:18px}.auth-card{padding:22px 18px}.panel-head{align-items:flex-start;flex-direction:column}.panel-head form,.panel-head .btn{width:100%}.inbox-toolbar{align-items:stretch;flex-direction:column}.inbox-toolbar form{width:100%}.mail-row{grid-template-columns:8px 1fr;padding:9px 11px}.mail-sender,.mail-summary{grid-column:2}.message-body{padding:16px 14px}}

.mail-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 14px;border-bottom:1px solid var(--line);color:var(--muted);font-size:10.5px}.mail-search{display:flex;align-items:center;gap:8px;flex:1}.mail-search input{max-width:520px}.mail-search select{max-width:245px}.mail-list .mail-row{display:flex;align-items:stretch;min-height:64px;padding:0;position:relative;background:#fff}.mail-list .mail-row.unread{background:#faf7fe}.mail-list .mail-row:hover{background:#fbf9fc}.mail-row-main{display:grid;grid-template-columns:36px minmax(170px,240px) minmax(260px,1fr) 145px;align-items:center;gap:11px;min-width:0;flex:1;padding:9px 48px 9px 14px;color:inherit}.mail-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#eee5fa;color:#6332ad;font-size:11px;font-weight:600;flex:0 0 32px}.mail-avatar.large{width:42px;height:42px;flex-basis:42px;font-size:14px}.mail-contact,.mail-summary,.mail-meta{min-width:0}.mail-contact strong,.mail-contact small,.mail-summary strong,.mail-summary small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-contact strong,.mail-summary strong{font-size:11px;font-weight:500}.mail-row.unread .mail-contact strong,.mail-row.unread .mail-summary strong{font-weight:600}.mail-contact small,.mail-summary small{font-size:11px;color:var(--muted);margin-top:3px}.mail-meta{display:flex;align-items:flex-end;flex-direction:column;gap:5px}.mail-meta time{font-size:11px;color:var(--muted);white-space:nowrap}.mail-star-form{position:absolute;right:12px;top:50%;transform:translateY(-50%);padding:0!important}.mail-star{border:0;background:transparent;color:#b8afc1;font-size:19px;padding:7px}.mail-star:hover,.mail-star.active{color:#f0a313}.compose-address-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.editor-field{display:flex;flex-direction:column;gap:5px;color:#3f3449;font-size:10.5px;font-weight:500}.editor-toolbar{display:flex;align-items:center;gap:4px;flex-wrap:wrap;padding:6px;border:1px solid #ded7e5;border-bottom:0;border-radius:7px 7px 0 0;background:#faf8fc}.editor-toolbar button{min-height:28px;padding:0 9px;border:1px solid transparent;border-radius:5px;background:transparent;color:#51445d;font-size:10px}.editor-toolbar button:hover{border-color:#d7c9e5;background:#fff;color:var(--primary)}.rich-editor{min-height:240px;padding:12px;border:1px solid #ded7e5;border-radius:0 0 7px 7px;background:#fff;color:var(--text);font-size:12px;font-weight:400;line-height:1.65;outline:none;overflow-wrap:anywhere}.rich-editor:focus{border-color:#a982df;box-shadow:0 0 0 3px rgba(118,67,201,.1)}.rich-editor:empty:before{content:attr(data-placeholder);color:#aaa0b4}.attachment-picker{padding:12px;border:1px dashed #cdbbe0;border-radius:8px;background:#faf7fe}.attachment-picker input{height:auto;padding:6px;background:transparent;border:0}.attachment-picker small,.attachment-picker span{font-size:11px;font-weight:400;color:var(--muted)}.existing-attachments{padding:0 15px 14px}.existing-attachments h3,.message-attachments h3{font-size:11px;margin:0 0 8px}.existing-attachments>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid var(--line)}.existing-attachments form{padding:0}.message-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:12px}.message-actions form{margin:0}.message-party{display:flex;align-items:flex-start;gap:12px}.message-party dl{flex:1}.rendered-email p:first-child{margin-top:0}.rendered-email blockquote{margin:12px 0;padding-left:12px;border-left:3px solid #d9c9e9;color:#62546d}.rendered-email a{word-break:break-all}.message-attachments{padding:14px 18px;border-top:1px solid var(--line);background:#fbf9fc}.message-attachments>div{display:flex;gap:8px;flex-wrap:wrap}.attachment-card{display:flex;flex-direction:column;min-width:190px;max-width:330px;padding:9px 11px;border:1px solid #dfd5e8;border-radius:7px;background:#fff}.attachment-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px}.attachment-card small{margin-top:3px;color:var(--muted);font-size:10.5px}
@media(max-width:900px){.mail-row-main{grid-template-columns:36px minmax(140px,200px) 1fr}.mail-meta{display:none}.mail-toolbar{align-items:stretch;flex-direction:column}.mail-search{flex-wrap:wrap}.mail-search input{max-width:none;flex:1 1 320px}.mail-search select{max-width:none;flex:1 1 190px}}
@media(max-width:600px){.compose-address-grid{grid-template-columns:1fr}.mail-row-main{grid-template-columns:36px 1fr;padding:9px 42px 9px 11px}.mail-contact{grid-column:2}.mail-summary{grid-column:2}.mail-search{flex-direction:column;align-items:stretch}.mail-search input,.mail-search select,.mail-search .btn{width:100%;max-width:none}.editor-toolbar button{padding:0 7px}.message-actions .btn,.message-actions form{flex:1}.message-actions form .btn{width:100%}.message-party{flex-direction:column}.attachment-card{width:100%;max-width:none}}

/* Cỡ chữ webmail ưu tiên khả năng đọc */
.mail-toolbar{font-size:12px}
.mail-list .mail-row{min-height:70px}
.mail-contact strong,.mail-summary strong{font-size:13px}
.mail-contact small,.mail-summary small,.mail-meta time{font-size:11.5px}
.message-view dl div{font-size:12px}
.message-view dt{width:60px;flex-basis:60px}
.message-body,.rich-editor{font-size:14px}
.editor-field{font-size:12px}
.editor-toolbar button{font-size:11.5px}
.attachment-picker small,.attachment-picker span{font-size:11px}
.existing-attachments h3,.message-attachments h3{font-size:12px}
.attachment-card strong{font-size:12px}
.attachment-card small{font-size:11px}

.email-list-label>small{font-size:10.5px;font-weight:400;color:var(--muted);line-height:1.45}.email-token-input{display:flex;align-items:center;gap:5px;flex-wrap:wrap;min-height:42px;padding:5px 7px;border:1px solid #ded7e5;border-radius:7px;background:#fff;cursor:text}.email-token-input:focus-within{border-color:#a982df;box-shadow:0 0 0 3px rgba(118,67,201,.1)}.email-token-input.invalid{border-color:#d34a58}.email-chips{display:contents}.email-chip{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:4px 5px 4px 8px;border-radius:6px;background:#f0e8fb;color:#6233ad;font-size:11.5px;font-weight:500}.email-chip button{display:grid;place-items:center;width:18px;height:18px;padding:0;border:0;border-radius:50%;background:#dfcff4;color:#6233ad;font-size:14px;line-height:1}.email-token-input input[data-email-tag-entry]{flex:1 1 170px;width:auto;min-width:120px;height:29px;padding:3px;border:0;box-shadow:none;background:transparent}.email-list-label>input[type=hidden]{display:none}
.editor-toolbar select{width:auto;min-width:130px;height:30px;padding:3px 8px;border-radius:5px;background:#fff;font-size:11.5px}.toolbar-divider{width:1px;height:22px;margin:0 2px;background:#ded7e5}.rich-editor hr,.rendered-email hr{border:0;border-top:1px solid #ded7e5;margin:16px 0}
.attachment-picker{display:block}.attachment-picker-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.attachment-picker-head strong,.attachment-picker-head small{display:block}.attachment-picker-head strong{font-size:12px;font-weight:600;color:var(--text)}.attachment-picker-head small{margin-top:3px}.attachment-select{position:relative;overflow:hidden;flex:0 0 auto}.attachment-select input{position:absolute!important;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;padding:0}.selected-attachments{display:grid;gap:6px;margin-top:10px}.attachment-empty{color:var(--muted)}.selected-attachment{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 9px;border:1px solid #e6deed;border-radius:6px;background:#fff}.selected-attachment span{min-width:0}.selected-attachment strong,.selected-attachment small{display:block}.selected-attachment strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:11.5px}.selected-attachment small{margin-top:2px}.selected-attachment button{border:0;background:transparent;color:#b42332;font-size:11px}
@media(max-width:600px){.attachment-picker-head{align-items:flex-start;flex-direction:column}.attachment-select{width:100%}.toolbar-divider{display:none}.editor-toolbar select{width:100%}}

.conversation-thread{display:grid;gap:12px}.thread-message{overflow:hidden;border:1px solid #e3dce9;border-radius:10px;background:#fff;box-shadow:var(--shadow)}.thread-message.inbound{border-left:3px solid #27a56b}.thread-message.outbound{border-left:3px solid var(--primary)}.thread-message-header{display:grid;grid-template-columns:42px minmax(220px,1fr) auto auto auto 18px;align-items:center;gap:11px;min-height:72px;padding:12px 15px;cursor:pointer;list-style:none}.thread-message-header::-webkit-details-marker{display:none}.thread-message-header:hover{background:#fcfafd}.thread-message.outbound .mail-avatar{background:#eee5fa;color:var(--primary)}.thread-message.inbound .mail-avatar{background:#e5f7ee;color:#138654}.thread-identity{min-width:0}.thread-identity strong,.thread-identity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-identity strong{font-size:13px;font-weight:600}.thread-identity small{margin-top:3px;color:var(--muted);font-size:11.5px}.thread-direction{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:10.5px;font-weight:600;white-space:nowrap}.thread-direction.sent{background:#f0e8fb;color:#6735b2}.thread-direction.received{background:#e5f7ee;color:#107a4b}.thread-message-header time{color:var(--muted);font-size:11px;white-space:nowrap}.thread-important{color:#efa619;font-size:17px}.thread-chevron{color:#8e8299;font-size:18px;transition:transform .15s}.thread-message[open] .thread-chevron{transform:rotate(180deg)}.thread-meta{padding:0 68px 11px;border-top:1px solid #f1edf4;background:#fdfcfe}.thread-meta dl{margin:0;padding-top:8px}.thread-meta dl div{display:flex;gap:10px;padding:2px 0;font-size:11.5px}.thread-meta dt{width:52px;flex:0 0 52px;color:var(--muted)}.thread-meta dd{margin:0;overflow-wrap:anywhere;color:#493d53}.thread-message-body{min-height:110px;padding:20px 68px 24px;font-size:14px;line-height:1.72;color:#33283c;overflow-wrap:anywhere}.thread-message-body>p:first-child,.thread-message-body>div:first-child{margin-top:0}.quoted-content{margin-top:14px}.quoted-content>summary{display:inline-flex;align-items:center;justify-content:center;min-width:35px;height:23px;padding:0 8px;border-radius:5px;background:#eee9f1;color:#716678;font-size:12px;letter-spacing:2px;cursor:pointer;list-style:none}.quoted-content>summary::-webkit-details-marker{display:none}.quoted-content[open]>summary{margin-bottom:11px;background:#e5dcf0;color:var(--primary)}.quoted-content>div{padding-left:13px;border-left:3px solid #d8cae7;color:#64576e}.thread-message .message-attachments{padding-left:68px;padding-right:68px}.thread-footer-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
@media(max-width:760px){.thread-message-header{grid-template-columns:42px minmax(0,1fr) auto 18px}.thread-message-header>.mail-avatar{grid-row:1/3}.thread-direction{grid-column:2;grid-row:2}.thread-important{display:none}.thread-message-header time{grid-column:3;grid-row:1}.thread-chevron{grid-column:4;grid-row:1}.thread-meta,.thread-message-body,.thread-message .message-attachments{padding-left:15px;padding-right:15px}.thread-message-body{padding-top:17px}.thread-footer-actions .btn{flex:1}}
.avatar-with-image{position:relative;overflow:hidden}.avatar-with-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#fff}.email-inline-image{display:block;max-width:100%;height:auto;margin:14px 0;border:0}.rendered-email a .email-inline-image{display:inline-block}
.dkim-progress{display:flex;align-items:center;gap:11px;margin:12px 14px 0;padding:11px 13px;border:1px solid #dfd1f2;border-radius:8px;background:#faf7fe;color:#58318e}.dkim-progress strong,.dkim-progress small{display:block}.dkim-progress strong{font-size:12px;font-weight:600}.dkim-progress small{margin-top:3px;color:#766581;font-size:11px}.dkim-spinner{width:19px;height:19px;flex:0 0 19px;border:2px solid #dbc9f1;border-top-color:var(--primary);border-radius:50%;animation:dkim-spin .8s linear infinite}.dkim-progress.ready{border-color:#bde7d1;background:#effaf4;color:#08784a}.dkim-progress.ready .dkim-spinner{border:0;background:#28aa6d;animation:none}.dkim-progress.ready .dkim-spinner:after{content:'✓';display:grid;place-items:center;width:19px;height:19px;color:#fff;font-size:12px}.dkim-progress.blocked{border-color:#f1d6a8;background:#fff8e8;color:#8a570d}.dkim-progress.blocked .dkim-spinner{border:0;background:#d99a29;animation:none}.dkim-progress.blocked .dkim-spinner:after{content:'!';display:grid;place-items:center;width:19px;height:19px;color:#fff;font-size:12px;font-weight:700}.copy-btn:disabled{cursor:not-allowed;opacity:.45}.dns-table tr.dkim-ready{animation:dkim-highlight 1.8s ease-out}@keyframes dkim-spin{to{transform:rotate(360deg)}}@keyframes dkim-highlight{0%{background:#e9fbf1}100%{background:transparent}}
[data-live-region].live-updated{animation:live-region-update 1.6s ease-out}@keyframes live-region-update{0%{box-shadow:0 0 0 2px rgba(118,67,201,.2)}100%{box-shadow:0 0 0 0 rgba(118,67,201,0)}}
.sync-provider-notes{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 15px 15px}.sync-provider-notes>article{padding:11px 12px;border:1px solid #eee7f4;border-radius:7px;background:#faf8fc}.sync-provider-notes p{margin:4px 0 9px;color:var(--muted);font-size:11px;line-height:1.55}.sync-provider-notes strong{color:var(--text);font-size:11.5px}.sync-guide-links{display:flex;gap:7px;flex-wrap:wrap}.sync-guide-links a{display:inline-flex;align-items:center;gap:4px;padding:5px 8px;border:1px solid #ded1ef;border-radius:6px;background:#fff;color:var(--primary);font-size:10.5px;font-weight:500;text-decoration:none}.sync-guide-links a:hover{border-color:var(--primary);background:#f5effc}.sync-guide-links a span{font-size:11px}.sync-source-list{display:grid;gap:10px;padding:12px}.sync-source-card{border:1px solid var(--line);border-radius:9px;background:#fff;overflow:hidden}.sync-source-card>header{display:flex;align-items:center;gap:10px;padding:12px 13px}.sync-source-card>header strong,.sync-source-card>header small{display:block}.sync-source-card>header strong{font-size:12.5px}.sync-source-card>header small{margin-top:3px;color:var(--muted);font-size:11px}.sync-source-stats{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:9px 13px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fcfbfd;color:var(--muted);font-size:11px}.sync-source-stats strong{color:var(--text);font-weight:600}.sync-source-card>.alert{margin:10px 13px}.sync-source-card>footer{padding:10px 13px;border-top:1px solid var(--line)}.sync-source-card>footer form{margin:0}.sync-folders>summary{padding:10px 13px;color:var(--primary);font-size:11px;cursor:pointer}.sync-folders .table-wrap{border-top:1px solid var(--line)}
.sync-pin-confirm{grid-column:1/-1;padding:10px 12px;border:1px solid #ead9bd;border-radius:7px;background:#fff9ed;color:#7b5315}.sync-pin-details{display:grid;gap:5px;padding:10px 13px;border-top:1px solid var(--line);background:#fffaf0;font-size:11px}.sync-pin-details span,.sync-pin-details small{color:var(--muted)}.sync-pin-details code{overflow-wrap:anywhere;color:#674315;font-size:10.5px}
@media(max-width:700px){.sync-provider-notes{grid-template-columns:1fr}.sync-source-card>header{align-items:flex-start;flex-wrap:wrap}.sync-source-card>header .badge{margin-left:40px}.sync-source-stats{align-items:flex-start;flex-direction:column;gap:7px}.sync-source-card>footer{align-items:stretch;flex-direction:column}.sync-source-card>footer form,.sync-source-card>footer .btn{width:100%}}
.live-label{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.live-label i{width:6px;height:6px;border-radius:50%;background:#28aa6d;box-shadow:0 0 0 3px rgba(40,170,109,.12)}
.inline-reply-composer{margin-top:14px;border:1px solid #ded5e6;border-radius:10px;background:#fff;box-shadow:var(--shadow);overflow:hidden}.inline-reply-composer[hidden]{display:none}.inline-reply-composer form{padding:0}.inline-reply-header{display:flex;align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid var(--line)}.inline-reply-header>span:nth-child(2){min-width:0;flex:1}.inline-reply-header strong,.inline-reply-header small{display:block}.inline-reply-header strong{font-size:12.5px}.inline-reply-header small{margin-top:2px;color:var(--muted);font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inline-reply-header .text-link{border:0;background:transparent;font-size:11px}.inline-reply-addresses{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:10px 14px;border-bottom:1px solid var(--line);background:#fcfbfd}.inline-reply-addresses label:first-child{grid-column:1/-1}.inline-reply-addresses input{height:36px}.inline-editor-toolbar{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:6px 12px}.inline-rich-editor{min-height:150px;border:0;border-radius:0;box-shadow:none!important;padding:14px}.inline-attachment-picker{margin:0 14px 11px;padding:9px 11px}.inline-reply-actions{display:flex;gap:8px;padding:0 14px 13px}.gmail_attr{margin-bottom:7px;color:#5f5568}.gmail_quote{margin-top:14px}.gmail_quote blockquote,.rendered-email blockquote.gmail_quote{margin:7px 0 0;padding-left:12px;border-left:2px solid #d9d3dd;color:#5f5568}
@media(max-width:600px){.inline-reply-addresses{grid-template-columns:1fr}.inline-reply-addresses label:first-child{grid-column:auto}.inline-reply-actions .btn{flex:1}}
.thread-message-actions{display:flex;gap:8px;flex-wrap:wrap;padding:0 68px 18px}.thread-message-actions form{margin:0}.thread-message-actions .btn{min-height:32px}
@media(max-width:760px){.thread-message-actions{padding-left:15px;padding-right:15px}.thread-message-actions .btn{flex:1}}
.thread-message:has(.thread-more-menu[open]){position:relative;z-index:20;overflow:visible}.thread-header-actions{display:flex;align-items:center;gap:2px;position:relative}.thread-header-actions form{margin:0}.thread-icon-button{display:grid;place-items:center;width:31px;height:31px;padding:0;border:0;border-radius:50%;background:transparent;color:#716778;font-size:18px;line-height:1;cursor:pointer;list-style:none}.thread-icon-button:hover,.thread-more-menu[open]>.thread-icon-button{background:#f0edf2;color:#372d3e}.thread-icon-button.starred{color:#efa619}.thread-more-menu{position:relative}.thread-more-menu>summary::-webkit-details-marker{display:none}.thread-menu-popover{position:absolute;z-index:30;top:36px;right:0;width:210px;padding:6px 0;border:1px solid #ddd6e2;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(50,35,60,.18)}.thread-menu-popover>a,.thread-menu-popover>button,.thread-menu-popover>form>button{display:grid;grid-template-columns:25px 1fr;align-items:center;width:100%;min-height:38px;padding:7px 13px;border:0;border-radius:0;background:#fff;color:#3e3445;font-size:12px;font-weight:400;text-align:left}.thread-menu-popover>a:hover,.thread-menu-popover>button:hover,.thread-menu-popover>form>button:hover{background:#f6f3f8;color:var(--primary)}.thread-menu-popover>form{margin:5px 0 0;padding-top:5px;border-top:1px solid var(--line)}.thread-menu-popover span{font-size:16px;color:#706576}
@media(max-width:760px){.thread-message-header>time{display:none}.thread-header-actions{grid-column:3;grid-row:1}.thread-menu-popover{right:-28px}.thread-message-header{grid-template-columns:42px minmax(0,1fr) auto 18px}}

/* Sidebar dạng thư mục và thanh tìm kiếm chung */
.nav-group{margin:2px 0}.nav-group>summary{display:flex;align-items:center;gap:10px;height:40px;padding:0 11px;border-radius:8px;color:var(--sidebar-text);font-size:14px;font-weight:500;cursor:pointer;list-style:none;transition:.15s}.nav-group>summary::-webkit-details-marker{display:none}.nav-group>summary:hover,.nav-group.active>summary{color:var(--primary);background:#f8f4fd}.nav-group>summary>span{flex:1}.nav-group>summary>i{font-style:normal;font-size:15px;color:#9b90a5;transition:transform .16s}.nav-group[open]>summary>i{transform:rotate(180deg)}.nav-children{position:relative;display:grid;gap:2px;margin:2px 0 5px 17px;padding-left:9px;border-left:1px solid #e6dced}.nav-children .nav-item{height:36px;padding:0 9px;font-size:13px}.nav-children .nav-item .icon{width:16px;height:16px;flex-basis:16px}.nav-children .nav-item.active{background:#f0e8fb}.global-search{display:flex;align-items:center;flex:1;max-width:760px;height:40px;margin-right:18px;border:1px solid #e1d9e8;border-radius:9px;background:#faf8fc;transition:.15s}.global-search:focus-within{border-color:#a982df;background:#fff;box-shadow:0 0 0 3px rgba(118,67,201,.1)}.global-search>span{display:grid;place-items:center;padding-left:12px;color:#877b91}.global-search input{flex:1;height:38px;border:0;background:transparent;padding:7px 10px;box-shadow:none!important;font-size:12px}.global-search button{align-self:stretch;padding:0 14px;border:0;border-left:1px solid #e6dfeb;border-radius:0 8px 8px 0;background:transparent;color:var(--primary);font-size:11px;font-weight:500}.global-search button:hover{background:#f3ecfb}.search-results-grid{display:grid;gap:14px}.search-result-count{color:var(--muted);font-size:11px}.search-result-section .panel-head{min-height:51px}.search-result-section .list-row{min-height:58px}.search-result-section .list-row strong{font-size:12px}.search-result-section mark{padding:0;background:#f0e2a8;color:inherit}
@media(max-width:820px){.global-search{max-width:none;margin-right:0}.topbar:has(.global-search){height:62px}.topbar:has(.global-search) .topbar-actions{display:none}}
@media(max-width:520px){.global-search button{width:38px;padding:0;font-size:0}.global-search button:after{content:'→';font-size:16px}.global-search input{min-width:0}.nav-group>summary{font-size:13.5px}}
.archive-import-panel{border-color:#ded0ef}.archive-import-form label>small{color:var(--muted);font-size:10.5px;font-weight:400;line-height:1.45}.archive-file-picker,.archive-import-note{grid-column:1/-1}.archive-import-note{margin:0}.archive-mark-read{align-self:end;min-height:36px;padding:8px 10px;border:1px solid #e5dbea;border-radius:7px;background:#fcfafd;color:var(--text)}
@media(max-width:560px){.archive-file-picker,.archive-import-note{grid-column:auto}.archive-mark-read{align-self:stretch}}
.attachment-card{width:230px;min-width:210px;max-width:320px;padding:0;overflow:hidden}.attachment-card-main{display:flex;align-items:center;gap:10px;width:100%;min-height:72px;padding:9px;border:0;background:#fff;color:inherit;text-align:left;cursor:pointer}.attachment-card-main:hover{background:#faf7fd}.attachment-card-info{min-width:0;flex:1}.attachment-card-info strong,.attachment-card-info small{display:block}.attachment-thumbnail{display:grid;place-items:center;width:54px;height:54px;flex:0 0 54px;border-radius:6px;background:#f0ebf4;overflow:hidden}.attachment-thumbnail img{width:100%;height:100%;object-fit:cover}.attachment-file-icon{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border-radius:7px;background:#eee5fa;color:var(--primary);font-size:10px;font-weight:600}.attachment-card-actions{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #e7dfec}.attachment-card-actions button,.attachment-card-actions a{display:flex;align-items:center;justify-content:center;min-height:32px;padding:5px 8px;border:0;background:#fff;color:#65566f;font-size:10.5px;text-decoration:none;cursor:pointer}.attachment-card-actions>*+*{border-left:1px solid #e7dfec}.attachment-card-actions button:hover,.attachment-card-actions a:hover{background:#f5effb;color:var(--primary)}body.attachment-preview-open{overflow:hidden}.attachment-preview-modal[hidden]{display:none}.attachment-preview-modal{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:24px}.attachment-preview-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(25,18,30,.82);cursor:default}.attachment-preview-dialog{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr);width:min(1180px,100%);height:min(820px,calc(100vh - 48px));overflow:hidden;border-radius:12px;background:#fff;box-shadow:0 22px 70px rgba(0,0,0,.4)}.attachment-preview-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:62px;padding:10px 14px 10px 18px;border-bottom:1px solid #e4dde8;background:#fff}.attachment-preview-dialog>header>div{min-width:0}.attachment-preview-dialog>header strong,.attachment-preview-dialog>header small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-preview-dialog>header strong{font-size:13px}.attachment-preview-dialog>header small{margin-top:4px;color:var(--muted);font-size:10.5px}.attachment-preview-dialog>header>span{display:flex;align-items:center;gap:8px}.attachment-preview-close{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:#f0ecf2;color:#4c4054;font-size:22px;cursor:pointer}.attachment-preview-close:hover{background:#e5dbea;color:var(--primary)}.attachment-preview-stage{position:relative;min-height:0;background:#eeeaf0}.attachment-preview-stage iframe{display:block;width:100%;height:100%;border:0;background:#fff}.attachment-preview-loading{display:none;position:absolute;z-index:2;inset:50% auto auto 50%;transform:translate(-50%,-50%);padding:9px 12px;border-radius:7px;background:#fff;color:var(--muted);font-size:11px;box-shadow:var(--shadow)}.attachment-preview-stage.is-loading .attachment-preview-loading{display:block}.attachment-preview-stage.is-loading iframe{opacity:.25}
@media(max-width:600px){.attachment-card{width:100%;max-width:none}.attachment-preview-modal{padding:0}.attachment-preview-dialog{width:100%;height:100vh;border-radius:0}.attachment-preview-dialog>header{min-height:58px;padding-left:12px}.attachment-preview-dialog>header .btn{width:auto}.attachment-preview-dialog>header small{max-width:190px}}
.folder-page-intro{margin-bottom:10px}.folder-page-intro h2{font-size:16px}.folder-page-intro .btn{min-height:34px;padding:7px 12px}.inbox-panel .mail-toolbar{padding:8px 11px}.inbox-panel .mail-search input,.inbox-panel .mail-search select{height:34px}.mail-list .mail-row{min-height:52px;border-top:1px solid #f0ebf3}.mail-list .mail-row:first-child{border-top:0}.mail-list .mail-row-main{grid-template-columns:30px minmax(165px,220px) minmax(240px,1fr) 125px;gap:9px;padding:6px 43px 6px 11px}.mail-list .mail-avatar{width:28px;height:28px;flex-basis:28px;font-size:10.5px}.mail-list .mail-contact strong,.mail-list .mail-summary strong{font-size:12px}.mail-list .mail-contact small{margin-top:1px;font-size:10px}.mail-list .mail-summary{display:flex;align-items:baseline;gap:5px;overflow:hidden}.mail-list .mail-summary strong{max-width:56%;flex:0 1 auto}.mail-list .mail-summary small{min-width:0;flex:1;margin-top:0;font-size:11px}.mail-list .mail-summary small:before{content:'— ';color:#aaa0b4}.mail-list .mail-meta{gap:2px}.mail-list .mail-meta time{font-size:10.5px}.mail-list .mail-star{font-size:17px}.mail-thread-intro{margin-bottom:11px}.mail-thread-intro>div{min-width:0;max-width:100%}.mail-thread-intro h2{max-width:1100px;font-size:16px;line-height:1.35;overflow-wrap:anywhere}.rendered-email{max-width:100%}.rendered-email img{max-width:100%!important;height:auto!important}.rendered-email table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}.rendered-email td,.rendered-email th{max-width:520px;padding:5px;overflow-wrap:anywhere}.rendered-email pre{max-width:100%;padding:10px;border-radius:6px;background:#f7f4f9;white-space:pre-wrap;overflow-wrap:anywhere}.rendered-email p{max-width:100%}.rendered-email div{max-width:100%}.attachment-card-actions button,.attachment-card-actions a{gap:5px}.attachment-card-actions .icon,.attachment-preview-dialog>header .btn .icon{width:13px;height:13px;flex:0 0 13px}.attachment-preview-dialog>header .btn{display:inline-flex;align-items:center;gap:5px}
@media(max-width:900px){.mail-list .mail-row-main{grid-template-columns:30px minmax(140px,190px) minmax(180px,1fr)}.mail-list .mail-summary strong{max-width:65%}}
@media(max-width:600px){.folder-page-intro{flex-direction:row}.folder-page-intro .btn{width:auto}.mail-list .mail-row{min-height:68px}.mail-list .mail-row-main{grid-template-columns:30px minmax(0,1fr);gap:5px 9px;padding:8px 39px 8px 10px}.mail-list .mail-contact{grid-column:2}.mail-list .mail-summary{grid-column:2;display:block}.mail-list .mail-summary strong{max-width:100%}.mail-list .mail-summary small{display:block;margin-top:2px}.mail-list .mail-summary small:before{content:''}.mail-thread-intro h2{font-size:15px}.thread-message-body{font-size:13px;line-height:1.65}}

/* Gói doanh nghiệp và quản trị dịch vụ */
.form-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.span-2{grid-column:span 2}.span-full{grid-column:1/-1}.pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}.pricing-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:18px;border:1px solid #e3d9ec;border-radius:11px;background:#fff;box-shadow:var(--shadow)}.pricing-card.featured{border-color:#9f75dd;box-shadow:0 8px 28px rgba(118,67,201,.14)}.pricing-card.current{outline:2px solid #34ad72;outline-offset:1px}.pricing-ribbon{position:absolute;top:11px;right:11px;padding:4px 7px;border-radius:999px;background:#eee4fb;color:var(--primary);font-size:9.5px;font-weight:600}.pricing-card h3{margin:0 0 5px;font-size:16px}.pricing-card>p{min-height:36px;margin:0;color:var(--muted);font-size:11px;line-height:1.5}.pricing-price{display:flex;align-items:flex-end;gap:4px;margin:15px 0}.pricing-price strong{color:var(--primary);font-size:24px;line-height:1}.pricing-price span{color:var(--muted);font-size:10.5px}.pricing-card ul{display:grid;gap:7px;margin:0 0 18px;padding:0;list-style:none;color:#4c4055;font-size:11.5px}.pricing-card li:before{content:'✓';margin-right:7px;color:#25a66a;font-weight:700}.pricing-card form{margin-top:auto}.pricing-card .btn{width:100%}.usage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}.usage-item{padding:12px;border:1px solid var(--line);border-radius:8px;background:#fcfbfd}.usage-item strong,.usage-item span{display:block}.usage-item strong{font-size:17px}.usage-item span{margin-top:4px;color:var(--muted);font-size:10.5px}.usage-bar{height:5px;margin-top:9px;overflow:hidden;border-radius:999px;background:#ece6f0}.usage-bar i{display:block;height:100%;max-width:100%;border-radius:inherit;background:var(--primary)}.admin-create-box{margin-bottom:13px;border:1px solid #dfd4e9;border-radius:9px;background:#fff;overflow:hidden}.admin-create-box>summary{padding:12px 14px;color:var(--primary);font-size:12px;font-weight:600;cursor:pointer}.admin-create-box>.form-grid,.admin-create-box>form{padding:0 14px 14px}.admin-addon-checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.admin-addon-checks label{display:flex;align-items:flex-start;gap:7px;padding:8px;border:1px solid var(--line);border-radius:7px;background:#fcfbfd;font-size:10.5px}.admin-addon-checks input{width:auto;margin-top:1px}.admin-catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.catalog-card{padding:14px;border:1px solid var(--line);border-radius:10px;background:#fff}.catalog-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:11px}.catalog-card h3{margin:0;font-size:14px}.catalog-card header small{display:block;margin-top:3px;color:var(--muted)}.catalog-card .form-grid{gap:8px}.catalog-card label{font-size:10px}.subscription-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.subscription-actions form{margin:0}.subscription-addon-list{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}.billing-summary{display:grid;grid-template-columns:minmax(260px,1.4fr) minmax(220px,1fr);gap:12px}.billing-plan-card{padding:16px;border:1px solid #ded4e7;border-radius:10px;background:linear-gradient(135deg,#fff 55%,#f5effd)}.billing-plan-card h3{margin:3px 0 6px;font-size:17px}.billing-plan-card p{margin:0;color:var(--muted);font-size:11px}.billing-plan-meta{display:flex;gap:18px;flex-wrap:wrap;margin-top:14px}.billing-plan-meta strong,.billing-plan-meta span{display:block}.billing-plan-meta strong{font-size:13px}.billing-plan-meta span{margin-top:2px;color:var(--muted);font-size:10px}
@media(max-width:1180px){.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-addon-checks{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.pricing-grid,.usage-grid,.admin-catalog-grid,.billing-summary{grid-template-columns:1fr}.form-grid.four{grid-template-columns:1fr}.span-2{grid-column:auto}.admin-addon-checks{grid-template-columns:1fr}.pricing-card>p{min-height:0}}
.span-3{grid-column:span 3}.span-4{grid-column:1/-1}.catalog-summary{display:grid;gap:5px;margin-bottom:10px;padding:11px;border-radius:8px;background:#faf8fc}.catalog-summary>strong{color:var(--primary);font-size:17px}.catalog-summary>strong small{margin-left:4px;color:var(--muted);font-size:9.5px;font-weight:400}.catalog-summary>span{color:var(--muted);font-size:10.5px;line-height:1.5}.catalog-editor>summary{padding:8px 0;color:var(--primary);font-size:11px;cursor:pointer}.subscription-current{border-color:#d9c9ec}.subscription-current .panel-head{background:linear-gradient(90deg,#fbf8fe,#fff)}
@media(max-width:760px){.span-3,.span-4{grid-column:auto}}
.usage-grid>article{padding:11px;border:1px solid var(--line);border-radius:8px;background:#fcfbfd}.usage-grid>article span,.usage-grid>article strong,.usage-grid>article small{display:block}.usage-grid>article strong{font-size:11px}.usage-grid>article small{margin-top:3px;color:var(--muted);font-size:10px}.usage-grid>article>i{display:block;height:5px;margin-top:9px;overflow:hidden;border-radius:999px;background:#ece6f0}.usage-grid>article>i>b{display:block;height:100%;max-width:100%;border-radius:inherit;background:var(--primary)}.pricing-card>header{min-height:94px}.pricing-card>header h3{margin:4px 0 5px}.pricing-card>header p{margin:0;color:var(--muted);font-size:10.5px;line-height:1.45}.pricing-popular{position:absolute;top:-10px;right:12px;padding:4px 8px;border-radius:999px;background:var(--primary);color:#fff;font-size:9.5px;font-weight:600}.pricing-price{display:grid;grid-template-columns:auto 1fr;align-items:end}.pricing-price small{grid-column:1/-1;margin-top:5px;color:var(--muted);font-size:9.5px}.pricing-card ul li:before{content:none}.plan-order-form .form-grid{grid-template-columns:1fr 1fr;gap:7px}.addon-picker{margin:9px 0}.addon-picker>summary{padding:8px;border:1px solid #e4daec;border-radius:7px;color:var(--primary);font-size:10px;cursor:pointer}.addon-picker>div{display:grid;gap:5px;max-height:220px;margin-top:6px;overflow:auto}.addon-picker .check{display:flex;align-items:flex-start;gap:6px;padding:7px;border:1px solid var(--line);border-radius:6px;background:#fcfbfd}.addon-picker .check input{width:auto;margin-top:2px}.addon-picker .check span,.addon-picker .check strong,.addon-picker .check small{display:block}.addon-picker .check strong{font-size:10px}.addon-picker .check small{margin-top:2px;color:var(--muted);font-size:9.5px}
@media(max-width:460px){.plan-order-form .form-grid{grid-template-columns:1fr}.pricing-card>header{min-height:0}}
.subscription-quick-open{display:flex;align-items:end;gap:8px;margin:-2px 0 12px;padding:10px 12px;border:1px solid #e3d9eb;border-radius:9px;background:#fff}.subscription-quick-open label{min-width:260px;flex:1}.subscription-quick-open select{height:34px}.subscription-provision-list{display:grid}.provision-row{display:grid;grid-template-columns:minmax(150px,1fr) 110px minmax(150px,1fr) auto;align-items:center;gap:7px;padding:10px 13px;border-top:1px solid var(--line)}.provision-row:first-child{border-top:0}.provision-row strong,.provision-row small{display:block}.provision-row strong{font-size:11px}.provision-row small{margin-top:3px;color:var(--muted);font-size:9.5px}.provision-row select,.provision-row input{height:34px}
@media(max-width:720px){.subscription-quick-open{align-items:stretch;flex-direction:column}.subscription-quick-open label{min-width:0}.subscription-quick-open .btn{width:100%}.provision-row{grid-template-columns:1fr}.provision-row .btn{width:100%}}