.mail-app{height:calc(100vh - 135px);min-height:590px;display:flex;flex-direction:column;color:var(--text)}
.mail-onboarding{display:flex;flex-direction:column;gap:5px;margin:0 0 14px;padding:14px 18px;background:#f0f6ff;border:1px solid #d5e4fa;border-radius:12px;font-size:12px;line-height:1.5;flex-shrink:0}.mail-onboarding strong{color:var(--blue)}.mail-onboarding small{color:var(--muted)}
.mail-app details{min-width:0;max-width:none}.mail-message summary{color:var(--text)}
.mail-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.mail-top h1{font-size:28px;margin:0 0 5px}.mail-top p{margin:0;color:var(--muted);font-size:13px}.mail-top-actions{display:flex;gap:10px;align-items:center}
.mail-workspace{display:grid;grid-template-columns:210px minmax(270px,340px) minmax(340px,1fr);background:var(--surface,#fff);border:1px solid var(--line);border-radius:16px;overflow:hidden;flex:1;min-height:0;box-shadow:0 4px 24px #15254105}
.mail-folders{background:var(--surface-soft,#f8fafc);padding:18px 12px;overflow:auto;border-right:1px solid var(--line)}.mail-folder{display:flex;gap:10px;align-items:center;padding:12px 10px;border-radius:9px;text-decoration:none;color:var(--muted);font-size:13px;font-weight:650;overflow-wrap:anywhere}.mail-folder small{display:block;font-size:10px;font-weight:400;margin-top:4px}.mail-folder .icon{width:18px;flex-shrink:0}.mail-folder.is-selected{background:var(--blue-soft);color:var(--blue)}.mail-account-dot{width:9px;height:9px;border-radius:3px;background:var(--blue);flex-shrink:0}.mail-subfolder{padding:8px 8px 8px 30px;font-size:11px;font-weight:500}.mail-sync-note{font-size:10px;color:var(--muted);padding:5px 10px 10px;line-height:1.6}.mail-sync-note small{display:block}.mail-error{color:#b45336!important}.mail-preferences{font-size:11px;padding:14px 8px;border-top:1px solid var(--line);margin-top:8px}.mail-preferences summary{cursor:pointer}.mail-preferences form{display:grid;gap:12px;padding:15px 0}.mail-preferences label{display:flex;align-items:flex-start;gap:7px;font-weight:400}.mail-preferences input{width:auto;margin:2px 0}.mail-preferences a{display:block;color:var(--blue);line-height:1.6}.mail-folder-bottom{border-top:1px solid var(--line);padding:20px 8px;margin-top:20px;font-size:11px;color:var(--muted);line-height:1.8}.mail-live-dot{display:inline-block;width:6px;height:6px;background:#2e9a6b;border-radius:100%;margin-right:5px}
.mail-list{border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;min-width:0}.mail-list-tools{padding:18px 16px 0}.mail-search{display:flex;gap:6px}.mail-search input{width:100%;min-width:0;font-size:12px}.mail-search .button{padding:8px}.mail-filters{display:flex;gap:6px;flex-wrap:wrap;padding:15px 0}.mail-filters a{font-size:10px;color:var(--muted);padding:6px 8px;border-radius:6px;text-decoration:none}.mail-filters [aria-current]{background:var(--blue-soft);color:var(--blue);font-weight:700}.mail-list-count{display:flex;justify-content:space-between;font-size:11px;font-weight:700;padding:0 2px 13px;color:var(--muted)}.mail-scroll{overflow:auto;flex:1;min-height:0}.mail-row{display:block;padding:18px;border-bottom:1px solid var(--line);text-decoration:none;color:inherit;position:relative}.mail-row:hover{background:#f8faff}.mail-row.is-selected{background:#eef4ff;box-shadow:inset 3px 0 var(--blue)}.mail-row-top{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.mail-row-top strong{font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight:550}.mail-row-top time{font-size:9px;flex-shrink:0;color:var(--muted)}.mail-row.is-unread .mail-row-top strong{font-weight:800}.mail-row.is-unread .mail-row-top strong:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--blue);margin-right:6px}.mail-row-subject{font-size:12px;font-weight:650;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:8px 0}.mail-row-subject span{font-size:9px;margin-left:8px;padding:2px 5px;background:#e6eaf2;border-radius:5px}.mail-row p{font-size:11px;line-height:1.6;color:var(--muted);margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mail-state{display:inline-block;font-size:9px;letter-spacing:.1px;padding:4px 7px;border-radius:5px;background:#f0f2f6;color:#67758b}.mail-state.is-ready{color:#1d7b58;background:#e5f5ed}.mail-pagination{display:flex;gap:12px;justify-content:space-between;padding:14px;font-size:10px;border-top:1px solid var(--line)}.mail-pagination a{color:var(--blue)}
.mail-reader{overflow:auto;min-width:0;background:#fff}.mail-reader-header{padding:25px 28px 20px;border-bottom:1px solid var(--line)}.mail-reader-header>div{display:flex;justify-content:space-between;align-items:center;gap:15px}.mail-reader-header h2{font-size:19px;line-height:1.5;margin:0;overflow-wrap:anywhere}.mail-reader-header .button{font-size:11px;padding:9px 12px;white-space:nowrap}.mail-back{display:none}.mail-conversation{padding:10px 28px}.mail-message{border-bottom:1px solid var(--line);padding:15px 0}.mail-message summary{display:flex;gap:10px;align-items:center;cursor:pointer;list-style:none}.mail-message summary::-webkit-details-marker{display:none}.mail-message .avatar{width:34px;height:34px;font-size:12px;flex-shrink:0}.mail-sender{flex:1;min-width:0;overflow-wrap:anywhere}.mail-sender strong{font-size:12px}.mail-sender small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.mail-message time{font-size:10px;color:var(--muted)}.mail-recipients{font-size:10px;color:var(--muted);overflow-wrap:anywhere;margin-bottom:18px}.mail-message-content{padding-top:10px}.mail-reader pre{font:inherit;font-size:13px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.mail-attachments{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 5px}.mail-attachments span{padding:8px 10px;border:1px solid var(--line);border-radius:6px;font-size:10px}.mail-attachments small{flex-basis:100%;color:var(--muted);font-size:10px}
.mail-composer{margin:24px 28px 30px;border:1px solid #cbdaf2;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 3px 14px #345b9510}.mail-composer>header{padding:14px 18px;background:#f4f7fd;display:flex;justify-content:space-between;align-items:center;gap:10px}.mail-composer>header>span:last-child{font-size:10px;color:var(--muted)}.mail-ai-label{font-size:12px;font-weight:750;display:flex;align-items:center;gap:7px;color:var(--blue)}.mail-ai-label .icon{width:15px}.mail-help{font-size:11px;line-height:1.7;padding:0 18px;color:var(--muted)}.mail-to{display:flex;gap:12px;font-size:11px!important;font-weight:400!important;padding:14px 18px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.mail-to strong{font-weight:500}.mail-editor-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.mail-composer textarea{display:block;border:0;border-radius:0;box-shadow:none!important;resize:vertical;min-height:240px;max-height:650px;width:100%;padding:18px;font-family:inherit;font-size:13px;line-height:1.9;background:white}.mail-composer textarea:focus{outline:2px solid #c4d8fd;outline-offset:-2px}.mail-composer form>footer{display:flex;gap:9px;align-items:center;flex-wrap:wrap;padding:13px 18px;border-top:1px solid var(--line)}.mail-composer footer .button{font-size:11px;padding:9px 12px}.mail-copy{border:0;background:transparent;color:var(--muted);font:inherit;font-size:11px;cursor:pointer}.mail-sources{padding:14px 18px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.mail-sources summary{cursor:pointer}.mail-sources blockquote{margin:14px 0;padding-left:12px;border-left:2px solid var(--blue-soft);line-height:1.6}.mail-generate{padding:12px 18px;display:flex;align-items:center;gap:10px}.mail-generate span{font-size:10px;color:var(--muted)}.mail-generate .button{font-size:11px}.mail-complete{display:flex;gap:10px;align-items:center;margin:25px 28px;padding:18px;background:#edf8f1;color:#25724d;border-radius:10px;font-size:12px}.mail-complete .icon{width:18px}.mail-draft-status{margin:25px 28px;padding:22px;border-radius:10px;background:#f4f7fd;font-size:12px;line-height:1.8;color:var(--muted)}.mail-draft-status h3{color:var(--text);font-size:14px}.mail-spinner{width:18px;height:18px;border:2px solid #dce6fa;border-top-color:var(--blue);display:block;border-radius:50%;animation:mail-spin 1s linear infinite}@keyframes mail-spin{to{transform:rotate(360deg)}}
.mail-empty,.mail-reader-empty{padding:60px 25px;text-align:center;color:var(--muted)}.mail-reader-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;max-width:450px;margin:auto}.mail-empty-icon{background:var(--blue-soft);width:62px;height:62px;border-radius:20px;display:inline-grid;place-items:center;margin-bottom:15px;color:var(--blue)}.mail-empty-icon .icon{width:28px;height:28px}.mail-empty h2,.mail-reader-empty h2{font-size:18px;color:var(--text);line-height:1.5}.mail-empty p,.mail-reader-empty p{font-size:12px;line-height:1.9}.mail-empty .button{font-size:11px;margin-top:10px}
@media(min-width:1250px){body:has(.mail-app) .content{padding:24px}}
@media(max-width:1250px){.mail-workspace{grid-template-columns:170px 280px minmax(280px,1fr)}.mail-reader-header,.mail-conversation{padding-left:18px;padding-right:18px}.mail-composer{margin:20px 18px}.mail-message time{font-size:9px}.mail-app{height:calc(100vh - 125px)}}
@media(max-width:1000px){.mail-workspace{grid-template-columns:175px minmax(260px,1fr)}.mail-reader{display:none}.mail-workspace.has-message .mail-list{display:none}.mail-workspace.has-message .mail-reader{display:block}.mail-back{display:block;font-size:12px;color:var(--blue);margin-bottom:18px}.mail-top h1{font-size:23px}.mail-top-actions .button{font-size:11px;padding:10px}.mail-top-actions .icon{display:none}}
@media(max-width:600px){.mail-app{height:auto;min-height:calc(100vh - 130px)}.mail-top{align-items:flex-start}.mail-top p{font-size:10px}.mail-top-actions{flex-direction:column;align-items:stretch;gap:6px}.mail-workspace{display:block;min-height:70vh}.mail-folders{max-height:175px;border-bottom:1px solid var(--line);border-right:0;padding:8px;display:flex;flex-wrap:wrap;gap:2px;align-content:flex-start}.mail-folder{padding:8px;font-size:11px}.mail-folder small{display:none}.mail-folder-bottom,.mail-sync-note,.mail-preferences{display:none}.mail-subfolder{font-size:10px}.mail-list{height:65vh;border-right:0}.has-message .mail-folders{display:none}.mail-reader-header>div{align-items:flex-start}.mail-reader-header h2{font-size:16px}.mail-message summary{flex-wrap:wrap}.mail-message time{margin-left:44px;flex-basis:100%}.mail-composer{margin:18px 12px}.mail-composer>header{flex-wrap:wrap}.mail-composer textarea{min-height:260px}}
@media(prefers-reduced-motion:reduce){.mail-spinner{animation:none}}
.mail-setup{padding:40px 30px;max-width:570px;margin:auto}.mail-setup h2{font-size:23px}.mail-setup p{font-size:12px;color:var(--muted);line-height:1.8}.mail-setup form{display:grid;gap:16px;margin-top:25px}.mail-setup label{display:flex;gap:10px;align-items:center;font-size:12px;font-weight:500}.mail-setup input[type=checkbox]{width:auto}.mail-setup-folders{display:grid;gap:12px;max-height:230px;overflow:auto;padding:16px;background:var(--surface-soft);border-radius:10px}.mail-setup .button{justify-self:start}.mail-setup a{color:var(--blue)}
@media(max-width:600px){
 body:has(.mail-app) .app-shell{display:block;max-width:100%;min-width:0}
 body:has(.mail-app) .sidebar{position:static;display:block;width:100%;height:auto;min-height:0;padding:12px;border-bottom:1px solid var(--line)}
 body:has(.mail-app) .sidebar .brand{padding:4px 6px 12px}
 body:has(.mail-app) .sidebar .nav{display:flex;flex-direction:row;gap:5px;overflow-x:auto;flex-wrap:nowrap;padding:0;max-width:100%;align-items:center}
 body:has(.mail-app) .sidebar .nav a{flex:0 0 auto;width:auto;padding:9px;font-size:11px;white-space:nowrap}
 body:has(.mail-app) .sidebar .nav-icon{width:16px;height:16px}
 body:has(.mail-app) .sidebar-bottom,body:has(.mail-app) .nav-section-label,body:has(.mail-app) .sidebar-toggle{display:none}
 body:has(.mail-app) .main-column{min-width:0;width:100%}
 body:has(.mail-app) .topbar{display:flex;flex-direction:row;padding:12px;gap:8px;min-width:0}
 body:has(.mail-app) .topbar-title{min-width:0;font-size:11px;overflow:hidden}
 body:has(.mail-app) .topbar-title span{font-size:10px}
 body:has(.mail-app) .top-actions{width:auto;display:flex;flex-direction:row}
 body:has(.mail-app) .top-actions .user-chip{display:none}
 body:has(.mail-app) .top-actions .button{font-size:10px;padding:8px;width:auto}
 body:has(.mail-app) .content{padding:14px;min-width:0}
 .mail-reader-header>div{display:block}.mail-reader-header form{margin-top:12px}.mail-reader-header .button{width:auto}
 .mail-message-content,.mail-message{width:100%;min-width:0}.mail-to{display:block}.mail-to strong{display:block;margin-top:5px}
}