/* STAX Mail Interface 7 — aligned with STAX Interface 10 */
:root{color-scheme:light;--v7-bg:#f4f6fa;--v7-surface:#fff;--v7-ink:#10131a;--v7-muted:#697386;--v7-line:#dfe4ec;--v7-line2:#cbd3df;--v7-blue:#0866f5;--v7-blue2:#0057de;--v7-soft:#eef4ff;--v7-good:#16a268;--v7-warn:#e97018;--v7-danger:#d83c4d;--v7-shadow:0 1px 2px rgba(16,24,40,.04),0 14px 38px rgba(31,45,68,.08);--v7-width:1240px}
*{box-sizing:border-box}.ui-v7{margin:0;background:var(--v7-bg);color:var(--v7-ink);font-family:Inter,Pretendard,"Noto Sans KR",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.018em;-webkit-font-smoothing:antialiased}.ui-v7::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 10% 0,rgba(8,102,245,.07),transparent 25%),radial-gradient(circle at 100% 14%,rgba(101,77,255,.045),transparent 24%)}.ui-v7 a,.ui-v7 button{-webkit-tap-highlight-color:transparent}.ui-v7 a{color:inherit}.ui-v7 button,.ui-v7 input,.ui-v7 textarea,.ui-v7 select{font:inherit}.ui-v7 .skip{position:fixed;z-index:999;left:16px;top:-80px;padding:12px 16px;border-radius:12px;background:#111722;color:#fff}.ui-v7 .skip:focus{top:16px}
.ui-v7 .site-header{position:sticky;z-index:100;top:12px;width:min(var(--v7-width),calc(100% - 32px));height:66px;margin:12px auto 0;border:1px solid rgba(203,211,223,.82);border-radius:22px;background:rgba(255,255,255,.86);box-shadow:0 10px 35px rgba(30,48,75,.08);backdrop-filter:blur(24px) saturate(155%)}.ui-v7 .header-inner{width:100%;height:100%;padding:8px 10px 8px 14px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px}.ui-v7 .brand-group{display:flex;align-items:center;gap:10px}.ui-v7 .brand-group>i{width:1px;height:22px;background:var(--v7-line)}.ui-v7 .brand{display:flex;align-items:center;gap:9px;font-size:17px;font-weight:850;text-decoration:none;letter-spacing:-.04em}.ui-v7 .brand img{width:38px;height:38px;padding:10px;border-radius:12px;background:#111722;filter:brightness(0) invert(1)}.ui-v7 .brand-product{color:var(--v7-muted);font-size:14px;font-weight:750;text-decoration:none}.ui-v7 .primary-nav{justify-self:center;display:flex;align-items:center;gap:2px}.ui-v7 .primary-nav a,.ui-v7 .quiet-link{min-height:42px;padding:0 13px;display:inline-flex;align-items:center;gap:6px;border-radius:13px;color:#5d6879;font-size:13px;font-weight:700;text-decoration:none;transition:.18s}.ui-v7 .primary-nav a:hover,.ui-v7 .quiet-link:hover,.ui-v7 .primary-nav a[aria-current=page]{background:#f0f3f8;color:#111722}.ui-v7 .header-account{display:flex;align-items:center;gap:4px}.ui-v7 .header-cta{min-height:42px;padding:0 16px;display:inline-flex;align-items:center;gap:7px;border-radius:13px;background:var(--v7-blue);color:#fff;text-decoration:none;font-size:13px;font-weight:800;box-shadow:0 8px 22px rgba(8,102,245,.2);transition:.16s}.ui-v7 .header-cta:hover{background:var(--v7-blue2);transform:translateY(-1px)}.ui-v7 .header-cta:active{transform:scale(.975)}.ui-v7 .nav-toggle{display:none}.ui-v7>main:not(.mail-reader){width:min(var(--v7-width),calc(100% - 32px));margin:0 auto}.ui-v7 .site-footer{width:min(var(--v7-width),calc(100% - 32px));margin:24px auto;padding:30px 4px calc(30px + env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:end;gap:24px;border-top:1px solid var(--v7-line);color:var(--v7-muted);font-size:13px}.ui-v7 .site-footer>div>p{margin:12px 0 0}.ui-v7 .site-footer nav{display:flex;gap:17px;flex-wrap:wrap}.ui-v7 .site-footer a{text-decoration:none}.ui-v7 .site-footer a:hover{color:var(--v7-blue)}
.ui-v7 .btn,.ui-v7 button.button,.ui-v7 .button{min-height:48px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:15px;background:#fff;color:#243047;font-weight:800;text-decoration:none;cursor:pointer;transition:transform .16s,background .16s,box-shadow .16s,border .16s}.ui-v7 .btn.primary,.ui-v7 .button.primary,.ui-v7 button.primary{background:var(--v7-blue);color:#fff;box-shadow:0 8px 22px rgba(8,102,245,.2)}.ui-v7 .btn.primary:hover,.ui-v7 button.primary:hover{background:var(--v7-blue2);transform:translateY(-1px);box-shadow:0 12px 28px rgba(8,102,245,.24)}.ui-v7 .btn:active,.ui-v7 button:active{transform:scale(.975)}.ui-v7 .btn.secondary,.ui-v7 .button.secondary,.ui-v7 button.secondary{border:1px solid var(--v7-line);background:#fff;box-shadow:none}.ui-v7 .btn.full{width:100%}.ui-v7 button:disabled,.ui-v7 .btn[disabled]{opacity:.52;cursor:not-allowed;transform:none;box-shadow:none}.ui-v7 input,.ui-v7 textarea,.ui-v7 select{width:100%;min-height:50px;padding:0 15px;border:1px solid var(--v7-line2);border-radius:14px;outline:none;background:#fbfcfd;color:var(--v7-ink);transition:border .16s,box-shadow .16s,background .16s}.ui-v7 textarea{min-height:130px;padding-top:14px;resize:vertical}.ui-v7 input:focus,.ui-v7 textarea:focus,.ui-v7 select:focus{border-color:#77aaf9;background:#fff;box-shadow:0 0 0 4px rgba(8,102,245,.1)}.ui-v7 .form-stack{display:grid;gap:17px}.ui-v7 .form-stack label{display:grid;gap:8px;color:#485467;font-size:13px;font-weight:750}.ui-v7 .form-stack label small{color:var(--v7-muted);font-weight:500;line-height:1.5}.ui-v7 .checkline{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start;gap:10px!important}.ui-v7 .checkline input{width:18px;min-height:18px;margin-top:1px;accent-color:var(--v7-blue)}.ui-v7 .notice{margin:12px 0;padding:14px 16px;display:flex;align-items:center;gap:10px;border:1px solid #c8daf8;border-radius:14px;background:var(--v7-soft);color:#234b84;font-size:13px}.ui-v7 .notice.error{border-color:#f3cbd0;background:#fff1f3;color:#aa2b3c}.ui-v7 .notice>span{width:8px;height:8px;border-radius:50%;background:currentColor}.ui-v7 .overline,.ui-v7 .eyebrow,.ui-v7 .service-label{margin:0;color:var(--v7-blue);font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.ui-v7 .fine-print,.ui-v7 .page-lead{color:var(--v7-muted);line-height:1.7}
.ui-v7 .mail-entry-v6{min-height:660px;margin-top:28px;padding:78px 6%;display:grid;grid-template-columns:1fr 460px;gap:70px;align-items:center;overflow:hidden;border:1px solid var(--v7-line);border-radius:32px;background:#fff;box-shadow:var(--v7-shadow);position:relative}.ui-v7 .mail-entry-v6::before{content:"";position:absolute;right:-70px;top:-80px;width:310px;height:310px;border-radius:80px;background:linear-gradient(145deg,#0866f5,#6b5cff);transform:rotate(15deg);box-shadow:0 45px 95px rgba(35,87,224,.27)}.ui-v7 .mail-entry-v6>div,.ui-v7 .mail-entry-v6>aside{position:relative}.ui-v7 .mail-entry-v6>div>p{color:var(--v7-blue);font-size:11px;font-weight:900;letter-spacing:.16em}.ui-v7 .mail-entry-v6 h1{margin:16px 0 24px;font-size:clamp(54px,6vw,82px);line-height:.98;letter-spacing:-.075em}.ui-v7 .mail-entry-v6 h1 em{color:var(--v7-blue);font-style:normal}.ui-v7 .mail-entry-v6>div>span{display:block;max-width:580px;color:var(--v7-muted);font-size:16px;line-height:1.75}.ui-v7 .mail-entry-v6>div>div{display:flex;align-items:center;gap:18px;margin-top:32px}.ui-v7 .mail-entry-v6>div>div>a:last-child{font-size:14px;font-weight:800;text-decoration:none}.ui-v7 .mail-entry-v6>aside{overflow:hidden;border:1px solid var(--v7-line);border-radius:24px;background:#f8f9fb}.ui-v7 .mail-entry-v6>aside>a{min-height:130px;padding:24px;display:grid;gap:6px;border-bottom:1px solid var(--v7-line);text-decoration:none;transition:.18s}.ui-v7 .mail-entry-v6>aside>a:last-child{border-bottom:0}.ui-v7 .mail-entry-v6>aside>a:hover{padding-left:29px;background:#fff}.ui-v7 .mail-entry-v6 aside small{color:var(--v7-blue);font-size:10px;font-weight:900}.ui-v7 .mail-entry-v6 aside b{font-size:20px}.ui-v7 .mail-entry-v6 aside span{color:var(--v7-muted);font-size:13px}.ui-v7 .mail-easy-hero{margin-top:28px;border:1px solid var(--v7-line)!important;border-radius:32px!important;background:#fff!important;color:var(--v7-ink)!important;box-shadow:var(--v7-shadow)!important}.ui-v7 .mail-easy-intro,.ui-v7 .mail-easy-features,.ui-v7 .mail-easy-story,.ui-v7 .mail-easy-cta{border-color:var(--v7-line)!important;background:#fff!important;color:var(--v7-ink)!important}
.ui-v7.mail-login-shell{min-height:100vh;padding:22px;background:#eef1f6}.ui-v7 .mail-login-v5{width:min(1180px,100%);min-height:calc(100vh - 44px);margin:auto;overflow:hidden;border:1px solid var(--v7-line);border-radius:30px;background:#fff;box-shadow:0 30px 90px rgba(31,45,68,.14)}.ui-v7 .mail-login-top{height:78px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--v7-line)}.ui-v7 .login-brand{display:flex;align-items:center;gap:11px;font-size:17px;font-weight:850;text-decoration:none}.ui-v7 .login-brand img{width:38px;height:38px;padding:10px;border-radius:12px;background:#111722;filter:brightness(0) invert(1)}.ui-v7 .mail-login-top>a:last-child{color:var(--v7-muted);font-size:13px;text-decoration:none}.ui-v7 .mail-login-grid{min-height:calc(100vh - 122px);display:grid;grid-template-columns:1fr 520px}.ui-v7 .mail-login-intro{padding:clamp(48px,7vw,92px);display:flex;flex-direction:column;justify-content:center;background:#111722;color:#fff}.ui-v7 .mail-login-intro>span{color:#8ab5ff;font-size:10px;font-weight:900;letter-spacing:.16em}.ui-v7 .mail-login-intro h1{margin:18px 0 24px;font-size:clamp(48px,5vw,70px);line-height:1;letter-spacing:-.07em}.ui-v7 .mail-login-intro>p{max-width:530px;color:#a7b2c2;line-height:1.75}.ui-v7 .mail-login-intro dl{margin-top:48px;display:grid;gap:0}.ui-v7 .mail-login-intro dl>div{padding:16px 0;display:flex;justify-content:space-between;border-top:1px solid #293241}.ui-v7 .mail-login-intro dt{color:#7f8b9d}.ui-v7 .mail-login-intro dd{margin:0;font-weight:800}.ui-v7 .mail-login-workspace{padding:clamp(36px,5vw,66px);display:flex;flex-direction:column;justify-content:center}.ui-v7 .login-mode-tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:28px;padding:4px;border-radius:14px;background:#eff2f6}.ui-v7 .login-mode-tabs button{min-height:43px;border:0;border-radius:11px;background:transparent;color:var(--v7-muted);font-weight:800}.ui-v7 .login-mode-tabs button.active{background:#fff;color:var(--v7-ink);box-shadow:0 2px 8px rgba(31,45,68,.1)}.ui-v7 .login-mode-panel{display:none}.ui-v7 .login-mode-panel.active{display:grid}.ui-v7 .bulk-login-note{padding:16px;display:grid;gap:5px;border-radius:14px;background:#f4f7fb;color:#3f4b5d;font-size:13px}.ui-v7 .bulk-login-note span{color:var(--v7-muted)}.ui-v7 .mail-login-workspace>footer{margin-top:26px;display:flex;gap:18px;color:var(--v7-muted);font-size:12px}.ui-v7 .mail-login-workspace>footer a{text-decoration:none}
.ui-v7 .auth-page{width:min(560px,calc(100% - 24px));margin:70px auto}.ui-v7 .auth-page>header{text-align:center}.ui-v7 .auth-page>header h1{margin:12px 0;font-size:46px;letter-spacing:-.06em}.ui-v7 .auth-page>header>p:last-child{color:var(--v7-muted);line-height:1.65}.ui-v7 .auth-card{margin-top:28px;padding:30px;border:1px solid var(--v7-line);border-radius:25px;background:#fff;box-shadow:var(--v7-shadow)}.ui-v7 .auth-tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:26px;padding:4px;border-radius:14px;background:#eff2f6}.ui-v7 .auth-tabs a{min-height:42px;display:grid;place-items:center;border-radius:11px;color:var(--v7-muted);font-size:13px;font-weight:800;text-decoration:none}.ui-v7 .auth-tabs a.active{background:#fff;color:var(--v7-ink);box-shadow:0 2px 8px rgba(31,45,68,.09)}.ui-v7 .auth-footnote{margin:22px 0 0;color:var(--v7-muted);font-size:12px;text-align:center}.ui-v7 .auth-home-link{margin:22px auto 0;display:flex;align-items:center;justify-content:center;gap:7px;color:var(--v7-muted);font-size:13px;text-decoration:none}

@media(max-width:1050px){.ui-v7 .mail-app{grid-template-columns:220px 360px 1fr}.ui-v7 .catalog-row{grid-template-columns:42px 1fr 110px}.ui-v7 .product-buy{grid-column:2/-1}.ui-v7 .mail-entry-v6{grid-template-columns:1fr}.ui-v7 .mail-entry-v6::before{opacity:.35}.ui-v7 .shop-head{grid-template-columns:1fr}}
@media(max-width:760px){.ui-v7 .site-header{top:8px;width:calc(100% - 16px);height:58px;margin-top:8px;border-radius:18px}.ui-v7 .header-inner{padding:6px 7px 6px 10px}.ui-v7 .brand img{width:35px;height:35px}.ui-v7 .brand-product,.ui-v7 .primary-nav,.ui-v7 .quiet-link{display:none}.ui-v7 .header-cta{min-height:40px;padding:0 12px}.ui-v7>main:not(.mail-reader){width:calc(100% - 16px)}.ui-v7 .site-footer{width:calc(100% - 24px);align-items:flex-start;flex-direction:column}.ui-v7 .mail-entry-v6{min-height:0;margin-top:14px;padding:50px 24px;border-radius:24px}.ui-v7 .mail-entry-v6 h1{font-size:48px}.ui-v7.mail-login-shell{padding:0}.ui-v7 .mail-login-v5{min-height:100vh;border:0;border-radius:0}.ui-v7 .mail-login-grid{grid-template-columns:1fr}.ui-v7 .mail-login-intro{min-height:310px;padding:44px 26px}.ui-v7 .mail-login-intro h1{font-size:44px}.ui-v7 .mail-login-intro dl{display:none}.ui-v7 .mail-login-workspace{padding:34px 22px calc(34px + env(safe-area-inset-bottom))}.ui-v7.mail-app-shell{height:100dvh}.ui-v7 .mail-app{height:100dvh;grid-template-columns:1fr}.ui-v7 .mail-sidebar{position:fixed;z-index:90;inset:0 auto 0 0;width:min(84vw,310px);transform:translateX(-105%);transition:.22s}.ui-v7 .sidebar-open .mail-sidebar{transform:none}.ui-v7 .mail-list-pane{grid-column:1;grid-row:1;border:0}.ui-v7 .mail-reader{position:fixed;z-index:80;inset:0;transform:translateX(105%);transition:.25s}.ui-v7 .reader-open .mail-reader{transform:none}.ui-v7 .sidebar-toggle,.ui-v7 .reader-back{display:grid;place-items:center}.ui-v7 .sidebar-toggle{width:40px;height:40px;border:1px solid var(--v7-line);border-radius:12px;background:#fff}.ui-v7 .mail-scrim{position:fixed;z-index:85;inset:0;background:rgba(7,14,25,.4);backdrop-filter:blur(2px)}.ui-v7 .sidebar-open .mail-scrim{display:block}.ui-v7 [data-viewer]{padding:18px 18px calc(32px + env(safe-area-inset-bottom))}.ui-v7 .reader-back{width:40px;height:40px;border:0;border-radius:12px;background:#eef1f5}.ui-v7 .shop-head{margin-top:14px;padding:42px 24px;border-radius:24px}.ui-v7 .shop-head h1{font-size:48px}.ui-v7 .catalog-row{padding:22px;grid-template-columns:1fr}.ui-v7 .product-index{display:none}.ui-v7 .product-stock{text-align:left}.ui-v7 .product-buy{grid-column:auto}.ui-v7 .shop-guide>div,.ui-v7 .account-grid,.ui-v7 .status-grid,.ui-v7 .number-grid,.ui-v7 .admin-grid{grid-template-columns:1fr}.ui-v7 .auth-page{margin:36px auto}.ui-v7 .auth-page>header h1{font-size:38px}}
@media(prefers-reduced-motion:reduce){.ui-v7 *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Store and internal consoles */
.ui-v7 .shop-head{margin-top:28px;padding:58px 6%;display:grid;grid-template-columns:1fr 360px;gap:55px;align-items:end;border:1px solid var(--v7-line);border-radius:30px;background:#111722;color:#fff;box-shadow:var(--v7-shadow)}.ui-v7 .shop-head h1{margin:16px 0;font-size:clamp(48px,6vw,76px);line-height:.98;letter-spacing:-.07em}.ui-v7 .shop-head p{max-width:620px;color:#9eabbc;line-height:1.7}.ui-v7 .shop-head aside{padding:24px;border:1px solid #2d3746;border-radius:20px;background:#181f2b}.ui-v7 .shop-head aside small,.ui-v7 .shop-head aside strong,.ui-v7 .shop-head aside a{display:block}.ui-v7 .shop-head aside small{color:#8391a5}.ui-v7 .shop-head aside strong{margin:12px 0 24px;font-size:28px}.ui-v7 .shop-head aside a{color:#82adff;font-size:13px;font-weight:800;text-decoration:none}.ui-v7 .catalog{margin:18px 0;padding:10px;border:1px solid var(--v7-line);border-radius:26px;background:#fff;box-shadow:var(--v7-shadow)}.ui-v7 .catalog>header{padding:16px 18px 22px;display:flex;justify-content:space-between;color:var(--v7-muted);font-size:12px}.ui-v7 .catalog>header b{color:#273246}.ui-v7 .catalog>header span{margin-left:6px;padding:3px 7px;border-radius:999px;background:#eaf2ff;color:var(--v7-blue)}.ui-v7 .catalog-row{padding:28px;display:grid;grid-template-columns:52px minmax(260px,1fr) 130px 290px;gap:24px;align-items:center;border:1px solid var(--v7-line);border-radius:20px;background:#fafbfc}.ui-v7 .product-index{align-self:start;color:#a0a9b7;font-size:11px;font-weight:900}.ui-v7 .product-badge{color:var(--v7-blue);font-size:9px;font-weight:900;letter-spacing:.14em}.ui-v7 .product-main h2{margin:10px 0 8px;font-size:25px}.ui-v7 .product-main p{color:var(--v7-muted);font-size:13px;line-height:1.6}.ui-v7 .product-main ul{margin:18px 0 0;padding:0;display:flex;gap:12px;flex-wrap:wrap;list-style:none}.ui-v7 .product-main li{padding:6px 9px;border-radius:999px;background:#edf1f6;color:#536074;font-size:9px}.ui-v7 .product-stock{text-align:center}.ui-v7 .product-stock small,.ui-v7 .product-stock span{display:block;color:var(--v7-muted);font-size:9px}.ui-v7 .product-stock strong{display:block;margin:5px 0;font-size:28px}.ui-v7 .product-buy{padding:21px;border:1px solid var(--v7-line);border-radius:17px;background:#fff}.ui-v7 .product-buy>strong{display:block;font-size:25px}.ui-v7 .product-buy>small{color:var(--v7-muted);font-size:10px}.ui-v7 .buy-form{margin-top:17px;display:grid;gap:12px}.ui-v7 .quantity{display:grid;grid-template-columns:42px 1fr 42px;margin-top:7px}.ui-v7 .quantity button,.ui-v7 .quantity input{min-height:42px;border:1px solid var(--v7-line);border-radius:0;background:#fff;text-align:center}.ui-v7 .quantity button:first-child{border-radius:11px 0 0 11px}.ui-v7 .quantity button:last-child{border-radius:0 11px 11px 0}.ui-v7 .order-total{display:flex;justify-content:space-between;font-size:12px}.ui-v7 .shop-guide{margin:18px 0 40px;padding:32px;border:1px solid var(--v7-line);border-radius:24px;background:#fff}.ui-v7 .shop-guide>div{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ui-v7 .shop-guide p{color:var(--v7-muted);font-size:12px;line-height:1.6}.ui-v7 .shop-guide b{width:26px;height:26px;margin-right:7px;display:inline-grid;place-items:center;border-radius:9px;background:#edf4ff;color:var(--v7-blue)}
.ui-v7 .account-page,.ui-v7 .status-page,.ui-v7 .number-page,.ui-v7 .admin-page{padding:40px 0 70px}.ui-v7 .account-hero,.ui-v7 .page-hero{padding:42px;border:1px solid var(--v7-line);border-radius:28px;background:#fff;box-shadow:var(--v7-shadow)}.ui-v7 .account-grid,.ui-v7 .status-grid,.ui-v7 .number-grid,.ui-v7 .admin-grid{margin-top:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.ui-v7 .account-grid>*,.ui-v7 .status-grid>*,.ui-v7 .number-grid>*,.ui-v7 .admin-grid>*{padding:26px;border:1px solid var(--v7-line);border-radius:22px;background:#fff;box-shadow:0 8px 28px rgba(31,45,68,.05)}.ui-v7 table{width:100%;border-collapse:collapse}.ui-v7 th,.ui-v7 td{padding:13px 10px;border-bottom:1px solid var(--v7-line);font-size:12px;text-align:left}

/* Mailbox reader and overlays */
.ui-v7 .mail-reader{min-width:0;overflow:auto;background:#fff}.ui-v7 [data-viewer]{display:none;min-height:100%;padding:clamp(24px,4vw,56px)}.ui-v7 [data-viewer].active{display:block}.ui-v7 .reader-back{display:none}.ui-v7 .reader-head{padding-bottom:24px;border-bottom:1px solid var(--v7-line)}.ui-v7 .reader-head h2{margin:10px 0 18px;font-size:clamp(25px,3vw,38px);letter-spacing:-.055em}.ui-v7 .reader-meta{display:flex;align-items:center;gap:12px;color:var(--v7-muted);font-size:12px}.ui-v7 .reader-meta>span:first-child{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:#111722;color:#fff;font-weight:900}.ui-v7 .reader-body{padding:30px 0;color:#263246;font-size:14px;line-height:1.8;overflow-wrap:anywhere}.ui-v7 .reader-actions{display:flex;gap:8px}.ui-v7 .reader-actions button{min-height:40px;padding:0 14px;border:1px solid var(--v7-line);border-radius:12px;background:#fff;color:#465267;font-size:11px;font-weight:800}.ui-v7 .reader-actions button.danger{color:var(--v7-danger)}.ui-v7 .compose-dialog{width:min(620px,calc(100% - 30px));padding:0;border:0;border-radius:24px;background:#fff;box-shadow:0 35px 100px rgba(10,20,40,.3)}.ui-v7 .compose-dialog::backdrop{background:rgba(15,23,36,.48);backdrop-filter:blur(4px)}.ui-v7 .compose-dialog form{padding:24px;display:grid;gap:14px}.ui-v7 .compose-dialog header{display:flex;justify-content:space-between;align-items:center}.ui-v7 .compose-dialog h2{margin:0}.ui-v7 .compose-dialog header button{width:40px;height:40px;border:0;border-radius:12px;background:#f0f2f6}.ui-v7 .compose-result{min-height:20px;color:var(--v7-muted);font-size:12px}.ui-v7 .mail-scrim{display:none}.ui-v7 .toast{position:fixed;z-index:300;left:50%;bottom:26px;padding:12px 16px;border-radius:13px;background:#111722;color:#fff;font-size:12px;font-weight:750;opacity:0;transform:translate(-50%,12px);pointer-events:none;transition:.2s}.ui-v7 .toast.show{opacity:1;transform:translate(-50%,0)}

/* Mailbox workspace */
.ui-v7.mail-app-shell{height:100vh;overflow:hidden;background:#edf1f6}.ui-v7 .mail-app{height:100vh;display:grid;grid-template-columns:250px minmax(330px,420px) minmax(480px,1fr);background:#fff}.ui-v7 .mail-sidebar{min-width:0;padding:18px 14px calc(18px + env(safe-area-inset-bottom));display:flex;flex-direction:column;background:#111722;color:#fff}.ui-v7 .mail-brand-row{height:46px;display:flex;align-items:center;justify-content:space-between}.ui-v7 .mail-wordmark{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.ui-v7 .mail-wordmark img{width:34px;height:34px;padding:9px;border-radius:11px;background:#fff;filter:brightness(0) invert(1)}.ui-v7 .mail-home-link{color:#93a0b4;font-size:11px;text-decoration:none}.ui-v7 .compose-button{min-height:48px;margin:20px 0 14px;border:0;border-radius:14px;background:var(--v7-blue);color:#fff;font-weight:850;cursor:pointer;box-shadow:0 10px 25px rgba(8,102,245,.25)}.ui-v7 .mail-sidebar nav{display:grid;gap:4px}.ui-v7 .mail-sidebar nav a{min-height:45px;padding:0 13px;display:flex;align-items:center;gap:11px;border-radius:13px;color:#9ea9b9;font-size:13px;font-weight:750;text-decoration:none}.ui-v7 .mail-sidebar nav a:hover,.ui-v7 .mail-sidebar nav a.active{background:#202938;color:#fff}.ui-v7 .mail-sidebar nav a b{min-width:24px;margin-left:auto;padding:3px 7px;border-radius:999px;background:#2d394a;color:#cbd6e4;font-size:10px;text-align:center}.ui-v7 .next-account{margin-top:14px}.ui-v7 .next-account button{width:100%;min-height:43px;padding:0 12px;border:1px solid #2c3849;border-radius:12px;background:#171f2b;color:#d8e0eb;font-size:12px;font-weight:800;cursor:pointer}.ui-v7 .next-account b{float:right;color:#82adff}.ui-v7 .expiry-box{margin-top:auto;padding:15px;border:1px solid #283344;border-radius:15px;background:#171f2b}.ui-v7 .expiry-box span,.ui-v7 .expiry-box small{display:block;color:#8390a4;font-size:10px}.ui-v7 .expiry-box strong{display:block;margin:8px 0 6px;font-size:22px;letter-spacing:.02em}.ui-v7 .mail-account{position:relative;margin-top:10px}.ui-v7 .mail-account summary{min-height:52px;padding:7px;display:flex;align-items:center;gap:9px;border-radius:13px;cursor:pointer;list-style:none}.ui-v7 .mail-account summary:hover{background:#1d2633}.ui-v7 .mail-account summary>span{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:#2a65d4;font-weight:900}.ui-v7 .mail-account summary div{min-width:0}.ui-v7 .mail-account summary b,.ui-v7 .mail-account summary small{display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-v7 .mail-account summary b{font-size:11px}.ui-v7 .mail-account summary small{margin-top:3px;color:#78869a;font-size:9px}.ui-v7 .account-pop{position:absolute;z-index:20;left:0;right:0;bottom:55px;padding:8px;border:1px solid #303b4a;border-radius:14px;background:#202936;box-shadow:0 18px 40px rgba(0,0,0,.3)}.ui-v7 .account-pop button{width:100%;min-height:38px;padding:0 10px;justify-content:flex-start;border:0;border-radius:9px;background:transparent;color:#dce4ee;font-size:11px;text-align:left}.ui-v7 .account-pop button:hover{background:#2b3544}.ui-v7 .account-pop button.danger{color:#ff8d9a}
.ui-v7 .mail-list-pane{min-width:0;display:flex;flex-direction:column;border-right:1px solid var(--v7-line);background:#f8f9fb}.ui-v7 .mail-toolbar{height:74px;padding:0 18px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--v7-line);background:rgba(255,255,255,.88);backdrop-filter:blur(18px)}.ui-v7 .mail-toolbar>div{min-width:0;flex:1}.ui-v7 .mail-toolbar small{display:block;color:var(--v7-muted);font-size:9px}.ui-v7 .current-address{max-width:100%;padding:0;border:0;background:none;color:#273246;font-size:12px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.ui-v7 .sidebar-toggle{display:none}.ui-v7 .icon-button{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--v7-line);border-radius:12px;background:#fff;color:#4a5669;text-decoration:none}.ui-v7 .mail-search{height:45px;margin:14px 16px 5px;padding:0 12px;display:flex;align-items:center;gap:9px;border:1px solid var(--v7-line);border-radius:13px;background:#fff}.ui-v7 .mail-search input{min-height:0;padding:0;border:0;background:transparent;box-shadow:none}.ui-v7 .mail-search button{display:none}.ui-v7 .list-heading{padding:17px 18px 12px;display:flex;justify-content:space-between;align-items:center}.ui-v7 .list-heading>div{display:flex;align-items:center;gap:9px}.ui-v7 .list-heading h1{margin:0;font-size:20px;letter-spacing:-.04em}.ui-v7 .list-heading span,.ui-v7 .list-heading>b{padding:4px 8px;border-radius:999px;background:#e9eef6;color:#607087;font-size:10px}.ui-v7 .message-list{min-height:0;flex:1;overflow:auto;padding:0 10px 12px}.ui-v7 [data-message]{width:100%;min-height:88px;margin:3px 0;padding:14px;border:1px solid transparent;border-radius:14px;background:transparent;text-align:left;cursor:pointer;transition:.15s}.ui-v7 [data-message]:hover{background:#fff;border-color:var(--v7-line)}.ui-v7 [data-message].selected{border-color:#c7dafe;background:#edf4ff}.ui-v7 [data-message].unread{background:#fff;box-shadow:0 1px 4px rgba(30,44,67,.06)}.ui-v7 [data-message]>*{pointer-events:none}.ui-v7 .message-list button b,.ui-v7 .message-list button span,.ui-v7 .message-list button small{display:block}.ui-v7 .message-list button b{padding-right:65px;overflow:hidden;color:#1d2738;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.ui-v7 .message-list button span{margin-top:7px;overflow:hidden;color:#3d495c;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.ui-v7 .message-list button small{margin-top:6px;color:#8993a3;font-size:10px}.ui-v7 .mail-empty,.ui-v7 .reader-empty{height:100%;min-height:330px;padding:40px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--v7-muted);text-align:center}.ui-v7 .wait-mail-icon,.ui-v7 .reader-empty>span{width:54px;height:54px;margin-bottom:16px;display:grid;place-items:center;border-radius:18px;background:#edf3fd;color:var(--v7-blue)}.ui-v7 .mail-empty b,.ui-v7 .reader-empty b{color:#222d3e}.ui-v7 .mail-empty p,.ui-v7 .reader-empty p{max-width:280px;font-size:12px;line-height:1.6}.ui-v7 .mail-wait-meta{display:flex;gap:7px}.ui-v7 .mail-wait-meta span{padding:5px 8px;border-radius:999px;background:#edf0f5;font-size:9px}.ui-v7 .empty-copy{min-height:38px;margin-top:14px;padding:0 13px;border:1px solid var(--v7-line);border-radius:11px;background:#fff;color:#354156;font-size:11px;font-weight:800}