:root{--bg: #f6f8fc;--panel-bg: #ffffff;--text: #1f1f1f;--muted: #5f6368;--accent: #0b57d0;--accent-strong: #0842a0;--accent-soft: #d3e3fd;--danger: #c5221f;--border: #dce3eb;--surface: #eef3fd;--surface-strong: #e8f0fe;--shadow: 0 8px 24px rgba(31, 41, 55, .08)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;width:100%;font-family:Segoe UI Variable Text,Segoe UI,Helvetica Neue,Arial,sans-serif;background:radial-gradient(circle at top left,rgba(211,227,253,.9),transparent 32%),linear-gradient(180deg,#f8faff 0%,var(--bg) 42%,#eef4ff 100%);color:var(--text);overflow-x:clip}body{min-height:100vh}html.auth-screen-active,body.auth-screen-active{overflow:hidden}button,input,textarea,select{font:inherit}button{border:1px solid transparent;background:#fff;color:var(--text);border-radius:999px;padding:10px 14px;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}button:hover:enabled{background:#f1f5fb;border-color:#cfd8e3}button:active:enabled{transform:translateY(1px)}button:disabled{opacity:.55;cursor:not-allowed}input,textarea,select{width:100%;border:1px solid var(--border);border-radius:16px;padding:12px 14px;background:#fff;color:var(--text);outline:none;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}input:focus,textarea:focus,select:focus{border-color:#0b57d06b;box-shadow:0 0 0 4px #0b57d01a}.boot-loader{min-height:100vh;display:grid;place-items:center;font-size:18px;color:var(--muted)}.auth-root{position:fixed;top:0;right:0;bottom:0;left:0;padding:clamp(16px,3vw,32px);overflow:auto;overscroll-behavior:contain;background:radial-gradient(circle at top left,rgba(124,172,255,.22),transparent 28%),radial-gradient(circle at 85% 15%,rgba(45,212,191,.12),transparent 22%),linear-gradient(180deg,#f8fbff,#eef3fc 45%,#f5f7fb)}.auth-card{width:min(100%,1180px);min-height:calc(100dvh - clamp(32px,6vw,64px));margin:auto;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(400px,460px);gap:clamp(18px,2vw,26px);padding:clamp(14px,2vw,24px);border-radius:36px;border:1px solid rgba(220,227,235,.9);background:#ffffffd1;box-shadow:0 28px 80px #1f29371f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.auth-hero{position:relative;overflow:hidden;display:grid;align-content:center;gap:18px;padding:clamp(24px,3vw,36px);border-radius:24px;color:#fff;background:radial-gradient(circle at top right,rgba(255,255,255,.16),transparent 24%),linear-gradient(155deg,#102347,#17366d 42%,#0c58b8)}.auth-hero:before{content:"";position:absolute;inset:auto auto -80px -60px;width:220px;height:220px;border-radius:999px;background:#ffffff14;filter:blur(8px);pointer-events:none}.auth-brand-lockup{display:flex;align-items:flex-start;gap:16px}.auth-brand-lockup>div,.auth-mobile-brand>div,.auth-panel-head,.offline-shell>*,.offline-card>*,.offline-sidebar-head>div,.offline-account-head>div,.offline-panel-heading>div,.generator-popup-topbar>div{min-width:0}.auth-eyebrow{margin:0 0 8px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#ffffffa8}.auth-hero-mark{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;font-size:24px;font-weight:700;background:#ffffff2e;box-shadow:inset 0 0 0 1px #ffffff2e}.auth-hero h1{margin:0;max-width:9.5ch;font-size:clamp(36px,4.2vw,54px);line-height:.98;letter-spacing:-.04em;overflow-wrap:anywhere}.auth-subtitle{margin:0;max-width:520px;font-size:16px;line-height:1.6;color:#ffffffc7;overflow-wrap:anywhere}.auth-panel{display:grid;align-content:center;gap:20px;padding:clamp(24px,3vw,34px);border-radius:28px;background:radial-gradient(circle at top right,rgba(229,237,255,.9),transparent 28%),linear-gradient(180deg,#fffffff5,#f8fafff5);border:1px solid rgba(220,227,235,.88);box-shadow:inset 0 1px #ffffffb8}.auth-mobile-brand{display:none;align-items:center;gap:14px}.auth-mobile-mark{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;font-weight:700;color:#fff;background:linear-gradient(180deg,#17366d,#0c58b8);box-shadow:0 12px 30px #0c58b83d}.auth-mobile-brand strong{display:block;font-size:18px}.auth-mobile-brand .auth-eyebrow{margin-bottom:4px;color:#6b7280}.auth-badge{display:inline-flex;align-items:center;width:fit-content;padding:7px 12px;border-radius:999px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#17366d;background:#eef4ff;border:1px solid #d7e3fc}.auth-panel-head h2{margin:14px 0 0;font-size:clamp(32px,4vw,42px);line-height:1;letter-spacing:-.04em}.auth-panel-head p{margin:12px 0 0;color:var(--muted);line-height:1.6;overflow-wrap:anywhere}.auth-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:6px;background:#f4f7fc;border:1px solid var(--border);border-radius:20px}.auth-switch button{min-height:48px;background:transparent;border-radius:16px;font-weight:600}.auth-switch button.active{background:#0f1f3d;color:#fff;border-color:#0f1f3d;box-shadow:0 8px 20px #0f1f3d29}.auth-form{display:grid;gap:16px}.auth-field{display:grid;gap:8px}.auth-field span{font-size:14px;font-weight:600;color:#202938}.auth-field input{min-height:54px;padding-inline:16px;border-radius:20px;background:#f7f9fd;border-color:#dbe3ee}.auth-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.auth-note{margin:0;font-size:13px;line-height:1.5;color:var(--muted)}.auth-note-pill{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:600;color:#5d6b84;background:#f4f7fc;border:1px solid #dbe3ee}.auth-submit{min-height:54px;justify-content:center;border-radius:20px;background:#121926;color:#fff;border-color:#121926;box-shadow:0 20px 40px #1219262e}.auth-submit:hover:enabled{background:#0a101b;border-color:#0a101b}.form-error{padding:12px 14px;border-radius:16px;background:#c5221f14;border:1px solid rgba(197,34,31,.18);color:var(--danger);font-size:13px;overflow-wrap:anywhere}.auth-footer{margin:4px 0 0;text-align:center;color:var(--muted);font-size:14px}.auth-footer-link{padding:0;border:none;border-radius:0;background:transparent;color:#121926;font-weight:700}.auth-footer-link:hover:enabled{background:transparent;border-color:transparent;color:#0c58b8;box-shadow:none}@media (max-width: 980px),(max-height: 860px){.auth-card{grid-template-columns:1fr;min-height:auto;max-width:620px}.auth-hero{display:none}.auth-mobile-brand{display:flex}}@media (max-width: 640px){.auth-root{padding:12px}.auth-card{border-radius:28px;padding:10px}.auth-panel{padding:22px 18px;border-radius:24px}.auth-panel-head h2{font-size:30px}.auth-switch button,.auth-field input,.auth-submit{min-height:50px}}@media (max-height: 760px){.auth-card{min-height:auto}.auth-panel-head h2{font-size:32px}}.dashboard{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}.app-topbar{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:auto minmax(320px,1fr) auto;gap:18px;align-items:center;padding:18px 24px 14px;background:#f6f8fce0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand-lockup{display:flex;gap:14px;align-items:center}.brand-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(180deg,#1a73e8,#0b57d0);color:#fff;font-weight:700;box-shadow:0 8px 24px #0b57d03d}.brand-lockup strong,.brand-lockup span{display:block}.brand-lockup strong{font-size:16px}.brand-lockup span{color:var(--muted);font-size:13px}.search-shell{display:grid;gap:8px}.search-shell span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.search-shell input{background:#ffffffeb;border-radius:999px;padding-inline:18px}.topbar-actions{display:flex;justify-content:flex-end;gap:10px;align-items:center}.user-chip{min-width:132px;padding:9px 14px;border-radius:18px;background:#ffffffd9;border:1px solid var(--border);box-shadow:var(--shadow)}.user-chip-label{display:block;margin-bottom:4px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.ghost-button{background:#ffffffd9;border-color:var(--border)}.workspace-layout{padding:0 24px 20px;display:grid;grid-template-columns:minmax(290px,320px) minmax(460px,1fr) minmax(320px,380px);gap:18px;min-height:0}.workspace-sidebar,.mail-column,.inspector-column{min-height:0}.workspace-sidebar,.mail-column,.inspector-column{display:grid;gap:16px;align-content:start}.sidebar-card,.hero-card,.toolbar-card,.mail-list-card,.viewer-card,.toolkit-card{background:#ffffffeb;border:1px solid rgba(220,227,235,.92);border-radius:26px;box-shadow:var(--shadow)}.sidebar-card,.toolbar-card,.toolkit-card,.mail-list-card,.viewer-card{padding:18px}.hero-card{display:flex;justify-content:space-between;gap:18px;padding:24px 24px 22px;align-items:flex-start;background:radial-gradient(circle at top right,rgba(211,227,253,.9),transparent 32%),linear-gradient(180deg,#fffffff5,#f8fafff5)}.hero-card h1,.sidebar-card h2,.mail-list-card h2,.viewer-card h2,.toolkit-card h2{margin:0}.hero-card h1{font-size:clamp(28px,2vw,34px);line-height:1.05}.hero-subtitle{margin:10px 0 0;max-width:760px;color:var(--muted);line-height:1.6}.eyebrow{margin:0 0 8px;font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.hero-actions,.status-actions{display:flex;flex-wrap:wrap;gap:10px}.compose-button{min-height:54px;justify-content:center;background:var(--accent-soft);border-color:#0b57d02e;color:var(--accent-strong);font-weight:600;box-shadow:0 10px 24px #0b57d01f}.compose-button:hover:enabled{background:#c6dafc;border-color:#0b57d042}.card-heading{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.border-bottom{padding-bottom:14px;margin-bottom:16px;border-bottom:1px solid rgba(220,227,235,.82)}.count-pill{min-width:36px;height:36px;border-radius:999px;display:inline-grid;place-items:center;padding:0 12px;font-size:13px;background:var(--surface-strong);color:var(--accent-strong)}.gmail-list{margin-top:16px;max-height:520px;overflow:auto;padding-right:6px}.account-list,.message-stack{display:grid;gap:10px}.account-nav-item{border-radius:18px;border:1px solid transparent;padding:14px 15px;text-align:left;display:grid;gap:8px;background:#f8fafd}.account-nav-item:hover{background:#eff4fb}.account-nav-item.active{background:var(--accent-soft);border-color:#0b57d029;box-shadow:inset 0 0 0 1px #0b57d01f}.account-nav-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.account-email{font-weight:600;line-height:1.4;word-break:break-word}.account-nav-item small{color:var(--muted);font-size:12px;line-height:1.45}.status-pill{flex-shrink:0;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.status-pill-not_registered,.status-not_registered{background:#eef3fb;color:#4e5f75}.status-pill-registered,.status-registered{background:#d3e3fd;color:#0842a0}.status-pill-plus,.status-plus{background:#d7f8e6;color:#0b6e4f}.status-pill-banned,.status-banned{background:#fde7e6;color:#b3261e}.status-pill-invalid_password,.status-invalid_password{background:#efe4fd;color:#6b2fb3}.manual-form{margin-top:16px;display:grid;gap:10px}.import-textarea{min-height:110px;resize:vertical;margin:12px 0 10px}.stat-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stat-card{padding:14px 16px;border-radius:20px;background:linear-gradient(180deg,#f8fbff,#eef4ff);border:1px solid rgba(220,227,235,.82)}.stat-card span,.stat-card strong{display:block}.stat-card span{font-size:12px;color:var(--muted)}.stat-card strong{margin-top:4px;font-size:24px;color:var(--accent-strong)}.action-clusters{display:grid;gap:14px;margin-top:16px}.button-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.status-actions{gap:8px}.status-switch{border-radius:14px;background:#f8fafc;border-color:#dce3ebf0}.message-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;text-align:left;border-radius:18px;border:1px solid transparent;padding:16px 18px;background:#fff}.message-row:hover{background:#f7faff;border-color:#dce3ebe6}.message-row.active{background:var(--accent-soft);border-color:#0b57d029}.message-row-main{min-width:0;display:grid;gap:6px}.message-row-main strong,.message-row-main span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-row-main span{color:var(--muted)}.message-row-time{font-size:12px;color:var(--muted)}.viewer-card{min-height:420px;display:grid;grid-template-rows:auto 1fr}.primary-inline{background:var(--accent);border-color:var(--accent);color:#fff}.primary-inline:hover:enabled,.auth-submit:hover:enabled{background:var(--accent-strong);border-color:var(--accent-strong)}.message-detail-shell{min-height:0;display:grid;grid-template-rows:auto 1fr}.message-meta{display:grid;gap:8px;padding-bottom:16px;border-bottom:1px solid rgba(220,227,235,.82)}.message-meta p{margin:0}.message-detail-shell pre{margin:0;padding:18px 2px 0;white-space:pre-wrap;overflow:auto;font-family:Segoe UI Variable Text,Segoe UI,sans-serif;line-height:1.7}.toolkit-card{display:grid;gap:14px}.generator-block{padding:16px;border-radius:22px;background:linear-gradient(180deg,#f9fbff,#f1f5fb);border:1px solid rgba(220,227,235,.9);display:grid;gap:12px}.generator-block.compact{gap:10px}.generator-header{display:flex;justify-content:space-between;gap:10px;align-items:center}.generator-header h3{margin:0;font-size:15px}.kv-row{display:grid;grid-template-columns:minmax(54px,auto) minmax(0,1fr) auto;gap:10px;align-items:center}.kv-row span{color:var(--muted);font-size:13px}.kv-row code{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:10px 12px;border-radius:14px;background:#fff;border:1px solid rgba(220,227,235,.9);font-size:12px}.mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.empty-state{padding:20px 6px 6px;color:var(--muted);line-height:1.6}.empty-state.compact{padding:6px 0 0}.status-bar{margin:0 24px 24px;padding:14px 18px;border-radius:20px;background:#ffffffe6;border:1px solid rgba(220,227,235,.92);color:var(--muted);box-shadow:var(--shadow)}.theme-dark{--bg: #0f1724;--panel-bg: #162133;--text: #f6f7fb;--muted: #9daac2;--accent: #8ab4f8;--accent-strong: #c2dcff;--accent-soft: rgba(138, 180, 248, .16);--danger: #ff8a80;--border: #31425d;--surface: #121d2e;--surface-strong: #1a2a43;--shadow: 0 14px 36px rgba(0, 0, 0, .26);background:radial-gradient(circle at top left,rgba(32,53,88,.9),transparent 28%),linear-gradient(180deg,#101826,#0f1724 44%,#0a1220)}.theme-dark html,.theme-dark body,.theme-dark #root,.theme-dark.dashboard{background:transparent}.theme-dark input,.theme-dark textarea,.theme-dark select{background:#111b2c;border-color:#31425d;color:var(--text)}.theme-dark button{background:#152133;color:var(--text)}.theme-dark button:hover:enabled{background:#1d2b41;border-color:#415373}.theme-dark .app-topbar{background:#0f1724d1}.theme-dark .sidebar-card,.theme-dark .hero-card,.theme-dark .toolbar-card,.theme-dark .mail-list-card,.theme-dark .viewer-card,.theme-dark .toolkit-card,.theme-dark .status-bar,.theme-dark .user-chip{background:#162133eb;border-color:#31425df5}.theme-dark .auth-card{background:#111826e6;border-color:#31425df5}.theme-dark .auth-panel-head p,.theme-dark .account-nav-item small,.theme-dark .message-row-main span,.theme-dark .message-row-time,.theme-dark .hero-subtitle,.theme-dark .brand-lockup span,.theme-dark .eyebrow,.theme-dark .user-chip-label,.theme-dark .status-bar,.theme-dark .empty-state,.theme-dark .stat-card span,.theme-dark .kv-row span{color:var(--muted)}.theme-dark .search-shell input,.theme-dark .ghost-button,.theme-dark .status-switch,.theme-dark .message-row,.theme-dark .account-nav-item,.theme-dark .generator-block,.theme-dark .stat-card,.theme-dark .kv-row code{background:#111b2c;border-color:#31425df5}.theme-dark .account-nav-item.active,.theme-dark .message-row.active{background:#8ab4f82e}.theme-dark .compose-button{background:#8ab4f829;color:var(--accent-strong);border-color:#8ab4f838}.theme-dark .count-pill,.theme-dark .status-pill-registered{background:#8ab4f82e;color:var(--accent-strong)}.theme-dark .status-pill-not_registered{background:#9daac22e;color:#c5cfde}.theme-dark .status-pill-plus{background:#60c49b2e;color:#98e6c0}.theme-dark .status-pill-banned{background:#ff8a802e;color:#ffb3ab}.theme-dark .status-pill-invalid_password{background:#c2a3ff2e;color:#d4bfff}@media (max-width: 1360px){.workspace-layout{grid-template-columns:minmax(280px,320px) minmax(0,1fr)}.inspector-column{grid-column:1 / -1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}}@media (max-width: 1100px){.auth-card,.workspace-layout,.app-topbar{grid-template-columns:1fr}.topbar-actions{justify-content:flex-start;flex-wrap:wrap}.hero-card{display:grid}.stat-strip,.button-grid,.compact-grid,.mini-grid,.inspector-column{grid-template-columns:1fr}}@media (max-width: 720px){.app-topbar,.workspace-layout{padding-inline:14px}.status-bar{margin-inline:14px}.auth-root{padding:16px}.auth-card,.sidebar-card,.hero-card,.toolbar-card,.mail-list-card,.viewer-card,.toolkit-card{border-radius:22px}.kv-row{grid-template-columns:1fr}}.offline-dashboard{height:100dvh;min-height:100dvh;display:grid;grid-template-rows:1fr auto;overflow:hidden}.offline-shell{width:100%;max-width:100%;height:100%;min-height:0;display:grid;grid-template-columns:minmax(380px,430px) minmax(0,1fr);gap:18px;padding:18px;overflow:hidden}.offline-sidebar,.offline-main{min-height:0;display:grid;gap:16px;align-content:start}.offline-sidebar{overflow:auto}.offline-card{background:#fffffff0;border:1px solid rgba(220,227,235,.94);border-radius:24px;box-shadow:var(--shadow);padding:16px}.offline-sidebar-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.offline-sidebar-head h1,.offline-account-head h2,.offline-panel-heading h3{margin:0}.offline-account-head h2,.generator-popup-topbar h1{overflow-wrap:anywhere}.offline-sidebar-user,.offline-panel-heading p,.offline-account-meta{margin:8px 0 0;color:var(--muted);line-height:1.5;overflow-wrap:anywhere}.offline-create-button{min-height:52px;border-radius:18px;background:linear-gradient(180deg,#111827,#293244);border-color:#111827;color:#fff;font-weight:700}.offline-create-button:hover:enabled{background:linear-gradient(180deg,#0f172a,#1f2937);border-color:#0f172a}.offline-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.offline-section-heading span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.offline-section-heading strong{font-size:13px}.offline-inline-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.offline-inline-buttons.quad{grid-template-columns:repeat(4,minmax(0,1fr))}.offline-inline-buttons.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.offline-inline-buttons+.offline-inline-buttons,.offline-inline-buttons+.offline-import-panel,.offline-generator-card+.offline-generator-card{margin-top:10px}.offline-inline-buttons button,.offline-status-button{min-height:38px;border-radius:14px;justify-content:center}.danger-inline{border-color:#c5221f2e;background:#c5221f14;color:var(--danger)}.danger-inline:hover:enabled{border-color:#c5221f47;background:#c5221f24}.offline-folder-list{display:grid;gap:8px;max-height:220px;overflow:auto;padding-right:4px}.offline-folder-item{width:100%;border-radius:16px;border:1px solid rgba(220,227,235,.92);background:#f8fbff;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left}.offline-folder-item span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.offline-folder-item strong{flex-shrink:0;min-width:32px;text-align:center;padding:5px 8px;border-radius:999px;background:#0b57d014;color:#0b57d0;font-size:12px}.offline-folder-item.active{background:#dbeafe;border-color:#0b57d038}.offline-folder-create,.offline-bulk-row{margin-top:12px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.offline-folder-create input,.offline-bulk-row select,.offline-folder-create button,.offline-bulk-row button{min-height:40px;border-radius:14px}.offline-folder-note{margin:12px 0 0;color:var(--muted);line-height:1.55;font-size:13px;overflow-wrap:anywhere}.offline-account-list{display:grid;gap:8px;max-height:320px;overflow:auto;padding-right:4px}.offline-message-list{min-height:0;display:grid;align-content:start;gap:8px;overflow:auto;padding-right:4px}.offline-message-row{width:100%;min-width:0;border-radius:16px;border:1px solid rgba(220,227,235,.92);background:#f8fbff;text-align:left;padding:12px 14px}.offline-message-row.active{background:#dbeafe;border-color:#0b57d038}.offline-account-item{width:100%;min-width:0;border-radius:16px;border:1px solid rgba(220,227,235,.92);background:#f8fbff;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 10px 8px 12px;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease}.offline-account-item.active{background:#dbeafe;border-color:#0b57d038}.offline-account-item.selected-for-bulk{box-shadow:inset 0 0 0 1px #0b57d029}.offline-account-main{width:100%;min-width:0;padding:4px 0;border:0;border-radius:0;background:transparent;text-align:left}.offline-account-main:hover:enabled,.offline-account-main:focus-visible{background:transparent;border-color:transparent;box-shadow:none}.offline-account-checkbox{display:grid;place-items:center;width:24px;height:24px}.offline-account-checkbox input{width:16px;height:16px;margin:0;accent-color:#0b57d0}.offline-account-item-top,.offline-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0}.offline-account-item-top{display:grid;gap:8px}.offline-account-email,.offline-message-main strong{display:block;line-height:1.45;font-weight:600}.offline-account-email{max-width:100%;overflow-wrap:normal;word-break:normal;white-space:normal;font-size:13px;line-height:1.5}.offline-account-folder{display:block;margin-top:4px;color:var(--muted);line-height:1.35}.offline-account-item small,.offline-message-main span,.offline-message-row time{color:var(--muted)}.offline-status-chip{flex-shrink:0;justify-self:start;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700;max-width:100%;overflow-wrap:anywhere}.offline-account-delete{min-width:32px;min-height:32px;padding:0;border-radius:999px;border-color:#c5221f24;background:#c5221f1a;color:var(--danger);font-size:20px;line-height:1;opacity:0;pointer-events:none}.offline-account-item:hover .offline-account-delete,.offline-account-item:focus-within .offline-account-delete{opacity:1;pointer-events:auto}.offline-account-delete:hover:enabled{background:#c5221f2e;border-color:#c5221f47}@media (hover: none){.offline-account-delete{opacity:1;pointer-events:auto}}.offline-import-panel{margin-top:12px}.offline-generator-card{border-radius:18px;border:1px solid rgba(220,227,235,.92);background:linear-gradient(180deg,#f8fbff,#f3f7fc);padding:12px}.offline-generator-card.compact{padding:10px 12px}.offline-generator-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.offline-generator-grid{display:grid;gap:8px}.offline-generator-row{display:grid;grid-template-columns:minmax(52px,auto) minmax(0,1fr) auto;gap:8px;align-items:center}.offline-generator-row span{color:var(--muted);font-size:13px}.offline-generator-row code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:12px;border:1px solid rgba(220,227,235,.92);background:#fff;padding:10px 12px}.offline-main{grid-template-rows:auto minmax(0,1fr);overflow:hidden}.offline-mail-stack{min-height:0;display:grid;grid-template-rows:minmax(220px,.92fr) 14px minmax(280px,1fr)}.offline-panel-resizer{align-self:stretch;width:100%;min-height:14px;padding:0;border:0;border-radius:999px;background:transparent;cursor:row-resize;touch-action:none;display:grid;place-items:center}.offline-panel-resizer-line{width:min(132px,100%);height:6px;border-radius:999px;background:#94a3b8b8;transition:background-color .16s ease,transform .16s ease,box-shadow .16s ease}.offline-panel-resizer:hover .offline-panel-resizer-line,.offline-panel-resizer.is-dragging .offline-panel-resizer-line{background:#0b57d0b8;box-shadow:0 0 0 4px #0b57d01f;transform:scaleX(1.06)}.offline-account-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.offline-head-actions{display:grid;gap:8px;min-width:min(100%,420px)}.offline-messages-card,.offline-viewer-card{min-height:0;display:grid;grid-template-rows:auto 1fr}.offline-message-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px}.offline-message-main{min-width:0;display:grid;gap:4px}.offline-message-main strong,.offline-message-main span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.offline-message-detail{min-height:0;display:grid;gap:14px;overflow:auto}.offline-message-html{width:100%;min-height:420px;border:1px solid rgba(220,227,235,.92);border-radius:18px;background:#fff}.offline-message-raw{border:1px solid rgba(220,227,235,.92);border-radius:18px;background:#f8faffeb;overflow:hidden}.offline-message-raw summary{cursor:pointer;padding:12px 14px;color:var(--muted);font-size:13px;font-weight:600}.offline-message-raw pre{max-height:240px;overflow:auto;padding:0 14px 14px}.offline-message-detail pre{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;font-family:Segoe UI Variable Text,Segoe UI,sans-serif}.offline-status-bar{margin:0 18px 18px}.offline-generator-note{margin:12px 0 0;color:var(--muted);line-height:1.6;font-size:13px;overflow-wrap:anywhere}.status-business{background:#dcfce7;color:#166534}.generator-popup-root{min-height:100vh;display:grid;place-items:center;padding:20px}.generator-popup-card{width:min(100%,760px);background:#fffffff5;border:1px solid rgba(220,227,235,.94);border-radius:28px;box-shadow:0 28px 72px #141f3829;padding:22px;display:grid;gap:18px}.generator-popup-topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.generator-popup-topbar h1{margin:0;font-size:clamp(26px,4vw,36px)}.generator-popup-subtitle{margin:8px 0 0;color:var(--muted);line-height:1.6;overflow-wrap:anywhere}.generator-popup-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.generator-popup-list{display:grid;gap:10px}.generator-popup-row{display:grid;grid-template-columns:minmax(170px,220px) minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border-radius:18px;border:1px solid rgba(220,227,235,.94);background:linear-gradient(180deg,#f8fbff,#f3f7fc)}.generator-popup-row label{font-size:14px;font-weight:600}.generator-popup-row code{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:12px;border:1px solid rgba(220,227,235,.92);background:#fff;padding:11px 12px}.generator-popup-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:4px}.generator-popup-footer span{color:var(--muted);overflow-wrap:anywhere}.theme-dark .offline-card{background:#162133f0;border-color:#31425df5}.theme-dark .generator-popup-card{background:#162133f5;border-color:#31425df5}.theme-dark .offline-account-item,.theme-dark .offline-message-row,.theme-dark .offline-folder-item,.theme-dark .offline-generator-card,.theme-dark .offline-generator-row code,.theme-dark .offline-bulk-row select,.theme-dark .generator-popup-row,.theme-dark .generator-popup-row code{background:#111b2c;border-color:#31425df5}.theme-dark .offline-account-item.active,.theme-dark .offline-folder-item.active,.theme-dark .offline-message-row.active{background:#8ab4f82e}.theme-dark .danger-inline,.theme-dark .offline-account-delete{background:#ff8a801f;border-color:#ff8a803d;color:#ffb3ab}.theme-dark .offline-folder-item strong{background:#8ab4f82e;color:var(--accent-strong)}.theme-dark .offline-create-button{background:linear-gradient(180deg,#8ab4f8,#4c7bc8);border-color:#8ab4f8;color:#0f1724}@media (max-width: 1180px){.offline-dashboard{height:auto;min-height:100vh;overflow:visible}.offline-shell{height:auto;grid-template-columns:1fr;overflow:visible}.offline-main{grid-template-rows:auto minmax(0,1fr);overflow:visible}.offline-sidebar{overflow:visible}.offline-mail-stack{grid-template-rows:minmax(220px,.92fr) 14px minmax(280px,1fr)}}@media (max-width: 760px){.offline-shell{padding:14px}.offline-status-bar{margin-inline:14px}.offline-account-head,.offline-panel-heading,.offline-generator-row{grid-template-columns:1fr;display:grid}.offline-inline-buttons,.offline-inline-buttons.quad,.offline-inline-buttons.compact{grid-template-columns:1fr 1fr}.offline-folder-create,.offline-bulk-row,.generator-popup-topbar,.generator-popup-row,.generator-popup-footer{display:grid;grid-template-columns:1fr}}@media (max-width: 420px){.offline-shell{padding:10px;gap:12px}.offline-card,.generator-popup-card{padding:14px}.offline-sidebar-head{display:grid;grid-template-columns:1fr}.offline-status-chip{justify-self:start}.offline-inline-buttons,.offline-inline-buttons.quad,.offline-inline-buttons.compact{grid-template-columns:1fr}.generator-popup-actions{justify-content:stretch}.generator-popup-actions button{width:100%}}