.mail-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.mail-intro .secondary-button{margin:0;color:var(--text);white-space:nowrap}.mail-workspace{display:grid;grid-template-columns:185px minmax(0,1fr);min-height:620px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:rgba(8,18,31,.74)}.mail-navigation{padding:14px;border-right:1px solid var(--line);background:rgba(5,13,23,.72);display:flex;flex-direction:column;gap:5px}.mail-filter{border:0;background:transparent;color:var(--muted);padding:11px 12px;border-radius:9px;text-align:left;cursor:pointer;font-size:12px}.mail-filter:hover,.mail-filter.active{color:var(--text);background:rgba(85,229,245,.09)}.mail-filter.active{box-shadow:inset 2px 0 var(--cyan)}.mail-filter.danger-filter.active{box-shadow:inset 2px 0 var(--danger);background:rgba(255,107,121,.08)}.mail-main{min-width:0}.mail-toolbar{min-height:66px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 18px}.mail-toolbar strong,.mail-toolbar small{display:block}.mail-toolbar small{color:var(--muted);font-size:10px;margin-top:4px}.mail-toolbar>div:last-child{display:flex;align-items:center;gap:8px}.mail-toolbar select,.mail-detail select,.mail-account-form select,.mail-account-form input,.mail-draft-panel input,.mail-draft-panel textarea{background:#06101c;border:1px solid rgba(135,178,210,.2);border-radius:10px;color:var(--text);padding:10px 11px;outline:none}.mail-toolbar .secondary-button,.mail-detail .secondary-button,.mail-draft-panel .secondary-button{margin:0;color:var(--text);justify-content:center}.mail-list{display:grid}.mail-empty{padding:80px 24px;text-align:center;color:var(--muted)}.mail-row{display:grid;grid-template-columns:minmax(170px,.75fr) minmax(220px,1.45fr) minmax(150px,.65fr);gap:16px;align-items:center;width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);padding:15px 18px;text-align:left;cursor:pointer}.mail-row:hover{background:rgba(85,229,245,.035)}.mail-row.unread{background:rgba(85,229,245,.055)}.mail-row.unread .mail-subject{font-weight:800}.mail-sender,.mail-subject,.mail-row-meta{min-width:0}.mail-sender strong,.mail-sender small,.mail-subject strong,.mail-subject small,.mail-row-meta span,.mail-row-meta time{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-sender strong,.mail-subject strong{font-size:12px}.mail-sender small,.mail-subject small,.mail-row-meta time{font-size:9px;color:var(--muted);margin-top:4px}.mail-row-meta{text-align:right}.mail-category{display:inline-block!important;font-size:8px!important;letter-spacing:.07em;color:var(--cyan);text-transform:uppercase}.mail-detail{padding:22px}.mail-detail-header{display:flex;justify-content:space-between;gap:16px;align-items:center}.mail-detail h3{font-size:24px;margin:22px 0 7px}.mail-flags{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0 22px}.mail-flag{font-size:9px;color:var(--muted);border:1px solid var(--line);border-radius:99px;padding:5px 8px}.mail-analysis-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:14px}.mail-analysis-grid>section,.mail-draft-panel{border:1px solid var(--line);border-radius:14px;background:rgba(6,15,27,.75);padding:18px;min-width:0}.mail-analysis-grid p{line-height:1.6}.mail-analysis-grid dl{margin:18px 0}.mail-analysis-grid dl>div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;padding:9px 0;border-top:1px solid var(--line)}.mail-analysis-grid dt{color:var(--muted);font-size:10px}.mail-analysis-grid dd{margin:0;font-size:11px;overflow-wrap:anywhere}.mail-analysis-grid pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:430px;overflow:auto;font:12px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;color:#dcebf5;margin:0}.mail-draft-panel{margin-top:14px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.mail-draft-panel .eyebrow,.mail-draft-panel label,.mail-draft-panel textarea{grid-column:1/-1}.mail-draft-panel label,.mail-account-form label{font-size:10px;color:#a9bed0}.mail-draft-panel textarea{width:100%;resize:vertical;line-height:1.55}.mail-draft-panel #mail-copy-draft{grid-column:2}.mail-accounts-pane{min-height:620px}.mail-accounts-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:16px;padding:18px}.mail-account-list{display:grid;align-content:start;gap:10px}.mail-account-card{border:1px solid var(--line);border-radius:13px;background:rgba(6,15,27,.72);padding:16px}.mail-account-card-header{display:flex;justify-content:space-between;gap:15px}.mail-account-card strong,.mail-account-card small{display:block}.mail-account-card small{color:var(--muted);font-size:10px;margin-top:4px}.mail-account-status{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#75e5bd}.mail-account-status.error{color:var(--danger)}.mail-account-status.disabled{color:var(--amber)}.mail-account-meta{margin:13px 0;color:var(--muted);font-size:10px;line-height:1.6}.mail-account-actions{display:flex;flex-wrap:wrap;gap:7px}.mail-account-actions button{border:1px solid var(--line);border-radius:8px;background:#091522;color:var(--muted);padding:7px 9px;cursor:pointer;font-size:9px}.mail-account-actions button.danger-button{color:var(--danger)}.mail-account-form{margin:0;align-self:start}.mail-account-form label,.mail-account-form input,.mail-account-form select{display:block;width:100%}.mail-account-form label{margin:12px 0 6px}.mail-account-form .primary-button{margin-top:16px}.mail-account-form .form-result{min-height:18px}.mail-busy{opacity:.65;pointer-events:none}
@media(max-width:1050px){.mail-workspace{grid-template-columns:150px minmax(0,1fr)}.mail-row{grid-template-columns:minmax(130px,.7fr) minmax(190px,1.3fr) minmax(120px,.6fr)}.mail-analysis-grid{grid-template-columns:1fr}.mail-accounts-grid{grid-template-columns:1fr}}
@media(max-width:900px){.mail-intro{align-items:stretch;flex-direction:column}.mail-intro .secondary-button{width:100%;justify-content:center}.mail-workspace{display:block;min-height:0;overflow:visible;border:0;background:transparent}.mail-navigation{position:sticky;top:0;z-index:2;display:flex;flex-direction:row;overflow-x:auto;border:1px solid var(--line);border-radius:12px;padding:7px;margin-bottom:10px;background:rgba(5,13,23,.96);scrollbar-width:none}.mail-navigation::-webkit-scrollbar{display:none}.mail-filter{white-space:nowrap;flex:0 0 auto}.mail-filter.active{box-shadow:inset 0 -2px var(--cyan)}.mail-main{border:1px solid var(--line);border-radius:14px;overflow:hidden}.mail-toolbar{align-items:stretch;flex-direction:column}.mail-toolbar>div:last-child{display:grid;grid-template-columns:minmax(0,1fr) auto}.mail-row{grid-template-columns:minmax(110px,.7fr) minmax(0,1.3fr);gap:10px;padding:14px}.mail-row-meta{grid-column:1/-1;display:flex;justify-content:space-between;text-align:left}.mail-detail{padding:16px}.mail-detail h3{font-size:20px}.mail-analysis-grid dl>div{grid-template-columns:100px minmax(0,1fr)}.mail-accounts-grid{padding:12px}.mail-accounts-pane{min-height:0}}
@media(max-width:520px){.mail-toolbar>div:last-child{grid-template-columns:1fr}.mail-toolbar .secondary-button{width:100%}.mail-row{display:block}.mail-sender,.mail-subject,.mail-row-meta{margin-bottom:9px}.mail-row-meta{display:flex}.mail-detail-header{align-items:stretch;flex-direction:column}.mail-detail-header .secondary-button{width:100%}.mail-detail h3{font-size:18px}.mail-analysis-grid>section,.mail-draft-panel{padding:14px}.mail-analysis-grid dl>div{display:block}.mail-analysis-grid dd{margin-top:5px}.mail-draft-panel{display:block}.mail-draft-panel>*{width:100%;margin-bottom:9px}.mail-account-card-header{display:block}.mail-account-status{margin-top:8px}.mail-account-actions button{flex:1 1 42%}.mail-accounts-grid{display:block}.mail-account-form{margin-top:12px}}