:root{--bg:#f7f5fa;--surface:#fff;--surface-soft:#faf8fc;--text:#21182d;--muted:#746a80;--line:#e9e3ef;--primary:#7643c9;--primary-dark:#6233ad;--primary-soft:#f0e8fb;--primary-softest:#faf7fe;--primary-border:#d9c9e9;--primary-contrast:#fff;--primary-rgb:118,67,201;--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}
:where(a,button,input,select,textarea,[contenteditable="true"]):focus-visible{outline:3px solid rgba(var(--primary-rgb),.2);outline-offset:2px}
.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)}
.bundle-note{display:grid;gap:5px;margin:10px 0;padding:9px 10px;border:1px solid #dfd0ef;border-radius:8px;background:#f7f2fc;color:#554263;font-size:10.5px}.bundle-note strong{color:var(--primary);font-size:11px}.bundle-note ul{display:grid;gap:4px;margin:0;padding:0;list-style:none}.bundle-note li:before{content:'✓';margin-right:6px;color:#25a66a;font-weight:700}.bundle-feature{color:#513b67;font-weight:500}.catalog-card .usage-grid{grid-template-columns:1fr;margin:8px 0}.catalog-card .alert{margin:8px 0}.catalog-card>.form-actions{margin:8px 0}
.checkout-addons{display:grid;gap:8px;margin:0;padding:14px;border:1px solid var(--primary-border);border-radius:10px;background:var(--primary-softest)}.checkout-addons>legend{padding:0 6px;color:var(--primary);font-size:12px;font-weight:700}.checkout-addons>p,.checkout-addons>small{margin:0 0 3px;color:var(--muted);font-size:10.5px;line-height:1.5}.checkout-addon-row{display:flex!important;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);font-weight:400!important}.checkout-addon-row[hidden]{display:none!important}.checkout-addon-row>span,.checkout-addon-row strong,.checkout-addon-row small,.checkout-addon-row em{display:block}.checkout-addon-row strong{color:var(--text);font-size:11px}.checkout-addon-row small{margin-top:2px;color:var(--muted);font-size:9.5px}.checkout-addon-row em{margin-top:4px;color:var(--primary);font-size:10px;font-style:normal;font-weight:600}.checkout-addon-row>input[type=number]{flex:0 0 70px;width:70px!important;height:36px!important;margin:0!important;padding:0 8px!important;text-align:center}.checkout-addon-row>input[type=checkbox]{flex:0 0 auto;width:17px!important;height:17px!important;margin:0!important}.checkout-addons.compact{margin:10px 0;padding:10px}.checkout-addons.compact .checkout-addon-row{padding:7px}.checkout-order-total{display:flex;align-items:center;justify-content:space-between;padding-top:7px;border-top:1px solid var(--line);font-size:10.5px}.checkout-order-total strong{color:var(--primary);font-size:12px}
.pricing-grid{grid-template-columns:1fr}.pricing-card{width:100%}.annual-bundle-field select{font-weight:500}.resource-addon-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px!important}.resource-addon-strip>strong,.resource-addon-strip>legend,.resource-addon-strip>.checkout-order-total{grid-column:1/-1}.resource-addon-strip .checkout-addon-row{min-width:0;padding:6px 7px}.resource-addon-strip .checkout-addon-row strong{font-size:10px}.resource-addon-strip .checkout-addon-row em{font-size:9px}.resource-addon-strip .checkout-addon-row>input[type=number]{flex-basis:52px;width:52px!important;height:30px!important;padding:0 5px!important}.setup-cycle-field{max-width:100%}
@media(max-width:700px){.resource-addon-strip{grid-template-columns:1fr}.pricing-card{padding:14px}}
.storage-create-panel{margin-bottom:12px}.storage-driver-fields{padding:10px 12px;border-left:3px solid var(--primary);border-radius:7px;background:#f8f3fc}.storage-driver-fields h3{margin:0 0 3px;font-size:12px}.storage-driver-fields p{margin:0;color:var(--muted);font-size:10.5px}.storage-card code{font-size:10px;overflow-wrap:anywhere}.storage-card textarea{min-height:82px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9.5px}.storage-endpoint-form [hidden]{display:none!important}
.backup-flow{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);align-items:stretch;gap:10px;margin-bottom:16px}.backup-flow .panel{display:flex;flex-direction:column;justify-content:center;min-height:112px;margin:0;padding:16px}.backup-flow .panel:first-child{border-left:3px solid #7643c9}.backup-flow .panel:last-child{border-left:3px solid #25a66a}.backup-flow .eyebrow{color:var(--primary)}.backup-flow h3{margin:5px 0 4px;font-size:14px}.backup-flow p{margin:0;color:var(--muted);font-size:11px;line-height:1.55}.backup-arrow{display:grid;place-items:center;color:var(--primary);font-size:22px}.backup-run-now{display:flex;align-items:center;gap:12px;padding:0 12px 12px}.backup-run-now span{color:var(--muted);font-size:10.5px}.danger-text{color:#b42332!important}
@media(max-width:700px){.backup-flow{grid-template-columns:1fr}.backup-arrow{transform:rotate(90deg);height:20px}.backup-run-now{align-items:stretch;flex-direction:column}.backup-run-now .btn{width:100%}}
@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}
.setup-shell{max-width:1280px;margin:0 auto}.setup-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:0 0 20px;padding:0;list-style:none}.setup-steps li{position:relative;display:flex;align-items:center;gap:8px;min-width:0;color:#9b91a4;font-size:11px}.setup-steps li:not(:last-child):after{content:'';position:absolute;z-index:0;left:31px;right:8px;top:14px;height:2px;background:#e7e0eb}.setup-steps li.done:not(:last-child):after{background:#a984dd}.setup-steps li span{position:relative;z-index:1;display:grid;place-items:center;width:29px;height:29px;flex:0 0 29px;border:2px solid #ddd5e3;border-radius:50%;background:#fff;font-size:10.5px;font-weight:600}.setup-steps li strong{position:relative;z-index:1;padding-right:8px;background:var(--bg);font-weight:500;white-space:nowrap}.setup-steps li.done{color:var(--primary)}.setup-steps li.done span{border-color:var(--primary);background:var(--primary);color:#fff}.setup-steps li.active{color:var(--text)}.setup-steps li.active span{border-color:var(--primary);box-shadow:0 0 0 4px #eee5fa;color:var(--primary)}.setup-heading{margin:0 0 13px}.setup-heading h3{margin:0 0 4px;font-size:16px}.setup-heading p{margin:0;color:var(--muted);font-size:11.5px}.setup-pricing{margin-top:0}.setup-card{max-width:900px;margin:0 auto}.setup-card-body{padding:18px}.setup-card-body>p{margin:0 0 15px;color:#53475e;font-size:12px;line-height:1.65}.setup-card-body code{padding:2px 4px;border-radius:4px;background:#f2edf6;color:var(--primary)}.setup-inline{padding:0}.setup-mailbox-form{grid-template-columns:repeat(2,minmax(0,1fr));padding:18px}
@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%}}
@media(max-width:720px){.setup-steps{grid-template-columns:1fr;gap:7px}.setup-steps li:not(:last-child):after{left:14px;right:auto;top:28px;width:2px;height:16px}.setup-steps li strong{background:transparent}.setup-mailbox-form{grid-template-columns:1fr}.setup-card-body{padding:14px}}
.user-action-menu .action-popover{width:340px;max-height:min(720px,calc(100vh - 150px));overflow:auto}.user-action-menu .danger-form{margin:12px -12px -12px;padding:12px;border-top:1px solid #f0c8cd;border-radius:0 0 8px 8px;background:#fff8f9}.user-action-menu .danger-form small{color:#8c3741;line-height:1.45}.admin-auth-card{border-top:3px solid var(--primary)}
@media(max-width:540px){.user-action-menu .action-popover{position:fixed;right:12px;left:12px;top:80px;width:auto;max-height:calc(100vh - 100px)}}

/* Thông báo thư mới và sự cố DNS */
.nav-count{display:grid;place-items:center;min-width:20px;height:20px;margin-left:auto;padding:0 6px;border-radius:999px;background:var(--primary);color:#fff;font-size:10px;font-weight:600;line-height:1}.nav-count[hidden]{display:none}.system-status{display:flex;align-items:center;gap:7px;white-space:nowrap}.notification-center{position:relative}.notification-button{position:relative;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;color:#5e5368}.notification-button:hover,.notification-button[aria-expanded="true"]{border-color:#e3d8ed;background:#f4edfb;color:var(--primary)}.notification-button .icon{width:19px;height:19px}.notification-count{position:absolute;top:-3px;right:-4px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border:2px solid #fff;border-radius:999px;background:#cf3046;color:#fff;font-size:9px;font-weight:600;line-height:1}.notification-count[hidden]{display:none}.notification-panel{position:absolute;z-index:100;top:43px;right:0;width:min(390px,calc(100vw - 28px));overflow:hidden;border:1px solid #e1d8e8;border-radius:11px;background:#fff;color:var(--text);box-shadow:0 18px 50px rgba(45,27,59,.2)}.notification-panel[hidden]{display:none}.notification-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:61px;padding:11px 14px;border-bottom:1px solid var(--line)}.notification-panel>header strong,.notification-panel>header small{display:block}.notification-panel>header strong{font-size:13px;font-weight:600}.notification-panel>header small{margin-top:3px;color:var(--muted);font-size:10px}.notification-panel>header button{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:#f5f1f7;color:#6c6075;font-size:18px}.notification-list{max-height:min(480px,calc(100vh - 180px));overflow-y:auto}.notification-item{display:grid;grid-template-columns:35px minmax(0,1fr);gap:10px;padding:11px 14px;border-bottom:1px solid #f0ebf3;color:inherit}.notification-item:hover{background:#faf7fd}.notification-item>span:last-child{min-width:0}.notification-item strong,.notification-item small,.notification-item time{display:block}.notification-item strong{overflow:hidden;color:#30263a;font-size:11.5px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.notification-item small{margin-top:3px;color:#695e72;font-size:10.5px;line-height:1.45}.notification-item time{margin-top:4px;color:#9a8fa3;font-size:9.5px}.notification-item-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#eee5fa;color:var(--primary);font-size:14px;font-weight:600}.notification-item-icon .icon{width:16px;height:16px}.notification-item.dns .notification-item-icon{background:#fff0dd;color:#bd680e}.notification-empty{padding:32px 18px;color:var(--muted);font-size:11px;text-align:center}.notification-panel>footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;background:#fcfafc}.notification-panel>footer a{font-size:10.5px;font-weight:500}.notification-toast{position:fixed;z-index:150;top:78px;right:22px;display:grid;gap:3px;width:min(330px,calc(100vw - 28px));padding:12px 14px;border:1px solid #d8c6e9;border-left:3px solid var(--primary);border-radius:9px;background:#fff;color:var(--text);box-shadow:0 15px 45px rgba(48,26,65,.2);animation:notification-in .2s ease-out}.notification-toast strong{font-size:11.5px}.notification-toast span{color:var(--muted);font-size:10.5px}@keyframes notification-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:820px){.topbar-actions{display:flex!important}.system-status{display:none}.notification-panel{position:fixed;top:61px;right:10px;left:10px;width:auto}.notification-toast{top:70px;right:14px}.topbar:has(.global-search) .topbar-actions{display:flex!important}}

/* Màu chủ đạo theo tài khoản */
.brand-mark{background:linear-gradient(135deg,color-mix(in srgb,var(--primary),white 22%),var(--primary));color:var(--primary-contrast);box-shadow:0 5px 15px rgba(var(--primary-rgb),.26)}.btn-primary{background:var(--primary);border-color:var(--primary);color:var(--primary-contrast);box-shadow:0 1px 2px rgba(var(--primary-rgb),.2)}.nav-item.active,.nav-children .nav-item.active{background:var(--primary-soft)}.nav-group>summary:hover,.nav-group.active>summary{background:var(--primary-softest)}.stat-icon.blue,.stat-icon.violet,.mail-avatar,.avatar,.thread-message.outbound .mail-avatar,.attachment-file-icon,.notification-item-icon{background:var(--primary-soft);color:var(--primary)}.onboarding{background:linear-gradient(120deg,var(--primary-dark),var(--primary))}.steps>span.done{background:#fff;color:var(--primary)}.info-box{border-color:var(--primary-border);background:var(--primary-softest);color:var(--primary-dark)}.email-chip,.thread-direction.sent{background:var(--primary-soft);color:var(--primary-dark)}.email-chip button{background:var(--primary-border);color:var(--primary-dark)}input:focus,select:focus,textarea:focus,.email-token-input:focus-within,.global-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.11)}.pricing-card.featured{border-color:var(--primary);box-shadow:0 8px 28px rgba(var(--primary-rgb),.14)}.setup-steps li.done:not(:last-child):after,.usage-bar i,.usage-grid>article>i>b{background:var(--primary)}.setup-steps li.active span{box-shadow:0 0 0 4px var(--primary-soft)}.backup-flow .panel:first-child{border-left-color:var(--primary)}
.theme-settings-panel{margin-top:14px}.theme-current-code{padding:5px 8px;border-radius:6px;background:var(--primary-soft);color:var(--primary-dark);font:600 11px ui-monospace,SFMono-Regular,Consolas,monospace}.theme-settings-form{display:grid;grid-template-columns:minmax(230px,360px) minmax(260px,1fr);gap:14px;padding:15px}.theme-color-control{display:grid;grid-template-columns:92px minmax(130px,1fr);gap:10px}.theme-color-picker input{height:36px;padding:3px;cursor:pointer}.theme-presets{display:flex;align-items:end;gap:8px;flex-wrap:wrap;padding-bottom:1px}.theme-swatch{width:30px;height:30px;padding:0;border:3px solid #fff;border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px #d8d0dd;transition:.15s}.theme-swatch:hover,.theme-swatch.active{transform:scale(1.08);box-shadow:0 0 0 2px var(--text)}.theme-preview{grid-column:1/-1;display:flex;align-items:center;gap:14px;min-height:56px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#fcfbfd}.theme-preview-brand{display:flex;align-items:center;gap:7px}.theme-preview-brand i{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--primary);color:var(--primary-contrast);font-size:11px;font-style:normal;font-weight:600}.theme-preview-brand strong{font-size:12px}.theme-preview-menu{padding:7px 10px;border-radius:7px;background:var(--primary-soft);color:var(--primary);font-size:11px;font-weight:500}.theme-preview .btn{margin-left:auto}.theme-settings-form>.form-actions{grid-column:1/-1}
@media(max-width:720px){.theme-settings-form{grid-template-columns:1fr}.theme-presets,.theme-preview,.theme-settings-form>.form-actions{grid-column:auto}.theme-preview{flex-wrap:wrap}.theme-preview .btn{margin-left:0}.theme-color-control{grid-template-columns:82px minmax(0,1fr)}}

/* Wizard thiết lập toàn trang, tối ưu theo mô hình một mục tiêu cho mỗi bước. */
.setup-workspace-theme{background:#fff;color:#202124}.setup-app-shell{min-height:100vh;background:#fff}.setup-appbar{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;min-height:72px;padding:0 40px;border-bottom:1px solid #e2e5e9;background:rgba(255,255,255,.96);backdrop-filter:blur(12px)}.setup-app-brand{display:flex;align-items:center;gap:12px;color:#202124;text-decoration:none}.setup-app-brand .brand-mark{width:38px;height:38px;border-radius:11px;font-size:15px}.setup-app-brand>span:last-child,.setup-app-account>span:nth-child(2){display:grid;gap:2px}.setup-app-brand strong{font-size:18px;letter-spacing:-.35px}.setup-app-brand small{color:#757b85;font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.setup-app-account{display:flex;align-items:center;gap:10px}.setup-app-account .avatar{width:34px;height:34px}.setup-app-account strong,.setup-app-account small{display:block}.setup-app-account strong{font-size:12px}.setup-app-account small{color:#777d86;font-size:10px}.setup-app-account>a{margin-left:10px;padding:8px 12px;border:1px solid #dadce0;border-radius:8px;color:#4b5159;font-size:11px;font-weight:500;text-decoration:none}.setup-app-account>a:hover{border-color:var(--primary);color:var(--primary)}.setup-app-content{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:24px 0 52px}.setup-app-content>.alert{max-width:760px;margin:0 auto 16px;font-size:12px}
.setup-wizard{width:100%}.setup-wizard-progress{display:grid;grid-template-columns:150px minmax(240px,1fr);align-items:center;column-gap:28px;min-height:88px;margin-bottom:24px}.setup-wizard-progress>div:first-child{display:grid;gap:4px}.setup-wizard-progress>div:first-child span{color:var(--primary);font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.setup-wizard-progress>div:first-child strong{font-size:15px}.setup-progress-track{height:4px;overflow:hidden;border-radius:999px;background:#eceff3}.setup-progress-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),color-mix(in srgb,var(--primary),#5b8cff 38%));transition:width .35s ease}.setup-wizard-progress ol{grid-column:2;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:8px 0 0;padding:0;list-style:none}.setup-wizard-progress li{display:flex;align-items:center;gap:6px;min-width:0;color:#9aa0a6}.setup-wizard-progress li span{display:grid;place-items:center;width:18px;height:18px;flex:0 0 18px;border:1px solid #d7dbe0;border-radius:50%;font-size:9px;font-weight:600}.setup-wizard-progress li small{overflow:hidden;font-size:9.5px;text-overflow:ellipsis;white-space:nowrap}.setup-wizard-progress li.done,.setup-wizard-progress li.active{color:var(--primary)}.setup-wizard-progress li.done span{border-color:var(--primary);background:var(--primary);color:var(--primary-contrast)}.setup-wizard-progress li.active span{border:2px solid var(--primary);background:#fff}
.setup-stage-grid{display:grid;grid-template-columns:minmax(0,690px) minmax(300px,390px);gap:72px;align-items:start;justify-content:center;padding:34px 8px 20px}.setup-stage-main{position:relative;min-width:0}.setup-stage-main h1{max-width:650px;margin:7px 0 14px;color:#202124;font-size:34px;font-weight:500;letter-spacing:-1.1px;line-height:1.18}.setup-kicker{color:var(--primary);font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.setup-lead{max-width:650px;margin:0 0 30px;color:#5f6368;font-size:15px;line-height:1.65}.setup-lead strong{color:#303136;font-weight:600}.setup-back{position:absolute;top:-2px;left:-58px;display:grid;place-items:center;width:38px;height:38px;border:1px solid #c9cdd2;border-radius:50%;color:#4a4e54;font-size:20px;text-decoration:none}.setup-back:hover{border-color:var(--primary);background:var(--primary-softest);color:var(--primary)}
.setup-form{display:grid;gap:22px;max-width:650px}.setup-form label,.setup-plan-choices legend{color:#3c4043;font-size:12px;font-weight:500}.setup-form label>input,.setup-form label>select,.setup-address-input,.setup-password-input{width:100%;height:54px;margin-top:8px;border:1px solid #9aa0a6;border-radius:7px;background:#fff;color:#202124;font-size:14px;transition:border-color .15s,box-shadow .15s}.setup-form label>input,.setup-form label>select{padding:0 14px}.setup-form label>small{display:block;margin-top:6px;color:#70757a;font-size:10.5px;font-weight:400;line-height:1.45}.setup-form code{padding:2px 4px;border-radius:4px;background:#f2f3f5;color:#5f6368}.setup-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.setup-primary-button,.setup-secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;width:max-content;min-height:44px;padding:0 22px;border:1px solid var(--primary);border-radius:22px;background:var(--primary);color:var(--primary-contrast);font:600 12px Inter,sans-serif;text-decoration:none;box-shadow:0 1px 2px rgba(var(--primary-rgb),.22);cursor:pointer}.setup-primary-button:hover{background:var(--primary-dark);border-color:var(--primary-dark);color:var(--primary-contrast)}.setup-primary-button span{font-size:17px;line-height:1}.setup-secondary-button{border-color:#cfd3d7;background:#fff;color:#3c4043;box-shadow:none}.setup-secondary-button:hover{border-color:var(--primary);color:var(--primary)}
.setup-plan-choices{display:grid;gap:10px;margin:0;padding:0;border:0}.setup-plan-choices legend{margin-bottom:8px}.setup-plan-option{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:88px;padding:14px 16px;border:1px solid #d7dbe0;border-radius:10px;background:#fff;cursor:pointer;transition:border-color .15s,box-shadow .15s,background .15s}.setup-plan-option:hover{border-color:#aeb4ba;background:#fbfcfe}.setup-plan-option.selected{border:2px solid var(--primary);padding:13px 15px;background:var(--primary-softest);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.07)}.setup-plan-option>input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.setup-radio-mark{display:grid;place-items:center;width:20px;height:20px;border:2px solid #7c8289;border-radius:50%;background:#fff}.setup-plan-option.selected .setup-radio-mark{border:6px solid var(--primary)}.setup-plan-copy{display:grid;gap:4px;min-width:0}.setup-plan-copy>span{display:flex;align-items:center;gap:8px}.setup-plan-copy strong{font-size:14px}.setup-plan-copy em{padding:3px 7px;border-radius:999px;background:var(--primary);color:var(--primary-contrast);font-size:8.5px;font-style:normal;font-weight:600;text-transform:uppercase}.setup-plan-copy small{overflow:hidden;color:#6a7077;font-size:10px;font-weight:400;text-overflow:ellipsis;white-space:nowrap}.setup-plan-price{display:grid;gap:3px;text-align:right}.setup-plan-price strong{font-size:13px}.setup-plan-price small{color:#777d84;font-size:9px;font-weight:400}.setup-order-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-radius:9px;background:#f5f7fa}.setup-order-summary>span{display:grid;gap:4px}.setup-order-summary>span:last-child{text-align:right}.setup-order-summary small{color:#777d84;font-size:9.5px}.setup-order-summary strong{font-size:12px}
.setup-stage-aside{position:sticky;top:104px;padding:30px 28px;border-radius:24px;background:linear-gradient(145deg,var(--primary-softest),#f2f6ff 52%,#fff);text-align:center}.setup-stage-aside h2{margin:17px auto 9px;color:#282a2e;font-size:21px;font-weight:500;line-height:1.3}.setup-stage-aside>p{margin:0 auto;color:#626870;font-size:12px;line-height:1.65}.setup-stage-aside ul{display:grid;gap:9px;margin:22px 0 0;padding:17px 0 0;border-top:1px solid rgba(var(--primary-rgb),.15);list-style:none;text-align:left}.setup-stage-aside li{display:flex;align-items:flex-start;gap:9px;color:#4f555c;font-size:11px;line-height:1.45}.setup-stage-aside li span{display:grid;place-items:center;width:18px;height:18px;flex:0 0 18px;border-radius:50%;background:var(--primary);color:var(--primary-contrast);font-size:9px}.setup-visual{position:relative;width:210px;height:155px;margin:0 auto}.setup-visual-orbit{position:absolute;border:1px solid rgba(var(--primary-rgb),.18);border-radius:50%}.setup-visual-orbit.one{inset:8px 26px 9px;transform:rotate(18deg)}.setup-visual-orbit.two{inset:28px 7px 25px;transform:rotate(-20deg)}.setup-visual-tile{position:absolute;z-index:2;display:grid;place-items:center;border:1px solid rgba(var(--primary-rgb),.15);background:#fff;color:var(--primary);box-shadow:0 12px 28px rgba(41,51,76,.12)}.setup-visual-tile .icon{width:26px;height:26px}.setup-visual-tile.mail{top:42px;left:65px;width:80px;height:70px;border-radius:20px}.setup-visual-tile.domain{top:15px;left:15px;width:48px;height:48px;border-radius:15px}.setup-visual-tile.shield{right:12px;bottom:15px;width:52px;height:52px;border-radius:17px}.setup-visual>i{position:absolute;top:7px;right:57px;width:18px;height:18px;background:linear-gradient(135deg,var(--primary),#5b8cff);clip-path:polygon(50% 0,61% 38%,100% 50%,61% 62%,50% 100%,39% 62%,0 50%,39% 38%)}
.setup-status-card{display:flex;align-items:center;gap:15px;max-width:650px;padding:18px;border:1px solid #d9dde2;border-radius:11px;background:#fff}.setup-status-card>div{display:grid;gap:3px;min-width:0;flex:1}.setup-status-card>strong,.setup-status-card>div>strong{font-size:14px}.setup-status-card p{margin:2px 0 0;color:#6d737a;font-size:11px}.setup-status-card>.badge{margin-left:auto}.setup-status-icon{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:50%;background:#e9f7ef;color:#16864b;font-size:18px;font-weight:700}.setup-stage-payment .setup-secondary-button{margin-top:20px}.setup-domain-form{max-width:560px}.setup-inline-note{display:flex;align-items:center;gap:11px;padding:12px 14px;border:1px solid var(--primary-border);border-radius:9px;background:var(--primary-softest)}.setup-inline-note>.icon{width:21px;height:21px;flex:0 0 21px;color:var(--primary)}.setup-inline-note>span{display:grid;gap:3px}.setup-inline-note strong{font-size:11.5px}.setup-inline-note small{color:#686e75;font-size:9.5px}.setup-dns-list{display:grid;gap:10px;max-width:650px;margin-bottom:24px}.setup-dns-list>span{display:grid;grid-template-columns:42px minmax(0,1fr);column-gap:12px;padding:14px;border:1px solid #dde1e5;border-radius:9px}.setup-dns-list b{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:var(--primary-soft);color:var(--primary);font-size:10px}.setup-dns-list strong{align-self:end;font-size:12px}.setup-dns-list small{align-self:start;margin-top:3px;color:#6f757c;font-size:10px}.setup-footnote{display:flex;align-items:center;gap:7px;margin-top:17px;color:#72777d;font-size:10px}.setup-pulse{width:8px;height:8px;border-radius:50%;background:#24b36b;box-shadow:0 0 0 4px #e5f6ed}.setup-mailbox-wizard-form{max-width:590px}.setup-address-input,.setup-password-input{display:flex;align-items:center;overflow:hidden}.setup-address-input:focus-within,.setup-password-input:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.11)}.setup-address-input input,.setup-password-input input{min-width:0;height:100%;flex:1;padding:0 14px;border:0!important;outline:0;background:transparent!important;box-shadow:none!important;color:inherit;font-size:14px}.setup-address-input span{display:flex;align-items:center;height:100%;padding:0 13px;border-left:1px solid #d9dde1;background:#f5f7f9;color:#60656b;font-size:12px;font-weight:400}.setup-password-input button{display:grid;place-items:center;width:48px;height:100%;padding:0;border:0;background:transparent;color:#60656b;cursor:pointer}.setup-password-input button:hover{color:var(--primary)}.setup-password-input .icon{width:20px;height:20px}
.setup-quota-config{display:grid;gap:13px;margin:0;padding:16px;border:1px solid var(--primary-border);border-radius:13px;background:linear-gradient(145deg,var(--surface),var(--primary-softest))}.setup-quota-config legend{padding:0 7px;color:var(--text);font-size:12px;font-weight:700}.setup-quota-config>p{margin:0;color:var(--muted);font-size:10.5px;line-height:1.5}.setup-quota-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.setup-quota-option{position:relative;display:grid!important;grid-template-columns:32px minmax(0,1fr);column-gap:9px;min-height:104px;padding:12px!important;border:1px solid var(--line);border-radius:11px;background:var(--surface);cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}.setup-quota-option:hover{transform:translateY(-1px);border-color:var(--primary-border)}.setup-quota-option.selected{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.09)}.setup-quota-option>input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.setup-quota-option>span{grid-row:1/3;display:grid;width:32px;height:32px;place-items:center;border-radius:9px;background:var(--primary-soft);color:var(--primary)}.setup-quota-option>span .icon{width:17px;height:17px}.setup-quota-option>strong{align-self:end;color:var(--text);font-size:11px}.setup-quota-option>small{align-self:start;margin-top:3px!important;color:var(--muted)!important;font-size:9px!important;line-height:1.45!important}.setup-quota-custom{display:grid!important;grid-template-columns:minmax(0,1fr) 170px;align-items:center;gap:4px 12px;padding:12px!important;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text)!important}.setup-quota-custom[hidden]{display:none!important}.setup-quota-custom>div{display:flex;grid-column:2;grid-row:1/3;height:42px;overflow:hidden;border:1px solid var(--line);border-radius:9px;background:var(--surface)}.setup-quota-custom>div:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.09)}.setup-quota-custom input{min-width:0;width:100%;height:100%;padding:0 10px;border:0!important;outline:0;background:transparent!important;box-shadow:none!important;color:var(--text);font-size:12px}.setup-quota-custom>div span{display:grid;min-width:44px;place-items:center;border-left:1px solid var(--line);background:var(--surface-soft);color:var(--muted);font-size:10px}.setup-quota-custom>small{grid-column:1;display:block!important;margin:0!important;color:var(--muted)!important;font-size:9px!important;line-height:1.45!important}
@media(max-width:640px){.setup-quota-options{grid-template-columns:1fr}.setup-quota-option{min-height:88px}.setup-quota-custom{grid-template-columns:1fr}.setup-quota-custom>div{grid-column:1;grid-row:auto;margin-top:5px}.setup-quota-custom>small{grid-column:1}}
.setup-workspace-theme.dark-theme .setup-app-shell,.setup-workspace-theme.dark-theme .setup-appbar{background:var(--bg)}.setup-workspace-theme.dark-theme .setup-appbar{border-color:var(--line)}.setup-workspace-theme.dark-theme .setup-app-brand,.setup-workspace-theme.dark-theme .setup-stage-main h1,.setup-workspace-theme.dark-theme .setup-stage-aside h2{color:var(--text)}.setup-workspace-theme.dark-theme .setup-app-brand small,.setup-workspace-theme.dark-theme .setup-app-account small,.setup-workspace-theme.dark-theme .setup-lead,.setup-workspace-theme.dark-theme .setup-stage-aside>p,.setup-workspace-theme.dark-theme .setup-stage-aside li{color:var(--muted)}.setup-workspace-theme.dark-theme .setup-stage-aside{background:linear-gradient(145deg,color-mix(in srgb,var(--primary),var(--surface) 82%),var(--surface-soft))}.setup-workspace-theme.dark-theme .setup-visual-tile,.setup-workspace-theme.dark-theme .setup-plan-option,.setup-workspace-theme.dark-theme .setup-status-card,.setup-workspace-theme.dark-theme .setup-form label>input,.setup-workspace-theme.dark-theme .setup-form label>select,.setup-workspace-theme.dark-theme .setup-address-input,.setup-workspace-theme.dark-theme .setup-password-input{border-color:var(--line);background:var(--surface);color:var(--text)}.setup-workspace-theme.dark-theme .setup-plan-option.selected,.setup-workspace-theme.dark-theme .setup-inline-note{background:color-mix(in srgb,var(--primary),var(--surface) 83%)}.setup-workspace-theme.dark-theme .setup-order-summary,.setup-workspace-theme.dark-theme .setup-address-input span{border-color:var(--line);background:var(--surface-soft)}.setup-workspace-theme.dark-theme .setup-wizard-progress li.active span,.setup-workspace-theme.dark-theme .setup-radio-mark{background:var(--surface)}
@media(max-width:960px){.setup-app-content{width:min(760px,calc(100% - 36px))}.setup-stage-grid{grid-template-columns:1fr;gap:40px;padding-top:20px}.setup-stage-aside{position:static;display:grid;grid-template-columns:180px 1fr;column-gap:24px;text-align:left}.setup-stage-aside .setup-visual{grid-row:1/4;width:180px}.setup-stage-aside h2{margin:10px 0 7px}.setup-stage-aside>p{margin:0}.setup-stage-aside ul{margin-top:15px}.setup-back{position:static;margin-bottom:22px}.setup-wizard-progress{grid-template-columns:130px 1fr}}
@media(max-width:640px){.setup-appbar{min-height:64px;padding:0 16px}.setup-app-brand .brand-mark{width:34px;height:34px}.setup-app-brand strong{font-size:16px}.setup-app-account>span:nth-child(2){display:none}.setup-app-account>a{margin-left:0;padding:7px 9px}.setup-app-content{width:calc(100% - 28px);padding-top:10px}.setup-wizard-progress{display:block;min-height:0;margin:14px 0 26px}.setup-wizard-progress>div:first-child{display:flex;justify-content:space-between;margin-bottom:9px}.setup-wizard-progress ol{display:none}.setup-stage-grid{padding:10px 0 28px}.setup-stage-main h1{font-size:28px;letter-spacing:-.8px}.setup-lead{font-size:13.5px}.setup-form-row{grid-template-columns:1fr}.setup-plan-option{grid-template-columns:20px minmax(0,1fr);min-height:82px;padding:12px}.setup-plan-option.selected{padding:11px}.setup-plan-price{grid-column:2;text-align:left}.setup-plan-copy small{white-space:normal}.setup-order-summary{align-items:flex-start;flex-direction:column}.setup-order-summary>span:last-child{text-align:left}.setup-primary-button,.setup-secondary-button{width:100%}.setup-stage-aside{display:block;padding:24px}.setup-stage-aside .setup-visual{display:none}.setup-stage-aside h2{margin-top:0;text-align:left}.setup-address-input span{max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.setup-status-card{align-items:flex-start;flex-wrap:wrap}.setup-status-card>.badge{margin-left:57px}.setup-app-content>.alert{font-size:11px}}
.compose-deliverability-note{margin:12px 14px 0}.compose-deliverability-note strong,.compose-deliverability-note p{display:block}.compose-deliverability-note p{margin:4px 0 0;line-height:1.55}

/* Chế độ sáng / tối */
.theme-mode-button{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;color:#5e5368}.theme-mode-button:hover{border-color:#e3d8ed;background:var(--primary-soft);color:var(--primary)}.theme-mode-icon{display:grid;place-items:center}.theme-mode-icon .icon{width:18px;height:18px}.theme-mode-sun{display:none}.dark-theme{color-scheme:dark;--bg:#151218;--surface:#1e1a22;--surface-soft:#252029;--text:#f2edf5;--muted:#aaa0b3;--line:#39313f;--sidebar:#19161d;--sidebar-text:#c8bfce;--shadow:0 1px 2px rgba(0,0,0,.25);background:var(--bg);color:var(--text)}.dark-theme .theme-mode-moon{display:none}.dark-theme .theme-mode-sun{display:grid}.dark-theme .theme-mode-button,.dark-theme .notification-button{color:#c9bfce}.dark-theme .theme-mode-button:hover,.dark-theme .notification-button:hover,.dark-theme .notification-button[aria-expanded="true"]{border-color:#4b3c58;background:color-mix(in srgb,var(--primary),#1e1a22 76%);color:color-mix(in srgb,var(--primary),white 22%)}
.dark-theme .sidebar,.dark-theme .topbar,.dark-theme .panel,.dark-theme .stat-card,.dark-theme .mail-row,.dark-theme .thread-message,.dark-theme .attachment-card,.dark-theme .attachment-card-main,.dark-theme .attachment-card-actions button,.dark-theme .attachment-card-actions a,.dark-theme .action-popover,.dark-theme .notification-panel,.dark-theme .notification-panel>header,.dark-theme .attachment-preview-dialog,.dark-theme .attachment-preview-dialog>header,.dark-theme .auth-card,.dark-theme .pricing-card,.dark-theme .catalog-card,.dark-theme .admin-create-box,.dark-theme .billing-plan-card{background:var(--surface);color:var(--text);border-color:var(--line)}.dark-theme .sidebar{background:var(--sidebar)}.dark-theme .nav-item:hover,.dark-theme .nav-group>summary:hover,.dark-theme .nav-group.active>summary,.dark-theme .list-row:hover,.dark-theme .mail-row:hover,.dark-theme .thread-message-header:hover,.dark-theme .notification-item:hover,.dark-theme .attachment-card-main:hover{background:#28222d}.dark-theme .nav-item.active,.dark-theme .nav-children .nav-item.active,.dark-theme .mail-row.unread,.dark-theme .email-chip,.dark-theme .thread-direction.sent,.dark-theme .theme-preview-menu,.dark-theme .theme-current-code{background:color-mix(in srgb,var(--primary),#1e1a22 76%);color:color-mix(in srgb,var(--primary),white 28%)}.dark-theme .brand,.dark-theme .user-chip strong,.dark-theme .panel-head h2,.dark-theme .section-title h2,.dark-theme .page-intro h2,.dark-theme .list-row strong,.dark-theme .mail-contact strong,.dark-theme .mail-summary strong,.dark-theme .thread-identity strong,.dark-theme .notification-item strong,.dark-theme .catalog-card h3,.dark-theme .pricing-card h3{color:var(--text)}
.dark-theme input,.dark-theme select,.dark-theme textarea,.dark-theme .rich-editor,.dark-theme .global-search,.dark-theme .email-token-input,.dark-theme .inline-rich-editor{border-color:#443a4a;background:#211c26;color:var(--text)}.dark-theme input::placeholder,.dark-theme textarea::placeholder{color:#a69bab}.dark-theme input:disabled,.dark-theme select:disabled,.dark-theme textarea:disabled{opacity:1;border-color:#3d3543;background:#26212b;color:#a69bab}.dark-theme input:-webkit-autofill,.dark-theme input:-webkit-autofill:hover,.dark-theme input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text);box-shadow:0 0 0 1000px #211c26 inset}.dark-theme .editor-toolbar,.dark-theme .notification-panel>footer,.dark-theme .thread-meta,.dark-theme .message-attachments,.dark-theme .mail-toolbar,.dark-theme .catalog-summary,.dark-theme .usage-item,.dark-theme .usage-grid>article,.dark-theme .inline-reply-addresses,.dark-theme .attachment-picker{border-color:var(--line);background:var(--surface-soft);color:var(--text)}.dark-theme .thread-message-body,.dark-theme .message-body,.dark-theme .message-view dd,.dark-theme td,.dark-theme .config-list dd{color:#e5dfe9}.dark-theme th{background:#252029;color:#b8adbf}.dark-theme td,.dark-theme .list-row,.dark-theme .mail-row,.dark-theme .panel-head,.dark-theme .config-list div,.dark-theme .thread-meta,.dark-theme .message-attachments{border-color:var(--line)}.dark-theme .btn{border-color:#4a4050;background:#26212b;color:#e4dde8}.dark-theme .btn:hover{border-color:#65556f;background:#302937}.dark-theme .btn-primary{border-color:var(--primary);background:var(--primary);color:var(--primary-contrast)}.dark-theme .info-box{border-color:color-mix(in srgb,var(--primary),#1e1a22 58%);background:color-mix(in srgb,var(--primary),#1e1a22 84%);color:#ddd1e8}.dark-theme .stat-icon.blue,.dark-theme .stat-icon.violet,.dark-theme .mail-avatar,.dark-theme .avatar,.dark-theme .thread-message.outbound .mail-avatar,.dark-theme .attachment-file-icon,.dark-theme .notification-item-icon{background:color-mix(in srgb,var(--primary),#1e1a22 76%);color:color-mix(in srgb,var(--primary),white 30%)}.dark-theme .badge.muted{background:#302a35;color:#c0b7c6}.dark-theme .alert-success{border-color:#28543f;background:#173326;color:#83d8aa}.dark-theme .alert-warning{border-color:#5a4924;background:#382d17;color:#f0ca79}.dark-theme .alert-danger{border-color:#62333a;background:#3a2025;color:#f0a0aa}.dark-theme .notification-count{border-color:var(--surface)}.dark-theme .notification-panel>footer,.dark-theme .notification-item{border-color:var(--line)}.dark-theme .notification-toast{border-color:#4b3c58;border-left-color:var(--primary);background:var(--surface);color:var(--text)}.dark-theme .theme-preview{border-color:var(--line);background:var(--surface-soft)}.dark-theme .theme-swatch{border-color:var(--surface);box-shadow:0 0 0 1px #5b5062}.dark-theme code,.dark-theme td code,.dark-theme .config-list code{background:#302936;color:#ddd3e4}.dark-theme .rendered-email pre{background:#28232d}.dark-theme .attachment-preview-stage{background:#121014}

/* Hoan thien do tuong phan cua tat ca thanh phan trong che do toi. */
.dark-theme label,.dark-theme .editor-field,.dark-theme .action-menu>summary,.dark-theme .setup-card-body>p{color:var(--text)}
.dark-theme .page-intro p,.dark-theme .panel-head p,.dark-theme .pricing-card>p,.dark-theme .pricing-card>header p,.dark-theme .pricing-price span,.dark-theme .pricing-price small,.dark-theme .pricing-card label,.dark-theme .pricing-card ul,.dark-theme .bundle-note,.dark-theme .bundle-feature,.dark-theme .setup-card-body>p,.dark-theme .gmail_attr,.dark-theme .gmail_quote blockquote,.dark-theme .rendered-email blockquote.gmail_quote{color:#bdb3c4}
.dark-theme .date-chip,.dark-theme .selected-attachment,.dark-theme .sync-provider-notes>article,.dark-theme .sync-source-card,.dark-theme .inline-reply-composer,.dark-theme .thread-menu-popover,.dark-theme .subscription-quick-open,.dark-theme .archive-mark-read{border-color:var(--line);background:var(--surface);color:var(--text)}
.dark-theme .subscription-current .panel-head,.dark-theme .danger-panel .panel-head{background:var(--surface);color:var(--text)}
.dark-theme .bundle-note,.dark-theme .checkout-addons,.dark-theme .checkout-addon-row,.dark-theme .storage-driver-fields,.dark-theme .addon-picker .check,.dark-theme .admin-addon-checks label,.dark-theme .sync-source-stats,.dark-theme .sync-pin-details{border-color:var(--line);background:var(--surface-soft)}
.dark-theme .bundle-note strong,.dark-theme .bundle-feature,.dark-theme .catalog-summary>strong,.dark-theme .pricing-ribbon,.dark-theme .record-type{color:color-mix(in srgb,var(--primary),white 35%)}
.dark-theme .pricing-ribbon,.dark-theme .record-type{background:color-mix(in srgb,var(--primary),var(--surface) 78%)}
.dark-theme .usage-bar,.dark-theme .usage-grid>article>i{background:#4a414f}
.dark-theme .archive-mark-read input,.dark-theme .check input,.dark-theme input[type="checkbox"],.dark-theme input[type="radio"]{accent-color:var(--primary)}
.dark-theme .action-menu>summary,.dark-theme .thread-menu-popover>a,.dark-theme .thread-menu-popover>button,.dark-theme .thread-menu-popover>form>button,.dark-theme .sync-guide-links a,.dark-theme .editor-toolbar select{border-color:var(--line);background:var(--surface);color:var(--text)}
.dark-theme .editor-toolbar button,.dark-theme .thread-icon-button,.dark-theme .thread-menu-popover span{color:#d1c7d7}.dark-theme .thread-icon-button:hover,.dark-theme .thread-more-menu[open]>.thread-icon-button{background:#302937;color:var(--text)}
.dark-theme .email-chip button{background:color-mix(in srgb,var(--primary),var(--surface) 65%);color:color-mix(in srgb,var(--primary),white 38%)}
.dark-theme .thread-menu-popover>a:hover,.dark-theme .thread-menu-popover>button:hover,.dark-theme .thread-menu-popover>form>button:hover,.dark-theme .sync-guide-links a:hover,.dark-theme .editor-toolbar button:hover,.dark-theme .global-search button:hover{background:#302937;color:color-mix(in srgb,var(--primary),white 30%)}
.dark-theme .thread-direction.received{background:#173a2a;color:#7bd5a4}.dark-theme .thread-message.inbound .mail-avatar{background:#173a2a;color:#7bd5a4}
.dark-theme .quoted-content>summary,.dark-theme .attachment-thumbnail,.dark-theme .attachment-preview-close,.dark-theme .notification-panel>header button{background:#302a35;color:#d1c7d7}
.dark-theme .quoted-content[open]>summary{background:color-mix(in srgb,var(--primary),var(--surface) 75%);color:color-mix(in srgb,var(--primary),white 35%)}
.dark-theme .quoted-content>div,.dark-theme .rendered-email blockquote{border-color:#574a60;color:#c5bbc9}
.dark-theme .dkim-progress{border-color:#554265;background:#2a2131;color:#d8c8e5}.dark-theme .dkim-progress small{color:#b3a6bc}.dark-theme .dkim-progress.ready{border-color:#28543f;background:#173326;color:#83d8aa}.dark-theme .dkim-progress.blocked{border-color:#5a4924;background:#382d17;color:#f0ca79}
.dark-theme .sync-pin-confirm{border-color:#5a4924;background:#382d17;color:#f0ca79}.dark-theme .sync-pin-details code{color:#f0ca79}
.dark-theme .badge.success{background:#173326;color:#83d8aa}.dark-theme .badge.warning{background:#382d17;color:#f0ca79}.dark-theme .badge.danger{background:#3a2025;color:#f0a0aa}
.dark-theme .stat-icon.green{background:#173326;color:#83d8aa}.dark-theme .stat-icon.orange,.dark-theme .notification-item.dns .notification-item-icon{background:#382d17;color:#f0ca79}
.dark-theme .item-icon{background:#302a35;color:#c9bfce}.dark-theme .danger-text,.dark-theme .user-action-menu .danger-form small{color:#f0a0aa!important}.dark-theme .user-action-menu .danger-form{border-color:#62333a;background:#3a2025}
.dark-theme .btn-danger{border-color:#713943;background:#3a2025;color:#f0a0aa}.dark-theme .btn-danger:hover{border-color:#c94a59;background:#a72d3b;color:#fff}
.dark-theme .setup-steps li span{border-color:#514657;background:var(--surface);color:#b9aec0}.dark-theme .setup-steps li:not(:last-child):after{background:#514657}.dark-theme .setup-steps li strong{background:var(--bg)}.dark-theme .setup-steps li.done span{border-color:var(--primary);background:var(--primary);color:var(--primary-contrast)}.dark-theme .setup-steps li.active span{background:var(--surface);color:color-mix(in srgb,var(--primary),white 35%)}.dark-theme .setup-card-body code{background:#302936;color:color-mix(in srgb,var(--primary),white 35%)}
.dark-theme .notification-item small{color:#b9aec0}.dark-theme .notification-item time{color:#918696}.dark-theme .attachment-preview-loading{background:var(--surface);color:var(--muted)}
.dark-theme .search-result-section mark{background:#66551e;color:#fff0a5}
.dark-theme .rendered-email,.dark-theme .thread-message-body{color:#e8e1ec}.dark-theme .rendered-email :where(p,div,span,li){border-color:#514657}

/* Hop thoai quan ly hop thu luon nam tron trong khung nhin. */
body:has(.mailbox-action-menu[open]){overflow:hidden}.mailbox-action-menu[open]{z-index:130}.mailbox-action-menu[open]::before{content:'';position:fixed;z-index:0;inset:0;background:rgba(17,12,20,.58);backdrop-filter:blur(2px)}.mailbox-action-menu .action-popover{position:fixed;z-index:1;top:50%;left:50%;right:auto;width:min(410px,calc(100vw - 32px));max-height:calc(100vh - 40px);padding:14px;overflow-y:auto;transform:translate(-50%,-50%);border-radius:11px;box-shadow:0 22px 65px rgba(0,0,0,.32)}.action-popover-head{position:sticky;z-index:2;top:-14px;display:flex;align-items:center;justify-content:space-between;gap:15px;margin:-14px -14px 14px;padding:13px 14px;border-bottom:1px solid var(--line);background:var(--surface)}.action-popover-head span,.action-popover-head strong,.action-popover-head small{display:block;min-width:0}.action-popover-head strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.action-popover-head small{margin-top:3px;color:var(--muted);font-size:10.5px}.action-popover-head button{display:grid;place-items:center;width:31px;height:31px;flex:0 0 31px;padding:0;border:0;border-radius:50%;background:var(--surface-soft);color:var(--muted);font-size:20px;cursor:pointer}.action-popover-head button:hover{background:var(--primary-soft);color:var(--primary)}.mailbox-action-menu .action-popover>.sub-form{padding-top:14px;margin-top:14px}.mailbox-action-menu .action-popover>form:last-child{padding-top:14px;margin-top:14px;border-top:1px solid var(--line)}
@media(max-width:540px){.mailbox-action-menu .action-popover{top:12px;right:12px;bottom:12px;left:12px;width:auto;max-height:none;transform:none}}
.user-action-menu[open]{z-index:130}.user-action-menu[open]::before{content:'';position:fixed;z-index:0;inset:0;background:rgba(17,12,20,.58);backdrop-filter:blur(2px)}body:has(.user-action-menu[open]){overflow:hidden}.user-action-menu .action-popover{position:fixed;z-index:1;top:50%;left:50%;right:auto;width:min(460px,calc(100vw - 32px));max-height:calc(100vh - 40px);padding:14px;overflow-x:hidden;overflow-y:auto;transform:translate(-50%,-50%);border-radius:13px;box-shadow:0 22px 65px rgba(0,0,0,.32)}.user-action-menu .mail-access-form{margin:2px 0;padding:12px}.user-action-menu .action-popover>.sub-form{padding-top:14px;margin-top:14px}.user-action-menu .action-popover>.danger-form{margin:14px -14px -14px;padding:14px;border-radius:0 0 13px 13px}
@media(max-width:540px){.user-action-menu .action-popover{top:12px;right:12px;bottom:12px;left:12px;width:auto;max-height:none;transform:none}}
.dark-theme .action-popover-head{background:var(--surface)}.dark-theme .action-popover-head button{background:#302a35;color:#d1c7d7}.dark-theme .action-popover-head button:hover{background:color-mix(in srgb,var(--primary),var(--surface) 76%);color:color-mix(in srgb,var(--primary),white 32%)}

/* Điều hướng theo ngữ cảnh và phân cấp hành động rõ ràng. */
.context-back{display:inline-flex;align-items:center;gap:9px;min-height:38px;margin:0 0 13px;padding:6px 11px 6px 8px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text);text-decoration:none;box-shadow:0 1px 1px rgba(33,24,45,.03)}.context-back>.icon{width:18px;height:18px;color:var(--primary)}.context-back>span{display:flex;min-width:0;flex-direction:column;line-height:1.15}.context-back small{color:var(--muted);font-size:9px;font-weight:500}.context-back strong{margin-top:2px;font-size:11px;font-weight:600}.context-back:hover{border-color:var(--primary-border);background:var(--primary-softest);color:var(--primary)}.page-intro-context>div{min-width:0}.page-intro-context h2{overflow-wrap:anywhere}.compose-context{margin-bottom:12px}.compose-status-hint{align-self:flex-start;padding:6px 9px;border:1px solid var(--line);border-radius:999px;background:var(--surface-soft);color:var(--muted);font-size:10px;white-space:nowrap}.compose-form-actions{align-items:center;gap:8px}.btn-quiet{border-color:transparent;background:transparent;color:var(--muted);box-shadow:none}.btn-quiet:hover{border-color:var(--line);background:var(--surface-soft);color:var(--text)}.sync-action-group{flex-wrap:wrap}.sync-action-group form:last-child{margin-left:auto}.dark-theme .context-back,.dark-theme .compose-status-hint{border-color:var(--line);background:var(--surface);color:var(--text)}.dark-theme .context-back:hover{border-color:var(--primary);background:color-mix(in srgb,var(--primary),var(--surface) 82%);color:color-mix(in srgb,var(--primary),white 30%)}.dark-theme .btn-quiet{border-color:transparent;background:transparent;color:var(--muted)}.dark-theme .btn-quiet:hover{border-color:var(--line);background:var(--surface-soft);color:var(--text)}

/* Nút quay lại onboarding luôn nêu rõ trang đích thay vì chỉ dùng biểu tượng. */
.setup-back{position:static;display:inline-flex;align-items:center;justify-content:flex-start;width:auto;height:auto;margin:0 0 24px;padding:6px 11px 6px 7px;gap:9px;border-color:#dadce0;border-radius:10px;background:#fff;color:#3c4043;font-size:inherit}.setup-back-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#f1f3f4;color:#5f6368;font-size:18px}.setup-back>span:last-child{display:flex;flex-direction:column;line-height:1.15;text-align:left}.setup-back small{color:#80868b;font-size:9px;font-weight:500}.setup-back strong{margin-top:2px;font-size:11px;font-weight:600}.setup-back:hover{border-color:var(--primary-border);background:var(--primary-softest)}.setup-back:hover .setup-back-icon{background:var(--primary-soft);color:var(--primary)}.setup-workspace-theme.dark-theme .setup-back{border-color:var(--line);background:var(--surface);color:var(--text)}.setup-workspace-theme.dark-theme .setup-back-icon{background:var(--surface-soft);color:var(--muted)}
@media(max-width:600px){.context-back{max-width:100%;margin-bottom:11px}.compose-context .context-back{width:100%}.compose-form-actions{align-items:stretch;flex-direction:column}.compose-form-actions .btn{width:100%}.sync-action-group{align-items:stretch;flex-direction:column}.sync-action-group form,.sync-action-group form .btn{width:100%}.sync-action-group form:last-child{margin-left:0;padding-top:8px;border-top:1px solid var(--line)}.setup-back{width:100%;margin-bottom:20px}.compose-status-hint{white-space:normal}}

/* Thao tac nhanh va phan trang hop thu. */
.mail-list .mail-row-main{padding-right:6px}.mail-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:1px;flex:0 0 auto;padding:4px 8px 4px 2px}.mail-row-actions form{margin:0;padding:0}.mail-row-actions button{display:grid;place-items:center;width:29px;height:29px;padding:0;border:0;border-radius:50%;background:transparent;color:#817588;font-size:16px;cursor:pointer}.mail-row-actions button:hover{background:#eee8f2;color:var(--primary)}.mail-row-actions button.danger:hover{background:#fff0f0;color:#b3261e}.mail-row-actions .mail-star{font-size:17px}.mail-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.mail-pagination>div{display:flex;gap:7px}.dark-theme .mail-row-actions button{color:#c7bdcc}.dark-theme .mail-row-actions button:hover{background:#302937}.dark-theme .mail-row-actions button.danger:hover{background:#512929;color:#ffb4ab}
@media(max-width:600px){.mail-list .mail-row{min-height:92px;padding-bottom:30px}.mail-list .mail-row-main{padding:8px 10px}.mail-row-actions{position:absolute;right:4px;bottom:1px;padding:0}.mail-pagination{align-items:flex-start;flex-direction:column}.mail-pagination>div{width:100%}.mail-pagination .btn{flex:1}}

/* Màn hình đăng nhập hai khối: nhận diện thương hiệu và khu vực thao tác. */
.login-split-theme{display:grid;min-height:100vh;padding:24px 0;place-items:center;background:#f3f5f8}.login-split-theme .auth-shell-split{display:grid;width:min(1120px,calc(100% - 48px));min-height:min(650px,calc(100vh - 48px));margin:0 auto;padding:0;grid-template-columns:1.04fr .96fr;align-items:stretch;justify-content:stretch;overflow:hidden;border:1px solid #e2e4e9;border-radius:22px;background:#fff;box-shadow:0 24px 70px rgba(28,20,40,.14)}
.auth-showcase{position:relative;display:flex;min-width:0;flex-direction:column;overflow:hidden;padding:46px 48px;color:#fff;background:linear-gradient(145deg,#350475 0%,#4f0db7 46%,#851cff 100%)}.auth-showcase:before,.auth-showcase:after{content:'';position:absolute;border:1px solid rgba(255,255,255,.16);border-radius:50%}.auth-showcase:before{right:-245px;bottom:-270px;width:610px;height:610px}.auth-showcase:after{right:-145px;bottom:-170px;width:430px;height:430px}.auth-showcase-brand{position:relative;z-index:2;display:flex;align-items:center;gap:10px;color:#fff;font-size:19px;font-weight:700}.auth-showcase-brand:hover{color:#fff}.auth-showcase-brand i{width:1px;height:22px;margin:0 4px;background:rgba(255,255,255,.35)}.auth-showcase-brand small{font-size:11px;font-weight:700;letter-spacing:.06em}.auth-showcase-mark{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(255,255,255,.34);border-radius:11px;background:rgba(255,255,255,.16);box-shadow:0 8px 24px rgba(24,0,66,.2);font-size:18px}.auth-showcase-content{position:relative;z-index:2;margin:auto 0;max-width:475px;padding:50px 0}.auth-showcase-eyebrow{display:block;margin-bottom:17px;color:#dbc4ff;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.auth-showcase h1{max-width:470px;margin:0;font-size:clamp(38px,4vw,54px);font-weight:700;line-height:1.02;letter-spacing:-.055em}.auth-showcase p{max-width:450px;margin:24px 0 0;color:#eadfff;font-size:15px;line-height:1.7}.auth-showcase-features{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.auth-showcase-features span{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(255,255,255,.17);border-radius:999px;background:rgba(255,255,255,.1);backdrop-filter:blur(8px)}.auth-showcase-features .icon{width:15px;height:15px;flex-basis:15px}.auth-showcase-features b{font-size:10.5px;font-weight:600}.auth-showcase-bars{position:relative;z-index:2;display:flex;height:62px;align-items:flex-end;gap:9px}.auth-showcase-bars i{display:block;width:48px;border:1px solid rgba(255,255,255,.28);border-radius:10px 10px 2px 2px;background:rgba(255,255,255,.1)}.auth-showcase-bars i:nth-child(1){height:28px}.auth-showcase-bars i:nth-child(2){height:44px}.auth-showcase-bars i:nth-child(3){height:62px}
.auth-login-panel{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:42px clamp(42px,5vw,72px);background:#fff}.auth-brand-panel{align-self:flex-start;margin:0 0 34px;padding:0;color:#21182d}.auth-shell-split .alert{width:100%;max-width:460px;margin:0 auto 14px}.auth-shell-split .auth-card{width:100%;max-width:460px;margin:0 auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.auth-shell-split .auth-heading{text-align:left;margin-bottom:28px}.auth-shell-split .auth-heading .eyebrow{display:none}.auth-shell-split .auth-heading h1{margin:0 0 7px;font-size:30px;font-weight:700;letter-spacing:-.045em}.auth-shell-split .auth-heading p{font-size:13.5px}.auth-shell-split .form-stack{gap:16px}.auth-shell-split label{gap:7px;color:#21182d;font-size:11.5px;font-weight:600}.auth-shell-split input{height:44px;padding:10px 12px;border-color:#d9dce3;border-radius:9px;background:#fff;font-size:13px}.auth-shell-split input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.13)}.auth-shell-split input:-webkit-autofill,.auth-shell-split input:-webkit-autofill:hover,.auth-shell-split input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #fff inset;-webkit-text-fill-color:#21182d}.auth-shell-split .form-row{margin-top:-2px}.auth-shell-split .check{color:#746a80;font-weight:400}.auth-shell-split .check input{height:15px}.auth-shell-split .text-link{font-size:12px}.auth-shell-split .btn-block{height:44px;border-radius:9px;font-size:12px;font-weight:700}.auth-submit{position:relative}.auth-submit span:last-child{position:absolute;right:17px;font-size:17px;font-weight:400}.auth-shell-split .auth-switch{margin-top:20px}.auth-trust-line{width:100%;max-width:460px;margin:26px auto 0;padding-top:16px;border-top:1px solid #f0edf2;color:#82788b;text-align:center;font-size:10.5px}.auth-trust-line strong{color:#554b5e;font-weight:600}.auth-trust-line a{font-weight:600}.auth-login-panel>.auth-legal{width:100%;max-width:460px;margin:10px auto 0;gap:16px;font-size:10.5px}.auth-login-panel>.auth-legal a{color:#82788b}
.auth-field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.auth-field-row>label{min-width:0}.auth-password-input{display:flex;width:100%;height:44px;align-items:center;overflow:hidden;border:1px solid #d9dce3;border-radius:9px;background:#fff;transition:border-color .15s,box-shadow .15s}.auth-password-input:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.13)}.auth-shell-split .auth-password-input input{min-width:0;height:100%;flex:1;padding:10px 8px 10px 12px;border:0!important;border-radius:0;background:transparent;box-shadow:none!important}.auth-password-input button{display:grid;width:42px;height:100%;flex:0 0 42px;place-items:center;padding:0;border:0;background:transparent;color:#756a7e;cursor:pointer}.auth-password-input button:hover{color:var(--primary);background:var(--primary-softest)}.auth-password-input .icon{width:18px;height:18px}.auth-register-form .check{align-items:flex-start;line-height:1.45}.auth-register-form .check input{margin-top:1px;flex:0 0 14px}
.auth-contact-row{position:fixed;z-index:90;top:50%;right:18px;display:flex;flex-direction:column;gap:15px;padding:13px 10px;border:1px solid #e6dfec;border-radius:999px;background:rgba(255,255,255,.97);box-shadow:0 18px 46px rgba(45,28,61,.18),inset 0 1px rgba(255,255,255,.95);backdrop-filter:blur(12px);transform:translateY(-50%)}.auth-contact-row:before{content:'';position:absolute;z-index:-1;inset:12% -8px;border-radius:999px;background:rgba(128,28,255,.13);filter:blur(17px);opacity:.55}.auth-contact-row>a{--contact-rgb:128,28,255;position:relative;display:grid;width:58px;height:58px;place-items:center;border-radius:50%;color:#fff;text-decoration:none;isolation:isolate}.auth-contact-icon{position:relative;display:block;width:58px;height:58px;border-radius:50%;filter:drop-shadow(0 7px 8px rgba(0,0,0,.3));animation:auth-contact-wiggle 5.2s ease-in-out infinite;transform-origin:50% 78%;transition:filter .18s ease,transform .18s ease}.auth-contact-icon:before,.auth-contact-icon:after{content:'';position:absolute;z-index:-1;inset:1px;border:1px solid rgba(var(--contact-rgb),.65);border-radius:50%;opacity:0;animation:auth-contact-pulse 2.8s ease-out infinite}.auth-contact-icon:after{animation-delay:1.4s}.auth-contact-icon img{display:block;width:58px;height:58px;border-radius:50%;object-fit:contain}.auth-contact-zalo{--contact-rgb:31,164,242}.auth-contact-facebook{--contact-rgb:174,40,255}.auth-contact-hotline{--contact-rgb:28,207,92}.auth-contact-facebook .auth-contact-icon{animation-delay:.45s}.auth-contact-hotline .auth-contact-icon{animation-delay:.9s}.auth-contact-tooltip{position:absolute;top:50%;right:70px;display:grid;min-width:142px;gap:2px;padding:9px 12px;border:1px solid #e5dced;border-radius:10px;background:rgba(255,255,255,.97);color:#2d2238;text-align:right;box-shadow:0 12px 32px rgba(30,17,42,.18);opacity:0;pointer-events:none;transform:translate(9px,-50%) scale(.96);transform-origin:right center;transition:opacity .18s ease,transform .18s ease}.auth-contact-tooltip:after{content:'';position:absolute;top:50%;right:-5px;width:9px;height:9px;border-top:1px solid #e5dced;border-right:1px solid #e5dced;background:#fff;transform:translateY(-50%) rotate(45deg)}.auth-contact-tooltip strong,.auth-contact-tooltip small{display:block;white-space:nowrap}.auth-contact-tooltip strong{font-size:11px;font-weight:700}.auth-contact-tooltip small{margin-top:2px;color:#776b80;font-size:9.5px}.auth-contact-row>a:hover .auth-contact-tooltip,.auth-contact-row>a:focus-visible .auth-contact-tooltip{opacity:1;transform:translate(0,-50%) scale(1)}.auth-contact-row>a:hover .auth-contact-icon,.auth-contact-row>a:focus-visible .auth-contact-icon{animation-play-state:paused;filter:drop-shadow(0 10px 13px rgba(var(--contact-rgb),.38));transform:translateX(-3px) scale(1.1)}.auth-contact-row>a:focus-visible{outline:2px solid #c8a6ff;outline-offset:3px}.auth-login-panel>.auth-legal{margin-top:12px}
@keyframes auth-contact-wiggle{0%,67%,100%{transform:translateY(0) rotate(0)}71%{transform:translateY(-3px) rotate(-8deg)}75%{transform:translateY(1px) rotate(8deg)}79%{transform:translateY(-2px) rotate(-6deg)}83%{transform:translateY(0) rotate(4deg)}87%{transform:translateY(-1px) rotate(0)}}@keyframes auth-contact-pulse{0%{opacity:.58;transform:scale(.86)}72%,100%{opacity:0;transform:scale(1.32)}}
@media(max-width:900px){.login-split-theme .auth-shell-split{grid-template-columns:.92fr 1.08fr}.auth-showcase{padding:38px 32px}.auth-showcase h1{font-size:38px}.auth-showcase-features{align-items:flex-start;flex-direction:column}.auth-login-panel{padding:38px 34px}}
@media(max-width:720px){.login-split-theme{display:block;padding:12px 0}.login-split-theme .auth-shell-split{display:block;width:min(100% - 24px,520px);min-height:0;margin:0 auto;border-radius:18px}.auth-showcase{min-height:205px;padding:24px}.auth-showcase-content{margin:33px 0 0;padding:0}.auth-showcase-eyebrow{margin-bottom:9px;font-size:9px}.auth-showcase h1{max-width:350px;font-size:31px}.auth-showcase p,.auth-showcase-features,.auth-showcase-bars{display:none}.auth-showcase-brand{font-size:16px}.auth-showcase-brand small{font-size:9px}.auth-showcase-mark{width:32px;height:32px}.auth-login-panel{padding:30px 24px}.auth-brand-panel{display:none}.auth-shell-split .auth-heading h1{font-size:25px}.auth-shell-split .auth-note{margin-top:23px}.auth-login-panel>.auth-legal{margin-top:18px}}
@media(max-width:520px){.auth-field-row{grid-template-columns:1fr}}
@media(max-width:760px){.auth-contact-row{top:auto;right:13px;bottom:13px;flex-direction:row;gap:12px;padding:9px 11px;transform:none}.auth-contact-row:before{inset:-5px 12%}.auth-contact-row>a,.auth-contact-icon,.auth-contact-icon img{width:48px;height:48px}.auth-contact-tooltip{display:none}}
@media(prefers-reduced-motion:reduce){.auth-contact-icon,.auth-contact-icon:before,.auth-contact-icon:after{animation:none!important}}
@media(max-width:400px){.login-split-theme{padding:0}.login-split-theme .auth-shell-split{width:100%;margin:0;border:0;border-radius:0}.auth-showcase{min-height:175px}.auth-showcase-content{margin-top:25px}.auth-showcase h1{font-size:27px}.auth-login-panel{padding:26px 18px}}

/* Thông tin bảo mật của thành viên dùng chung trường mật khẩu có nút hiện/ẩn. */
.panel-form .auth-password-input input{min-width:0;height:100%;flex:1;padding:10px 8px 10px 12px;border:0!important;border-radius:0;background:transparent;box-shadow:none!important}.dark-theme .auth-password-input{border-color:#443a4a;background:#211c26}.dark-theme .auth-password-input button{color:#c9bfce}.dark-theme .auth-password-input button:hover{background:color-mix(in srgb,var(--primary),#1e1a22 76%);color:color-mix(in srgb,var(--primary),white 28%)}

/* Typography và sidebar thống nhất cho quản trị viên, chủ doanh nghiệp và thành viên. */
:root{--font-body:"Inter","Segoe UI",Arial,sans-serif;--font-display:"Be Vietnam Pro","Inter","Segoe UI",Arial,sans-serif;--sidebar-navy:#082f49;--sidebar-navy-deep:#06283e;--sidebar-ink:#d9eafd;--sidebar-muted:#7fb1d2}
html,body{font-family:var(--font-body)}
:where(h1,h2,h3,h4,h5,h6),.brand-copy strong,.page-intro h2,.panel-head h2,.section-title h2,.stat-card strong,.auth-heading h1,.auth-showcase h1{font-family:var(--font-display)}
.app-shell,.admin-theme .app-shell{grid-template-columns:250px minmax(0,1fr);transition:grid-template-columns .22s ease}
.sidebar,.admin-theme .sidebar,.dark-theme .sidebar{position:sticky;top:0;height:100vh;padding:14px 12px 12px;overflow:visible;border-right:0;background:linear-gradient(180deg,var(--sidebar-navy) 0%,var(--sidebar-navy-deep) 100%);color:#fff;box-shadow:5px 0 22px rgba(7,35,55,.13)}
.sidebar>.brand{height:58px;margin:0 2px 8px;padding:0 5px 13px;border-bottom:1px solid rgba(177,218,246,.16);color:#fff;font-family:var(--font-display);font-size:17px;font-weight:700}
.sidebar>.brand:hover{color:#fff}
.sidebar .brand-mark{width:39px;height:39px;flex:0 0 39px;border:1px solid rgba(255,255,255,.75);border-radius:11px;background:#fff;color:var(--primary);box-shadow:0 7px 20px rgba(2,18,30,.24);font-family:var(--font-display);font-size:16px;font-weight:700}
.brand-copy{display:grid;min-width:0;gap:1px;line-height:1.1}
.brand-copy strong{font-size:16px;font-weight:700;letter-spacing:-.025em}
.brand-copy small{overflow:hidden;color:#91c5e5;font-size:9.5px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}
.sidebar-navigation{min-height:0;flex:1;overflow-x:hidden;overflow-y:auto;padding:0 2px 12px;scrollbar-color:color-mix(in srgb,var(--primary),white 24%) transparent;scrollbar-width:thin}
.sidebar-navigation::-webkit-scrollbar{width:5px}.sidebar-navigation::-webkit-scrollbar-track{background:transparent}.sidebar-navigation::-webkit-scrollbar-thumb{border-radius:999px;background:color-mix(in srgb,var(--primary),white 24%)}
.sidebar .workspace-label{padding:13px 10px 9px;color:#8ebbd7;font-size:9.5px;font-weight:700;letter-spacing:.12em}
.sidebar .nav-list{gap:3px}
.nav-section-label{padding:18px 10px 7px;color:var(--sidebar-muted);font-size:9.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.sidebar .nav-item,.admin-theme .sidebar .nav-item,.dark-theme .sidebar .nav-item{position:relative;height:42px;padding:0 11px;border:1px solid transparent;border-radius:9px;color:var(--sidebar-ink);font-size:13.5px;font-weight:600;letter-spacing:-.01em;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}
.sidebar .nav-item .icon{color:#b993ff;stroke-width:1.8}
.sidebar .nav-item:hover,.dark-theme .sidebar .nav-item:hover{border-color:rgba(190,158,255,.12);background:rgba(255,255,255,.075);color:#fff;transform:translateX(2px)}
.sidebar .nav-item.active,.sidebar .nav-children .nav-item.active,.dark-theme .sidebar .nav-item.active,.dark-theme .sidebar .nav-children .nav-item.active{border-color:rgba(216,196,255,.17);background:linear-gradient(90deg,color-mix(in srgb,var(--primary),#402286 50%),color-mix(in srgb,var(--primary),#173f69 60%));color:#fff;box-shadow:inset 3px 0 color-mix(in srgb,var(--primary),white 28%),0 5px 14px rgba(1,18,32,.16)}
.sidebar .nav-item.active .icon{color:#fff}
.sidebar .nav-divider{background:rgba(177,218,246,.15);margin:12px 8px}
.sidebar .nav-count{border:1px solid rgba(255,255,255,.35);background:var(--primary);color:var(--primary-contrast)}
.sidebar-bottom{margin-top:0;padding-top:8px;border-top:1px solid rgba(177,218,246,.16)}
.sidebar-bottom .nav-item{margin-bottom:5px}
.sidebar .user-chip{margin:0;padding:10px 7px 2px;border-top:0;color:#fff}
.sidebar .user-chip strong{color:#fff;font-family:var(--font-display);font-weight:600}.sidebar .user-chip small{color:#8ebbd7}
.sidebar .avatar{background:rgba(185,147,255,.18);color:#dbc7ff;box-shadow:inset 0 0 0 1px rgba(211,185,255,.18)}
.sidebar-collapse{position:absolute;z-index:4;top:69px;right:-16px;display:grid;width:32px;height:32px;padding:0;place-items:center;border:1px solid #d9e3ec;border-radius:50%;background:#fff;color:#23475e;box-shadow:0 5px 16px rgba(5,36,55,.18);transition:transform .22s ease,color .15s ease}
.sidebar-collapse:hover{color:var(--primary);transform:scale(1.06)}
.sidebar-collapse .icon{width:17px;height:17px;transition:transform .22s ease}
@media(min-width:821px){
  html.sidebar-is-collapsed .app-shell,html.sidebar-is-collapsed .admin-theme .app-shell{grid-template-columns:76px minmax(0,1fr)}
  html.sidebar-is-collapsed .sidebar{padding-right:10px;padding-left:10px}
  html.sidebar-is-collapsed .sidebar>.brand{justify-content:center;margin-right:0;margin-left:0;padding-right:0;padding-left:0}
  html.sidebar-is-collapsed .brand-copy,html.sidebar-is-collapsed .sidebar .workspace-label{display:none}
  html.sidebar-is-collapsed .sidebar-navigation{padding-top:8px}
  html.sidebar-is-collapsed .nav-section-label{height:17px;margin:8px 10px 5px;padding:0;border-top:1px solid rgba(177,218,246,.2);font-size:0}
  html.sidebar-is-collapsed .sidebar .nav-item{width:46px;margin-right:auto;margin-left:auto;justify-content:center;padding:0}
  html.sidebar-is-collapsed .sidebar .nav-item>span,html.sidebar-is-collapsed .sidebar .user-chip>span:last-child{display:none}
  html.sidebar-is-collapsed .sidebar .nav-item:hover{transform:none}
  html.sidebar-is-collapsed .sidebar .nav-count{position:absolute;top:-3px;right:-4px;min-width:17px;height:17px;padding:0 4px;font-size:8px}
  html.sidebar-is-collapsed .sidebar .user-chip{justify-content:center;padding-right:0;padding-left:0}
  html.sidebar-is-collapsed .sidebar-collapse .icon{transform:rotate(180deg)}
}
@media(max-width:820px){
  .app-shell,.admin-theme .app-shell{display:block}
  .sidebar,.admin-theme .sidebar,.dark-theme .sidebar{position:fixed;left:-272px;width:250px;padding-right:12px;padding-left:12px;box-shadow:12px 0 32px rgba(0,0,0,.28);transition:left .2s ease}
  .sidebar.open{left:0}
  .sidebar-collapse{display:none}
}

/* Màu tài khoản áp dụng đầy đủ lên các điểm nhấn của menu. */
.sidebar-navigation{scrollbar-color:color-mix(in srgb,var(--primary),white 32%) transparent}
.sidebar-navigation::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--primary),white 32%)}
.sidebar .workspace-label,.nav-section-label{color:color-mix(in srgb,var(--primary),white 58%)}
.sidebar .nav-item .icon{color:color-mix(in srgb,var(--primary),white 43%)}
.sidebar .nav-item:hover .icon{color:color-mix(in srgb,var(--primary),white 68%)}
.sidebar .nav-item.active,.sidebar .nav-children .nav-item.active,.dark-theme .sidebar .nav-item.active,.dark-theme .sidebar .nav-children .nav-item.active{border-color:color-mix(in srgb,var(--primary),white 25%);background:linear-gradient(90deg,color-mix(in srgb,var(--primary),#173e5b 28%),color-mix(in srgb,var(--primary),#173e5b 44%));box-shadow:inset 3px 0 color-mix(in srgb,var(--primary),white 45%),0 5px 14px rgba(1,18,32,.16)}
.sidebar .nav-item.active .icon{color:var(--primary-contrast)}
.sidebar .brand-mark{color:var(--primary)}
.sidebar .avatar{background:color-mix(in srgb,var(--primary),transparent 76%);color:color-mix(in srgb,var(--primary),white 60%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary),transparent 65%)}
.sidebar-collapse{border-color:color-mix(in srgb,var(--primary),#dce5ec 72%)}

/* Công tắc sáng/tối dùng chung trên quản trị, console và Webmail thành viên. */
.theme-mode-button.theme-mode-switch{display:inline-flex;width:auto;height:36px;min-width:86px;align-items:center;gap:7px;padding:0 8px 0 5px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);box-shadow:0 1px 2px rgba(31,22,39,.05)}
.theme-mode-button.theme-mode-switch:hover{border-color:var(--primary-border);background:var(--primary-softest);color:var(--primary)}
.theme-mode-button.theme-mode-switch:disabled{cursor:wait;opacity:.65}
.theme-switch-track{position:relative;display:block;width:48px;height:26px;flex:0 0 48px;border-radius:999px;background:#d9dce3;box-shadow:inset 0 1px 2px rgba(31,22,39,.12);transition:background .2s ease}
.theme-switch-thumb{position:absolute;top:2px;left:2px;display:grid;width:22px;height:22px;place-items:center;border-radius:50%;background:#fff;color:#d08700;box-shadow:0 2px 5px rgba(30,22,38,.24);transition:transform .22s ease,color .2s ease}
.theme-mode-switch .theme-mode-icon{display:none;place-items:center}
.theme-mode-switch .theme-mode-sun{display:grid}
.theme-mode-switch .theme-mode-icon .icon{width:14px;height:14px}
.theme-switch-label{min-width:25px;font-size:10px;font-weight:600;text-align:left}
.dark-theme .theme-mode-button.theme-mode-switch{border-color:#443a4a;background:var(--surface);color:#d4cbd9}
.dark-theme .theme-mode-button.theme-mode-switch:hover{border-color:var(--primary);background:color-mix(in srgb,var(--primary),var(--surface) 84%);color:color-mix(in srgb,var(--primary),white 35%)}
.dark-theme .theme-switch-track{background:color-mix(in srgb,var(--primary),#25202a 42%)}
.dark-theme .theme-switch-thumb{color:#7963d8;transform:translateX(22px)}
.dark-theme .theme-mode-switch .theme-mode-sun{display:none}
.dark-theme .theme-mode-switch .theme-mode-moon{display:grid}
@media(max-width:560px){.theme-mode-button.theme-mode-switch{min-width:57px;padding-right:4px}.theme-switch-label{display:none}}

/* Tạo, hiển thị, sao chép và xác nhận lưu mật khẩu dùng chung. */
.credential-password-input:not(.auth-password-input):not(.setup-password-input){display:flex;width:100%;height:36px;align-items:center;overflow:hidden;border:1px solid #ded7e5;border-radius:7px;background:var(--surface);transition:border-color .15s,box-shadow .15s}
.credential-password-input:not(.auth-password-input):not(.setup-password-input):focus-within{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.11)}
.credential-password-input:not(.auth-password-input):not(.setup-password-input)>input{min-width:0;height:100%;flex:1;padding:8px 9px;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important}
.credential-password-input:not(.auth-password-input):not(.setup-password-input)>button{display:grid;width:39px;height:100%;flex:0 0 39px;padding:0;place-items:center;border:0;border-left:1px solid var(--line);background:transparent;color:var(--muted)}
.credential-password-input:not(.auth-password-input):not(.setup-password-input)>button:hover{background:var(--primary-softest);color:var(--primary)}
.credential-password-input:not(.auth-password-input):not(.setup-password-input)>button .icon{width:17px;height:17px}
.password-generator-tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:7px}
.password-generator-tools>button{display:inline-flex;min-height:29px;align-items:center;gap:5px;padding:0 9px;border:1px solid var(--primary-border);border-radius:7px;background:var(--primary-softest);color:var(--primary-dark);font-size:10px;font-weight:600;white-space:nowrap}
.password-generator-tools>button:hover{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}
.password-generator-tools>button span{font-size:12px}
.password-strength{display:flex;align-items:center;gap:6px;margin-left:auto;color:var(--muted);font-size:9.5px;font-weight:500;white-space:nowrap}
.password-strength>i{display:block;width:42px;height:5px;overflow:hidden;border-radius:999px;background:#ddd7e2}
.password-strength>i:after{content:'';display:block;width:0;height:100%;border-radius:inherit;background:#c13b49;transition:width .2s ease,background .2s ease}
.password-strength[data-strength="weak"]>i:after{width:25%;background:#c13b49}.password-strength[data-strength="fair"]>i:after{width:50%;background:#d88716}.password-strength[data-strength="good"]>i:after{width:75%;background:#2b9b6a}.password-strength[data-strength="strong"]>i:after{width:100%;background:#168451}
.password-saved-confirm{grid-column:1/-1;display:flex!important;min-width:0;flex:1 0 100%;align-items:flex-start!important;gap:9px!important;padding:10px 11px;border:1px solid var(--primary-border);border-radius:8px;background:var(--primary-softest);color:var(--text)!important;font-weight:400!important}
.password-saved-confirm>input{width:15px!important;height:15px!important;flex:0 0 15px!important;margin:1px 0 0!important}
.password-saved-confirm>span,.password-saved-confirm strong,.password-saved-confirm small{display:block}
.password-saved-confirm strong{font-size:10.5px;font-weight:600}.password-saved-confirm small{margin-top:3px!important;color:var(--muted)!important;font-size:9.5px!important;font-weight:400!important;line-height:1.4}
.setup-form .password-generator-tools{margin-top:8px}.setup-form .password-generator-tools>button{min-height:34px;padding:0 11px;font-size:10.5px}.setup-form .password-saved-confirm{margin-top:0;padding:12px 13px}.setup-form .password-saved-confirm strong{font-size:11.5px}
.auth-shell-split .password-generator-tools>button{min-height:31px}.auth-shell-split .password-saved-confirm{margin-top:1px}
.dark-theme .credential-password-input:not(.auth-password-input):not(.setup-password-input){border-color:var(--line);background:var(--surface)}
.dark-theme .password-generator-tools>button{border-color:color-mix(in srgb,var(--primary),var(--line) 56%);background:color-mix(in srgb,var(--primary),var(--surface) 84%);color:color-mix(in srgb,var(--primary),white 35%)}
.dark-theme .password-saved-confirm{border-color:color-mix(in srgb,var(--primary),var(--line) 56%);background:color-mix(in srgb,var(--primary),var(--surface) 87%)}
@media(max-width:560px){.password-generator-tools{align-items:stretch;display:grid;grid-template-columns:1fr 1fr}.password-generator-tools>button{justify-content:center}.password-strength{grid-column:1/-1;justify-content:flex-end;margin-left:0}}

/* Bảng giá dạng các cột cao như Google Workspace. */
.setup-stage-plan{grid-template-columns:minmax(0,1fr);padding-left:0;padding-right:0}
.setup-stage-plan .setup-stage-aside{display:none}
.setup-stage-plan .setup-stage-main,.setup-stage-plan .setup-form,.setup-stage-plan .setup-stage-main h1,.setup-stage-plan .setup-lead{width:100%;max-width:none}
.setup-stage-plan .setup-plan-choices{grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-flow:row!important;align-items:stretch;width:100%}
.setup-stage-plan .setup-plan-choices legend{grid-column:1/-1}
.setup-stage-plan .setup-plan-option{display:flex;min-width:0;min-height:390px;align-items:stretch;flex-direction:column;gap:13px;padding:22px 18px 18px;border-radius:18px}
.setup-stage-plan .setup-plan-option.selected{padding:21px 17px 17px}
.setup-stage-plan .setup-plan-option>input{inset:0;z-index:4;width:100%;height:100%;margin:0;cursor:pointer;pointer-events:auto}
.setup-stage-plan .setup-radio-mark{position:absolute;top:18px;right:18px;width:18px;height:18px}
.setup-stage-plan .setup-plan-copy{min-height:46px;padding-right:24px}
.setup-stage-plan .setup-plan-copy>span{align-items:center;flex-direction:row;flex-wrap:wrap;gap:6px}
.setup-stage-plan .setup-plan-copy strong{font-size:18px;line-height:1.25}
.setup-stage-plan .setup-plan-copy em{position:absolute;z-index:5;top:-12px;right:15px;padding:6px 11px;border:2px solid var(--surface);border-radius:999px;background:var(--primary);box-shadow:0 5px 14px rgba(var(--primary-rgb),.22);font-size:9.5px;letter-spacing:.035em;pointer-events:none}
.setup-stage-plan .setup-plan-price{min-height:58px;text-align:left}
.setup-stage-plan .setup-plan-price strong{font-size:25px;line-height:1.1}
.setup-stage-plan .setup-plan-price small{font-size:10px}
.annual-bundle-field[hidden]{display:none!important}
.setup-plan-features{display:grid;gap:10px;margin:2px 0 0;padding:14px 0 0;border-top:1px solid var(--line);list-style:none}
.setup-plan-features li{display:grid;grid-template-columns:17px minmax(0,1fr);gap:8px;align-items:start;color:#5f6368;font-size:10.5px;font-weight:400;line-height:1.5}
.setup-plan-features li:before{content:none}.setup-plan-features .icon{width:16px;height:16px;margin-top:1px;color:var(--primary);stroke-width:1.9}
.setup-plan-features .setup-plan-bundle{color:#474c53;font-weight:500}
.pricing-feature-list li{display:grid!important;grid-template-columns:17px minmax(0,1fr);gap:8px;align-items:start}.pricing-feature-list .icon{width:16px;height:16px;margin-top:1px;color:var(--primary)}
.pricing-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:stretch}
.resource-addon-strip .addon-range-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;min-height:118px;padding:13px 14px!important;border-color:color-mix(in srgb,var(--primary),var(--line) 72%);border-radius:12px;background:var(--surface)}
.addon-range-row>span:first-child{min-width:0}.addon-range-row output{align-self:start;padding:5px 8px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:11px;font-weight:700;white-space:nowrap}
.addon-range-row>input[type=range]{grid-column:1/-1;width:100%!important;height:22px!important;margin:7px 0 0!important;padding:0!important;border:0!important;outline:0;background:transparent!important;box-shadow:none!important;cursor:pointer;appearance:none;-webkit-appearance:none}
.addon-range-row>input[type=range]::-webkit-slider-runnable-track{height:7px;border-radius:999px;background:linear-gradient(90deg,var(--primary) 0 var(--range-progress,0%),var(--surface) var(--range-progress,0%) 100%);box-shadow:inset 0 0 0 1px var(--line)}
.addon-range-row>input[type=range]::-webkit-slider-thumb{width:20px;height:20px;margin-top:-6.5px;border:3px solid var(--primary);border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(var(--primary-rgb),.24);appearance:none;-webkit-appearance:none}
.addon-range-row>input[type=range]::-moz-range-track{height:7px;border:0;border-radius:999px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}
.addon-range-row>input[type=range]::-moz-range-progress{height:7px;border-radius:999px;background:var(--primary)}
.addon-range-row>input[type=range]::-moz-range-thumb{width:15px;height:15px;border:3px solid var(--primary);border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(var(--primary-rgb),.24)}
.addon-range-row>input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 5px rgba(var(--primary-rgb),.16)}
.addon-range-scale{grid-column:1/-1!important;display:flex!important;align-items:center;justify-content:space-between;color:var(--muted)}.addon-range-scale small{font-size:10.5px!important}
.plan-order-form .resource-addon-strip{grid-template-columns:1fr}.plan-order-form .addon-range-row{min-height:108px}
@media(min-width:961px){.setup-stage-plan .setup-kicker{font-size:12px}.setup-stage-plan .setup-stage-main h1{font-size:36px}.setup-stage-plan .setup-lead{font-size:16px}.setup-stage-plan .setup-form label,.setup-stage-plan .setup-plan-choices legend{font-size:13.5px}.setup-stage-plan .setup-form label>select,.setup-stage-plan .setup-form label>input{font-size:15px}.setup-stage-plan .setup-form label>small{font-size:12px}.setup-stage-plan .setup-plan-option{min-height:520px;gap:15px;padding:24px 19px 20px}.setup-stage-plan .setup-plan-option.selected{padding:23px 18px 19px}.setup-stage-plan .setup-plan-copy{min-height:48px}.setup-stage-plan .setup-plan-copy strong{font-size:19px}.setup-stage-plan .setup-plan-copy em{font-size:10px}.setup-stage-plan .setup-plan-price{min-height:64px}.setup-stage-plan .setup-plan-price strong{font-size:28px}.setup-stage-plan .setup-plan-price small{font-size:12px}.setup-stage-plan .setup-plan-features{gap:11px;padding-top:16px}.setup-stage-plan .setup-plan-features li{padding-left:0;font-size:12.5px;line-height:1.48}.setup-stage-plan .checkout-addon-row strong{font-size:12.5px}.setup-stage-plan .checkout-addon-row em{font-size:11.5px}.setup-stage-plan .setup-order-summary small{font-size:11.5px}.setup-stage-plan .setup-order-summary strong{font-size:14px}.setup-stage-plan .setup-primary-button{font-size:13.5px}}
@media(max-width:1050px){.setup-stage-plan .setup-plan-choices,.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-flow:row!important}}
@media(max-width:640px){.setup-stage-plan .setup-plan-choices,.pricing-grid{grid-template-columns:minmax(0,1fr)!important}.setup-stage-plan .setup-plan-option{min-height:0}.setup-stage-plan .setup-radio-mark{top:15px;right:15px}.setup-plan-features{gap:7px}}

/* Trang gói dịch vụ: so sánh phía trên, cấu hình trong một khung rộng duy nhất. */
.billing-plan-configurator{display:grid;gap:18px;margin:18px 0 20px}.billing-common-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.billing-common-benefits span{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px}.billing-common-benefits .icon{width:18px;height:18px;flex:0 0 18px;color:var(--primary)}
.billing-plan-selector{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0;padding:0;border:0}.billing-plan-selector>legend{grid-column:1/-1;margin-bottom:1px;color:var(--text);font-size:14px;font-weight:700}.billing-plan-choice{position:relative;display:flex;min-width:0;min-height:310px;flex-direction:column;padding:20px;border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:0 4px 14px rgba(36,23,51,.04);cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s}.billing-plan-choice:hover{transform:translateY(-2px);border-color:var(--primary-border);box-shadow:0 10px 28px rgba(var(--primary-rgb),.1)}.billing-plan-choice.selected{border:2px solid var(--primary);padding:19px;background:var(--primary-softest);box-shadow:0 12px 30px rgba(var(--primary-rgb),.14)}.billing-plan-choice>input{position:absolute;z-index:4;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.billing-choice-radio{position:absolute;top:17px;right:17px;width:19px;height:19px;border:2px solid #8c9199;border-radius:50%;background:var(--surface)}.billing-plan-choice.selected .billing-choice-radio{border:6px solid var(--primary)}.billing-choice-popular{position:absolute;z-index:5;top:-11px;right:14px;padding:6px 11px;border:2px solid var(--surface);border-radius:999px;background:var(--primary);color:var(--primary-contrast);font-size:9.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 5px 14px rgba(var(--primary-rgb),.22);pointer-events:none}.billing-plan-choice:has(.billing-choice-popular) .billing-choice-radio{top:38px}.billing-plan-choice header{min-height:73px;padding-right:28px}.billing-plan-choice header>span{display:block;margin-bottom:7px;color:var(--primary);font-size:9.5px;font-weight:700;letter-spacing:.055em;text-transform:uppercase;line-height:1.45}.billing-plan-choice header>strong{font-size:18px;line-height:1.3}.billing-choice-price{display:grid;grid-template-columns:auto 1fr;align-items:end;margin:12px 0 15px;padding-bottom:15px;border-bottom:1px solid var(--line)}.billing-choice-price>strong{color:var(--primary);font-size:27px;line-height:1}.billing-choice-price>small{margin-left:4px;color:var(--muted);font-size:10px}.billing-choice-price>span{grid-column:1/-1;margin-top:6px;color:var(--muted);font-size:10.5px}.billing-plan-choice ul{display:grid;gap:9px;margin:0 0 16px;padding:0;list-style:none}.billing-plan-choice li{display:grid;grid-template-columns:17px minmax(0,1fr);gap:8px;align-items:start;color:var(--muted);font-size:11.5px;line-height:1.45}.billing-plan-choice li .icon{width:16px;height:16px;color:var(--primary)}.billing-choice-action{margin-top:auto;padding-top:12px;border-top:1px solid var(--line);color:var(--primary);font-size:11.5px;text-align:center}
.billing-checkout-panel{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.65fr);gap:20px;padding:20px;border:1px solid var(--primary-border);border-radius:16px;background:linear-gradient(135deg,var(--primary-softest),var(--surface) 48%);box-shadow:0 8px 28px rgba(var(--primary-rgb),.08)}.billing-checkout-main{display:grid;gap:16px;min-width:0}.billing-checkout-heading{display:flex;align-items:flex-start;gap:11px}.billing-checkout-heading>span{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:10px;background:var(--primary-soft);color:var(--primary)}.billing-checkout-heading .icon{width:20px;height:20px}.billing-checkout-heading h3{margin:0 0 4px;font-size:16px}.billing-checkout-heading p{margin:0;color:var(--muted);font-size:11.5px}.billing-cycle-field,.billing-checkout-main>.annual-bundle-field{display:grid;gap:7px;color:var(--text);font-size:12px;font-weight:600}.billing-cycle-field select,.billing-checkout-main>.annual-bundle-field select{width:100%;height:46px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text);font-size:13px}.billing-checkout-main>.annual-bundle-field small{color:var(--muted);font-size:10.5px;font-weight:400}.billing-addon-strip{grid-template-columns:repeat(3,minmax(0,1fr))!important;margin:0!important;background:color-mix(in srgb,var(--primary-softest),var(--surface) 55%)}.billing-addon-strip .addon-range-row{min-height:124px}.billing-checkout-summary{display:flex;align-self:stretch;flex-direction:column;padding:20px;border:1px solid var(--line);border-radius:13px;background:var(--surface);box-shadow:0 5px 18px rgba(37,24,50,.06)}.billing-checkout-summary h3{margin:8px 0 8px;font-size:19px;line-height:1.35}.billing-checkout-summary>p{margin:0;color:var(--muted);font-size:11.5px;line-height:1.55}.billing-checkout-summary>div{display:grid;gap:5px;margin:auto 0 16px;padding:17px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.billing-checkout-summary>div small{color:var(--muted);font-size:11px}.billing-checkout-summary>div strong{color:var(--primary);font-size:25px}.billing-checkout-summary .btn{min-height:44px}
@media(max-width:1180px){.billing-plan-selector{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-checkout-panel{grid-template-columns:1fr}.billing-checkout-summary>div{margin:18px 0 16px}}
@media(max-width:760px){.billing-common-benefits,.billing-plan-selector,.billing-addon-strip{grid-template-columns:1fr!important}.billing-plan-choice{min-height:0}.billing-checkout-panel{padding:14px}.billing-checkout-summary{padding:16px}}

/* Billing dashboard lấy cảm hứng từ analytics dashboard, giữ nhận diện MailTui. */
.billing-dashboard-hero{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.72fr);gap:16px;margin:4px 0 18px}.billing-hero-main{position:relative;min-height:272px;padding:34px 360px 32px 34px;overflow:hidden;border:1px solid color-mix(in srgb,var(--primary),var(--line) 70%);border-radius:20px;background:radial-gradient(circle at 76% 25%,rgba(68,219,255,.2),transparent 27%),radial-gradient(circle at 92% 75%,rgba(235,72,255,.17),transparent 29%),linear-gradient(135deg,var(--surface) 16%,color-mix(in srgb,var(--primary-softest),#eaffff 65%) 58%,color-mix(in srgb,var(--primary-soft),#ffdfff 55%));box-shadow:0 14px 40px rgba(36,23,51,.08)}.billing-hero-main:before{position:absolute;inset:0;background-image:linear-gradient(rgba(var(--primary-rgb),.035) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--primary-rgb),.035) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(90deg,transparent 35%,#000);content:'';pointer-events:none}.billing-hero-kicker{position:relative;color:var(--primary);font-size:10px;font-weight:800;letter-spacing:.14em}.billing-hero-main h2{position:relative;margin:10px 0 12px;color:var(--text);font-family:"Be Vietnam Pro",Inter,sans-serif;font-size:31px;letter-spacing:-1.1px;line-height:1.2}.billing-hero-main h2 strong{background:linear-gradient(90deg,var(--primary),#d629d7 62%,#2587ff);background-clip:text;-webkit-background-clip:text;color:transparent;font-weight:700}.billing-hero-main>p{position:relative;max-width:610px;margin:0;color:var(--muted);font-size:12.5px;line-height:1.68}.billing-hero-actions{position:relative;display:flex;align-items:center;gap:16px;margin-top:20px}.billing-hero-actions .btn{min-height:40px;padding:0 18px;border-radius:10px;box-shadow:0 8px 20px rgba(var(--primary-rgb),.22)}.billing-hero-actions>span{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:10.5px}.billing-hero-actions .icon{width:15px;height:15px;color:#1aad72}.billing-hero-art{position:absolute;top:18px;right:22px;width:315px;height:235px}.billing-art-orbit{position:absolute;border:1px solid rgba(var(--primary-rgb),.2);border-radius:50%}.billing-art-orbit.one{inset:16px 26px;transform:rotate(17deg)}.billing-art-orbit.two{inset:44px 3px 32px;transform:rotate(-18deg)}.billing-art-layer{position:absolute;display:grid;place-items:center;width:138px;height:82px;border:1px solid rgba(255,255,255,.75);border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.92),color-mix(in srgb,var(--primary-soft),#bdf5ff 50%));color:var(--primary);box-shadow:0 18px 35px rgba(71,42,112,.18);transform:rotate(-8deg) skewX(-5deg)}.billing-art-layer .icon{width:29px;height:29px}.billing-art-layer.layer-one{z-index:3;top:33px;left:85px}.billing-art-layer.layer-two{z-index:2;top:82px;left:76px;filter:saturate(1.2)}.billing-art-layer.layer-three{z-index:1;top:130px;left:68px}.billing-hero-art>b{position:absolute;z-index:4;top:14px;right:48px;width:28px;height:28px;background:linear-gradient(135deg,#19bfff,#e628ef);clip-path:polygon(50% 0,61% 38%,100% 50%,61% 62%,50% 100%,39% 62%,0 50%,39% 38%)}
.billing-quick-stats{position:relative;display:grid;gap:9px;padding:22px;overflow:hidden;border:1px solid rgba(255,255,255,.35);border-radius:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--primary-dark),#4b00ff 38%),var(--primary) 48%,#d725d4);color:#fff;box-shadow:0 16px 38px rgba(var(--primary-rgb),.25)}.billing-quick-stats:before{position:absolute;top:-70px;right:-42px;width:180px;height:180px;border-radius:38% 62% 54% 46%;background:rgba(255,255,255,.13);filter:blur(1px);transform:rotate(28deg);content:''}.billing-quick-stats header{position:relative;display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:3px;padding-bottom:11px;border-bottom:1px solid rgba(255,255,255,.2)}.billing-quick-stats header span{font-size:16px;font-weight:700}.billing-quick-stats header small{color:rgba(255,255,255,.72);font-size:9px}.billing-quick-stats>div{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:43px;padding:9px 11px;border:1px solid rgba(255,255,255,.16);border-radius:11px;background:rgba(255,255,255,.1);backdrop-filter:blur(8px)}.billing-quick-stats>div>span{display:flex;align-items:center;gap:7px;color:rgba(255,255,255,.84);font-size:10.5px}.billing-quick-stats .icon{width:16px;height:16px}.billing-quick-stats>div>strong{max-width:54%;overflow:hidden;font-size:11px;text-align:right;text-overflow:ellipsis;white-space:nowrap}
.billing-resource-overview{border:0!important;background:transparent!important;box-shadow:none!important}.billing-resource-overview>.panel-head{padding:4px 0 12px;border:0}.billing-resource-overview>.panel-head h2{margin-top:4px}.billing-usage-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0}.billing-usage-grid>article{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;padding:15px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,var(--surface),var(--surface-soft));box-shadow:0 7px 20px rgba(36,23,51,.045)}.billing-usage-grid>article>span:nth-child(2){min-width:0}.billing-usage-grid>article>span:nth-child(2) strong{overflow:hidden;font-size:11.5px;text-overflow:ellipsis;white-space:nowrap}.billing-kpi-icon{display:grid!important;place-items:center;width:40px;height:40px;border-radius:11px;background:var(--primary-soft);color:var(--primary)}.billing-kpi-icon .icon{width:20px;height:20px}.billing-usage-grid>article.blue .billing-kpi-icon{background:#eaf3ff;color:#2478ef}.billing-usage-grid>article.orange .billing-kpi-icon{background:#fff1df;color:#e17b19}.billing-usage-grid>article.green .billing-kpi-icon{background:#e5faef;color:#18a464}.billing-usage-grid>article.cyan .billing-kpi-icon{background:#e3f9fb;color:#0798a7}.billing-usage-grid>article>i{grid-column:1/-1;height:6px;margin-top:2px}.billing-usage-grid>article.blue>i>b{background:#2478ef}.billing-usage-grid>article.orange>i>b{background:#e98a27}.billing-usage-grid>article.green>i>b{background:#19a968}.billing-usage-grid>article.cyan>i>b{background:#0aa6b5}
.billing-plan-configurator{scroll-margin-top:82px}.billing-plan-selector{padding:4px}.billing-plan-choice{overflow:hidden}.billing-plan-choice:before{position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,transparent,var(--primary),transparent);opacity:0;content:'';transition:opacity .18s}.billing-plan-choice.selected:before{opacity:1}.billing-plan-choice.selected{background:radial-gradient(circle at 100% 0,rgba(var(--primary-rgb),.13),transparent 32%),linear-gradient(145deg,var(--surface),var(--primary-softest))}.billing-checkout-panel{position:relative;overflow:hidden}.billing-checkout-panel:before{position:absolute;right:-90px;bottom:-130px;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,rgba(var(--primary-rgb),.12),transparent 68%);content:'';pointer-events:none}.billing-checkout-main,.billing-checkout-summary{position:relative}.billing-checkout-summary{background:linear-gradient(155deg,var(--surface),color-mix(in srgb,var(--primary-softest),var(--surface) 35%))}.billing-checkout-summary .btn{border-radius:10px;box-shadow:0 8px 22px rgba(var(--primary-rgb),.22)}
.dark-theme .billing-hero-main{background:radial-gradient(circle at 76% 25%,rgba(42,196,236,.13),transparent 27%),radial-gradient(circle at 92% 75%,rgba(223,61,238,.12),transparent 29%),linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--primary),var(--surface) 85%))}.dark-theme .billing-art-layer{border-color:rgba(255,255,255,.12);background:linear-gradient(135deg,#2d2732,color-mix(in srgb,var(--primary),#1e1a22 72%))}.dark-theme .billing-usage-grid>article{background:linear-gradient(145deg,var(--surface),var(--surface-soft))}
@media(max-width:1280px){.billing-hero-main{padding-right:300px}.billing-hero-art{right:0;transform:scale(.86)}.billing-usage-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1050px){.billing-dashboard-hero{grid-template-columns:1fr}.billing-quick-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-quick-stats header{grid-column:1/-1}.billing-hero-main{padding-right:330px}.billing-usage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.billing-hero-main{min-height:auto;padding:25px}.billing-hero-main h2{font-size:27px}.billing-hero-art{display:none}.billing-hero-actions{align-items:flex-start;flex-direction:column}.billing-quick-stats,.billing-usage-grid{grid-template-columns:1fr}.billing-dashboard-hero{gap:11px}.billing-common-benefits{padding:10px}.billing-quick-stats{padding:16px}}

/* Chi tiết tên miền: DNS control center. */
.domain-dashboard-hero{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(295px,.66fr);gap:16px;margin:4px 0 18px}.domain-hero-main{position:relative;min-height:306px;padding:26px 355px 28px 30px;overflow:hidden;border:1px solid color-mix(in srgb,var(--primary),var(--line) 70%);border-radius:20px;background:radial-gradient(circle at 75% 18%,rgba(54,209,255,.19),transparent 27%),radial-gradient(circle at 94% 82%,rgba(238,57,230,.16),transparent 30%),linear-gradient(135deg,var(--surface) 12%,color-mix(in srgb,var(--primary-softest),#eaffff 64%) 58%,color-mix(in srgb,var(--primary-soft),#ffe8ff 55%));box-shadow:0 14px 40px rgba(36,23,51,.08)}.domain-hero-main:before{position:absolute;inset:0;background-image:linear-gradient(rgba(var(--primary-rgb),.035) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--primary-rgb),.035) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(90deg,transparent 32%,#000);content:'';pointer-events:none}.domain-hero-top{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.domain-hero-top .context-back{min-height:34px;margin:0 0 15px;padding-block:4px;background:rgba(255,255,255,.7);backdrop-filter:blur(7px)}.domain-hero-kicker{position:relative;display:block;color:var(--primary);font-size:10px;font-weight:800;letter-spacing:.15em}.domain-hero-main h2{position:relative;margin:8px 0 10px;color:var(--text);font-family:"Be Vietnam Pro",Inter,sans-serif;font-size:29px;letter-spacing:-.9px;line-height:1.24}.domain-hero-main h2 strong{display:block;max-width:650px;overflow:hidden;background:linear-gradient(90deg,var(--primary),#d529d7 63%,#2587ff);background-clip:text;-webkit-background-clip:text;color:transparent;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.domain-hero-main>p{position:relative;max-width:620px;margin:0;color:var(--muted);font-size:12px;line-height:1.65}.domain-hero-progress{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;max-width:520px;margin-top:17px}.domain-hero-progress span strong,.domain-hero-progress span small{display:block}.domain-hero-progress span strong{color:var(--text);font-size:11.5px}.domain-hero-progress span small{margin-top:3px;color:var(--muted);font-size:10px}.domain-hero-progress>b{align-self:center;color:var(--primary);font-size:13px}.domain-hero-progress>i{grid-column:1/-1;height:7px;overflow:hidden;border-radius:999px;background:rgba(var(--primary-rgb),.11);box-shadow:inset 0 0 0 1px rgba(var(--primary-rgb),.07)}.domain-hero-progress>i>em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),#c83ce5,#2798f4);box-shadow:0 0 12px rgba(var(--primary-rgb),.35);transition:width .3s}.domain-hero-actions{position:relative;display:flex;align-items:center;gap:9px;margin-top:17px}.domain-hero-actions form{display:flex}.domain-hero-actions .btn{min-height:39px;border-radius:10px}.domain-hero-actions .btn-primary{padding-inline:18px;box-shadow:0 8px 20px rgba(var(--primary-rgb),.22)}.domain-hero-actions .icon{width:16px;height:16px;margin-right:7px}.domain-hero-art{position:absolute;top:35px;right:20px;width:310px;height:235px}.domain-art-orbit{position:absolute;border:1px solid rgba(var(--primary-rgb),.21);border-radius:50%}.domain-art-orbit.one{inset:13px 28px 24px;transform:rotate(17deg)}.domain-art-orbit.two{inset:43px 3px 19px;transform:rotate(-18deg)}.domain-art-card{position:absolute;display:grid;place-items:center;width:125px;height:76px;border:1px solid rgba(255,255,255,.78);border-radius:21px;background:linear-gradient(135deg,rgba(255,255,255,.94),color-mix(in srgb,var(--primary-soft),#c7f7ff 48%));color:var(--primary);box-shadow:0 18px 35px rgba(71,42,112,.18);transform:rotate(-8deg) skewX(-4deg)}.domain-art-card .icon{width:28px;height:28px}.domain-art-card.card-one{z-index:3;top:35px;left:89px}.domain-art-card.card-two{z-index:2;top:84px;left:79px}.domain-art-card.card-three{z-index:1;top:132px;left:69px}.domain-hero-art>b{position:absolute;z-index:4;top:9px;right:48px;width:29px;height:29px;background:linear-gradient(135deg,#19bfff,#e628ef);clip-path:polygon(50% 0,61% 38%,100% 50%,61% 62%,50% 100%,39% 62%,0 50%,39% 38%)}
.domain-quick-stats{position:relative;display:grid;gap:9px;padding:22px;overflow:hidden;border:1px solid rgba(255,255,255,.34);border-radius:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--primary-dark),#4b00ff 38%),var(--primary) 48%,#d725d4);color:#fff;box-shadow:0 16px 38px rgba(var(--primary-rgb),.25)}.domain-quick-stats:before{position:absolute;top:-72px;right:-45px;width:185px;height:185px;border-radius:38% 62% 54% 46%;background:rgba(255,255,255,.13);transform:rotate(28deg);content:''}.domain-quick-stats header{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-bottom:3px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.2)}.domain-quick-stats header span{font-size:15px;font-weight:700}.domain-quick-stats header small{color:rgba(255,255,255,.7);font-size:8.5px;text-align:right}.domain-quick-stats>div{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:46px;padding:9px 11px;border:1px solid rgba(255,255,255,.16);border-radius:11px;background:rgba(255,255,255,.1);backdrop-filter:blur(8px)}.domain-quick-stats>div>span{display:flex;align-items:center;gap:7px;color:rgba(255,255,255,.84);font-size:10.5px}.domain-quick-stats .icon{width:16px;height:16px;flex:0 0 16px}.domain-quick-stats>div>strong{max-width:53%;overflow:hidden;font-size:10.5px;text-align:right;text-overflow:ellipsis;white-space:nowrap}
.domain-record-panel{overflow:hidden;border-radius:17px;box-shadow:0 8px 26px rgba(36,23,51,.055)}.domain-record-panel>.panel-head{padding:18px 20px;background:linear-gradient(90deg,var(--surface),var(--primary-softest))}.domain-section-kicker{display:block;margin-bottom:4px;color:var(--primary);font-size:9px;font-weight:800;letter-spacing:.13em}.domain-record-panel>.panel-head h2{font-size:17px}.domain-record-panel>.panel-head p{margin-top:4px}.domain-record-count{padding:7px 10px;border:1px solid var(--primary-border);border-radius:999px;background:var(--surface);color:var(--primary);font-size:10.5px;font-weight:700}.domain-record-table table{font-size:11.5px}.domain-record-table th{padding:11px 15px;background:var(--surface-soft);font-size:10px}.domain-record-table td{padding:13px 15px}.domain-record-table tbody tr{transition:background .15s}.domain-record-table tbody tr:hover{background:var(--primary-softest)}.domain-record-table .record-type{display:inline-flex;min-width:32px;justify-content:center;padding:5px 7px;border-radius:6px;background:var(--primary-soft);color:var(--primary);font-weight:700}.domain-record-table code{padding:5px 7px;border:1px solid color-mix(in srgb,var(--line),transparent 18%);border-radius:6px;background:var(--surface-soft);color:var(--text);font-size:10.5px}.domain-record-table .copy-btn{padding:7px 10px;border:1px solid var(--primary-border);border-radius:7px;background:var(--surface);font-weight:600}.domain-record-table .copy-btn:hover{background:var(--primary);color:var(--primary-contrast)}.domain-record-panel .dkim-progress{margin:14px 16px 0;padding:13px 15px;border-radius:10px}
.domain-check-note{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;margin:13px 0 18px;padding:15px 17px;border:1px solid var(--primary-border);border-radius:13px;background:linear-gradient(135deg,var(--primary-softest),var(--surface));color:var(--text)}.domain-check-note>span{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:var(--primary-soft);color:var(--primary)}.domain-check-note .icon{width:20px;height:20px}.domain-check-note strong{font-size:11.5px}.domain-check-note p{margin:4px 0 0;color:var(--muted);font-size:10.5px;line-height:1.5}.domain-danger-zone{margin:0 0 18px;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.domain-danger-zone>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;cursor:pointer;list-style:none}.domain-danger-zone>summary::-webkit-details-marker{display:none}.domain-danger-zone>summary span strong,.domain-danger-zone>summary span small{display:block}.domain-danger-zone>summary span strong{font-size:12px}.domain-danger-zone>summary span small{margin-top:3px;color:var(--muted);font-size:10.5px}.domain-danger-zone>summary>b{color:#b42332;font-size:10.5px}.domain-danger-zone[open]>summary{border-bottom:1px solid #f1d2d6;background:#fffafb}.domain-danger-zone>form{padding:15px 16px}
.dark-theme .domain-hero-main{background:radial-gradient(circle at 76% 25%,rgba(42,196,236,.13),transparent 27%),radial-gradient(circle at 92% 75%,rgba(223,61,238,.12),transparent 29%),linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--primary),var(--surface) 85%))}.dark-theme .domain-hero-top .context-back{background:rgba(38,31,43,.72)}.dark-theme .domain-art-card{border-color:rgba(255,255,255,.12);background:linear-gradient(135deg,#2d2732,color-mix(in srgb,var(--primary),#1e1a22 72%))}.dark-theme .domain-record-panel>.panel-head,.dark-theme .domain-check-note{background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--primary),var(--surface) 88%))}.dark-theme .domain-danger-zone[open]>summary{background:color-mix(in srgb,#b42332,var(--surface) 91%)}
@media(max-width:1220px){.domain-hero-main{padding-right:305px}.domain-hero-art{right:-7px;transform:scale(.86);transform-origin:center right}}@media(max-width:1040px){.domain-dashboard-hero{grid-template-columns:1fr}.domain-quick-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.domain-quick-stats header{grid-column:1/-1}.domain-hero-main{padding-right:335px}}@media(max-width:700px){.domain-dashboard-hero{gap:11px}.domain-hero-main{min-height:auto;padding:20px}.domain-hero-art{display:none}.domain-hero-main h2{font-size:25px}.domain-hero-main h2 strong{white-space:normal}.domain-hero-actions{align-items:stretch;flex-direction:column}.domain-hero-actions form,.domain-hero-actions .btn{width:100%}.domain-quick-stats{grid-template-columns:1fr;padding:16px}.domain-quick-stats header{grid-column:auto}.domain-record-panel>.panel-head{align-items:flex-start;gap:10px}.domain-check-note{grid-template-columns:34px minmax(0,1fr);padding:13px}.domain-check-note>span{width:34px;height:34px}.domain-danger-zone>summary{align-items:flex-start;flex-direction:column}.domain-danger-zone>summary>b{align-self:flex-end}}

/* Tinh chỉnh thẻ gói và bảng DNS: rõ cấp độ, dễ đọc trên màn hình rộng. */
.billing-plan-selector{gap:16px;padding:5px 2px 3px}.billing-plan-selector>legend{margin-bottom:6px;font-size:15px;letter-spacing:-.15px}.billing-plan-choice{min-height:365px;padding:22px 20px 19px;overflow:visible;border-color:color-mix(in srgb,var(--line),#a9b2bf 18%);border-radius:18px;background:linear-gradient(155deg,var(--surface),color-mix(in srgb,var(--surface-soft),var(--surface) 55%));box-shadow:0 8px 24px rgba(34,24,48,.055)}.billing-plan-choice:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--primary),var(--line) 46%);box-shadow:0 16px 38px rgba(var(--primary-rgb),.12)}.billing-plan-choice.selected{padding:20px 18px 17px;border:3px solid var(--primary);background:radial-gradient(circle at 100% 0,rgba(var(--primary-rgb),.15),transparent 34%),linear-gradient(150deg,var(--surface),var(--primary-softest));box-shadow:0 16px 42px rgba(var(--primary-rgb),.17)}.billing-plan-choice:before{height:5px;border-radius:16px 16px 0 0;background:linear-gradient(90deg,var(--primary),#cb40e4,#348bf4)}.billing-plan-choice header{min-height:79px;padding-right:38px}.billing-plan-choice header>span{max-width:90%;margin-bottom:9px;font-size:10px;line-height:1.5}.billing-plan-choice header>strong{font-family:"Be Vietnam Pro",Inter,sans-serif;font-size:19px;letter-spacing:-.3px}.billing-choice-radio{top:18px;right:18px;width:20px;height:20px;border-color:#89929d;box-shadow:0 0 0 4px var(--surface)}.billing-plan-choice.selected .billing-choice-radio{border-width:6px;box-shadow:0 0 0 4px var(--primary-soft)}.billing-choice-popular{top:13px;right:49px;padding:5px 10px;border-width:0;font-size:9px;box-shadow:0 7px 18px rgba(var(--primary-rgb),.27)}.billing-plan-choice:has(.billing-choice-popular) .billing-choice-radio{top:18px}.billing-choice-price{min-height:83px;margin:10px 0 17px;padding:5px 0 17px}.billing-choice-price>strong{font-family:"Be Vietnam Pro",Inter,sans-serif;font-size:29px;letter-spacing:-.7px}.billing-choice-price>small{padding-bottom:2px;font-size:10.5px}.billing-choice-price>span{margin-top:7px;font-size:10.5px}.billing-plan-choice ul{gap:11px;margin-bottom:19px}.billing-plan-choice li{grid-template-columns:19px minmax(0,1fr);gap:9px;font-size:12px;line-height:1.5}.billing-plan-choice li .icon{width:18px;height:18px;stroke-width:2}.billing-choice-action{position:relative;z-index:5;min-height:38px;margin:0 -4px -2px;padding:10px 13px 0;border:1px solid var(--primary-border);border-radius:10px;background:var(--surface);font-size:11.5px;transition:background .18s,color .18s,border-color .18s,box-shadow .18s}.billing-plan-choice:hover .billing-choice-action{border-color:var(--primary);background:var(--primary-softest)}.billing-plan-choice.selected .billing-choice-action{border-color:var(--primary);background:linear-gradient(90deg,var(--primary),color-mix(in srgb,var(--primary),#ad42e9 45%));color:var(--primary-contrast);box-shadow:0 7px 18px rgba(var(--primary-rgb),.2)}
.domain-record-panel{border-color:color-mix(in srgb,var(--primary),var(--line) 83%);box-shadow:0 12px 34px rgba(36,23,51,.07)}.domain-record-panel>.panel-head{min-height:92px;padding:19px 22px}.domain-record-panel>.panel-head h2{font-family:"Be Vietnam Pro",Inter,sans-serif;font-size:18px;letter-spacing:-.25px}.domain-record-panel>.panel-head p{font-size:11px}.domain-record-count{padding:8px 12px;font-size:11px}.domain-record-table{overflow-x:auto}.domain-record-table table{min-width:1080px;table-layout:fixed;font-size:12px}.domain-record-table th:nth-child(1){width:6%}.domain-record-table th:nth-child(2){width:13%}.domain-record-table th:nth-child(3){width:auto}.domain-record-table th:nth-child(4){width:7%}.domain-record-table th:nth-child(5){width:9%}.domain-record-table th:nth-child(6){width:9%}.domain-record-table th{height:43px;padding:11px 16px;color:var(--muted);font-size:10px;letter-spacing:.055em}.domain-record-table td{height:58px;padding:11px 16px;line-height:1.45}.domain-record-table td:nth-child(3){min-width:0;max-width:none}.domain-record-table code{display:inline-block;max-width:100%;padding:5px 8px;font-size:11px;line-height:1.48;vertical-align:middle}.domain-record-table td:nth-child(3)>code{display:block;max-height:72px;overflow:auto;white-space:normal;overflow-wrap:anywhere;word-break:break-word;scrollbar-width:thin;scrollbar-color:var(--primary-border) transparent}.domain-record-table td:nth-child(3)>code::-webkit-scrollbar{width:5px;height:5px}.domain-record-table td:nth-child(3)>code::-webkit-scrollbar-thumb{border-radius:999px;background:var(--primary-border)}.domain-record-table .record-type{min-width:36px;padding:6px 8px;font-size:11px}.domain-record-table .badge{white-space:nowrap}.domain-record-table .copy-btn{min-width:72px;min-height:34px;padding:7px 11px;border-radius:8px;font-size:11.5px}.domain-record-table tbody tr:nth-child(even){background:color-mix(in srgb,var(--surface-soft),transparent 45%)}
.dark-theme .billing-plan-choice{background:linear-gradient(155deg,var(--surface),var(--surface-soft))}.dark-theme .billing-plan-choice.selected{background:radial-gradient(circle at 100% 0,rgba(var(--primary-rgb),.16),transparent 34%),linear-gradient(150deg,var(--surface),color-mix(in srgb,var(--primary),var(--surface) 88%))}.dark-theme .billing-choice-radio{box-shadow:0 0 0 4px var(--surface)}.dark-theme .billing-choice-action{background:var(--surface-soft)}
@media(max-width:1180px){.billing-plan-choice{min-height:345px}.domain-record-table table{min-width:1000px}}@media(max-width:760px){.billing-plan-selector{gap:13px}.billing-plan-choice,.billing-plan-choice.selected{min-height:0;padding:20px 18px}.billing-plan-choice header{min-height:62px}.billing-choice-price{min-height:0}.billing-choice-popular{top:14px}.domain-record-panel>.panel-head{min-height:0;padding:16px}.domain-record-table table{min-width:900px}}

/* ===== MailTui unified analytics theme: Admin, Workspace và Member ===== */
body.portal-admin,body.portal-owner,body.portal-member{--bg:#f4f5fb;--surface:#fff;--surface-soft:#f8f8fc;--text:#20202a;--muted:#71717f;--line:#e7e7ef;--radius:14px;--shadow:0 8px 26px rgba(38,27,59,.055);background:var(--bg)}
body.portal-admin.dark-theme,body.portal-owner.dark-theme,body.portal-member.dark-theme{--bg:#151219;--surface:#1e1a22;--surface-soft:#252129;--text:#f2edf5;--muted:#b5aeba;--line:#39323f;--shadow:0 10px 30px rgba(0,0,0,.2)}
.portal-admin .main-area,.portal-owner .main-area,.portal-member .main-area{min-height:100vh;background:radial-gradient(circle at 88% 3%,rgba(var(--primary-rgb),.065),transparent 24%),var(--bg)}
.portal-admin .topbar,.portal-owner .topbar,.portal-member .topbar{height:72px;padding:0 30px;border-bottom:1px solid color-mix(in srgb,var(--line),transparent 12%);background:color-mix(in srgb,var(--surface),transparent 5%);box-shadow:0 1px 0 rgba(255,255,255,.65);backdrop-filter:blur(16px)}
.portal-admin .topbar h1{font-family:var(--font-display);font-size:16px;font-weight:700}.portal-admin .topbar p{margin-top:3px;font-size:11px}.portal-admin .content,.portal-owner .content,.portal-member .content{padding:25px 30px 55px}.portal-admin .content{padding-right:28px;padding-left:28px}.portal-admin .topbar-actions,.portal-owner .topbar-actions,.portal-member .topbar-actions{gap:10px}.portal-admin .system-status,.portal-owner .system-status,.portal-member .system-status{display:inline-flex;min-height:34px;align-items:center;gap:8px;padding:0 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface);box-shadow:0 3px 12px rgba(33,23,44,.04);font-size:10.5px}.portal-admin .global-search,.portal-owner .global-search,.portal-member .global-search{height:43px;max-width:760px;border-color:var(--line);border-radius:12px;background:var(--surface-soft);box-shadow:inset 0 1px 2px rgba(31,23,42,.025)}.portal-admin .global-search:focus-within,.portal-owner .global-search:focus-within,.portal-member .global-search:focus-within{border-color:var(--primary-border);background:var(--surface);box-shadow:0 0 0 4px rgba(var(--primary-rgb),.09)}
.portal-admin .page-intro,.portal-owner .page-intro,.portal-member .page-intro{min-height:72px;align-items:center;margin-bottom:18px;padding:3px 2px}.portal-admin .page-intro h2,.portal-owner .page-intro h2,.portal-member .page-intro h2{font-size:22px;font-weight:700;letter-spacing:-.65px}.portal-admin .page-intro p,.portal-owner .page-intro p,.portal-member .page-intro p{margin-top:6px;font-size:12px;line-height:1.55}.portal-admin .date-chip,.portal-owner .date-chip,.portal-member .date-chip{padding:8px 12px;border-color:var(--line);border-radius:999px;background:var(--surface);box-shadow:0 4px 14px rgba(35,25,48,.045);font-weight:600}
.portal-admin .panel,.portal-owner .panel,.portal-member .panel{margin-bottom:18px;overflow:hidden;border-color:var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow)}.portal-admin .panel:hover,.portal-owner .panel:hover,.portal-member .panel:hover{border-color:color-mix(in srgb,var(--primary),var(--line) 82%)}.portal-admin .panel-head,.portal-owner .panel-head,.portal-member .panel-head{min-height:66px;padding:14px 18px;border-bottom-color:var(--line);background:linear-gradient(90deg,var(--surface),color-mix(in srgb,var(--primary-softest),var(--surface) 72%))}.portal-admin .panel-head h2,.portal-owner .panel-head h2,.portal-member .panel-head h2{font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:-.25px}.portal-admin .panel-head p,.portal-owner .panel-head p,.portal-member .panel-head p{margin-top:4px;font-size:11px;line-height:1.45}.portal-admin .panel-head>a,.portal-owner .panel-head>a,.portal-member .panel-head>a{padding:7px 9px;border-radius:8px;font-size:11px;font-weight:600}.portal-admin .panel-head>a:hover,.portal-owner .panel-head>a:hover,.portal-member .panel-head>a:hover{background:var(--primary-soft);color:var(--primary)}.portal-admin .two-columns,.portal-owner .two-columns,.portal-member .two-columns{gap:18px}.portal-admin .admin-columns{grid-template-columns:repeat(2,minmax(0,1fr))}
.portal-admin .stats-grid,.portal-owner .stats-grid,.portal-member .stats-grid{gap:15px;margin-bottom:19px}.portal-admin .stat-card,.portal-owner .stat-card,.portal-member .stat-card{position:relative;min-height:108px;padding:18px;overflow:hidden;border-color:var(--line);border-radius:16px;background:linear-gradient(145deg,var(--surface),var(--surface-soft));box-shadow:0 8px 24px rgba(39,27,55,.055);transition:transform .18s,border-color .18s,box-shadow .18s}.portal-admin .stat-card:hover,.portal-owner .stat-card:hover,.portal-member .stat-card:hover{transform:translateY(-3px);border-color:var(--primary-border);box-shadow:0 15px 34px rgba(var(--primary-rgb),.11)}.portal-admin .stat-card:after,.portal-owner .stat-card:after,.portal-member .stat-card:after{position:absolute;right:-28px;bottom:-42px;width:100px;height:100px;border-radius:50%;background:rgba(var(--primary-rgb),.045);content:''}.portal-admin .stat-icon,.portal-owner .stat-icon,.portal-member .stat-icon{width:46px;height:46px;flex-basis:46px;border-radius:13px}.portal-admin .stat-icon .icon,.portal-owner .stat-icon .icon,.portal-member .stat-icon .icon{width:22px;height:22px}.portal-admin .stat-card span,.portal-owner .stat-card span,.portal-member .stat-card span{font-size:11px;font-weight:600}.portal-admin .stat-card strong,.portal-owner .stat-card strong,.portal-member .stat-card strong{margin:4px 0 2px;font-family:var(--font-display);font-size:24px;font-weight:700}.portal-admin .stat-card small,.portal-owner .stat-card small,.portal-member .stat-card small{font-size:10.5px}.stat-card.stat-tone-blue{border-top:3px solid #3478f6}.stat-card.stat-tone-violet{border-top:3px solid var(--primary)}.stat-card.stat-tone-green{border-top:3px solid #18a66a}.stat-card.stat-tone-orange{border-top:3px solid #eb8b2b}.stat-card.stat-tone-security{border-top:3px solid #d144ba}.stat-icon.security{background:#fbe9f8;color:#bc369f}.panel>.stats-grid{margin:0;padding:17px}
.portal-admin .list,.portal-owner .list,.portal-member .list{padding:5px 0}.portal-admin .list-row,.portal-owner .list-row,.portal-member .list-row{min-height:62px;padding:10px 17px;border-bottom-color:var(--line);transition:background .15s,transform .15s}.portal-admin .list-row:hover,.portal-owner .list-row:hover,.portal-member .list-row:hover{background:var(--primary-softest)}.portal-admin .list-row strong,.portal-owner .list-row strong,.portal-member .list-row strong{font-size:12px;font-weight:600}.portal-admin .list-row small,.portal-owner .list-row small,.portal-member .list-row small{margin-top:4px;font-size:10.5px}.portal-admin .item-icon,.portal-owner .item-icon,.portal-member .item-icon{width:38px;height:38px;flex-basis:38px;border-radius:11px;background:var(--primary-soft);color:var(--primary)}.portal-admin .item-icon .icon,.portal-owner .item-icon .icon,.portal-member .item-icon .icon{width:18px;height:18px}.portal-admin .mail-avatar,.portal-owner .mail-avatar,.portal-member .mail-avatar{width:38px;height:38px;flex-basis:38px}
.portal-admin table,.portal-owner table,.portal-member table{font-size:12px}.portal-admin th,.portal-owner th,.portal-member th{height:43px;padding:11px 14px;background:var(--surface-soft);color:var(--muted);font-size:9.5px;letter-spacing:.07em}.portal-admin td,.portal-owner td,.portal-member td{padding:12px 14px;border-top-color:var(--line);color:var(--text);line-height:1.45}.portal-admin tbody tr,.portal-owner tbody tr,.portal-member tbody tr{transition:background .14s}.portal-admin tbody tr:hover,.portal-owner tbody tr:hover,.portal-member tbody tr:hover{background:var(--primary-softest)}.portal-admin td strong,.portal-owner td strong,.portal-member td strong{font-weight:600}.portal-admin td code,.portal-owner td code,.portal-member td code{padding:4px 7px;border:1px solid var(--line);border-radius:6px;background:var(--surface-soft);color:var(--text)}
.portal-admin label,.portal-owner label,.portal-member label{gap:7px;color:var(--text);font-size:11px;font-weight:600}.portal-admin input,.portal-admin select,.portal-owner input,.portal-owner select,.portal-member input,.portal-member select{height:42px;padding:9px 11px;border-color:var(--line);border-radius:9px;background:var(--surface);font-size:12px}.portal-admin textarea,.portal-owner textarea,.portal-member textarea{padding:10px 11px;border-color:var(--line);border-radius:9px;background:var(--surface);font-size:12px}.portal-admin input:focus,.portal-admin select:focus,.portal-admin textarea:focus,.portal-owner input:focus,.portal-owner select:focus,.portal-owner textarea:focus,.portal-member input:focus,.portal-member select:focus,.portal-member textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(var(--primary-rgb),.1)}.portal-admin .form-grid,.portal-owner .form-grid,.portal-member .form-grid{gap:16px;padding:18px}.portal-admin .inline-form,.portal-owner .inline-form,.portal-member .inline-form{gap:12px;padding:18px}.portal-admin .btn,.portal-owner .btn,.portal-member .btn{min-height:38px;padding:0 14px;border-color:var(--line);border-radius:9px;background:var(--surface);font-size:11.5px;font-weight:600;transition:transform .14s,border-color .14s,background .14s,box-shadow .14s}.portal-admin .btn:hover,.portal-owner .btn:hover,.portal-member .btn:hover{transform:translateY(-1px);border-color:var(--primary-border);background:var(--primary-softest)}.portal-admin .btn-primary,.portal-owner .btn-primary,.portal-member .btn-primary{border-color:var(--primary);background:linear-gradient(90deg,var(--primary),color-mix(in srgb,var(--primary),#ac3ce5 35%));color:var(--primary-contrast);box-shadow:0 7px 18px rgba(var(--primary-rgb),.2)}.portal-admin .btn-primary:hover,.portal-owner .btn-primary:hover,.portal-member .btn-primary:hover{border-color:var(--primary-dark);background:linear-gradient(90deg,var(--primary-dark),var(--primary));box-shadow:0 10px 24px rgba(var(--primary-rgb),.28)}.portal-admin .btn-small,.portal-owner .btn-small,.portal-member .btn-small{min-height:31px;padding:0 10px;font-size:10.5px}.portal-admin .badge,.portal-owner .badge,.portal-member .badge{padding:5px 9px;font-size:10.5px;font-weight:600}.portal-admin .alert,.portal-owner .alert,.portal-member .alert{min-height:45px;padding:10px 14px;border-radius:11px;font-size:11.5px}.portal-admin .empty-state,.portal-owner .empty-state,.portal-member .empty-state{padding:48px 24px}.portal-admin .empty-state>.icon,.portal-owner .empty-state>.icon,.portal-member .empty-state>.icon{width:34px;height:34px}.portal-admin .empty-state h3,.portal-owner .empty-state h3,.portal-member .empty-state h3{font-family:var(--font-display);font-size:15px;font-weight:700}.portal-admin .narrow-panel{max-width:1180px}.portal-admin .section-title,.portal-owner .section-title,.portal-member .section-title{padding:7px 0 14px}.portal-admin .section-title h2,.portal-owner .section-title h2,.portal-member .section-title h2{font-size:15px}.portal-admin .section-title p,.portal-owner .section-title p,.portal-member .section-title p{margin-top:4px;font-size:11px;line-height:1.5}
.portal-admin .action-menu>summary,.portal-owner .action-menu>summary,.portal-member .action-menu>summary{min-height:32px;padding:0 10px;border-color:var(--line);border-radius:8px;background:var(--surface);font-weight:600}.portal-admin .action-popover,.portal-owner .action-popover,.portal-member .action-popover{border-color:var(--line);border-radius:13px;background:var(--surface);box-shadow:0 22px 60px rgba(24,16,33,.22)}.portal-admin .compact-filter,.portal-owner .compact-filter,.portal-member .compact-filter{padding:5px;border:1px solid var(--line);border-radius:11px;background:var(--surface);box-shadow:0 5px 18px rgba(35,25,48,.05)}
.portal-owner .onboarding{overflow:hidden;padding:25px 27px;border-radius:17px;background:radial-gradient(circle at 85% 5%,rgba(255,255,255,.19),transparent 26%),linear-gradient(120deg,var(--primary-dark),var(--primary),#b638d6);box-shadow:0 15px 35px rgba(var(--primary-rgb),.2)}.portal-owner .onboarding h2{font-size:19px}.portal-owner .onboarding p{margin-top:5px;font-size:11.5px}.portal-member .mail-list .mail-row,.portal-owner .mail-list .mail-row{border-bottom-color:var(--line);background:var(--surface)}.portal-member .mail-list .mail-row.unread,.portal-owner .mail-list .mail-row.unread{background:linear-gradient(90deg,var(--primary-softest),var(--surface))}.portal-member .mail-list .mail-row:hover,.portal-owner .mail-list .mail-row:hover{background:var(--primary-softest)}.portal-member .mail-toolbar,.portal-owner .mail-toolbar{min-height:62px;padding:12px 16px;background:linear-gradient(90deg,var(--surface),var(--surface-soft))}
.portal-admin .domain-record-panel>.panel-head,.portal-owner .domain-record-panel>.panel-head{min-height:92px;padding:19px 22px}.portal-owner .billing-plan-choice,.portal-admin .billing-plan-choice{overflow:visible}.portal-owner .billing-choice-action{min-height:38px}.portal-owner .billing-checkout-panel{border-radius:18px}.portal-owner .billing-resource-overview{box-shadow:none}

/* Dashboard hero dùng cùng ngôn ngữ hình ảnh với analytics theme tham chiếu. */
.portal-dashboard-hero{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(285px,.65fr);gap:17px;margin:2px 0 20px}.portal-dashboard-welcome{position:relative;min-height:282px;padding:34px 350px 31px 34px;overflow:hidden;border:1px solid color-mix(in srgb,var(--primary),var(--line) 76%);border-radius:21px;background:radial-gradient(circle at 78% 20%,rgba(65,219,255,.19),transparent 25%),radial-gradient(circle at 93% 79%,rgba(231,57,240,.16),transparent 29%),linear-gradient(135deg,var(--surface) 10%,color-mix(in srgb,var(--primary-softest),#eaffff 64%) 58%,color-mix(in srgb,var(--primary-soft),#ffe8ff 56%));box-shadow:0 15px 42px rgba(39,26,57,.08)}.portal-dashboard-welcome:before{position:absolute;inset:0;background-image:linear-gradient(rgba(var(--primary-rgb),.035) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--primary-rgb),.035) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(90deg,transparent 38%,#000);content:''}.portal-hero-kicker{position:relative;color:var(--primary);font-size:10px;font-weight:800;letter-spacing:.15em}.portal-dashboard-welcome h2{position:relative;max-width:650px;margin:11px 0 11px;font-family:var(--font-display);font-size:30px;letter-spacing:-1px;line-height:1.2}.portal-dashboard-welcome h2 strong{background:linear-gradient(90deg,var(--primary),#d02bd7 65%,#2f8bf4);background-clip:text;-webkit-background-clip:text;color:transparent}.portal-dashboard-welcome>p{position:relative;max-width:620px;margin:0;color:var(--muted);font-size:12.5px;line-height:1.7}.portal-hero-actions{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:9px 14px;margin-top:22px}.portal-hero-actions .btn{min-height:41px;padding:0 17px}.portal-hero-actions .btn .icon{width:16px;height:16px;margin-right:7px}.portal-hero-actions>span{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:10.5px}.portal-hero-actions>span .icon{width:15px;height:15px;color:#1ba56b}.portal-hero-art{position:absolute;top:23px;right:18px;width:315px;height:235px}.portal-hero-art .orbit{position:absolute;border:1px solid rgba(var(--primary-rgb),.2);border-radius:50%}.portal-hero-art .orbit.one{inset:16px 28px;transform:rotate(17deg)}.portal-hero-art .orbit.two{inset:46px 3px 31px;transform:rotate(-18deg)}.portal-hero-art .tile{position:absolute;display:grid;place-items:center;width:136px;height:81px;border:1px solid rgba(255,255,255,.75);border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.94),color-mix(in srgb,var(--primary-soft),#c8f7ff 48%));color:var(--primary);box-shadow:0 18px 35px rgba(71,42,112,.18);transform:rotate(-8deg) skewX(-5deg)}.portal-hero-art .tile .icon{width:29px;height:29px}.portal-hero-art .tile.one{z-index:3;top:34px;left:86px}.portal-hero-art .tile.two{z-index:2;top:82px;left:77px}.portal-hero-art .tile.three{z-index:1;top:130px;left:68px}.portal-hero-art>b{position:absolute;z-index:4;top:9px;right:49px;width:29px;height:29px;background:linear-gradient(135deg,#19bfff,#e628ef);clip-path:polygon(50% 0,61% 38%,100% 50%,61% 62%,50% 100%,39% 62%,0 50%,39% 38%)}
.portal-dashboard-pulse{position:relative;display:grid;gap:10px;padding:22px;overflow:hidden;border:1px solid rgba(255,255,255,.32);border-radius:21px;background:linear-gradient(145deg,color-mix(in srgb,var(--primary-dark),#4b00ff 38%),var(--primary) 48%,#cf2fd5);color:#fff;box-shadow:0 17px 40px rgba(var(--primary-rgb),.24)}.portal-dashboard-pulse:before{position:absolute;top:-75px;right:-48px;width:190px;height:190px;border-radius:38% 62% 54% 46%;background:rgba(255,255,255,.13);transform:rotate(27deg);content:''}.portal-dashboard-pulse header{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:8px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.2)}.portal-dashboard-pulse header span{font-family:var(--font-display);font-size:16px;font-weight:700}.portal-dashboard-pulse header small{color:rgba(255,255,255,.68);font-size:8.5px;letter-spacing:.08em}.portal-dashboard-pulse>div{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:47px;padding:10px 12px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(255,255,255,.1);backdrop-filter:blur(8px)}.portal-dashboard-pulse>div>span{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.84);font-size:10.5px}.portal-dashboard-pulse>div .icon{width:16px;height:16px}.portal-dashboard-pulse>div>strong{font-family:var(--font-display);font-size:14px}.portal-dashboard-pulse footer{position:relative;display:flex;align-items:center;gap:8px;margin-top:auto;color:rgba(255,255,255,.78);font-size:9.5px}.portal-dashboard-pulse footer .status-dot{background:#67f4a6;box-shadow:0 0 0 4px rgba(103,244,166,.16)}
.dark-theme .portal-dashboard-welcome{background:radial-gradient(circle at 76% 22%,rgba(42,196,236,.12),transparent 27%),radial-gradient(circle at 92% 77%,rgba(223,61,238,.11),transparent 29%),linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--primary),var(--surface) 86%))}.dark-theme .portal-hero-art .tile{border-color:rgba(255,255,255,.12);background:linear-gradient(135deg,#2d2732,color-mix(in srgb,var(--primary),#1e1a22 72%))}.dark-theme .portal-admin .panel-head,.dark-theme .portal-owner .panel-head,.dark-theme .portal-member .panel-head{background:linear-gradient(90deg,var(--surface),color-mix(in srgb,var(--primary),var(--surface) 91%))}.dark-theme .portal-admin tbody tr:hover,.dark-theme .portal-owner tbody tr:hover,.dark-theme .portal-member tbody tr:hover{background:color-mix(in srgb,var(--primary),var(--surface) 90%)}
@media(max-width:1280px){.portal-admin .content,.portal-owner .content,.portal-member .content{padding-right:22px;padding-left:22px}.portal-dashboard-welcome{padding-right:300px}.portal-hero-art{right:-8px;transform:scale(.86);transform-origin:center right}}@media(max-width:1080px){.portal-dashboard-hero{grid-template-columns:1fr}.portal-dashboard-pulse{grid-template-columns:repeat(3,minmax(0,1fr))}.portal-dashboard-pulse header,.portal-dashboard-pulse footer{grid-column:1/-1}.portal-dashboard-welcome{padding-right:340px}.portal-admin .stats-grid,.portal-owner .stats-grid,.portal-member .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.portal-admin .topbar,.portal-owner .topbar,.portal-member .topbar{height:64px;padding:0 14px}.portal-admin .content,.portal-owner .content,.portal-member .content{padding:18px 14px 40px}}@media(max-width:700px){.portal-dashboard-welcome{min-height:auto;padding:24px}.portal-dashboard-welcome h2{font-size:26px}.portal-hero-art{display:none}.portal-hero-actions{align-items:stretch;flex-direction:column}.portal-hero-actions .btn{width:100%}.portal-dashboard-pulse{grid-template-columns:1fr;padding:16px}.portal-dashboard-pulse header,.portal-dashboard-pulse footer{grid-column:auto}.portal-admin .stats-grid,.portal-owner .stats-grid,.portal-member .stats-grid{grid-template-columns:1fr}.portal-admin .page-intro,.portal-owner .page-intro,.portal-member .page-intro{align-items:flex-start;min-height:0;padding:0}.portal-admin .page-intro h2,.portal-owner .page-intro h2,.portal-member .page-intro h2{font-size:19px}.portal-admin .panel-head,.portal-owner .panel-head,.portal-member .panel-head{min-height:0;padding:14px}.portal-admin .form-grid,.portal-owner .form-grid,.portal-member .form-grid,.portal-admin .inline-form,.portal-owner .inline-form,.portal-member .inline-form{padding:14px}.portal-admin .stat-card,.portal-owner .stat-card,.portal-member .stat-card{min-height:96px}}
.dark-theme.portal-admin .panel-head,.dark-theme.portal-owner .panel-head,.dark-theme.portal-member .panel-head{background:linear-gradient(90deg,var(--surface),color-mix(in srgb,var(--primary),var(--surface) 91%))}.dark-theme.portal-admin tbody tr:hover,.dark-theme.portal-owner tbody tr:hover,.dark-theme.portal-member tbody tr:hover{background:color-mix(in srgb,var(--primary),var(--surface) 90%)}
.api-page-intro{align-items:flex-end}.api-secret-reveal{display:grid;grid-template-columns:minmax(250px,.7fr) minmax(0,1.3fr);gap:26px;padding:24px 26px;margin-bottom:20px;border:1px solid #f3c969;border-radius:18px;background:linear-gradient(135deg,#fffbeb,#fff 60%);box-shadow:0 12px 34px rgba(120,80,0,.08)}.api-secret-reveal h2{margin:5px 0 6px}.api-secret-reveal p{margin:0;color:var(--text-muted)}.api-credential-grid{display:grid;gap:12px}.api-credential-grid label{font-size:12px;font-weight:700}.copy-field{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px;padding:9px 10px 9px 14px;border:1px solid #ead8a4;border-radius:12px;background:#fff}.copy-field code{min-width:0;overflow:auto;white-space:nowrap;color:#4a3200}.api-stats{margin-bottom:20px}.api-token-panel{overflow:visible}.api-client-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:18px}.api-client-card{padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 8px 22px rgba(26,14,49,.04)}.api-client-card.is-active{border-color:var(--primary-border)}.api-client-card.is-revoked{opacity:.76}.api-client-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.api-client-card>header>div{display:flex;align-items:center;gap:11px;min-width:0}.api-client-card>header strong,.api-client-card>header code{display:block}.api-client-card>header code{margin-top:4px;font-size:11px;color:var(--text-muted)}.api-client-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--primary-soft);color:var(--primary)}.api-client-icon .icon{width:20px;height:20px}.api-client-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.api-client-metrics span{padding:10px;border-radius:11px;background:var(--surface-soft)}.api-client-metrics small,.api-client-metrics strong{display:block}.api-client-metrics small{font-size:10px;color:var(--text-muted)}.api-client-metrics strong{margin-top:3px;font-size:14px}.api-client-last{display:flex;align-items:center;gap:8px;padding:10px 0;border-top:1px solid var(--line);font-size:12px}.api-client-last span{color:var(--text-muted)}.api-client-last code{margin-left:auto}.api-client-card details{margin-top:5px;border-top:1px solid var(--line)}.api-client-card summary{padding:12px 0;cursor:pointer;color:var(--primary);font-weight:700}.api-client-card details form{padding:2px 0 12px}.api-client-card>footer{display:flex;gap:8px;justify-content:flex-end;padding-top:12px;border-top:1px solid var(--line)}.api-create-panel{scroll-margin-top:20px}.api-create-panel textarea{min-height:104px}.page-admin-api-logs .filter-bar{display:grid;grid-template-columns:2fr 1fr 1fr auto;align-items:end;gap:12px;padding:18px}.page-admin-api-logs .filter-bar label{margin:0}.page-admin-api-logs .filter-bar .btn{height:44px}.dark-theme .api-secret-reveal{background:linear-gradient(135deg,#322712,var(--surface) 60%);border-color:#725c25}.dark-theme .copy-field{background:var(--surface-soft);border-color:#725c25}.dark-theme .copy-field code{color:#f8dd8a}@media(max-width:980px){.api-secret-reveal{grid-template-columns:1fr}.api-client-grid{grid-template-columns:1fr}.page-admin-api-logs .filter-bar{grid-template-columns:1fr 1fr}}@media(max-width:620px){.api-page-intro{align-items:flex-start}.api-page-intro .form-actions{width:100%}.api-secret-reveal{padding:18px}.copy-field{align-items:stretch;flex-direction:column}.api-client-grid{padding:12px}.api-client-metrics{grid-template-columns:1fr}.page-admin-api-logs .filter-bar{grid-template-columns:1fr}}
:root{--text-muted:var(--muted)}

/* Phân biệt rõ cổng hộp thư thành viên với Business Console. */
.auth-shell-split .auth-heading h1:last-child{margin-bottom:0}
.member-login-theme{--primary:#087ea8!important;--primary-dark:#075f82!important;--primary-soft:#dff5fb!important;--primary-softest:#f0fbfe!important;--primary-border:#a9deeb!important;--primary-contrast:#fff!important;--primary-rgb:8,126,168!important;background:radial-gradient(circle at 8% 10%,#e1f4fa 0,transparent 29%),radial-gradient(circle at 92% 88%,#dcf7f3 0,transparent 28%),#f2f7f9}
.member-login-theme .auth-shell-split{border-color:#d5e5ea;box-shadow:0 24px 70px rgba(5,54,74,.16)}
.member-login-theme .auth-showcase{background:radial-gradient(circle at 13% 12%,rgba(49,208,225,.2),transparent 27%),linear-gradient(145deg,#062e49 0%,#075b78 50%,#0aa2a0 100%)}
.member-login-theme .auth-showcase:before,.member-login-theme .auth-showcase:after{border-color:rgba(159,239,239,.2)}
.member-login-theme .auth-showcase-eyebrow{color:#99e8ec}
.member-login-theme .auth-showcase-mark{background:rgba(112,227,231,.15);box-shadow:0 8px 24px rgba(0,28,46,.3)}
.member-login-theme .auth-showcase-features span{border-color:rgba(169,240,242,.22);background:rgba(123,225,230,.1)}
.member-login-theme .auth-showcase-features .icon{color:#a8f2f1}
.member-login-theme .auth-showcase-bars i{border-color:rgba(170,241,240,.3);background:rgba(126,226,226,.13)}
.member-login-theme .auth-login-panel{background:linear-gradient(145deg,#fff 0%,#f7fcfd 100%)}
.member-login-theme .auth-brand-panel .brand-mark{background:linear-gradient(135deg,#087ea8,#09a6a2);box-shadow:0 7px 18px rgba(8,126,168,.24)}
.member-login-theme .auth-heading{margin-bottom:25px}
.member-login-theme .auth-heading .eyebrow{display:inline-flex;margin:0 0 12px;padding:6px 9px;border:1px solid #b9e4ed;border-radius:999px;background:#e8f8fb;color:#087394;font-size:9.5px;letter-spacing:.09em}
.member-login-theme .auth-heading h1{color:#102b39}
.member-login-theme .auth-submit{border-color:#087ea8;background:linear-gradient(90deg,#087ea8,#079d9d);box-shadow:0 8px 20px rgba(8,126,168,.22)}
.member-login-theme .auth-submit:hover{border-color:#075f82;background:linear-gradient(90deg,#075f82,#087ea8)}
.member-login-theme .auth-switch a,.member-login-theme .auth-trust-line strong{color:#087394}

/* Lối chuyển nhanh từ khu quản lý sang trang đăng nhập hộp thư thành viên. */
.sidebar .nav-portal-switch{margin-top:3px;border-color:rgba(102,218,242,.18);background:linear-gradient(90deg,rgba(15,121,161,.22),rgba(12,171,167,.12));color:#d9f8ff}
.sidebar .nav-portal-switch .icon{color:#78e3ee}
.sidebar .nav-portal-switch:hover,.dark-theme .sidebar .nav-portal-switch:hover{border-color:rgba(121,230,240,.36);background:linear-gradient(90deg,rgba(18,143,180,.35),rgba(11,183,172,.22));color:#fff}

/* Quyền riêng tư giữa Business Console và hộp thư thành viên. */
.mail-privacy-card,.mail-access-denied{display:flex;align-items:center;gap:18px;padding:22px 24px;border-color:var(--primary-border);background:linear-gradient(120deg,var(--primary-softest),#fff)}
.mail-privacy-card>div,.mail-access-denied>div{min-width:0;flex:1}.mail-privacy-card h2,.mail-access-denied h2{margin:4px 0 7px;font-size:18px}.mail-privacy-card p,.mail-access-denied p{max-width:850px;margin:0;color:var(--muted);font-size:12px;line-height:1.65}
.mail-privacy-icon,.mail-access-denied-icon{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border-radius:14px;background:var(--primary-soft);color:var(--primary)}.mail-privacy-icon .icon,.mail-access-denied-icon .icon{width:23px;height:23px}
.mail-access-denied{max-width:900px;margin:44px auto;padding:34px}.mail-access-denied .btn{margin-top:18px}
.admin-mail-access-guide{overflow:hidden;border-color:var(--primary-border);background:linear-gradient(135deg,var(--primary-softest),#fff 60%)}
.admin-mail-access-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px}.admin-mail-access-modes article{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.admin-mail-access-modes article>span{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:10px;background:var(--primary-soft);color:var(--primary)}.admin-mail-access-modes strong,.admin-mail-access-modes small{display:block}.admin-mail-access-modes strong{font-size:12px}.admin-mail-access-modes small{margin-top:4px;color:var(--muted);font-size:10.5px;line-height:1.5}
.mail-access-form{padding:12px;border:1px solid var(--primary-border);border-radius:10px;background:var(--primary-softest)}
.notification-panel>footer span{margin-left:auto;color:var(--muted);font-size:9.5px}
.dark-theme .mail-privacy-card,.dark-theme .mail-access-denied,.dark-theme .admin-mail-access-guide{border-color:color-mix(in srgb,var(--primary),#1e1a22 58%);background:linear-gradient(120deg,color-mix(in srgb,var(--primary),#1e1a22 86%),var(--surface))}.dark-theme .admin-mail-access-modes article,.dark-theme .mail-access-form{border-color:var(--line);background:var(--surface-soft)}
@media(max-width:760px){.mail-privacy-card,.mail-access-denied{align-items:flex-start;flex-wrap:wrap;padding:20px}.mail-privacy-card>a{width:100%}.admin-mail-access-modes{grid-template-columns:1fr}}

/* Các tác vụ thiết lập trên trang hộp thư mở trong hộp thoại, giữ danh sách luôn ở gần đầu trang. */
.mailbox-page-actions{flex-wrap:wrap;justify-content:flex-end}.mailbox-storage-chart{display:grid;place-items:center;gap:18px;min-height:250px;margin:0;padding:22px 18px 24px;border-top:1px solid var(--line);background:linear-gradient(180deg,var(--surface),var(--surface-soft))}.mailbox-storage-donut{position:relative;display:grid;width:158px;aspect-ratio:1;place-items:center;border-radius:50%;background:conic-gradient(var(--primary) 0 var(--storage-used),#11b7c8 var(--storage-used) var(--storage-allocated),#2db47b var(--storage-allocated) 100%);box-shadow:0 13px 30px rgba(var(--primary-rgb),.13)}.mailbox-storage-donut:after{position:absolute;width:104px;aspect-ratio:1;border-radius:50%;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);content:''}.mailbox-storage-donut>span{position:relative;z-index:1;text-align:center}.mailbox-storage-donut strong,.mailbox-storage-donut small{display:block}.mailbox-storage-donut strong{font-family:var(--font-display);font-size:19px;letter-spacing:-.35px}.mailbox-storage-donut small{margin-top:3px;color:var(--muted);font-size:10px}.mailbox-storage-legend{display:flex;align-items:flex-start;justify-content:center;gap:13px 24px;flex-wrap:wrap}.mailbox-storage-legend>span{display:grid;grid-template-columns:10px auto;align-items:center;column-gap:7px}.mailbox-storage-legend i{width:9px;height:9px;border-radius:2px;background:var(--primary)}.mailbox-storage-legend .remaining i,.mailbox-storage-legend .reserved i{background:#11b7c8}.mailbox-storage-legend .available i{background:#2db47b}.mailbox-storage-legend b{color:var(--text);font-size:10.5px;font-weight:600}.mailbox-storage-legend small{grid-column:2;margin-top:2px;color:var(--muted);font-size:9.5px}.page-action-modal[open]{z-index:140}body:has(.page-action-modal[open]){overflow:hidden}.page-action-modal[open]::before{content:'';position:fixed;z-index:0;inset:0;background:rgba(17,12,20,.58);backdrop-filter:blur(2px)}.page-action-modal .action-popover{position:fixed;z-index:1;top:50%;left:50%;right:auto;width:min(460px,calc(100vw - 32px));max-height:calc(100vh - 40px);padding:16px;overflow-x:hidden;overflow-y:auto;transform:translate(-50%,-50%);border-radius:15px;box-shadow:0 24px 70px rgba(0,0,0,.34)}.page-action-modal.create-mailbox-modal .action-popover{width:min(680px,calc(100vw - 32px))}.page-action-modal .action-popover-head{top:-16px;margin:-16px -16px 16px;padding:14px 16px}.page-action-modal>summary{min-height:36px!important;padding:0 13px!important;border-color:var(--primary-border)!important;background:var(--surface)!important;color:var(--primary)!important;font-weight:700!important}.create-mailbox-modal>summary{border-color:var(--primary)!important;background:var(--primary)!important;color:var(--primary-contrast)!important;box-shadow:0 7px 18px rgba(var(--primary-rgb),.18)}.mailbox-create-form{padding:0!important}.mailbox-create-form .password-saved-confirm{grid-column:1/-1}.mailbox-create-form .form-actions{justify-content:flex-end}.quota-settings-modal .action-popover label small{display:block;margin-top:7px;line-height:1.55}.dark-theme .page-action-modal>summary{border-color:var(--line)!important;background:var(--surface)!important;color:color-mix(in srgb,var(--primary),white 30%)!important}.dark-theme .create-mailbox-modal>summary{border-color:var(--primary)!important;background:var(--primary)!important;color:var(--primary-contrast)!important}
@media(max-width:700px){.mailbox-page-actions{align-items:stretch;width:100%;flex-direction:column}.mailbox-page-actions>.date-chip,.mailbox-page-actions>.btn,.mailbox-page-actions>.action-menu>summary{width:100%}.mailbox-usage-grid{grid-template-columns:1fr!important}.page-action-modal .action-popover,.page-action-modal.create-mailbox-modal .action-popover{top:10px;right:10px;bottom:10px;left:10px;width:auto;max-height:none;transform:none}.mailbox-create-form{grid-template-columns:1fr!important}.mailbox-create-form .span-2{grid-column:auto}}

/* Chọn đúng loại nguồn trước khi mở biểu mẫu đồng bộ. */
.sync-method-panel{overflow:visible}.sync-method-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:18px}.sync-method-grid>.action-menu{min-width:0}.sync-method-grid .page-action-modal>summary.sync-method-card{display:flex!important;align-items:flex-start!important;flex-direction:column;width:100%;min-height:210px!important;padding:18px!important;white-space:normal!important;border:1px solid var(--line)!important;border-radius:15px!important;background:linear-gradient(145deg,var(--surface),var(--surface-soft))!important;color:var(--text)!important;box-shadow:0 8px 24px rgba(31,19,48,.045);transition:transform .18s,border-color .18s,box-shadow .18s}.sync-method-grid .page-action-modal>summary.sync-method-card:hover{transform:translateY(-3px);border-color:var(--primary-border)!important;box-shadow:0 15px 34px rgba(var(--primary-rgb),.11)}.sync-method-icon{display:grid;width:48px;height:48px;place-items:center;margin-bottom:21px;border-radius:14px;background:var(--primary-soft);color:var(--primary)}.sync-method-icon .icon{width:24px;height:24px}.sync-method-google .sync-method-icon{background:#e8f2ff;color:#2978dd}.sync-method-imap .sync-method-icon{background:#ede8ff;color:#6852d6}.sync-method-archive .sync-method-icon{background:#e7f8f0;color:#1c9868}.sync-method-card>span:not(.sync-method-icon){display:block}.sync-method-card strong,.sync-method-card small{display:block}.sync-method-card strong{font-family:var(--font-display);font-size:15px;letter-spacing:-.2px}.sync-method-card small{min-height:46px;margin-top:7px;color:var(--muted);font-size:10.5px;line-height:1.5}.sync-method-card>b{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:auto;padding-top:14px;border-top:1px solid var(--line);color:var(--primary);font-size:10.5px;font-weight:700}.sync-method-card>b span{font-size:15px}.sync-method-modal .action-popover{width:min(760px,calc(100vw - 32px))}.sync-method-archive .action-popover{width:min(820px,calc(100vw - 32px))}.sync-method-modal .sync-source-form,.sync-method-modal .archive-import-form{padding:0!important}.sync-method-modal .sync-source-form>.info-box,.sync-method-modal .archive-import-form>.info-box{margin:0}.sync-method-modal .sync-guide-links{margin-top:9px}.dark-theme .sync-method-grid .page-action-modal>summary.sync-method-card{border-color:var(--line)!important;background:linear-gradient(145deg,var(--surface),var(--surface-soft))!important;color:var(--text)!important}.dark-theme .sync-method-google .sync-method-icon{background:#1d3049;color:#79b7ff}.dark-theme .sync-method-imap .sync-method-icon{background:#30294e;color:#ad9cff}.dark-theme .sync-method-archive .sync-method-icon{background:#183b2e;color:#75d5ac}
.sync-method-modal .password-saved-confirm{grid-column:1/-1}
@media(max-width:1120px){.sync-method-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sync-method-grid .page-action-modal>summary.sync-method-card{min-height:185px!important}}@media(max-width:700px){.sync-method-grid{grid-template-columns:1fr;padding:12px}.sync-method-grid .page-action-modal>summary.sync-method-card{min-height:0!important}.sync-method-card small{min-height:0}.sync-method-modal .action-popover,.sync-method-archive .action-popover{top:10px;right:10px;bottom:10px;left:10px;width:auto;max-height:none;transform:none}.sync-method-modal .sync-source-form,.sync-method-modal .archive-import-form{grid-template-columns:1fr!important}.sync-method-modal .span-2,.sync-method-modal .password-saved-confirm{grid-column:auto}}