.mail-app{display:grid;grid-template-columns:190px minmax(300px,390px) minmax(380px,1fr);height:calc(100vh - 178px);min-height:590px;margin:-6px 0 0;border:1px solid var(--border-color,#e4e7ec);border-radius:14px;overflow:hidden;background:var(--surface,#fff)}.mail-folders{padding:18px 12px;border-right:1px solid var(--border-color,#e4e7ec);background:var(--surface-subtle,#fafafa)}.mail-folders>button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:0;border-radius:8px;background:transparent;color:inherit;text-align:left;cursor:pointer}.mail-folders>button.active{background:#eeebff;color:#5d4ec7;font-weight:700}.mail-folders>button i{width:18px;font-style:normal}.mail-folders .mail-compose{justify-content:center;margin-bottom:16px;color:#fff;background:#6d5ce7}.mail-account{display:flex;align-items:center;gap:9px;padding:12px 8px;margin-bottom:10px;border-bottom:1px solid var(--border-color,#e4e7ec)}.mail-account>span{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#fff;color:#d93025;font-weight:800}.mail-account b,.mail-account small{display:block;max-width:120px;overflow:hidden;text-overflow:ellipsis}.mail-account b{font-size:11px}.mail-account small{font-size:9px;color:var(--text-muted,#667085)}.mail-settings-link{margin-top:16px;color:var(--text-muted,#667085)!important;font-size:11px}.mail-list{min-width:0;border-right:1px solid var(--border-color,#e4e7ec)}.mail-list>header{display:flex;gap:8px;padding:13px;border-bottom:1px solid var(--border-color,#e4e7ec)}.mail-search{display:flex;align-items:center;flex:1;border:1px solid var(--border-color,#e4e7ec);border-radius:8px;overflow:hidden}.mail-search span{padding-left:9px}.mail-search input{width:100%;min-width:0;padding:9px 7px;border:0;background:transparent;color:inherit;outline:0}.mail-search button,.mail-refresh{border:0;background:transparent;color:#6d5ce7;font-weight:700;cursor:pointer}.mail-refresh{width:34px;border:1px solid var(--border-color,#e4e7ec);border-radius:8px}.mail-notice{display:flex;justify-content:space-between;padding:9px 12px;background:#f8f7ff;color:#5146a5;font-size:11px}.mail-notice button{border:0;background:none;color:inherit}.mail-list-meta{display:flex;justify-content:space-between;padding:10px 14px;color:var(--text-muted,#667085);font-size:11px}.mail-rows{height:calc(100% - 105px);overflow:auto}.mail-rows>button{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:10px;width:100%;padding:13px 12px;border:0;border-top:1px solid var(--border-color,#e4e7ec);background:transparent;color:inherit;text-align:left;cursor:pointer}.mail-rows>button:hover,.mail-rows>button.selected{background:#f8f7ff}.mail-rows>button>i{font-style:normal;color:#c6c1ec}.mail-rows>button.unread>i{color:#6d5ce7}.mail-rows strong,.mail-rows b,.mail-rows p{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-rows strong{font-size:11px;color:var(--text-muted,#667085)}.mail-rows b{margin:2px 0;font-size:12px}.mail-rows p{margin:0;font-size:11px;color:var(--text-muted,#667085)}.mail-rows time{font-size:10px;color:var(--text-muted,#667085)}.mail-no-results,.mail-loading{padding:40px;text-align:center;color:var(--text-muted,#667085)}.mail-reader{min-width:0}.mail-reader>header{display:flex;align-items:center;min-height:55px;padding:0 16px;border-bottom:1px solid var(--border-color,#e4e7ec)}.mail-reader-actions{display:flex;gap:6px;margin-left:auto}.mail-reader-actions button,.mail-reader-back{padding:7px 9px;border:1px solid var(--border-color,#e4e7ec);border-radius:7px;background:transparent;color:inherit;font-size:11px;cursor:pointer}.mail-reader-actions .danger{color:#d92d20}.mail-reader-back{display:none}.mail-message{height:calc(100% - 56px);padding:24px;overflow:auto}.mail-message h2{margin:0 0 22px;font-size:22px}.mail-sender{display:flex;align-items:center;gap:11px}.mail-sender>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#6d5ce7;color:#fff;font-weight:800}.mail-sender b,.mail-sender small{display:block}.mail-sender b{font-size:12px}.mail-sender small{color:var(--text-muted,#667085);font-size:10px}.mail-sender time{margin-left:auto;color:var(--text-muted,#667085);font-size:10px}.mail-message pre{margin:28px 0;white-space:pre-wrap;font:13px/1.75 Inter,sans-serif;color:inherit}.mail-reader-empty,.mail-empty{display:grid;place-content:center;height:100%;text-align:center;color:var(--text-muted,#667085)}.mail-reader-empty span,.mail-empty-icon{font-size:38px}.mail-reader-empty h3,.mail-empty h2{margin:12px 0 6px;color:var(--text-primary,#101828)}.mail-reader-empty p,.mail-empty p{margin:0}.mail-empty{min-height:480px;padding:30px}.mail-empty .btn{justify-self:center;margin-top:20px}.mail-compose-overlay{position:fixed;inset:0;z-index:4000;display:grid;place-items:center;padding:18px;background:rgba(16,24,40,.45)}.mail-compose-modal{display:flex;flex-direction:column;width:min(680px,100%);height:min(650px,90vh);border-radius:16px;overflow:hidden;background:var(--surface,#fff);box-shadow:0 24px 80px rgba(0,0,0,.25)}.mail-compose-modal>header{display:flex;justify-content:space-between;padding:18px 20px;background:#5d4ec7;color:#fff}.mail-compose-modal header span{font-size:9px;letter-spacing:.12em}.mail-compose-modal h3{margin:3px 0 0}.mail-compose-modal header button{border:0;background:none;color:#fff;font-size:24px}.mail-compose-fields{display:flex;flex-direction:column;flex:1}.mail-compose-fields label{display:flex;align-items:center;border-bottom:1px solid var(--border-color,#e4e7ec)}.mail-compose-fields label span{width:70px;padding-left:18px;color:var(--text-muted,#667085);font-size:12px}.mail-compose-fields input{flex:1;padding:13px;border:0;background:transparent;color:inherit;outline:0}.mail-compose-fields textarea{flex:1;padding:20px;border:0;resize:none;background:transparent;color:inherit;font:14px/1.6 Inter,sans-serif;outline:0}.mail-compose-modal footer{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-top:1px solid var(--border-color,#e4e7ec)}.mail-compose-modal footer span{color:var(--text-muted,#667085);font-size:11px}
@media(max-width:1050px){.mail-app{grid-template-columns:170px minmax(300px,1fr)}.mail-reader{display:none;position:absolute;inset:0;z-index:5;background:var(--surface,#fff)}.mail-reader.open{display:block}.mail-reader-back{display:block}}
@media(max-width:650px){.mail-app{display:block;height:calc(100vh - 150px);min-height:520px;position:relative}.mail-folders{display:flex;gap:5px;overflow-x:auto;padding:9px;border:0;border-bottom:1px solid var(--border-color,#e4e7ec)}.mail-folders .mail-account,.mail-settings-link{display:none}.mail-folders>button{width:auto;white-space:nowrap;padding:8px}.mail-folders .mail-compose{margin:0}.mail-list{height:calc(100% - 54px);border:0}.mail-compose-modal{height:100%;border-radius:0}.mail-compose-overlay{padding:0}.mail-compose-modal footer{gap:10px}.mail-compose-modal footer span{max-width:50%;overflow:hidden;text-overflow:ellipsis}}
.hub-inbox{grid-template-columns:210px minmax(320px,400px) minmax(390px,1fr)}.mail-nav-label{display:block;margin:15px 10px 5px;color:var(--text-muted,#667085);font-size:9px;font-weight:800;letter-spacing:.1em}.mail-folders>button.mailbox-active{color:#5d4ec7;font-weight:700}.mail-rows em{display:inline-block;margin-top:5px;padding:2px 6px;border-radius:999px;background:#f2f4f7;color:#667085;font-size:9px;font-style:normal}.conversation-controls{display:flex;gap:7px}.conversation-controls select,.conversation-controls button{max-width:150px;padding:7px 9px;border:1px solid var(--border-color,#e4e7ec);border-radius:7px;background:var(--surface,#fff);color:inherit;font-size:11px}.conversation-controls button.closed{color:#027a48;background:#ecfdf3}.conversation-channel{margin-bottom:8px;color:#6d5ce7;font-size:10px;font-weight:800;letter-spacing:.08em}.inbox-setup-modal{width:min(720px,100%);max-height:92vh;display:flex;flex-direction:column;border-radius:16px;overflow:hidden;background:var(--surface,#fff);box-shadow:0 24px 80px rgba(0,0,0,.25)}.inbox-setup-modal>header{display:flex;justify-content:space-between;padding:22px 24px;border-bottom:1px solid var(--border-color,#e4e7ec)}.inbox-setup-modal header span{color:#6d5ce7;font-size:9px;font-weight:800;letter-spacing:.1em}.inbox-setup-modal h2{margin:4px 0}.inbox-setup-modal header p{margin:0;color:var(--text-muted,#667085);font-size:12px}.inbox-setup-modal header button{border:0;background:none;color:inherit;font-size:24px}.inbox-setup-body{padding:20px 24px;overflow:auto}.inbox-setup-body>label>span{display:block;margin-bottom:7px;font-size:12px;font-weight:700}.inbox-setup-body input,.inbox-setup-body select,.inbox-setup-body textarea,.setup-section select{width:100%;padding:10px;border:1px solid var(--border-color,#e4e7ec);border-radius:8px;background:var(--surface,#fff);color:inherit}.inbox-setup-body textarea{min-height:80px;resize:vertical}.setup-section{padding:18px 0;border-bottom:1px solid var(--border-color,#e4e7ec)}.setup-section h4{margin:0 0 10px}.setup-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.setup-options button{padding:12px;border:1px solid var(--border-color,#e4e7ec);border-radius:9px;background:transparent;color:inherit;text-align:left}.setup-options button.selected{border-color:#6d5ce7;box-shadow:0 0 0 3px rgba(109,92,231,.1)}.setup-options b,.setup-options small{display:block}.setup-options small{margin-top:3px;color:var(--text-muted,#667085)}.agent-checks{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.agent-checks label{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid var(--border-color,#e4e7ec);border-radius:8px}.agent-checks input{width:auto}.agent-checks span,.agent-checks small{display:block;font-size:11px}.agent-checks small{color:var(--text-muted,#667085)}.setup-toggle{display:flex!important;align-items:center;gap:9px;margin:9px 0}.setup-toggle input{width:auto}.setup-toggle span{margin:0!important;font-weight:500!important}.inbox-setup-modal footer{display:flex;justify-content:flex-end;gap:9px;padding:16px 24px;border-top:1px solid var(--border-color,#e4e7ec)}
@media(max-width:1050px){.hub-inbox{grid-template-columns:190px minmax(320px,1fr)}.conversation-controls{margin-left:auto}}
@media(max-width:650px){.hub-inbox{display:block}.mail-nav-label{display:none}.conversation-controls select{max-width:110px}.mail-reader-actions{display:none}.inbox-setup-modal{height:100%;max-height:none;border-radius:0}.setup-options,.agent-checks{grid-template-columns:1fr}}
.mail-account-switcher{padding:10px 6px 14px;border-bottom:1px solid var(--border-color,#e4e7ec)}.mail-account-switcher label{display:block;margin-bottom:6px;color:var(--text-muted,#667085);font-size:9px;font-weight:800;letter-spacing:.1em}.mail-account-switcher select{width:100%;padding:8px;border:1px solid var(--border-color,#e4e7ec);border-radius:7px;background:var(--surface,#fff);color:inherit;font-size:10px}.mail-account-switcher button{width:100%;margin-top:7px;padding:7px;border:1px dashed #8b7ee8;border-radius:7px;background:transparent;color:#5d4ec7;font-size:10px;cursor:pointer}.mail-account-switcher button.disconnect{border-color:#fda29b;color:#b42318}.mail-channel-onboarding>div:last-of-type{display:flex;justify-content:center;gap:9px;margin-top:20px}.mail-channel-onboarding small{display:block;margin-top:12px;color:#b54708}
@media(max-width:650px){.mail-account-switcher{display:flex;align-items:center;gap:5px;padding:0;border:0}.mail-account-switcher label{display:none}.mail-account-switcher select{min-width:175px}.mail-account-switcher button{width:auto;margin:0;white-space:nowrap}.mail-channel-onboarding>div:last-of-type{flex-direction:column}}