/* DinaDesk — Gestão de Contas de E-mail (estilos isolados) */
#email-accounts { --email-border:#dbe3ec; --email-ink:#1e293b; --email-muted:#64748b; }
#email-accounts .email-head, #email-accounts .email-panel { padding:20px; margin-bottom:16px; }
#email-accounts .email-head .panel-header { align-items:center; gap:16px; }
#email-accounts h2, #email-accounts h3 { margin:0 0 6px; color:var(--email-ink); }
#email-accounts .email-notice, .email-modal .email-notice { background:#eff6ff; border:1px solid #bfdbfe; color:#1e40af; padding:11px 13px; border-radius:8px; line-height:1.5; font-size:13px; margin:12px 0 4px; }
#email-accounts .email-feedback { padding:10px 13px; margin-top:12px; border-radius:8px; background:#f0fdf4; border:1px solid #86efac; color:#166534; line-height:1.4; }
#email-accounts .email-feedback[data-error="true"] { background:#fef2f2; color:#991b1b; border-color:#fecaca; }
#email-accounts .email-stats { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; margin:12px 0 18px; }
#email-accounts .email-stat { background:#fff; border:1px solid var(--email-border); padding:16px 14px; border-radius:12px; box-shadow:0 2px 10px #3341550a; }
#email-accounts .email-stat span { display:block; font-size:12px; font-weight:600; color:var(--email-muted); }
#email-accounts .email-stat strong { display:block; margin-top:4px; font-size:29px; line-height:1.2; color:var(--email-ink); }
#email-accounts .email-toolbar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:15px; margin-bottom:16px; }
#email-accounts .email-toolbar .subtitle { margin:3px 0; }
#email-accounts .email-actions { display:flex; gap:9px; flex-wrap:wrap; }
#email-accounts .email-filters { display:flex; flex-wrap:wrap; gap:12px; margin-bottom:16px; }
#email-accounts .email-filters label { display:grid; gap:6px; flex:1; min-width:145px; font-size:12px; font-weight:600; color:var(--email-muted); }
#email-accounts .email-filters label:first-child { flex:2; min-width:220px; }
#email-accounts .email-filters input, #email-accounts .email-filters select { width:100%; border:1px solid #cbd5e1; border-radius:8px; padding:10px; background:#fff; color:#1e293b; font-size:13px; }
#email-accounts .email-table-wrap { width:100%; overflow-x:auto; }
#email-accounts .email-table { border-collapse:collapse; width:100%; min-width:780px; background:#fff; font-size:13px; }
#email-accounts .email-table th { background:#f8fafc; color:#475569; white-space:nowrap; font-size:12px; letter-spacing:.01em; text-align:left; padding:12px; border-bottom:1px solid var(--email-border); }
#email-accounts .email-table td { padding:11px 12px; border-bottom:1px solid #e2e8f0; color:#334155; vertical-align:middle; }
#email-accounts .email-table tr:hover td { background:#f8fafc; }
#email-accounts .email-table small { color:var(--email-muted); display:block; margin-top:3px; font-size:11px; }
#email-accounts .email-table .email-primary { color:#0f172a; font-weight:700; word-break:break-word; }
#email-accounts .email-table button { width:auto; margin:2px 4px 2px 0; padding:6px 9px; background:#e2e8f0; color:#0f172a; border:0; border-radius:7px; cursor:pointer; font-size:12px; font-weight:600; }
#email-accounts .email-table button:hover { background:#cbd5e1; }
#email-accounts .email-table button:disabled { opacity:.4; cursor:not-allowed; }
#email-accounts .email-table button.email-approve { background:#dcfce7; color:#166534; }
#email-accounts .email-table button.email-reject { background:#fee2e2; color:#991b1b; }
#email-accounts .email-pill { display:inline-block; padding:4px 9px; border-radius:999px; font-size:11px; font-weight:700; background:#e2e8f0; color:#475569; white-space:nowrap; }
#email-accounts .email-pill.em_uso, #email-accounts .email-pill.aprovada { background:#dcfce7; color:#166534; }
#email-accounts .email-pill.inoperante, #email-accounts .email-pill.rejeitada { background:#fee2e2; color:#991b1b; }
#email-accounts .email-pill.pendente, #email-accounts .email-pill.em_implantacao { background:#fef3c7; color:#92400e; }
#email-accounts .email-pill.suspensa { background:#ffedd5; color:#9a3412; }
#email-accounts .email-policy-list { color:#334155; line-height:1.65; padding-left:24px; }
#email-accounts .email-policy-list li { margin:8px 0; }
#email-accounts .email-footnote { font-size:13px; background:#f8fafc; padding:12px; border-left:3px solid #64748b; color:#475569; }
.email-modal[hidden] { display:none !important; }
.email-modal { position:fixed; inset:0; background:rgba(15,23,42,.63); display:flex; align-items:center; justify-content:center; padding:20px; z-index:9999; }
.email-modal .email-modal-dialog { width:min(780px,100%); max-height:92vh; background:#fff; overflow-y:auto; border-radius:16px; box-shadow:0 20px 60px #0004; padding:22px; }
.email-modal .email-modal-header { display:flex; align-items:center; justify-content:space-between; gap:15px; border-bottom:1px solid #e2e8f0; padding-bottom:10px; margin-bottom:10px; }
.email-modal .email-modal-header h2 { font-size:20px; color:#0f172a; margin:0; }
.email-modal .email-modal-close { background:transparent; color:#64748b; font-size:29px; line-height:1; border:0; width:36px; cursor:pointer; }
.email-modal .email-form { display:grid; gap:12px; }
.email-modal .email-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.email-modal .email-form label { display:grid; gap:5px; font-weight:600; font-size:12px; color:#475569; }
.email-modal .email-form input, .email-modal .email-form select, .email-modal .email-form textarea { width:100%; padding:10px 11px; border:1px solid #cbd5e1; border-radius:8px; color:#0f172a; background:white; font-size:14px; }
.email-modal .email-form input[readonly] { background:#f1f5f9; color:#475569; }
.email-modal .email-form textarea { resize:vertical; }
.email-modal .email-modal-actions { display:flex; justify-content:flex-end; gap:12px; padding-top:12px; border-top:1px solid #e2e8f0; }
.email-modal .email-modal-actions button { width:auto; }
@media(max-width:950px){#email-accounts .email-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){#email-accounts .email-stats{grid-template-columns:repeat(2,minmax(0,1fr))}#email-accounts .email-head,#email-accounts .email-panel{padding:12px}.email-modal .email-modal-dialog{padding:15px}.email-modal .email-form-grid{grid-template-columns:1fr}}

#email-accounts button[hidden] { display:none !important; }

/* Importar / exportar inventário de contas */
#email-accounts .email-actions button { width:auto; white-space:nowrap; font-size:12px; padding:10px 12px; }
#emailImportModal .email-import-grid { margin:14px 0; }
#emailImportModal .email-import-grid [hidden] { display:none !important; }
#emailImportModal .email-import-action-row { display:flex; gap:10px; flex-wrap:wrap; }
#emailImportModal .email-import-action-row button { width:auto; }
#emailImportModal .email-import-result { padding:10px 13px; border-radius:8px; background:#f1f5f9; color:#475569; font-size:13px; }
#emailImportModal .email-import-result[data-error="true"] { color:#991b1b; background:#fef2f2; }
#emailImportModal .email-import-totals { display:flex; flex-wrap:wrap; gap:8px; margin:14px 0; }
#emailImportModal .email-import-totals span { border:1px solid #cbd5e1; border-radius:7px; background:#f8fafc; color:#334155; padding:7px 10px; font-size:12px; font-weight:700; }
#emailImportModal .email-table { min-width:560px; }
#emailImportModal #emailImportPreview .email-table-wrap { max-height:300px; overflow-y:auto; }
#emailImportModal #emailImportCommit:disabled { opacity:.5; cursor:not-allowed; }
#emailImportModal .email-table { width:100%; min-width:580px; border-collapse:collapse; font-size:12px; }
#emailImportModal .email-table th { text-align:left; background:#f8fafc; color:#475569; padding:10px; border-bottom:1px solid #dbe3ec; }
#emailImportModal .email-table td { padding:10px; border-bottom:1px solid #e2e8f0; vertical-align:top; color:#334155; overflow-wrap:anywhere; }
#emailImportModal .email-table small { display:block; color:#64748b; font-size:11px; margin-top:4px; }
#emailImportModal .email-primary { font-weight:700; }
#emailImportModal .email-pill { display:inline-block; border-radius:10px; padding:4px 7px; background:#e2e8f0; font-size:11px; font-weight:600; }
#emailImportModal .email-pill.em_uso {background:#dcfce7;color:#166534;}
#emailImportModal .email-pill.pendente {background:#fef3c7;color:#92400e;}
#emailImportModal .email-pill.inoperante {background:#fee2e2;color:#991b1b;}

#email-accounts .email-pill.nao_verificado, #email-accounts .email-pill.removida { background:#e2e8f0; color:#475569; }
#email-accounts .email-table td:nth-child(6) { white-space:nowrap; }
