.app-shell{grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.app-sidebar{background:#fff;border-left:1px solid #e2e8f0;flex-direction:column;gap:12px;height:100vh;padding:18px 14px;display:flex;position:sticky;top:0;overflow:hidden}.app-sidebar:after{content:"";pointer-events:none;background:linear-gradient(#fff0 0%,#fff 72%);height:28px;position:absolute;bottom:0;left:14px;right:14px}.brand-block{align-items:center;gap:12px;padding:6px 8px 18px;display:flex}.brand-block strong,.brand-block span{display:block}.brand-block strong{font-size:16px}.brand-block span{color:#64748b;font-size:12px}.brand-mark{width:38px;height:38px;color:inherit;direction:ltr;background:0 0;justify-content:center;align-items:center;display:inline-flex;overflow:visible}.brand-mark:before{content:"";background:url(/brand/mastertube-mark.svg) 50%/contain no-repeat;width:34px;height:34px}.app-content{min-width:0}.app-header{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding:12px 24px;display:flex;position:sticky;top:0}.app-header h1{margin:0;font-size:18px;line-height:1.4}.app-header-actions{align-items:center;gap:12px;min-width:0;display:flex}.latest-import-status{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex:none;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-height:42px;padding:6px 9px;font-size:11px;font-weight:850;display:inline-grid}.latest-import-status.success{color:#166534;background:#dcfce7;border-color:#16a34a47}.latest-import-status.warning{color:#92400e;background:#fffbeb;border-color:#f59e0b57}.latest-import-status.danger{color:#b91c1c;background:#fef2f2;border-color:#e11d4842}.latest-import-status-icon{opacity:.78;border:1px solid;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.latest-import-status-copy{gap:1px;min-width:0;display:grid}.latest-import-status small{color:currentColor;opacity:.72;white-space:nowrap;font-size:10px;font-weight:850;line-height:1.2}.latest-import-status strong,.latest-import-status bdi{color:currentColor;white-space:nowrap;font-size:11px;font-weight:950;line-height:1.25}.latest-import-status bdi{opacity:.82;border-inline-start:1px solid;padding-inline-start:8px}.latest-import-status:hover{border-color:currentColor;box-shadow:0 1px 2px #0f172a14}.header-clock{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex:none;align-items:center;gap:10px;padding:6px 8px 6px 10px;font-size:11px;font-weight:800;line-height:1.25;display:inline-flex}.header-clock-lines{gap:3px;display:grid}.header-clock-row{white-space:nowrap;align-items:baseline;gap:4px;display:flex}.header-clock-row strong,.header-clock-row time{color:#334155}.header-clock-icon{color:#475569;border:1px solid #cbd5e1;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.mobile-header-brand{gap:4px;min-width:0;display:grid}.mobile-header,.mobile-nav{display:none}.app-nav{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1;gap:4px;min-height:0;padding-left:2px;display:flex;overflow-y:auto}.app-nav::-webkit-scrollbar{display:none}.app-nav a,.app-nav-disabled,.app-nav-group-trigger{color:#475569;text-align:right;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:14px;font-weight:600;display:flex}.app-nav-group-trigger{list-style:none}.app-nav-group-trigger::-webkit-details-marker{display:none}.app-nav-link-main{align-items:center;gap:10px;min-width:0;display:inline-flex}.app-nav-badges{align-items:center;gap:4px;margin-inline-start:auto;display:inline-flex}.app-nav-badge{color:#fff;direction:ltr;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:900;line-height:1;display:inline-flex}.app-nav-badge.danger{background:#e11d48}.app-nav-badge.warning{background:#f59e0b}.app-nav a:hover,.app-nav-group-trigger:hover{background:var(--accent-soft);color:var(--accent-hover)}.app-nav a.active,.app-nav-group.active>.app-nav-group-trigger{color:var(--accent-hover);box-shadow:inset 3px 0 0 var(--accent);background:linear-gradient(135deg,#7856ff21,#7856ff12);border:1px solid #7856ff38}.app-nav-group{gap:6px;display:grid}.app-nav-group-trigger{cursor:pointer;justify-content:space-between}.app-nav-group-label{align-items:center;gap:10px;display:inline-flex}.app-nav-chevron{transition:transform .18s}.app-nav-group[open] .app-nav-chevron{transform:rotate(180deg)}.app-subnav{border-right:1px solid #e2e8f0;gap:4px;margin-right:12px;padding-right:14px;display:grid}.app-subnav a,.app-subnav .app-nav-disabled{color:#64748b;font-size:13px;font-weight:700}.app-subnav a.active{background:var(--accent-soft);color:var(--accent-hover)}.app-version-link{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding:12px;font-size:13px;font-weight:800;display:flex;box-shadow:0 10px 24px #0f172a14}.app-version-link:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.app-version-link.active{border-color:var(--accent);background:var(--accent);color:var(--surface)}.app-version-link strong{margin-right:auto;font-size:14px}.app-sidebar-footer{z-index:2;background:linear-gradient(#fff0 0%,#fff 24%);margin-top:auto;padding-top:8px;position:sticky;bottom:0}.app-main{padding:24px 24px 48px}.navigation-progress{z-index:var(--z-modal);contain:paint;opacity:0;pointer-events:none;width:100vw;height:3px;transition:opacity .12s;position:fixed;inset:0 0 auto;overflow:hidden}.navigation-progress.is-visible{opacity:1}.navigation-progress span{background:linear-gradient(90deg, transparent, var(--accent), #2563eb, transparent);border-radius:999px;width:42%;height:100%;animation:.9s ease-in-out infinite navigation-progress-slide;display:block}@keyframes navigation-progress-slide{0%{transform:translate(-120%)}to{transform:translate(260%)}}.route-loading-shell{gap:var(--space-5);display:grid}.route-loading-hero,.route-loading-card,.route-loading-panel{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.route-loading-hero{justify-content:space-between;align-items:flex-end;gap:var(--space-5);padding:var(--space-6);display:flex}.route-loading-grid{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.route-loading-card,.route-loading-panel{gap:var(--space-3);padding:var(--space-5);display:grid}.route-loading-line,.route-loading-chip{background:var(--surface-subtle);border-radius:999px;display:block;position:relative;overflow:hidden}.route-loading-line:after,.route-loading-chip:after{content:"";background:linear-gradient(90deg,#0000,#ffffffb8,#0000);animation:1.15s ease-in-out infinite route-loading-shimmer;position:absolute;inset:0}.eyebrow-line{width:118px;height:12px}.title-line{width:min(360px,64vw);height:32px;margin-top:var(--space-3)}.subtitle-line{width:min(560px,72vw);height:14px;margin-top:var(--space-3)}.route-loading-chip{width:132px;height:38px}.card-label-line,.card-meta-line{width:46%;height:12px}.card-value-line{width:68%;height:30px}.panel-title-line{width:180px;height:18px}.panel-row-line{border-radius:var(--radius-md);width:100%;height:48px}.panel-row-line.short{width:76%}@keyframes route-loading-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.navigation-progress span,.route-loading-line:after,.route-loading-chip:after{animation:none}}.app-nav-disabled{cursor:default;opacity:.52;-webkit-user-select:none;user-select:none}.session-panel{direction:rtl;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-width:330px;max-width:460px;padding:7px 8px;display:inline-grid}.session-panel-avatar{color:#334155;background:#e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.session-panel-meta{text-align:right;gap:3px;min-width:0;display:grid}.session-panel-main-row{align-items:center;gap:8px;min-width:0;display:flex}.session-panel-meta strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.4;overflow:hidden}.session-panel-meta bdi{color:#64748b;text-align:right;text-overflow:ellipsis;white-space:nowrap;direction:ltr;unicode-bidi:isolate;font-size:12px;line-height:1.4;overflow:hidden}.session-panel-role{color:#334155;background:#e2e8f0;border-radius:999px;flex:none;align-items:center;padding:3px 9px;font-size:12px;font-weight:700;display:inline-flex}.session-panel-logout{flex:none;min-height:34px;padding-inline:9px}@media (max-width:760px){.app-shell{display:block}.app-sidebar,.app-header{display:none}.mobile-header{z-index:30;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0}.mobile-header .header-clock{background:0 0;border:0;padding:0;font-size:10px}.mobile-header .latest-import-status{grid-template-columns:minmax(0,1fr) auto;gap:6px;width:fit-content;min-height:30px;padding:4px 7px}.mobile-header .latest-import-status-icon,.mobile-header .latest-import-status small,.mobile-header .header-clock-icon{display:none}.mobile-nav{z-index:25;background:#fff;border-bottom:1px solid #e2e8f0;gap:8px;max-width:100vw;padding:10px 12px;display:flex;position:sticky;top:57px;overflow-x:auto}.mobile-nav a,.mobile-nav-disabled{color:#334155;white-space:nowrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex:none;align-items:center;gap:6px;padding:8px 10px;font-size:12px;font-weight:800;display:inline-flex}.mobile-nav-disabled{cursor:default;opacity:.52;-webkit-user-select:none;user-select:none}.route-loading-hero{padding:var(--space-5);flex-direction:column;align-items:stretch}.route-loading-grid{grid-template-columns:1fr}.session-panel{width:100%;min-width:0;max-width:none}.mobile-header .session-panel{background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto;width:auto;max-width:min(64vw,260px);padding:0}.mobile-header .session-panel-avatar,.mobile-header .session-panel-role,.mobile-header .session-panel-meta bdi{display:none}}
.customer-portal-root{--customer-brand:#7856ff;--customer-brand-strong:#6347e8;--customer-brand-soft:#f1edff;--customer-ink:#151827;--customer-muted:#697386;--customer-motion-fast:.16s;--customer-motion-base:.22s;--customer-motion-enter:.52s;--customer-motion-ease:cubic-bezier(.22, 1, .36, 1);min-height:100dvh;color:var(--customer-ink);background:#f6f7fa}html:has(.customer-portal-root){scroll-behavior:smooth}.customer-login-page{background:#fff;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);min-height:100dvh;display:grid}.customer-login-aside{color:#fff;background:#191727;flex-direction:column;justify-content:center;gap:clamp(64px,11vh,128px);min-height:100%;padding:clamp(32px,6vw,88px);display:flex}.customer-login-aside>img{filter:brightness(0)invert();width:min(260px,100%);height:auto}.customer-login-aside>div{border-inline-start:4px solid var(--customer-brand);max-width:590px;padding-inline-start:22px}.customer-login-kicker{color:#cfc5ff;align-items:center;gap:8px;font-size:13px;font-weight:800;display:inline-flex}.customer-login-aside h1{margin:20px 0 14px;font-size:clamp(32px,4vw,54px);line-height:1.3}.customer-login-aside p{color:#c7c4d4;max-width:540px;margin:0;font-size:16px;line-height:2}.customer-login-panel{background:#fff;align-content:center;gap:34px;padding:clamp(28px,7vw,112px);display:grid}.customer-login-heading{gap:8px;display:grid}.customer-login-heading p,.customer-welcome p,.customer-section-heading span{color:var(--customer-brand-strong);margin:0;font-size:13px;font-weight:850}.customer-login-heading h2{color:var(--customer-ink);margin:0;font-size:32px;line-height:1.35}.customer-login-heading>span{color:var(--customer-muted);font-size:15px}.customer-login-form{gap:20px;display:grid}.customer-login-form>label{color:#34394b;gap:8px;font-size:14px;font-weight:800;display:grid}.customer-input-wrap{color:#7b8495;background:#fff;border:1px solid #d8dce5;border-radius:8px;align-items:center;gap:10px;min-height:52px;padding:0 14px;transition:border-color .18s,box-shadow .18s;display:flex}.customer-input-wrap:focus-within{border-color:var(--customer-brand);box-shadow:0 0 0 3px #7856ff24}.customer-input-wrap input{min-width:0;color:var(--customer-ink);text-align:left;direction:ltr;background:0 0;border:0;outline:0;flex:1;font-size:15px}.customer-password-toggle{color:#697386;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:36px;height:36px;display:inline-grid}.customer-password-toggle:hover{background:var(--customer-brand-soft);color:var(--customer-brand-strong)}.customer-login-submit{border:1px solid var(--customer-brand);background:var(--customer-brand);color:#fff;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:52px;font-weight:850;transition:background .18s,transform .18s;display:inline-flex}.customer-login-submit.is-success{background:#18794e;border-color:#18794e}.customer-login-submit.is-success svg{animation:customer-success-pop var(--customer-motion-base) var(--customer-motion-ease) both}.customer-login-submit:hover:not(:disabled){background:var(--customer-brand-strong)}.customer-login-submit:active:not(:disabled){transform:scale(.98)}.customer-login-submit:disabled{cursor:wait;opacity:.7}.customer-login-error{color:#be123c;background:#fff1f2;border-radius:8px;margin:0;padding:10px 12px;font-size:13px;line-height:1.7}.customer-dashboard{min-height:100dvh}.customer-dashboard.is-entering .customer-topbar{animation:customer-fade-down .42s var(--customer-motion-ease) both}.customer-dashboard.is-entering .customer-welcome{animation:customer-rise var(--customer-motion-enter) var(--customer-motion-ease) 40ms both}.customer-dashboard.is-entering .customer-metrics>article{animation:customer-rise var(--customer-motion-enter) var(--customer-motion-ease) both}.customer-dashboard.is-entering .customer-metrics>article:first-child{animation-delay:.1s}.customer-dashboard.is-entering .customer-metrics>article:nth-child(2){animation-delay:.15s}.customer-dashboard.is-entering .customer-metrics>article:nth-child(3){animation-delay:.2s}.customer-dashboard.is-entering .customer-metrics>article:nth-child(4){animation-delay:.25s}.customer-dashboard.is-entering .customer-request-section{animation:customer-rise var(--customer-motion-enter) var(--customer-motion-ease) .3s both}.customer-dashboard.is-entering .customer-data-grid>article:first-child{animation:customer-rise var(--customer-motion-enter) var(--customer-motion-ease) .35s both}.customer-dashboard.is-entering .customer-data-grid>article:last-child{animation:customer-rise var(--customer-motion-enter) var(--customer-motion-ease) .4s both}.customer-dashboard.is-entering .customer-footer{animation:customer-rise var(--customer-motion-enter) var(--customer-motion-ease) .45s both}.customer-topbar{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border-bottom:1px solid #e2e5ec;grid-template-columns:minmax(190px,auto) minmax(0,1fr) minmax(190px,auto);align-items:center;gap:24px;min-height:72px;padding:0 clamp(18px,4vw,64px);display:grid;position:sticky;top:0}.customer-brand,.customer-account,.customer-nav,.customer-nav a{align-items:center;display:flex}.customer-brand{gap:12px;width:fit-content}.customer-brand img{width:142px;height:auto}.customer-brand small{color:var(--customer-muted);white-space:nowrap;border-inline-start:1px solid #d8dce5;padding-inline-start:12px;font-size:11px;font-weight:750}.customer-nav{justify-content:center;gap:4px}.customer-nav a{color:#626b7c;min-height:40px;transition:background var(--customer-motion-fast) ease, color var(--customer-motion-fast) ease, transform var(--customer-motion-fast) ease;border-radius:7px;gap:7px;padding:0 12px;font-size:12px;font-weight:800}.customer-nav a:active{transform:scale(.97)}.customer-nav a:hover,.customer-nav a.is-active{background:var(--customer-brand-soft);color:var(--customer-brand-strong)}.customer-account{justify-content:flex-end;gap:12px}.customer-account>div{text-align:left;direction:ltr;min-width:0;display:grid}.customer-account strong{text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:12px;overflow:hidden}.customer-account span{max-width:180px;color:var(--customer-muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.customer-logout{color:#596274;cursor:pointer;min-width:40px;min-height:40px;transition:border-color var(--customer-motion-fast) ease, background var(--customer-motion-fast) ease, color var(--customer-motion-fast) ease, transform var(--customer-motion-fast) ease;background:#fff;border:1px solid #d8dce5;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 11px;font-size:12px;font-weight:800;display:inline-flex}.customer-logout:active{transform:scale(.96)}.customer-logout:hover{color:var(--customer-ink);background:#f7f8fa;border-color:#aab1bf}.customer-content{width:min(1240px,100%);margin:0 auto;padding:clamp(24px,4vw,48px) clamp(16px,3vw,28px);scroll-margin-top:90px}.customer-welcome{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px;display:flex}.customer-welcome h1{color:var(--customer-ink);margin:7px 0;font-size:32px;line-height:1.35}.customer-welcome>div>span{color:var(--customer-muted);font-size:14px;line-height:1.8}.customer-live-status{color:#166534;white-space:nowrap;background:#f0fbf4;border:1px solid #ccebd6;border-radius:7px;align-items:center;gap:8px;padding:8px 10px;font-size:12px;display:inline-flex}.customer-live-status span{background:#22a35a;border-radius:50%;width:8px;height:8px}.customer-metrics{grid-template-columns:1.15fr repeat(3,minmax(0,1fr));gap:14px;display:grid}.customer-balance-card,.customer-metric-card,.customer-section-card{transition:transform var(--customer-motion-base) var(--customer-motion-ease), box-shadow var(--customer-motion-base) ease, border-color var(--customer-motion-base) ease;background:#fff;border:1px solid #e1e5ec;border-radius:8px;box-shadow:0 1px 2px #1518270a}@media (hover:hover){.customer-balance-card:hover,.customer-metric-card:hover,.customer-section-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px #15182714}.customer-request-section:hover{box-shadow:0 8px 22px #15182714}}.customer-balance-card,.customer-metric-card{align-content:start;gap:9px;min-height:176px;padding:18px;display:grid}.customer-balance-card{border-color:var(--customer-brand);background:var(--customer-brand);color:#fff}.customer-metric-icon{color:#fff;background:#ffffff29;border-radius:8px;place-items:center;width:40px;height:40px;display:grid}.customer-metric-icon.tone-blue{color:#1e57eb;background:#eaf2ff}.customer-metric-icon.tone-amber{color:#a65d08;background:#fff6db}.customer-metric-icon.tone-green{color:#18794e;background:#eaf8ef}.customer-metric-card>span,.customer-balance-card>span{margin-top:4px;font-size:12px;font-weight:750}.customer-metric-card>span{color:var(--customer-muted)}.customer-balance-card>strong,.customer-metric-card>strong{font-variant-numeric:tabular-nums;font-size:27px;line-height:1.15}.customer-metric-card>strong{color:var(--customer-ink)}.customer-balance-card small{color:#e6e0ff}.customer-metric-card small{color:#8a93a3;font-size:11px;line-height:1.7}.customer-data-grid{grid-template-columns:minmax(0,1.4fr) minmax(300px,.9fr);gap:14px;margin-top:14px;display:grid}.customer-request-section{transition:transform var(--customer-motion-base) var(--customer-motion-ease), box-shadow var(--customer-motion-base) ease;background:#fff;border:1px solid #ddd7ff;border-radius:8px;margin-top:14px;padding:18px;box-shadow:0 1px 2px #1518270a}.customer-request-heading{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.customer-request-icon{background:var(--customer-brand-soft);width:44px;height:44px;color:var(--customer-brand-strong);border-radius:8px;place-items:center;display:grid}.customer-request-heading>div:nth-child(2){gap:3px;display:grid}.customer-request-heading span{color:var(--customer-brand-strong);font-size:11px;font-weight:850}.customer-request-heading h2,.customer-request-heading p{margin:0}.customer-request-heading h2{color:var(--customer-ink);font-size:16px}.customer-request-heading p{color:var(--customer-muted);font-size:12px}.customer-request-heading>button,.customer-request-modal-actions button,.customer-request-success button{border:1px solid var(--customer-brand);background:var(--customer-brand);color:#fff;cursor:pointer;min-height:42px;transition:background var(--customer-motion-fast) ease, transform var(--customer-motion-fast) var(--customer-motion-ease);border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:12px;font-weight:850;display:inline-flex}.customer-request-heading>button:hover svg{transform:rotate(90deg)}.customer-request-heading>button svg{transition:transform var(--customer-motion-base) var(--customer-motion-ease)}.customer-request-heading>button:active,.customer-request-modal-actions button:active,.customer-request-success button:active{transform:scale(.97)}.customer-request-heading>button:hover,.customer-request-modal-actions button[type=submit]:hover,.customer-request-success button:hover{background:var(--customer-brand-strong)}.customer-request-history{border-top:1px solid #eceef3;margin-top:16px;display:grid}.customer-request-row{border-bottom:1px solid #eceef3;grid-template-columns:minmax(0,1fr) auto;gap:5px 14px;padding:12px 0;display:grid}.customer-request-row>div:first-child{gap:3px;min-width:0;display:grid}.customer-request-row strong{color:var(--customer-ink);font-size:13px}.customer-request-row a{color:#7b8495;text-align:left;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.customer-request-state{justify-items:end;gap:4px;display:grid}.customer-request-state small{color:#8a93a3;align-items:center;gap:4px;font-size:10px;display:inline-flex}.customer-request-status{color:#9a5a08;background:#fff7dd;border-radius:6px;width:fit-content;padding:3px 7px;font-size:10px;font-weight:850;display:inline-flex}.customer-request-status.is-in_review{color:#1e57eb;background:#eaf2ff}.customer-request-status.is-approved{color:#18794e;background:#eaf8ef}.customer-request-status.is-rejected{color:#be123c;background:#fff1f2}.customer-request-row>p,.customer-request-empty{color:var(--customer-muted);margin:0;font-size:11px;line-height:1.8}.customer-request-row>p{border-inline-start:2px solid #d8dce5;grid-column:1/-1;padding-inline-start:8px}.customer-request-empty{border-top:1px solid #eceef3;margin-top:14px;padding-top:14px}.customer-request-modal-backdrop{--customer-brand:#7856ff;--customer-brand-strong:#6347e8;--customer-ink:#151827;--customer-muted:#697386;--customer-motion-fast:.16s;--customer-motion-base:.22s;--customer-motion-ease:cubic-bezier(.22, 1, .36, 1);z-index:80;animation:customer-backdrop-in var(--customer-motion-fast) ease-out both;direction:rtl;background:#11121c94;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.customer-request-modal{width:min(560px,100%);max-height:calc(100dvh - 32px);animation:customer-modal-in var(--customer-motion-base) var(--customer-motion-ease) both;background:#fff;border-radius:8px;overflow-y:auto;box-shadow:0 20px 50px #11121c3d}.customer-request-modal-backdrop.is-closing{animation:customer-backdrop-out var(--customer-motion-fast) ease-in both}.customer-request-modal-backdrop.is-closing .customer-request-modal{animation:customer-modal-out var(--customer-motion-fast) ease-in both}.customer-request-modal-head{border-bottom:1px solid #eceef3;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px;display:flex}.customer-request-modal-head>div{gap:4px;display:grid}.customer-request-modal-head span{color:var(--customer-brand-strong);font-size:11px;font-weight:850}.customer-request-modal-head h3{color:var(--customer-ink);margin:0;font-size:18px}.customer-request-modal-head>button{color:#626b7c;cursor:pointer;background:#f2f3f6;border:0;border-radius:7px;place-items:center;width:38px;height:38px;display:grid}.customer-request-form{gap:14px;padding:20px;display:grid}.customer-request-form label{gap:7px;display:grid}.customer-request-form label>span{color:#34394b;font-size:12px;font-weight:800}.customer-request-form input,.customer-request-form textarea{width:100%;color:var(--customer-ink);resize:vertical;background:#fff;border:1px solid #d8dce5;border-radius:8px;outline:0;padding:11px 12px;font-size:13px}.customer-request-form input:focus,.customer-request-form textarea:focus{border-color:var(--customer-brand);box-shadow:0 0 0 3px #7856ff1f}.customer-request-error{color:#be123c;background:#fff1f2;border-radius:7px;margin:0;padding:9px 11px;font-size:12px}.customer-request-modal-actions{border-top:1px solid #eceef3;justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}.customer-request-modal-actions button:first-child{color:#596274;background:#fff;border-color:#d8dce5}.customer-request-modal-actions button:disabled{cursor:wait;opacity:.65}.customer-request-success{color:var(--customer-brand-strong);text-align:center;animation:customer-success-in .3s var(--customer-motion-ease) both;justify-items:center;gap:10px;padding:34px 24px;display:grid}.customer-request-success>svg{animation:customer-success-pop .32s var(--customer-motion-ease) 60ms both}.customer-request-success strong{color:var(--customer-ink);font-size:17px}.customer-request-success p{max-width:390px;color:var(--customer-muted);margin:0;font-size:12px;line-height:1.9}.customer-section-card{min-width:0;padding:20px;scroll-margin-top:90px}.customer-section-heading{color:var(--customer-brand-strong);justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.customer-section-heading h2{color:var(--customer-ink);margin:4px 0 0;font-size:16px;line-height:1.45}.customer-channel-list,.customer-activity-list{display:grid}.customer-channel-row,.customer-activity-row{border-top:1px solid #edf0f4;align-items:center;gap:12px;padding:13px 0;display:flex}.customer-channel-avatar{background:var(--customer-brand-soft);width:38px;height:38px;color:var(--customer-brand-strong);border-radius:8px;flex:none;place-items:center;font-weight:900;display:grid}.customer-channel-row>div:nth-child(2),.customer-activity-row>div{gap:3px;min-width:0;display:grid}.customer-channel-row strong,.customer-activity-row strong{color:var(--customer-ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.customer-channel-row span,.customer-activity-row span{color:#8a93a3;font-size:11px}.customer-channel-meta{justify-items:end;gap:5px;margin-inline-start:auto;display:grid}.customer-channel-meta small{color:#8a93a3;font-size:11px}.customer-status{color:#626b7c;background:#f0f2f5;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:850;display:inline-flex}.customer-status.active{color:#18794e;background:#eaf8ef}.customer-activity-row{justify-content:space-between}.customer-activity-row b{font-variant-numeric:tabular-nums;font-size:13px}.customer-activity-row b.positive{color:#18794e}.customer-activity-row b.negative{color:#be123c}.customer-empty{color:#8a93a3;text-align:center;border:1px dashed #c9ced8;border-radius:8px;align-content:center;place-items:center;gap:10px;min-height:152px;display:grid}.customer-empty p{margin:0;font-size:13px}.customer-footer{color:#8a93a3;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;font-size:12px;display:flex}.customer-footer a{min-height:40px;color:var(--customer-brand-strong);align-items:center;gap:6px;font-weight:800;display:inline-flex}.customer-footer a:hover{text-decoration:underline}@keyframes customer-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes customer-fade-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes customer-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes customer-backdrop-out{0%{opacity:1}to{opacity:0}}@keyframes customer-modal-in{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes customer-modal-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(6px)scale(.99)}}@keyframes customer-success-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes customer-success-pop{0%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){html:has(.customer-portal-root){scroll-behavior:auto}.customer-portal-root *,.customer-portal-root :before,.customer-portal-root :after,.customer-request-modal-backdrop,.customer-request-modal{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}}@media (max-width:1040px){.customer-topbar{grid-template-columns:auto minmax(0,1fr) auto;gap:12px;padding-inline:18px}.customer-brand small,.customer-account>div{display:none}.customer-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.customer-login-page{grid-template-columns:1fr}.customer-login-aside{gap:44px;min-height:290px;padding:30px}.customer-login-aside>img{width:210px}.customer-login-aside h1{font-size:30px}.customer-login-panel{padding:36px 24px}.customer-topbar{grid-template-columns:minmax(0,1fr) auto;min-height:64px;padding:0 14px}.customer-brand img{width:126px}.customer-nav{z-index:25;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border:1px solid #dfe3ea;border-radius:8px;justify-content:space-around;gap:2px;min-height:58px;padding:5px;position:fixed;bottom:12px;left:12px;right:12px;box-shadow:0 12px 30px #15182729}.customer-nav a{flex-direction:column;justify-content:center;gap:3px;min-width:76px;min-height:46px;padding:3px 8px;font-size:10px}.customer-content{padding-bottom:96px}.customer-data-grid{grid-template-columns:1fr}.customer-request-heading{grid-template-columns:auto minmax(0,1fr)}.customer-request-heading>button{grid-column:1/-1;width:100%}.customer-welcome{flex-direction:column;align-items:flex-start}}@media (max-width:480px){.customer-logout{width:40px;padding:0;font-size:0}.customer-content{padding:24px 14px 96px}.customer-welcome h1{font-size:26px}.customer-metrics{grid-template-columns:1fr}.customer-balance-card,.customer-metric-card{min-height:152px}.customer-footer{flex-direction:column;align-items:flex-start}.customer-request-row{grid-template-columns:1fr}.customer-request-state{justify-items:start}.customer-channel-row{align-items:flex-start}.customer-channel-meta{margin-inline-start:0}}
.email-dashboard{gap:14px;display:grid}.email-dashboard .content{min-width:0}.email-dashboard-overview{gap:12px;display:grid}.email-dashboard-overview .page-hero{min-height:130px;box-shadow:none;background:linear-gradient(#94a3b814 1px,#0000 1px) 0 0/28px 28px,linear-gradient(90deg,#94a3b814 1px,#0000 1px) 0 0/28px 28px,linear-gradient(315deg,#0ea5e91f,#fff0 42%),#fff;border-color:#0ea5e92e;border-radius:8px}.email-dashboard-overview .page-hero-content{text-align:right;margin-inline:0}.email-dashboard-overview .page-title{font-size:30px;font-weight:950}.email-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px;display:grid}.email-kpi-grid .ui-metric-card{width:100%;min-height:70px;text-align:inherit;border-radius:8px;padding:0}.email-kpi-grid button.ui-metric-card{border:1px solid var(--border-subtle);appearance:none;font:inherit;cursor:pointer;padding:0}.email-kpi-grid button.ui-metric-card:hover{border-color:#7c3aed6b}.email-kpi-grid button.ui-metric-card:focus-visible{outline-offset:2px;outline:2px solid #7c3aed6b}.email-kpi-grid .ui-metric-card.is-active{box-shadow:0 0 0 1px #7c3aed1f, var(--shadow-sm);border-color:#7c3aed94}.email-kpi-grid .ui-metric-card-content{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:stretch;gap:3px;width:100%;height:auto;min-height:70px;padding-block:8px;padding-inline:14px 8px;display:flex}.email-kpi-grid .ui-metric-card-head{flex-direction:row-reverse;justify-content:space-between;align-self:stretch;width:100%;min-width:0}.email-kpi-grid .ui-metric-card-title{text-align:right;width:100%;min-width:0;color:var(--text-soft);overflow-wrap:anywhere;-webkit-line-clamp:2;direction:rtl;unicode-bidi:plaintext;-webkit-box-orient:vertical;align-self:stretch;font-size:11px;font-weight:900;line-height:1.35;display:-webkit-box;overflow:hidden}.email-kpi-grid .ui-metric-card-icon{border-radius:8px;flex-shrink:0;width:26px;height:26px}.email-kpi-grid .ui-metric-card-value{text-align:right;white-space:nowrap;overflow-wrap:anywhere;direction:rtl;min-width:0;font-size:18px;line-height:1.2}.email-kpi-grid .ui-metric-card-value.is-empty{color:var(--text-muted);justify-content:flex-start;align-items:center;display:inline-flex}.email-kpi-grid .ui-metric-card-value.is-empty svg{stroke-width:2.2px;width:18px;height:18px}.email-kpi-grid .ui-metric-card-caption{display:none}.email-kpi-grid .ui-metric-card.tone-neutral:before{background:#94a3b8}.email-dashboard .main-top{border-block:1px solid var(--border-subtle);background:var(--surface);direction:rtl;grid-template-columns:max-content minmax(280px,1fr) max-content;grid-template-areas:"title search actions";align-items:center;gap:12px;min-height:70px;padding:10px 16px;display:grid}.email-dashboard .top-actions{direction:ltr;grid-area:actions;justify-content:flex-start;align-items:center;gap:8px;display:inline-flex}.email-dashboard .icon-button{width:34px;height:34px;color:var(--text-soft);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.email-dashboard .icon-button:hover:not(:disabled){background:var(--surface-subtle);color:var(--text-default)}.email-dashboard .icon-button:disabled{cursor:default;opacity:.56}.email-dashboard .mailui-spin{animation:.9s linear infinite mailui-spin}@keyframes mailui-spin{to{transform:rotate(360deg)}}.email-dashboard .search{width:100%;min-width:0;height:44px;color:var(--text-muted);direction:rtl;background:#eef4ff;border-radius:999px;grid-area:search;align-items:center;gap:8px;padding:0 14px;display:flex}.email-dashboard .search input{width:100%;min-width:0;color:var(--text-default);font:inherit;background:0 0;border:0;outline:0}.email-dashboard .context-title{text-align:right;direction:rtl;grid-area:title;justify-content:flex-end;align-items:baseline;gap:8px;min-width:0;display:flex}.email-dashboard .context-title strong{min-width:0;max-width:min(38vw,460px);color:var(--text-default);text-overflow:ellipsis;white-space:nowrap;align-items:baseline;gap:6px;font-size:16px;font-weight:900;display:inline-flex;overflow:hidden}.email-dashboard .context-title .context-value{text-overflow:ellipsis;min-width:0;overflow:hidden}.email-dashboard .context-title .context-label{color:var(--text-muted);flex-shrink:0;font-size:12px;font-weight:800}.email-dashboard .context-title span{color:var(--text-muted);flex-shrink:0;font-size:12px}.email-dashboard .context-title .sync-hint{color:var(--text-muted);font-size:11px}.email-dashboard .context-title .sync-hint.error{color:var(--danger-fg)}.email-dashboard .thread-main-top{grid-template-columns:minmax(0,1fr);grid-template-areas:"title""meta""actions";align-items:start;gap:8px;min-height:76px}.email-dashboard .thread-main-top .top-actions{direction:rtl;flex-wrap:wrap;justify-content:flex-start;place-self:start stretch;width:100%;max-width:none}.email-dashboard .thread-main-top .context-title{text-align:right;flex-direction:column;justify-content:flex-start;place-self:start stretch;align-items:flex-end;gap:4px;width:100%;min-width:0;overflow:hidden}.email-dashboard .thread-main-top .context-title strong{width:100%;max-width:100%;font-size:18px;line-height:1.6}.email-dashboard .thread-header-tools{direction:rtl;grid-area:meta;justify-content:start;justify-self:stretch;gap:8px;width:100%;min-width:0;display:grid}.email-dashboard .mailbox-rail{display:none}.email-dashboard .page.page-inbox,.email-dashboard .page.page-thread{background:var(--surface);min-width:0}.email-dashboard .mail-toolbar{border-bottom:1px solid var(--border-subtle);direction:rtl;justify-content:space-between;align-items:center;min-height:48px;padding:0 16px;display:flex}.email-dashboard .range{color:var(--text-muted);text-align:start;direction:rtl;unicode-bidi:plaintext;font-size:12px;font-weight:600}.email-dashboard .mail-pagination{color:var(--text-muted);direction:ltr;align-items:center;gap:6px;font-size:12px;display:inline-flex}.email-dashboard .mail-pagination .icon-button{width:30px;height:30px}.email-dashboard .filter-panel{border-bottom:1px solid var(--border-subtle);background:var(--surface);direction:rtl;grid-template-columns:repeat(4,minmax(150px,1fr)) auto;align-items:end;gap:10px;padding:12px 16px;display:grid}.email-dashboard .filter-panel label{min-width:0;color:var(--text-muted);gap:5px;font-size:12px;font-weight:800;display:grid}.email-dashboard .filter-panel .input,.email-dashboard .filter-panel .select{width:100%;min-height:34px}.email-dashboard .filter-panel .filter-checkbox{white-space:nowrap;align-self:center;align-items:center;gap:8px;display:inline-flex}.email-dashboard .filter-actions{align-items:center;gap:8px;display:inline-flex}.email-dashboard .mail-table{min-width:0;display:grid;overflow-x:auto}.email-dashboard .mail-table-head,.email-dashboard .mail-row{grid-template-columns:minmax(136px,.9fr) minmax(150px,1fr) minmax(390px,2.45fr) minmax(132px,.85fr) minmax(94px,.55fr) minmax(142px,.8fr);gap:10px;min-width:1120px;display:grid}.email-dashboard .mail-table.is-drafts .mail-table-head,.email-dashboard .mail-table.is-drafts .mail-row{grid-template-columns:minmax(130px,.8fr) minmax(140px,.9fr) minmax(310px,1.7fr) minmax(128px,.75fr) minmax(112px,.65fr) minmax(112px,.65fr) minmax(92px,.5fr) minmax(142px,.75fr);min-width:1280px}.email-dashboard .mail-table-head{z-index:1;border-bottom:1px solid var(--border-subtle);color:var(--text-muted);text-align:right;direction:rtl;background:#f8fafc;align-items:center;padding:9px 16px;font-size:11px;font-weight:900;position:sticky;top:0}.email-dashboard .mail-table-head>span{text-align:right;justify-self:stretch;min-width:0}.email-dashboard .mail-row{border:0;border-bottom:1px solid var(--border-subtle);border-inline-start:3px solid var(--mailbox-accent,var(--border-default));width:100%;min-height:58px;color:inherit;text-align:right;font:inherit;cursor:pointer;direction:rtl;background:0 0;align-items:center;padding:8px 16px;text-decoration:none}.email-dashboard .mail-row:hover{background:var(--surface-muted)}.email-dashboard .mail-row.unread{box-shadow:none;background:#fbfdff;border-inline-start-width:4px}.email-dashboard .mail-row.unread:hover{background:#f6faff}.email-dashboard .mail-row.selected,.email-dashboard .mail-row.unread.selected{background:var(--accent-soft)}.email-dashboard .mail-row.unread .sender strong,.email-dashboard .mail-row.unread .subject-line strong,.email-dashboard .mail-row.unread .recipient-cell strong{color:var(--text-default);font-weight:560}.email-dashboard .mail-row .checkbox,.email-dashboard .mail-row .star,.email-dashboard .mail-row .status-marker{display:none}.email-dashboard .mail-cell{min-width:0;overflow:hidden}.email-dashboard .sender{color:var(--text-default);text-align:right;direction:rtl;justify-items:end;gap:2px;font-size:13px;display:grid}.email-dashboard .sender-name-line{direction:rtl;justify-content:flex-start;align-items:center;gap:6px;width:100%;min-width:0;display:inline-flex}.email-dashboard .unread-marker{background:var(--accent);width:7px;height:7px;box-shadow:none;border-radius:999px;flex:none}.email-dashboard .recipient-cell{text-align:right;direction:rtl;justify-content:flex-start;align-items:center;display:flex}.email-dashboard .mailbox-chip{flex:none;align-items:center;width:fit-content;display:inline-flex}.email-dashboard .mailbox-chip span{background:var(--mailbox-accent,var(--accent));border-radius:999px;flex:none;width:7px;height:7px}.email-dashboard .recipient-title{direction:rtl;justify-content:flex-start;align-items:center;gap:6px;min-width:0;max-width:100%;display:inline-flex}.email-dashboard .recipient-title strong{min-width:0}.email-dashboard .sender strong,.email-dashboard .recipient-cell strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:480;overflow:hidden}.email-dashboard .recipient-cell strong{direction:ltr;unicode-bidi:embed}.email-dashboard .sender small,.email-dashboard .recipient-cell small{min-width:0;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;font-weight:500;overflow:hidden}.email-dashboard .sender small{text-align:right;direction:ltr;unicode-bidi:embed;justify-self:start;max-width:100%}.email-dashboard .subject-line{text-align:right;direction:rtl;justify-content:flex-start;align-items:center;gap:6px;display:flex}.email-dashboard .subject-line strong{min-width:0;color:var(--text-default);text-align:right;text-overflow:ellipsis;white-space:nowrap;direction:rtl;unicode-bidi:plaintext;font-size:13px;font-weight:500;overflow:hidden}.email-dashboard .attachment-indicator,.email-dashboard .subject-line svg{color:var(--text-muted);flex-shrink:0}.email-dashboard .preview-cell{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.7}.email-dashboard .status-cell{justify-content:flex-start;align-items:center;gap:6px;display:flex}.email-dashboard .draft-actor-cell{color:var(--text-default);text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;line-height:1.5;overflow:hidden}.email-dashboard .badge{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;max-width:100%;padding:2px 8px;font-size:11px;font-weight:800;line-height:1.5;display:inline-flex}.email-dashboard .external-activity-badge{color:#92400e;white-space:nowrap;background:#fbbf2424;border:1px solid #d9770647;border-radius:999px;align-items:center;gap:5px;width:fit-content;max-width:100%;padding:2px 8px;font-size:11px;font-weight:900;line-height:1.5;display:inline-flex}.email-dashboard .external-activity-badge svg{flex:none}.email-dashboard .external-activity-badge.compact{padding-inline:6px}.email-dashboard .provider-missing-badge{color:#991b1b;white-space:nowrap;background:#fee2e2b8;border:1px solid #dc26263d;border-radius:999px;align-items:center;gap:5px;width:fit-content;max-width:100%;padding:2px 8px;font-size:11px;font-weight:900;line-height:1.5;display:inline-flex}.email-dashboard .provider-missing-badge svg{flex:none}.email-dashboard .message-external-activity,.email-dashboard .message-provider-missing{margin-top:8px}.email-dashboard .badge.purple{color:var(--accent-hover);background:#7856ff1f}.email-dashboard .badge.blue{color:#1d4ed8;background:#2563eb1a}.email-dashboard .badge.green{background:var(--success-soft);color:var(--success-fg)}.email-dashboard .badge.amber{background:var(--warning-soft);color:var(--warning-fg)}.email-dashboard .badge.neutral{background:var(--surface-subtle);color:var(--text-soft)}.email-dashboard .datetime-cell{width:100%;color:var(--text-soft);text-align:right;white-space:nowrap;direction:ltr;justify-content:flex-end;align-items:center;gap:8px;font-size:12px;font-weight:800;line-height:1.5;display:inline-flex}.email-dashboard .email-empty-state,.email-dashboard .thread-empty,.email-dashboard .thread-loading{max-width:520px;margin:80px auto}.email-dashboard .thread-wrap{min-width:0;display:grid}.email-dashboard .thread-toolbar{z-index:2;border-bottom:1px solid var(--border-subtle);background:#fffffff5;align-items:center;gap:8px;min-height:54px;padding:8px 16px;display:flex;position:sticky;top:0}.email-dashboard .toolbar-cluster{align-items:center;gap:5px;display:inline-flex}.email-dashboard .toolbar-cluster:last-child{margin-inline-start:auto}.email-dashboard .thread-tool.btn{width:34px;padding:0}.email-dashboard .thread-subject{text-align:right;direction:rtl;gap:12px;padding:14px 24px 0;display:grid}.email-dashboard .thread-meta{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px;width:100%;max-width:none;display:flex}.email-dashboard .date-chip{gap:6px}.email-dashboard .date-chip small{color:var(--text-muted)}.email-dashboard .thread-topic-action{direction:rtl;align-items:center;gap:6px;min-width:0;display:inline-flex}.email-dashboard .thread-topic-action select,.email-dashboard .thread-topic-action .select{width:116px;min-width:116px;max-width:116px}.email-dashboard .thread-topic-save.btn{height:34px;padding-inline:9px}.email-dashboard .thread-audit-page-link{gap:6px}.email-dashboard .thread-reason label>span{color:var(--text-muted);font-size:12px}.email-dashboard .thread-reason{border:1px solid var(--border-default);background:var(--surface-muted);border-radius:8px;gap:8px;max-width:680px;padding:12px;display:grid}.email-dashboard .thread-reason label{gap:4px;display:grid}.email-dashboard .thread-reason-actions{gap:8px;display:flex}.email-dashboard .thread-action-message{margin:0;font-size:13px}.email-dashboard .thread-action-message.success{color:var(--success-fg)}.email-dashboard .thread-action-message.error{color:var(--danger-fg)}.email-dashboard .thread-action-message.list-message{margin:0 18px 10px}.email-dashboard .thread-stack{direction:rtl;flex-direction:column;gap:0;padding:0;display:flex}.email-dashboard .message{border:0;border-bottom:1px solid var(--border-subtle);width:100%;min-width:0;max-width:none;box-shadow:none;direction:rtl;background:0 0;border-radius:0;gap:10px;margin:0;padding:18px 24px;display:grid;overflow:visible}.email-dashboard .message>*{min-width:0}.email-dashboard .message.collapsed{min-height:80px}.email-dashboard .message.dir-inbound,.email-dashboard .message.dir-outbound{align-self:stretch}.email-dashboard .message-head{direction:rtl;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.email-dashboard .message-avatar{color:#fff;background:#f97316;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;font-size:13px;font-weight:900;display:inline-flex}.email-dashboard .message.dir-inbound .message-avatar{background:#2563eb}.email-dashboard .message.dir-outbound .message-avatar{background:#7856ff}.email-dashboard .message-author{text-align:right;gap:3px;min-width:0;display:grid}.email-dashboard .message-author strong{min-width:0;color:var(--text-default);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:900;overflow:hidden}.email-dashboard .participant-identity{direction:rtl;justify-content:flex-start;align-items:baseline;gap:6px;display:inline-flex}.email-dashboard .participant-identity bdi{color:var(--text-muted);font-size:12px;font-weight:700}.email-dashboard .message-participants{text-align:right;direction:rtl;grid-template-columns:auto minmax(0,1fr);gap:2px 8px;margin:0;display:grid}.email-dashboard .message-participants dt,.email-dashboard .message-participants dd{color:var(--text-muted);margin:0;font-size:12px}.email-dashboard .message-participants dd{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.email-dashboard .participant-chip{align-items:baseline;gap:5px;max-width:100%;display:inline-flex}.email-dashboard .participant-chip+.participant-chip:before{content:"،";color:var(--text-muted)}.email-dashboard .participant-chip bdi{color:var(--text-soft)}.email-dashboard .inline-date{color:var(--text-soft);text-align:left;direction:ltr;flex-direction:column;align-items:flex-start;font-size:12px;display:inline-flex}.email-dashboard .inline-date small{color:var(--text-muted);font-size:11px}.email-dashboard .message-subject-row{min-width:0;color:var(--text-muted);text-align:right;direction:rtl;border-block-start:1px solid #94a3b83d;grid-template-columns:max-content minmax(0,1fr);align-items:baseline;gap:8px;padding-block-start:8px;font-size:12px;line-height:1.6;display:grid}.email-dashboard .message-subject-row span{color:var(--text-muted);white-space:nowrap;font-weight:800}.email-dashboard .message-subject-row bdi{min-width:0;color:var(--text-default);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:900;overflow:hidden}.email-dashboard .message-body{white-space:normal;overflow-wrap:anywhere;word-break:break-word;width:100%;min-width:0;max-width:100%;color:var(--text-default);text-align:right;margin:8px 0 0;font-size:14px;line-height:1.9}.email-dashboard .message-body p{overflow-wrap:anywhere;word-break:break-word;min-width:0;max-width:100%;margin:0 0 10px}.email-dashboard .message-body p:last-child{margin-bottom:0}.email-dashboard .message-body-html{padding:2px 0;overflow-x:auto}.email-dashboard .message-body-html :where(h1,h2,h3,h4,h5,h6){color:var(--text-default);margin:0 0 10px;font-size:16px;line-height:1.5}.email-dashboard .message-body-html :where(ul,ol){margin:0 0 12px;padding-inline-start:22px}.email-dashboard .message-body-html :where(li){margin:0 0 6px}.email-dashboard .message-body-html :where(blockquote){border-inline-start:3px solid var(--border-default);color:var(--text-muted);margin:10px 0;padding-inline-start:12px}.email-dashboard .message-body-html :where(a){color:var(--accent);overflow-wrap:anywhere;text-underline-offset:3px;font-weight:800;text-decoration:underline}.email-dashboard .message-body-html :where(.email-inline-image,.email-remote-image){border:1px solid var(--border-subtle);background:#fff;border-radius:8px;width:auto;max-width:min(100%,720px);height:auto;margin:12px 0;display:block}.email-dashboard .email-image-placeholder{border:1px dashed var(--border-default);background:var(--surface-muted);max-width:min(100%,520px);color:var(--text-muted);text-align:start;border-radius:8px;gap:6px;margin:12px 0;padding:12px;display:grid}.email-dashboard .email-image-placeholder strong{color:var(--text-default);font-size:13px;font-weight:900}.email-dashboard .email-image-placeholder small{color:var(--text-muted);font-size:12px;line-height:1.7}.email-dashboard .email-image-placeholder button{border:1px solid var(--border-default);color:var(--accent);font:inherit;cursor:pointer;background:#fff;border-radius:8px;justify-self:start;padding:7px 10px;font-size:12px;font-weight:900}.email-dashboard .email-image-placeholder button:hover{background:var(--accent-soft);border-color:#7856ff59}.email-dashboard .message-body-html :where(table){border-collapse:collapse;width:max-content;max-width:100%;margin:12px 0;display:block;overflow-x:auto}.email-dashboard .message-body-html :where(th,td){border:1px solid var(--border-default);text-align:start;vertical-align:top;padding:8px 10px}.email-dashboard .message-body-html :where(th){background:var(--surface-muted);font-weight:900}.email-dashboard .message-body-html :where(pre){border:1px solid var(--border-default);background:var(--surface-muted);white-space:pre-wrap;border-radius:8px;max-width:100%;margin:10px 0;padding:10px 12px;overflow-x:auto}.email-dashboard .message-body-html :where(code){font-family:var(--font-mono,monospace);font-size:.92em}.email-dashboard .message-body-empty{color:var(--text-muted);margin:0;font-size:13px}.email-dashboard .message-attachments{gap:8px;margin-top:12px;display:grid}.email-dashboard .message-attachment-row{border:1px solid var(--border-default);background:var(--surface);border-radius:8px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;min-height:58px;padding:9px 10px;font-size:12px;display:grid}.email-dashboard .message-attachment-row.is-image{background:#fbfdff;border-color:#cfe0f8}.email-dashboard .message-attachment-row.is-blocked{background:#fff7f7}.email-dashboard .message-attachment-icon{width:36px;height:36px;color:var(--text-soft);background:#eef2f7;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.email-dashboard .message-attachment-row.is-image .message-attachment-icon{color:#1d4ed8;background:#eaf4ff}.email-dashboard .message-attachment-main{gap:3px;min-width:0;display:grid}.email-dashboard .message-attachment-name{color:var(--text-default);text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.email-dashboard .message-attachment-meta{color:var(--text-muted)}.email-dashboard .message-attachment-actions{align-items:center;gap:6px;display:inline-flex}.email-dashboard .attachment-action-button,.email-dashboard .attachment-download-button{border:1px solid var(--border-default);background:var(--surface);min-height:32px;color:var(--text-default);font:inherit;white-space:nowrap;cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:12px;line-height:1;text-decoration:none;display:inline-flex}.email-dashboard .attachment-action-button:hover,.email-dashboard .attachment-download-button:hover{background:#f8fafc}.email-dashboard .attachment-preview-overlay{z-index:calc(var(--z-modal) + 4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020617c2;justify-content:center;align-items:center;padding:40px;display:flex;position:fixed;inset:0}.email-dashboard .attachment-preview-modal{direction:ltr;background:#101010;border:1px solid #ffffff1a;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(320px,360px);width:min(92vw,1760px);height:min(88vh,920px);display:grid;overflow:hidden;box-shadow:0 30px 90px #0000006b}.email-dashboard .attachment-preview-stage{background:#181818;justify-content:center;align-items:center;min-width:0;min-height:0;padding:32px;display:flex;position:relative}.email-dashboard .attachment-preview-image-frame{width:100%;min-width:0;height:100%;min-height:0;position:relative}.email-dashboard .attachment-preview-image-frame img{object-fit:contain;border-radius:6px;box-shadow:0 12px 40px #00000038}.email-dashboard .attachment-preview-nav{z-index:1;color:#f8fafc;cursor:pointer;background:#0f172a6b;border:1px solid #ffffff29;border-radius:999px;justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.email-dashboard .attachment-preview-nav:hover{background:#0f172ab8}.email-dashboard .attachment-preview-nav.previous{left:18px}.email-dashboard .attachment-preview-nav.next{right:18px}.email-dashboard .attachment-preview-sidebar{color:#e5e7eb;text-align:right;direction:rtl;background:#0d0d0e;border-left:1px solid #ffffff14;flex-direction:column;min-width:0;display:flex}.email-dashboard .attachment-preview-head{color:#cbd5e1;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;min-height:56px;padding:8px 14px;display:flex}.email-dashboard .attachment-preview-head .icon-button{color:#f8fafc}.email-dashboard .attachment-preview-details{gap:18px;padding:18px 16px;display:grid}.email-dashboard .attachment-preview-details h2{overflow-wrap:anywhere;color:#f8fafc;margin:0;font-size:15px;font-weight:720;line-height:1.6}.email-dashboard .attachment-preview-details dl{gap:0;margin:0;display:grid}.email-dashboard .attachment-preview-details dl>div{border-bottom:1px solid #ffffff14;grid-template-columns:minmax(90px,.45fr) minmax(0,1fr);gap:12px;padding:10px 0;display:grid}.email-dashboard .attachment-preview-details dt{color:#94a3b8}.email-dashboard .attachment-preview-details dd{overflow-wrap:anywhere;color:#e5e7eb;min-width:0;margin:0}.email-dashboard .attachment-preview-actions{border-top:1px solid #ffffff14;margin-top:auto;padding:14px 16px}.email-dashboard .attachment-download-button{color:#f8fafc;background:#151515;border-color:#ffffff24;width:100%;min-height:38px;font-size:13px}.email-dashboard .attachment-download-button:hover{background:#1f2937}.email-dashboard .reply-box{border-top:1px solid var(--border-subtle);background:var(--surface);width:100%;margin-top:0;padding:0}.email-dashboard .reply-box .email-compose{box-shadow:none;border:0;border-radius:0;margin:0}.email-dashboard .reply-box .email-compose-editor{padding:18px 24px 36px}.email-dashboard .reply-box .email-compose-head,.email-dashboard .reply-box .email-compose-actions{justify-content:flex-start}.email-dashboard .reply-box .email-compose-toolbar{justify-self:start}.email-dashboard .scrim{z-index:var(--z-modal);cursor:pointer;background:#0f172a47;border:0;position:fixed;inset:0}.email-dashboard .compose-scrim{background:#0f172a29}.email-dashboard .standalone-compose-modal{z-index:calc(var(--z-modal) + 2);direction:rtl;width:min(720px,100vw - 360px);max-height:calc(100vh - 72px);position:fixed;bottom:24px;right:316px;overflow:auto}.email-dashboard .standalone-compose-modal .email-compose{margin:0;box-shadow:0 24px 70px #0f172a38}.email-dashboard .standalone-compose-modal .email-compose-body{min-height:300px}.email-dashboard .activity-drawer{inset-block:0;z-index:calc(var(--z-modal) + 1);background:var(--surface);border-inline-start:1px solid var(--border-default);width:min(92vw,390px);box-shadow:var(--shadow-lg);text-align:right;direction:rtl;flex-direction:column;display:flex;position:fixed;left:auto;right:0}.email-dashboard .drawer-head{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:8px;padding:14px 16px;display:flex}.email-dashboard .drawer-head-link{border:1px solid var(--border-default);background:var(--surface-muted);color:var(--accent);border-radius:7px;margin-inline-start:auto;padding:6px 9px;font-size:12px;font-weight:900;text-decoration:none}.email-dashboard .drawer-head-link:hover{background:var(--accent-soft)}.email-dashboard .drawer-head h2{margin:0;font-size:15px;font-weight:750}.email-dashboard .drawer-head .icon-button{width:40px;height:40px}.email-dashboard .drawer-list{flex:1;padding:4px 16px 10px;overflow-y:auto}.email-dashboard .log-item{grid-template-columns:10px minmax(0,1fr);align-items:start;gap:10px;padding:12px 0;display:grid}.email-dashboard .log-item+.log-item{border-top:1px dashed var(--border-default)}.email-dashboard .log-dot{background:var(--accent);border-radius:999px;grid-column:1;justify-self:center;width:9px;height:9px;margin-top:5px}.email-dashboard .log-item.tone-status .log-dot{background:var(--accent)}.email-dashboard .log-item.tone-message .log-dot,.email-dashboard .log-item.tone-sent .log-dot{background:var(--success-fg)}.email-dashboard .log-item.tone-draft .log-dot,.email-dashboard .log-item.tone-topic .log-dot,.email-dashboard .log-item.tone-attachment .log-dot{background:#8b5cf6}.email-dashboard .log-item.tone-danger .log-dot{background:var(--danger-fg)}.email-dashboard .log-body{grid-column:2;gap:4px;min-width:0;display:grid}.email-dashboard .log-body strong{overflow-wrap:break-word;word-break:normal;color:var(--text-default);font-size:13px;font-weight:650;line-height:1.6}.email-dashboard .log-meta{gap:1px;min-width:0;display:grid}.email-dashboard .log-context{border:1px solid var(--border-subtle);background:var(--surface-muted);border-radius:8px;gap:2px;min-width:0;padding:6px 8px;display:grid}.email-dashboard .log-context span,.email-dashboard .log-context bdi{min-width:0;color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:750;overflow:hidden}.email-dashboard .log-context bdi{color:var(--text-muted);text-align:right}.email-dashboard .log-meta-row{min-width:0;color:var(--text-soft);flex-wrap:wrap;justify-content:flex-start;align-items:baseline;gap:0 4px;margin:0;font-size:12px;font-weight:500;line-height:1.55;display:flex}.email-dashboard .log-meta-row span{color:var(--text-muted);font-size:11px;font-weight:650}.email-dashboard .log-meta-row bdi{overflow-wrap:anywhere;unicode-bidi:isolate;min-width:0}.email-dashboard .log-meta-row .log-email{text-align:right;direction:ltr}.email-dashboard .log-body small,.email-dashboard .log-empty{color:var(--text-muted);font-size:12px;line-height:1.55}.email-dashboard .log-empty.error{color:var(--danger-fg)}.email-dashboard .activity-date-line{color:var(--text-muted);text-align:right;white-space:nowrap;unicode-bidi:isolate;margin:0;font-size:12px;font-weight:500;line-height:1.55;display:block}.email-dashboard .email-compose{border:1px solid var(--border-default);background:var(--surface);direction:rtl;border-radius:8px;width:100%;margin-top:16px;padding:0;overflow:hidden}.email-dashboard .email-compose-launch,.email-dashboard .email-compose-actions,.email-dashboard .email-compose-outcome-options,.email-dashboard .email-compose-recovery{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.email-dashboard .email-compose-editor,.email-dashboard .email-compose-field,.email-dashboard .email-compose-outcome{gap:10px;display:grid}.email-dashboard .email-compose-launch,.email-dashboard .email-compose-editor{padding:18px}.email-dashboard .email-compose-editor{background:var(--surface)}.email-dashboard .email-compose-recipients{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.email-dashboard .email-compose-head{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:8px;padding-bottom:10px;display:flex}.email-dashboard .email-compose-head strong{font-size:14px;font-weight:900}.email-dashboard .email-compose-field>span,.email-dashboard .email-compose-signature-note,.email-dashboard .email-compose-outcome legend{color:var(--text-muted);font-size:12px;font-weight:800}.email-dashboard .email-compose-outcome{border:1px solid var(--border-subtle);background:var(--surface-muted);border-radius:8px;min-width:0;margin:0;padding:10px}.email-dashboard .email-compose-outcome legend{padding:0 4px}.email-dashboard .email-compose-toolbar{border:1px solid var(--border-subtle);background:var(--surface-muted);border-radius:8px;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:6px;width:fit-content;max-width:100%;padding:6px;display:inline-flex}.email-dashboard .email-compose-toolbar .icon-button.active{background:var(--accent-soft);color:var(--accent-hover);border-color:#7c3aed47}.email-dashboard .email-compose-file-input{display:none}.email-dashboard .email-compose-attachments{flex-wrap:wrap;gap:8px;display:flex}.email-dashboard .email-compose-attachment-chip{border:1px solid var(--border-default);background:var(--surface-muted);max-width:100%;color:var(--text-default);border-radius:999px;align-items:center;gap:6px;padding:5px 8px;font-size:12px;font-weight:800;display:inline-flex}.email-dashboard .email-compose-attachment-chip bdi{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:220px;overflow:hidden}.email-dashboard .email-compose-attachment-chip small{color:var(--text-muted);font-weight:700}.email-dashboard .email-compose-attachment-chip button{width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.email-dashboard .email-compose-attachment-chip button:hover:not(:disabled){background:var(--surface-subtle);color:var(--danger-fg)}.email-dashboard .email-compose-body{white-space:pre-wrap;word-break:break-word;cursor:text;outline:none;width:100%;min-height:240px;max-height:56vh;font-size:14px;line-height:1.9;display:block;overflow-y:auto}.email-dashboard .email-compose-body[contenteditable=true]:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent)}.email-dashboard .email-compose-body:empty:before{content:attr(data-placeholder);color:var(--text-muted)}.email-dashboard .email-compose-body blockquote{border-inline-start:3px solid var(--border-strong);color:var(--text-muted);margin:10px 0;padding-inline-start:12px}.email-dashboard .email-compose-body ul,.email-dashboard .email-compose-body ol{margin:8px 0;padding-inline-start:24px}.email-dashboard .email-compose-body a{color:var(--accent-hover);text-decoration:underline}.email-dashboard .email-compose-lock-note{color:var(--warning-fg);font-size:12px;font-weight:700}.email-dashboard .email-compose-recovery{border:1px solid var(--warning-fg);background:var(--warning-bg);color:var(--warning-fg);border-radius:8px;padding:10px 12px;font-size:13px}.email-dashboard .email-compose-recovery.is-recoverable{border-style:dashed}.email-dashboard .email-compose-outcome-options{flex-wrap:wrap;gap:8px}.email-dashboard .email-compose-outcome-options label{border:1px solid var(--border-default);background:var(--surface);min-height:44px;color:var(--text-default);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:8px 12px;font-size:13px;font-weight:850;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.email-dashboard .email-compose-outcome-options label.is-selected{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-hover)}.email-dashboard .email-compose-outcome-options input{accent-color:var(--accent)}.email-dashboard .email-compose-outcome:disabled{opacity:.65}.email-dashboard .email-compose-outcome:disabled label{cursor:not-allowed}.email-dashboard .email-compose-message{margin:0;font-size:13px}.email-dashboard .email-compose-message.success{color:var(--success-fg)}.email-dashboard .email-compose-message.error{color:var(--danger-fg)}.email-audit-page{text-align:right;direction:rtl;gap:16px;min-width:0;display:grid}.email-audit-heading{border-bottom:1px solid var(--border-subtle);background:var(--surface);justify-content:space-between;align-items:flex-end;gap:16px;padding:18px 20px;display:flex}.email-audit-heading h1{color:var(--text-default);margin:6px 0 0;font-size:24px;font-weight:950;line-height:1.4}.email-audit-back-link{color:var(--text-muted);font-size:12px;font-weight:850;text-decoration:none}.email-audit-back-link:hover{color:var(--accent)}.email-audit-heading-actions,.email-audit-filter-actions{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.email-audit-filter-bar{border-block:1px solid var(--border-subtle);background:var(--surface);grid-template-columns:repeat(6,minmax(140px,1fr)) auto;align-items:end;gap:10px;padding:14px 16px;display:grid}.email-audit-filter-bar label,.email-audit-date-filter{min-width:0;color:var(--text-muted);gap:6px;font-size:12px;font-weight:850;display:grid}.email-audit-filter-bar .input,.email-audit-filter-bar .select,.email-audit-filter-bar .date-picker-trigger{width:100%;min-height:36px}.email-audit-page .date-picker-popover{z-index:50;left:auto;right:0}.email-audit-message,.email-audit-empty{border-block:1px solid var(--border-subtle);background:var(--surface);color:var(--text-muted);margin:0;padding:14px 16px;font-size:13px;font-weight:800}.email-audit-message.error{color:var(--danger-fg)}.email-audit-message.success{color:var(--success-fg)}.email-audit-summary-strip{border-block:1px solid var(--border-subtle);background:var(--surface);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.email-audit-summary-item{border-inline-end:1px solid var(--border-subtle);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;padding:12px 16px;display:grid}.email-audit-summary-item:last-child{border-inline-end:0}.email-audit-summary-item>span{background:var(--surface-muted);width:30px;height:30px;color:var(--text-soft);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.email-audit-summary-item small{color:var(--text-muted);font-size:12px;font-weight:850}.email-audit-summary-item strong{color:var(--text-default);font-size:18px;font-weight:950}.email-audit-table-shell{border-block:1px solid var(--border-subtle);background:var(--surface);min-width:0;overflow-x:auto}.email-audit-table-head,.email-audit-row{grid-template-columns:minmax(168px,.82fr) minmax(168px,.8fr) minmax(280px,1.45fr) minmax(172px,.85fr) minmax(260px,1.2fr) minmax(104px,.42fr);gap:12px;min-width:1240px;display:grid}.email-audit-table-head{z-index:1;border-bottom:1px solid var(--border-subtle);color:var(--text-muted);background:#f8fafc;padding:10px 16px;font-size:11px;font-weight:950;position:sticky;top:0}.email-audit-row{border-bottom:1px solid var(--border-subtle);border-inline-start:3px solid #0000;align-items:start;padding:12px 16px}.email-audit-row:last-child{border-bottom:0}.email-audit-row.tone-danger{background:#e11d4809;border-inline-start-color:#e11d48}.email-audit-row.tone-sent,.email-audit-row.tone-status{border-inline-start-color:#2563eb}.email-audit-row.tone-draft,.email-audit-row.tone-topic{border-inline-start-color:#7c3aed}.email-audit-row.tone-message,.email-audit-row.tone-attachment{border-inline-start-color:#0f766e}.email-audit-time,.email-audit-action-cell,.email-audit-context-cell,.email-audit-actor-cell{gap:3px;min-width:0;display:grid}.email-audit-time{color:var(--text-soft);text-align:left;font-size:12px;font-weight:850}.email-audit-time small,.email-audit-action-cell small,.email-audit-actor-cell small,.email-audit-actor-cell bdi{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;overflow:hidden}.email-audit-action-cell strong,.email-audit-actor-cell strong{color:var(--text-default);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:900;overflow:hidden}.email-audit-context-cell bdi{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:800;overflow:hidden}.email-audit-context-cell a,.email-audit-context-cell span{color:var(--text-default);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:850;text-decoration:none;overflow:hidden}.email-audit-context-cell a:hover{color:var(--accent)}.email-audit-result-cell{min-width:0;color:var(--text-soft);font-size:12px;font-weight:650;line-height:1.7}.email-audit-details-cell{min-width:0}.email-audit-details-cell summary{border:1px solid var(--border-default);background:var(--surface);width:fit-content;color:var(--text-soft);cursor:pointer;border-radius:7px;padding:6px 8px;font-size:12px;font-weight:850}.email-audit-details-cell[open] summary{background:var(--accent-soft);color:var(--accent-hover);border-color:#7c3aed47}.email-audit-details-cell dl{gap:8px;margin:10px 0 0;display:grid}.email-audit-details-cell dl>div{gap:4px;display:grid}.email-audit-details-cell dt{color:var(--text-muted);font-size:11px;font-weight:900}.email-audit-details-cell dd{overflow-wrap:anywhere;min-width:0;color:var(--text-soft);margin:0;font-size:11px}.email-audit-details-cell pre{border:1px solid var(--border-subtle);max-width:340px;max-height:220px;color:var(--text-soft);background:#f8fafc;border-radius:7px;margin:0;padding:8px;font-size:11px;line-height:1.6;overflow:auto}.provider-missing-filter-bar{border-block:1px solid var(--border-subtle);background:var(--surface);grid-template-columns:minmax(220px,1fr) minmax(120px,160px) auto;align-items:end;gap:10px;padding:14px 16px;display:grid}.provider-missing-filter-bar label{min-width:0;color:var(--text-muted);gap:6px;font-size:12px;font-weight:850;display:grid}.provider-missing-filter-bar .select{width:100%;min-height:36px}.provider-missing-table-head,.provider-missing-row{grid-template-columns:minmax(168px,.82fr) minmax(280px,1.45fr) minmax(180px,.88fr) minmax(180px,.82fr) minmax(168px,.82fr) minmax(220px,.96fr);gap:12px;min-width:1200px;display:grid}.provider-missing-table-head{z-index:1;border-bottom:1px solid var(--border-subtle);color:var(--text-muted);background:#f8fafc;padding:10px 16px;font-size:11px;font-weight:950;position:sticky;top:0}.provider-missing-row{border-bottom:1px solid var(--border-subtle);border-inline-start:3px solid #dc2626;align-items:start;padding:12px 16px}.provider-missing-row:last-child{border-bottom:0}.provider-missing-message-cell,.provider-missing-provider-cell{gap:3px;min-width:0;display:grid}.provider-missing-message-cell bdi,.provider-missing-message-cell small,.provider-missing-provider-cell small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:750;overflow:hidden}.provider-missing-message-cell a,.provider-missing-provider-cell span{color:var(--text-default);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:900;text-decoration:none;overflow:hidden}.provider-missing-message-cell a:hover{color:var(--accent)}.provider-missing-actions{flex-wrap:wrap;justify-content:flex-start;gap:8px;display:flex}.email-settings-page{gap:16px;display:grid}.email-settings-hero,.email-settings-section{border:1px solid var(--border-default);background:var(--surface);border-radius:8px}.email-settings-hero{justify-content:space-between;align-items:center;min-height:128px;padding:22px;display:flex}.email-settings-hero h2{color:var(--text-default);margin:4px 0 6px;font-size:28px;font-weight:950}.email-settings-hero p{color:var(--text-muted);margin:0}.email-settings-section{gap:14px;padding:16px;display:grid}.email-settings-section>header,.email-settings-section-head{color:var(--text-default);justify-content:space-between;align-items:center;gap:8px;display:flex}.email-settings-section>header>span,.email-settings-section-head>span{align-items:center;gap:8px;display:inline-flex}.email-settings-section h3{margin:0;font-size:16px;font-weight:900}.email-mailbox-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.email-mailbox-card{border:1px solid var(--border-subtle);background:var(--surface-muted);border-radius:8px;gap:12px;padding:14px;display:grid}.email-mailbox-summary-card{border:1px solid var(--border-subtle);background:var(--surface-muted);text-align:right;cursor:pointer;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:14px;display:grid}.email-mailbox-summary-card:hover,.email-mailbox-summary-card.selected{background:var(--accent-soft);border-color:#7856ff59}.email-mailbox-summary-main{gap:3px;min-width:0;display:grid}.email-mailbox-summary-main strong,.email-mailbox-summary-main small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.email-mailbox-summary-main strong{color:var(--text-default);font-weight:900}.email-mailbox-summary-main small{color:var(--text-muted);font-size:12px}.email-mailbox-summary-meta{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:inline-flex}.email-mailbox-card-title{border-bottom:1px solid var(--border-subtle);align-items:flex-start;gap:10px;padding-bottom:12px;display:flex}.email-mailbox-card-title>div{gap:4px;display:grid}.email-mailbox-card-title strong{color:var(--text-default);font-size:15px;font-weight:900}.email-mailbox-card-title span{color:var(--text-muted);font-size:12px}.email-settings-mailboxes{gap:14px;display:grid}.email-mailbox-card.detailed{background:var(--surface);padding:16px}.email-mailbox-card.is-new{background:var(--surface-muted);border-style:dashed}.email-mailbox-card-head{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:flex-start;gap:14px;padding-bottom:12px;display:flex}.email-mailbox-card-head>div:first-child{text-align:right;gap:4px;min-width:0;display:grid}.email-mailbox-card-head strong{color:var(--text-default);text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.email-mailbox-card-head span{color:var(--text-muted);font-size:12px}.email-mailbox-card-badges{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:inline-flex}.email-mailbox-sync-health{border:1px solid var(--border-subtle);background:var(--surface-muted);border-radius:8px;gap:10px;padding:12px;display:grid}.email-mailbox-sync-health.empty{grid-template-columns:auto minmax(0,1fr);align-items:center}.email-mailbox-sync-health>header{justify-content:space-between;align-items:center;gap:12px;display:flex}.email-mailbox-sync-health>header strong,.email-mailbox-sync-health.empty strong{color:var(--text-default);font-size:13px;font-weight:900}.email-mailbox-sync-health>header span,.email-mailbox-sync-health.empty span{color:var(--text-muted);font-size:12px;font-weight:800}.email-mailbox-sync-list{gap:8px;display:grid}.email-mailbox-sync-row{border-top:1px dashed var(--border-subtle);grid-template-columns:minmax(96px,.8fr) auto repeat(3,minmax(104px,1fr));align-items:center;gap:8px;padding-top:8px;display:grid}.email-mailbox-sync-row:first-child{border-top:0;padding-top:0}.email-mailbox-sync-row>strong{min-width:0;color:var(--text-default);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:900;overflow:hidden}.email-mailbox-sync-row small{min-width:0;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:750;overflow:hidden}.email-mailbox-sync-row .sync-error{color:var(--danger-fg);grid-column:1/-1}.email-mailbox-form{gap:14px;display:grid}.email-mailbox-form-grid{align-items:end;gap:12px;display:grid}.email-mailbox-form-grid.primary{grid-template-columns:minmax(220px,1.1fr) minmax(180px,.9fr) minmax(200px,1fr) minmax(200px,1fr)}.email-mailbox-form-grid.identity{grid-template-columns:minmax(140px,.75fr) minmax(180px,1fr)}.email-mailbox-form-grid.two{grid-template-columns:minmax(180px,1fr) minmax(96px,.38fr)}.email-mailbox-form-grid.smtp{grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) minmax(96px,.38fr)}.email-mailbox-form-grid.folders{grid-template-columns:repeat(3,minmax(160px,1fr))}.email-mailbox-form label,.email-mailbox-signature label{gap:5px;min-width:0;display:grid}.email-mailbox-form label>span,.email-mailbox-signature label>span{color:var(--text-muted);font-size:12px;font-weight:800}.email-mailbox-signature{gap:12px;display:grid}.email-mailbox-quick-options{flex-wrap:wrap;align-items:center;gap:16px;display:inline-flex}.email-mailbox-advanced{border-top:1px solid var(--border-subtle);padding-top:10px}.email-mailbox-advanced>summary{width:fit-content;color:var(--text-soft);cursor:pointer;font-size:13px;font-weight:850}.email-mailbox-advanced-body{gap:14px;margin-top:12px;display:grid}.email-mailbox-advanced-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.email-mailbox-advanced-panel{border:1px solid var(--border-subtle);background:var(--surface);border-radius:8px;align-content:start;gap:12px;padding:12px;display:grid}.email-mailbox-advanced-panel.wide{grid-column:1/-1}.email-mailbox-advanced-panel>header{color:var(--text-default);justify-content:flex-end;align-items:center;gap:7px;display:inline-flex}.email-mailbox-advanced-panel>header svg{color:var(--accent)}.email-mailbox-advanced-panel>header strong{font-size:13px;font-weight:900}.email-mailbox-select{border:1px solid var(--border-default);background:var(--surface);width:100%;min-height:38px;color:var(--text-default);font:inherit;border-radius:8px;padding:0 10px}.email-signature-logo-tools{grid-template-columns:minmax(220px,1fr) minmax(110px,.4fr) minmax(100px,.35fr) auto;align-items:end;gap:10px;display:grid}.email-signature-editor-grid{grid-template-columns:minmax(280px,1fr) minmax(260px,.85fr);align-items:stretch;gap:12px;display:grid}.email-signature-html-input{min-height:168px;font-family:var(--font-mono,ui-monospace), SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;text-align:left;font-size:12px;line-height:1.7}.email-signature-preview-wrap{gap:5px;min-width:0;display:grid}.email-signature-preview-wrap>span{color:var(--text-muted);font-size:12px;font-weight:800}.email-signature-preview{border:1px solid var(--border-subtle);min-height:168px;color:var(--text-default);background:#fff;border-radius:8px;padding:12px;font-size:13px;line-height:1.7;overflow:auto}.email-signature-preview.empty{color:var(--text-muted);justify-content:center;align-items:center;display:flex}.email-signature-preview img{max-width:100%;height:auto}.email-settings-card-actions{justify-content:flex-start;display:flex}.email-mailbox-card strong{color:var(--text-default);font-weight:900}.email-mailbox-card span{color:var(--text-muted);font-size:12px}.email-mailbox-card dl{grid-template-columns:auto minmax(0,1fr);gap:5px 10px;margin:0;display:grid}.email-mailbox-card dt,.email-mailbox-card dd{margin:0;font-size:12px}.email-mailbox-card dt{color:var(--text-muted);font-weight:800}.email-mailbox-card dd{color:var(--text-default)}.email-settings-pill{background:var(--surface-subtle);color:var(--text-soft);border-radius:999px;justify-self:start;align-items:center;gap:5px;padding:3px 9px;font-size:12px;font-weight:800;display:inline-flex}.email-settings-pill.active{background:var(--success-soft);color:var(--success-fg)}.email-settings-pill.warning{background:var(--warning-soft);color:var(--warning-fg)}.email-settings-pill.danger{background:var(--danger-soft);color:var(--danger-fg)}.email-settings-connect,.email-topic-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.email-settings-connect label,.email-topic-row label{gap:5px;min-width:0;display:grid}.email-settings-connect label>span,.email-topic-row label>span{color:var(--text-muted);font-size:12px;font-weight:800}.email-topic-list{gap:10px;display:grid}.email-topic-row{border:1px solid var(--border-subtle);border-radius:8px;grid-template-columns:minmax(180px,1.2fr) minmax(140px,.9fr) minmax(80px,.35fr) minmax(150px,.6fr) auto auto;align-items:end;padding:10px}.email-topic-row.is-new{background:var(--surface-muted);border-style:dashed}.email-topic-actions{align-items:center;gap:8px;display:inline-flex}.email-topic-color-field{grid-template-columns:42px minmax(0,1fr);align-items:center;gap:8px;min-width:0;display:grid}.email-topic-color-picker{border:1px solid var(--border-default);background:var(--surface);cursor:pointer;border-radius:8px;width:42px;height:36px;padding:3px}.email-topic-color-picker::-webkit-color-swatch-wrapper{padding:0}.email-topic-color-picker::-webkit-color-swatch{border:0;border-radius:5px}.email-topic-color-picker::-moz-color-swatch{border:0;border-radius:5px}.email-topic-check{color:var(--text-default);align-self:center;align-items:center;font-size:13px;font-weight:800;gap:7px!important;display:inline-flex!important}.email-settings-message{background:var(--surface);border-radius:8px;margin:0;padding:10px 12px;font-size:13px;font-weight:800}.email-settings-message.success{color:var(--success-fg)}.email-settings-message.error{color:var(--danger-fg)}@media (max-width:920px){.email-dashboard{gap:12px}.email-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.email-dashboard .main-top{grid-template-columns:minmax(0,1fr) max-content;grid-template-areas:"title actions""search search"}.email-dashboard .main-top .context-title{justify-content:flex-start}.email-dashboard .thread-main-top{grid-template-columns:minmax(0,1fr);grid-template-areas:"title""meta""actions"}.email-dashboard .thread-main-top .thread-header-tools{grid-area:meta}.email-dashboard .filter-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.email-dashboard .filter-actions{justify-content:flex-start}.email-mailbox-card-head{flex-direction:column}.email-mailbox-card-badges{justify-content:flex-start}.email-mailbox-form-grid.primary,.email-mailbox-form-grid.identity,.email-mailbox-form-grid.two,.email-mailbox-form-grid.smtp,.email-mailbox-form-grid.folders,.email-mailbox-advanced-cards,.email-signature-logo-tools,.email-signature-editor-grid,.email-topic-row{grid-template-columns:1fr}.email-settings-card-actions,.email-topic-actions{justify-content:flex-start}.email-mailbox-sync-row{grid-template-columns:minmax(0,1fr) auto}.email-dashboard .mailbox-rail{border-bottom:1px solid var(--border-subtle);scrollbar-width:thin;gap:8px;padding:0 0 10px;display:flex;overflow-x:auto}.email-dashboard .folder-row{border:1px solid var(--border-default);background:var(--surface);color:var(--text-soft);border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}.email-dashboard .folder-row.active{background:var(--accent-soft);color:var(--accent-hover);border-color:#7856ff40}.email-dashboard .folder-row bdi{direction:ltr}.email-dashboard .mail-table-head{display:none}.email-dashboard .mail-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"sender datetime""subject status""preview preview""recipient recipient";align-items:start;gap:7px 10px;min-width:0;min-height:112px}.email-dashboard .mail-table.is-drafts .mail-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"sender datetime""subject status""preview preview""recipient recipient""opened done";min-width:0;min-height:136px}.email-dashboard .sender{grid-area:sender}.email-dashboard .subject-line{grid-area:subject}.email-dashboard .preview-cell{grid-area:preview}.email-dashboard .recipient-cell{grid-area:recipient}.email-dashboard .draft-opened-cell{grid-area:opened}.email-dashboard .draft-done-cell{grid-area:done}.email-dashboard .status-cell{grid-area:status;justify-content:flex-end}.email-dashboard .datetime-cell{grid-area:datetime}.email-dashboard .thread-subject,.email-dashboard .thread-stack,.email-dashboard .reply-box{padding-inline:0}.email-dashboard .thread-subject,.email-dashboard .message,.email-dashboard .reply-box .email-compose-editor{padding-inline:16px}.email-dashboard .thread-subject h1{font-size:22px}.email-dashboard .thread-toolbar{overflow-x:auto}.email-dashboard .thread-topic-action{flex:0 auto}.email-dashboard .message-head{grid-template-columns:40px minmax(0,1fr)}.email-dashboard .message{width:100%;max-width:100%}.email-dashboard .message.dir-inbound,.email-dashboard .message.dir-outbound{margin-inline:0}.email-dashboard .message-head .inline-date{grid-column:2}.email-dashboard .activity-drawer{width:min(96vw,390px)}.email-audit-heading{flex-direction:column;align-items:stretch}.email-audit-heading-actions,.email-audit-filter-actions{justify-content:flex-start}.email-audit-filter-bar,.provider-missing-filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.email-audit-summary-strip{grid-template-columns:1fr}.email-audit-summary-item{border-inline-end:0;border-bottom:1px solid var(--border-subtle)}.email-audit-summary-item:last-child{border-bottom:0}.email-dashboard .attachment-preview-overlay{padding:14px}.email-dashboard .attachment-preview-modal{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr;width:calc(100vw - 28px);height:calc(100vh - 28px)}.email-dashboard .attachment-preview-stage{padding:18px}.email-dashboard .attachment-preview-sidebar{border-top:1px solid #ffffff14;border-left:0;max-height:42vh;overflow:auto}.email-dashboard .attachment-preview-details dl>div{grid-template-columns:1fr;gap:3px}.email-dashboard .message-attachment-row{grid-template-columns:34px minmax(0,1fr)}.email-dashboard .message-attachment-actions{grid-column:1/-1;justify-content:flex-end}.email-dashboard .standalone-compose-modal{width:calc(100vw - 32px);max-height:calc(100vh - 32px);bottom:16px;right:16px}.email-mailbox-grid,.email-settings-connect,.email-topic-row{grid-template-columns:1fr}.email-mailbox-summary-card,.email-settings-section-head{flex-direction:column;grid-template-columns:1fr;align-items:flex-start}}@media (max-width:620px){.email-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.email-dashboard .main-top{grid-template-columns:1fr;grid-template-areas:"title""search""actions"}.email-dashboard .top-actions{order:2}.email-dashboard .search,.email-dashboard .context-title,.email-dashboard .thread-header-tools{grid-column:auto}.email-dashboard .filter-panel,.email-dashboard .email-compose-recipients{grid-template-columns:1fr}.email-dashboard .standalone-compose-modal .email-compose-body{min-height:220px}.email-dashboard .mail-toolbar{flex-direction:column;align-items:flex-start;gap:8px;padding-block:10px}.email-dashboard .mail-row{grid-template-columns:minmax(0,1fr);grid-template-areas:"sender""subject""preview""recipient""status""datetime"}.email-dashboard .status-cell{justify-content:flex-start}.email-dashboard .datetime-cell{text-align:right}.email-settings-hero{flex-direction:column;align-items:flex-start}}@media (max-width:360px){.email-kpi-grid{grid-template-columns:1fr}}

