/* RESILIENCE CRM Email Center · draft-only foundation */
#email-center-root{color:var(--ink);max-width:1380px}
#email-center-root .email-context{margin:18px 0 15px;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:19px 22px;border:1px solid var(--line);border-radius:14px;background:var(--card)}
#email-center-root .email-context strong{font-size:14px}
#email-center-root .email-context p{font-size:12px;color:var(--sub);line-height:1.6;margin:5px 0 0}
#email-center-root .email-status{display:inline-flex;align-items:center;white-space:nowrap;border-radius:100px;border:1px solid var(--line);font-size:10px;font-weight:750;padding:5px 10px;background:var(--hover);color:var(--sub)}
#email-center-root .email-status-attention{background:var(--soft-red);color:var(--brand);border-color:rgba(181,12,46,.2)}
#email-center-root .email-status-success{background:rgba(38,121,68,.08);color:#267944;border-color:rgba(38,121,68,.15)}
#email-center-root .email-provider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:19px}
#email-center-root .email-provider{display:flex;flex-direction:column;align-items:stretch;gap:14px;min-width:0;background:var(--card);border:1px solid var(--line);border-radius:13px;padding:20px}
#email-center-root .email-provider-heading{display:flex;align-items:center;gap:12px;min-width:0}
#email-center-root .email-provider-heading strong{display:block;min-width:0;font-size:14px;line-height:1.4;font-weight:750;overflow-wrap:normal;word-break:normal}
#email-center-root .email-provider-description{margin:0;font-size:12px;color:var(--sub);line-height:1.55;overflow-wrap:normal}
#email-center-root .email-provider-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:9px;border-top:1px solid var(--line)}
#email-center-root .email-provider-symbol{display:flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;border-radius:11px;background:var(--soft-red);color:var(--brand);font-weight:800}
#email-center-root .email-provider-ms{background:rgba(46,103,164,.09);color:#246fb0}
#email-center-root .email-workspace{background:var(--card);border:1px solid var(--line);border-radius:15px;overflow:hidden}
#email-center-root .email-tabs{display:flex;align-items:center;gap:5px;padding:13px 17px;border-bottom:1px solid var(--line)}
#email-center-root .email-tabs button{border:0;background:transparent;color:var(--sub);padding:10px 17px;border-radius:8px;cursor:pointer;font-size:12px;font-weight:750}
#email-center-root .email-tabs button.selected{background:var(--soft-red);color:var(--brand)}
#email-center-root .email-workspace-top{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 21px 13px}
#email-center-root .email-workspace-top h3{margin:0;font-size:17px}
#email-center-root .email-workspace-top p{margin:6px 0 0;color:var(--sub);font-size:12px}
#email-center-root .email-primary{background:var(--brand);color:white;border:1px solid var(--brand);border-radius:9px;padding:10px 16px;font-weight:740;font-size:12px;cursor:pointer}
#email-center-root .email-list{padding:4px 21px 19px}
#email-center-root .email-list-card{display:flex;justify-content:space-between;align-items:start;gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}
#email-center-root .email-list-card:last-child{border-bottom:0}
#email-center-root .email-list-main{flex:1;min-width:0}
#email-center-root .email-card-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#email-center-root .email-card-title strong{font-size:13px}
#email-center-root .email-list-main p{margin:7px 0 0;font-size:12px;color:var(--sub);overflow-wrap:anywhere}
#email-center-root .email-list-main small{font-size:11px;color:var(--sub);display:block;margin-top:7px}
#email-center-root .email-list-main .email-excerpt{font-size:12px;line-height:1.6}
#email-center-root .email-card-tools{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
#email-center-root .email-card-tools button{border:1px solid var(--line);background:var(--hover);color:var(--ink);font-size:11px;font-weight:700;padding:8px 12px;border-radius:7px;cursor:pointer}
#email-center-root .email-card-tools .email-destructive{color:var(--brand)}
#email-center-root .email-empty{margin:17px 21px 23px;border:1px dashed var(--line);border-radius:10px;padding:30px;text-align:center;color:var(--sub);font-size:12px}
#email-center-root .email-footnote{font-size:11px;color:var(--sub);line-height:1.6;padding:12px 2px}
#email-center-root .email-error{color:var(--brand);background:var(--soft-red);padding:12px 20px;font-size:12px}
#email-modal.email-overlay{position:fixed;z-index:99999;inset:0;background:rgba(12,12,12,.48);display:flex;align-items:center;justify-content:center;padding:24px;overflow:auto}
#email-modal .email-dialog{position:relative;width:min(660px,100%);max-height:calc(100vh - 50px);overflow:auto;background:var(--card);color:var(--ink);border-radius:15px;padding:24px;border:1px solid var(--line);box-shadow:0 20px 80px rgba(0,0,0,.2)}
#email-modal .email-dialog h2{font-size:21px;margin:0 32px 8px 0}
#email-modal .email-dialog>p{font-size:12px;color:var(--sub);margin:0 0 20px}
#email-modal .email-modal-close{position:absolute;right:19px;top:13px;border:0;background:transparent;font-size:25px;color:var(--sub);cursor:pointer}
#email-modal form>label{display:block;color:var(--ink);font-size:12px;font-weight:720;margin:13px 0}
#email-modal form input:not([type="checkbox"]),#email-modal form select,#email-modal form textarea{display:block;width:100%;margin-top:7px;padding:11px 12px;background:var(--page);border:1px solid var(--line);border-radius:8px;color:var(--ink);font:inherit;font-size:13px;box-sizing:border-box}
#email-modal form textarea{resize:vertical;line-height:1.55;min-height:120px}
#email-modal .email-checkbox{display:flex;align-items:center;gap:9px}
#email-modal .email-editor-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:20px}
#email-modal .email-editor-actions button{border:1px solid var(--line);border-radius:8px;padding:10px 16px;cursor:pointer}
#email-modal .email-editor-actions .email-primary{background:var(--brand);color:white;border-color:var(--brand)}
#email-modal .email-help{font-size:11px;color:var(--sub);line-height:1.6}
#email-modal .email-form-error{margin:12px 0;background:var(--soft-red);color:var(--brand);padding:11px;border-radius:7px;font-size:12px}
@media(max-width:740px){#email-center-root .email-provider-grid{grid-template-columns:1fr}#email-center-root .email-context{align-items:flex-start;flex-direction:column}#email-center-root .email-list-card{flex-direction:column}#email-center-root .email-card-tools{justify-content:flex-start}#email-center-root .email-workspace-top{align-items:flex-start;flex-wrap:wrap}}

#email-center-root .email-provider-imap{background:var(--hover);color:var(--brand)}
@media(min-width:741px) and (max-width:1180px){#email-center-root .email-provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* First SiteGround mailbox connection */
#email-center-root .email-provider-action{border:1px solid var(--brand);background:var(--brand);color:#fff;border-radius:8px;padding:9px 12px;font-size:11px;font-weight:750;cursor:pointer}
#email-center-root .email-mailbox-list{background:var(--card);border:1px solid var(--line);border-radius:14px;margin:0 0 18px;padding:17px 20px}
#email-center-root .email-mailbox-list h3{font-size:13px;margin:0 0 12px}
#email-center-root .email-mailbox-row{display:flex;align-items:center;gap:15px;padding:10px 0;border-top:1px solid var(--line);flex-wrap:wrap}
#email-center-root .email-mailbox-row>div:first-child{flex:1;min-width:190px}
#email-center-root .email-mailbox-row strong{display:block;font-size:12px;overflow-wrap:anywhere}
#email-center-root .email-mailbox-row small{display:block;color:var(--sub);font-size:11px;margin-top:5px}
#email-center-root .email-mailbox-row button{border:1px solid var(--line);background:var(--hover);color:var(--brand);border-radius:7px;padding:8px 13px;font-weight:700;font-size:11px}
#email-modal .email-fixed-port{border:1px solid var(--line);border-radius:8px;background:var(--hover);padding:9px 12px;font-size:11px;font-weight:650;color:var(--sub);margin-top:-9px}

/* Read-only SiteGround Inbox. Preserves RESILIENCE light/dark palette. */
#email-center-root .email-inbox-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:7px 21px 16px}
#email-center-root .email-inbox-controls label{font-size:11px;font-weight:750;color:var(--sub)}
#email-center-root .email-inbox-controls select{background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:9px;min-height:38px;padding:8px 12px;max-width:100%;font-size:12px}
#email-center-root .email-inbox-last{font-size:11px;color:var(--sub)}
#email-center-root .email-sync-notice{border:1px solid rgba(38,121,68,.17);background:rgba(38,121,68,.06);color:var(--ink);font-size:12px;margin:0 21px 12px;padding:11px 13px;border-radius:9px}
/* Familiar email inbox rows: clear sender / subject / preview hierarchy. */
#email-center-root .email-inbox-list{padding:0 21px 18px}
#email-center-root .email-inbox-item{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:start;column-gap:13px;padding:17px 12px;border-top:1px solid var(--line);transition:background-color .15s ease}
#email-center-root .email-inbox-item:hover{background:var(--hover)}
#email-center-root .email-inbox-avatar{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--soft-red);color:var(--brand);font-size:14px;font-weight:800;text-transform:uppercase}
#email-center-root .email-inbox-content{min-width:0}
#email-center-root .email-inbox-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
#email-center-root .email-inbox-sender{display:flex;align-items:center;gap:7px;min-width:0;flex-wrap:wrap;line-height:1.4}
#email-center-root .email-inbox-sender strong{font-size:13px;font-weight:770;overflow-wrap:anywhere}
#email-center-root .email-inbox-address{font-size:11px;color:var(--sub);overflow-wrap:anywhere}
#email-center-root .email-inbox-top time{flex:0 0 auto;font-size:11px;color:var(--sub);white-space:nowrap;line-height:1.5}
#email-center-root .email-inbox-subject{font-size:13px;font-weight:740;line-height:1.45;margin:4px 0 3px;overflow-wrap:anywhere}
#email-center-root .email-inbox-preview{font-size:12px;line-height:1.5;color:var(--sub);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
#email-center-root .email-inbox-contact{color:#287c4a;font-size:10px;font-weight:700;border:1px solid rgba(38,121,68,.2);border-radius:7px;padding:2px 7px;background:rgba(38,121,68,.06)}
#email-center-root .email-inbox-toolbar{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;gap:8px;margin-top:9px}
#email-center-root .email-inbox-read{min-width:0;max-width:100%;flex:1 1 140px}
#email-center-root .email-inbox-read summary{display:inline-flex;align-items:center;gap:6px;list-style:none;cursor:pointer;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:8px;padding:7px 11px;font-size:11px;font-weight:730;line-height:1.4}
#email-center-root .email-inbox-read summary::-webkit-details-marker{display:none}
#email-center-root .email-inbox-read summary:hover{border-color:var(--brand);color:var(--brand)}
#email-center-root .email-inbox-read summary svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s ease}
#email-center-root .email-inbox-read[open] summary svg{transform:rotate(180deg)}
#email-center-root .email-inbox-read summary:focus-visible,#email-center-root .email-inbox-reply:focus-visible{outline:2px solid var(--brand);outline-offset:3px}
#email-center-root .email-inbox-body{font-size:12px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--hover);border:1px solid var(--line);padding:16px;border-radius:10px;max-height:430px;overflow:auto;margin:10px 0 3px}
#email-center-root .email-inbox-reply{border:1px solid var(--line);background:var(--card);color:var(--brand);border-radius:8px;padding:7px 12px;font-size:11px;font-weight:750;line-height:1.4;cursor:pointer}
#email-center-root .email-inbox-reply:hover{border-color:var(--brand);background:var(--soft-red)}
#email-center-root .email-inbox-disclaimer{font-size:11px;color:var(--sub);line-height:1.6;padding:0 21px 18px;margin:0}
@media(max-width:640px){#email-center-root .email-inbox-list{padding:0 12px 15px}#email-center-root .email-inbox-item{grid-template-columns:32px minmax(0,1fr);gap:10px;padding:15px 6px}#email-center-root .email-inbox-avatar{width:32px;height:32px;font-size:12px}#email-center-root .email-inbox-top{flex-direction:column;gap:2px}#email-center-root .email-inbox-sender{gap:5px}#email-center-root .email-inbox-preview{-webkit-line-clamp:2}#email-center-root .email-inbox-controls{align-items:stretch;flex-direction:column}}

/* Manual email sending and receipt confirmation */
#email-center-root .email-draft-send{border-color:var(--brand)!important;background:var(--brand)!important;color:#fff!important}
#email-center-root .email-mailbox-row button[data-email-action="toggle-sending"]{border-color:var(--brand);color:var(--brand);background:var(--soft-red)}
#email-center-root .email-list-card:has(.email-draft-send){border-bottom-color:var(--line)}
#email-modal form [readonly]{background:var(--hover)!important;color:var(--ink);opacity:.8;cursor:default}
#email-modal .email-editor-actions .email-primary{min-width:134px}
@media(max-width:600px){#email-center-root .email-card-tools{width:100%;justify-content:flex-start}}

/* RESILIENCE CRM: compact mailbox access management */
#email-modal .email-access-members{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:11px;overflow:hidden}
#email-modal .email-access-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:14px 16px;border-bottom:1px solid var(--line)}
#email-modal .email-access-row:last-child{border-bottom:0}
#email-modal .email-access-person{flex:1;min-width:160px}
#email-modal .email-access-person strong{display:block;font-size:13px;font-weight:750;line-height:1.45}
#email-modal .email-access-person small{display:block;margin-top:5px;font-size:11px;color:var(--sub)}
#email-modal .email-access-row select{width:auto;max-width:100%;min-width:185px;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink);font-size:12px}
#email-modal .email-access-row select:disabled{opacity:.65;cursor:default}
#email-modal .email-access-row button{border:1px solid var(--brand);background:var(--brand);color:#fff;border-radius:8px;padding:9px 13px;font-weight:750;font-size:11px;cursor:pointer}
#email-modal .email-access-owner,.email-access-saved{font-size:11px;color:#287c4a;font-weight:750}
#email-modal .email-access-error{color:var(--brand)}
@media(max-width:640px){#email-modal .email-access-row{align-items:stretch;flex-direction:column}#email-modal .email-access-row select{width:100%}}