/* Admin → Centru email (lotul 3, 26.09.2026): delta din docs/taskuri/centru-email-macheta/css/centru-email-nou.css.
   Folosește doar culori care există deja în app-shell.css / social-office-hosting.css / admin-jobs.css. */
.email-center{--gss-ink:#263247;--gss-muted:#788397;--gss-line:#e7eaf0;--gss-soft:#f7f8fa;--gss-blue:#4263c7;--gss-green:#16886a;--gss-amber:#d78712;--gss-red:#c84656;--audit-blue:#4f70d7;color:var(--gss-ink);font-variant-numeric:tabular-nums}
.email-center .gss-tab-content{padding:16px}
.ec-period{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 12px}
.ec-period>span{font-size:11px;color:#7f8999;margin-right:4px}
.ec-grid-2{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:14px;margin-bottom:14px}
.ec-card{border:1px solid var(--gss-line);border-radius:14px;background:#fff;padding:14px 16px}
.ec-card h3{margin:0 0 2px;font-size:13px;font-weight:600;color:#27344b}
.ec-card .ec-card-sub{margin:0 0 10px;color:#7f8999;font-size:11px}
.ec-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px}
.ec-status-list{display:grid;gap:9px;margin:0;padding:0;list-style:none}
.ec-status-list li{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:10px;font-size:12px;color:#2c3950}
.ec-status-list li .dot{width:10px;height:10px;border-radius:50%;background:#c67a21;box-shadow:0 0 0 4px rgba(198,122,33,.12)}
.ec-status-list li.on .dot{background:#27a173;box-shadow:0 0 0 4px rgba(39,161,115,.12)}
.ec-status-list li.off .dot{background:#a0a8b8;box-shadow:0 0 0 4px rgba(160,168,184,.14)}
.ec-status-list li.manual .dot{background:#4f70d7;box-shadow:0 0 0 4px rgba(79,112,215,.12)}
.ec-status-list li small{display:block;color:#7f8999;font-size:10px}
.ec-status-list li em{font-style:normal;font-size:11px;color:#5f6b82;white-space:nowrap}
.ec-collapsible{border:1px solid var(--gss-line);border-radius:14px;background:#fff;padding:0;margin-bottom:14px}
.ec-collapsible summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px}
.ec-collapsible summary::-webkit-details-marker{display:none}
.ec-collapsible summary h3{margin:0;font-size:13px;font-weight:600;color:#27344b}
.ec-collapsible summary .ec-card-sub{margin:2px 0 0}
.ec-collapsible .gss-table-wrap{margin:0 16px 14px}
.ec-foot{padding:0 16px 14px;color:#7f8999;font-size:11px}
.ec-bar{height:6px;border-radius:4px;background:#eef1f6;overflow:hidden;min-width:70px;flex:1}
.ec-bar i{display:block;height:100%;background:#7658c8;border-radius:4px}
.ec-open-rate{display:flex;align-items:center;gap:8px;min-width:120px}
.ec-open-rate strong{font-weight:500;min-width:34px;text-align:right}
.ec-badge-mod{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:999px;background:#f2f4f8;color:#4e5f86;font-size:10px;white-space:nowrap}
.ec-badge-mod i{width:7px;height:7px;border-radius:50%;background:var(--m,#4f70d7)}
.ec-row-click{cursor:pointer}
.ec-row-click:hover td{background:#f9fbff}
.ec-table-actions{display:flex;gap:6px;flex-wrap:wrap}
.ec-more{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:end;padding:12px 0 2px}
.ec-more label{display:grid;gap:4px;font-size:11px;color:#6f7b90}
.ec-more select,.ec-more input{min-height:36px;border:1px solid #dce1e9;border-radius:8px;padding:6px 9px;font:inherit;font-size:12px;background:#fff;color:#26344c}
.ec-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px}
.ec-toolbar h3{margin:0;font-size:13px;font-weight:600;color:#27344b}
.ec-section{margin-bottom:18px}
.ec-note{padding:10px 12px;border:1px dashed #cbd5e1;border-radius:12px;background:#f8fafc;color:#5f6b82;font-size:11px;line-height:1.5}
.ec-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px}
.ec-auto-card .ec-card-head h3{font-size:13px}
.ec-auto-rule{margin:0 0 10px;font-size:12px;color:#4b5870;line-height:1.5}
.ec-auto-stats{display:flex;gap:16px;margin:0 0 10px}
.ec-auto-stats div{font-size:11px;color:#7f8999}
.ec-auto-stats b{display:block;font-size:18px;font-weight:500;color:#26344c}
.ec-auto-where{font-size:11px;color:#7f8999}
/* sertar */
.ec-drawer{width:min(540px,96vw);height:100%;overflow:auto;background:#fff;box-shadow:-12px 0 30px rgba(16,24,40,.12)}
.ec-drawer .anaf-ops-drawer-panel{display:grid;gap:14px}
.ec-drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--gss-line)}
.ec-drawer-head h2{margin:4px 0 4px;font-size:15px;font-weight:600;color:#1f2b41;line-height:1.35}
.ec-drawer-head .muted{font-size:11px}
.ec-drawer-badges{display:flex;flex-wrap:wrap;gap:6px}
.ec-kv{display:grid;grid-template-columns:118px minmax(0,1fr);gap:7px 10px;font-size:12px;margin:0}
.ec-kv dt{color:#7f8999}
.ec-kv dd{margin:0;color:#2c3950;word-break:break-word}
.ec-timeline{list-style:none;margin:0;padding:0;display:grid}
.ec-timeline li{position:relative;padding:0 0 14px 22px;font-size:12px}
.ec-timeline li:before{content:"";position:absolute;left:5px;top:5px;width:9px;height:9px;border-radius:50%;background:#4f70d7;box-shadow:0 0 0 3px rgba(79,112,215,.15)}
.ec-timeline li:after{content:"";position:absolute;left:9px;top:16px;bottom:-2px;width:1px;background:#e3e8f0}
.ec-timeline li:last-child:after{display:none}
.ec-timeline li.ok:before{background:#27a173;box-shadow:0 0 0 3px rgba(39,161,115,.15)}
.ec-timeline li.warn:before{background:#c98528;box-shadow:0 0 0 3px rgba(201,133,40,.15)}
.ec-timeline li.err:before{background:#ca5c69;box-shadow:0 0 0 3px rgba(202,92,105,.15)}
.ec-timeline li.pending:before{background:#fff;border:2px solid #c3cad8;box-shadow:none;width:7px;height:7px;left:4px}
.ec-timeline strong{display:block;font-weight:500;color:#26344c}
.ec-timeline small{color:#7f8999;display:block}
.ec-preview{border:1px solid var(--gss-line);border-radius:12px;overflow:hidden;background:#f7f8fa}
.ec-preview-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-bottom:1px solid var(--gss-line);background:#fff;font-size:11px;color:#6f7b90}
.ec-preview iframe{display:block;width:100%;height:380px;border:0;background:#fff}
.ec-preview.tall iframe{height:560px}
/* wizard campanie */
.ec-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 14px}
.ec-step{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--gss-line);border-radius:12px;background:#fff;font-size:12px;color:#6f7b90}
.ec-step b{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#eef1f6;color:#4e5f86;font-weight:500;font-size:11px;flex:0 0 auto}
.ec-step.done b{background:#d9f4eb;color:#16886a}
.ec-step.active{border-color:#b8c6ee;background:#f4f6ff;color:#26344c}
.ec-step.active b{background:#4d6bc7;color:#fff}
.ec-form{display:grid;gap:12px}
.ec-form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.ec-form label{display:grid;gap:5px;font-size:11px;color:#6f7b90}
.ec-form input,.ec-form select,.ec-form textarea{min-height:38px;border:1px solid #dce1e9;border-radius:9px;padding:8px 10px;font:inherit;font-size:12px;color:#26344c;background:#fff;width:100%}
.ec-form textarea{min-height:120px;resize:vertical;font-family:Consolas,"Cascadia Mono",monospace;font-size:11.5px;line-height:1.5}
.ec-form textarea.code{min-height:360px}
.ec-hint{font-size:11px;color:#7f8999;line-height:1.5}
.ec-wizard-actions{display:flex;justify-content:space-between;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid var(--gss-line)}
.ec-wizard-actions div{display:flex;gap:8px;flex-wrap:wrap}
.ec-audience{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;align-items:start}
.ec-count{border:1px solid #cce9dc;background:#f2fbf7;border-radius:12px;padding:12px 14px}
.ec-count .n{font-size:26px;color:#16886a}
.ec-count .n small{font-size:11px;color:#5f6b82;margin-left:6px}
.ec-count ul{margin:8px 0 0;padding:0;list-style:none;font-size:11px;color:#5f6b82;display:grid;gap:3px}
.ec-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:start}
.ec-checklist{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:12px;color:#2c3950}
.ec-checklist li{display:flex;gap:8px;align-items:flex-start}
.ec-checklist li:before{content:"✓";color:#16886a;font-weight:600}
.ec-checklist li.no:before{content:"!";color:#c84656}
.ec-placeholders{display:flex;flex-wrap:wrap;gap:6px}
.ec-placeholders code{padding:3px 7px;border-radius:7px;background:#f2f4f8;color:#36509a;font-size:11px}
.ec-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
.ec-summary div{border:1px solid var(--gss-line);border-radius:12px;padding:10px 12px;font-size:12px;color:#26344c}
.ec-summary div span{display:block;color:#7f8999;font-size:10px;margin-bottom:3px}
.ec-confirm-overlay{position:fixed;inset:0;z-index:1400;display:grid;place-items:center;background:rgba(18,30,51,.4)}
.ec-confirm{width:min(460px,92vw);background:#fff;border-radius:16px;padding:20px 22px;box-shadow:0 20px 50px rgba(16,24,40,.25)}
.ec-confirm h3{margin:0 0 6px;font-size:15px;font-weight:600;color:#1f2b41}
.ec-confirm p{margin:0 0 12px;font-size:12px;color:#5f6b82;line-height:1.5}
.ec-confirm input{width:100%;min-height:38px;border:1px solid #dce1e9;border-radius:9px;padding:8px 10px;font:inherit;letter-spacing:.2em;text-transform:uppercase}
.ec-confirm-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}
.ec-progress{height:8px;border-radius:5px;background:#eef1f6;overflow:hidden}
.ec-progress i{display:block;height:100%;background:#4d6bc7}
.ec-template-list{display:grid;gap:8px}
.ec-template-item{display:grid;gap:3px;padding:10px 12px;border:1px solid var(--gss-line);border-radius:12px;background:#fff;cursor:pointer;text-align:left;font:inherit}
.ec-template-item.active{border-color:#b8c6ee;background:#f4f6ff}
.ec-template-item strong{font-weight:500;font-size:12px;color:#26344c}
.ec-template-item span{font-size:10px;color:#7f8999}
.ec-editor-tabs{display:flex;gap:6px;margin-bottom:8px}
.ec-gss-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin-bottom:16px}
.ec-gss-card .nums{display:flex;gap:18px}
.ec-gss-card .nums b{display:block;font-size:20px;font-weight:500;color:#26344c}
.ec-gss-card .nums span{font-size:10px;color:#7f8999}
.ec-placeholder-block{border:1px dashed #cbd5e1;border-radius:14px;padding:24px;text-align:center;color:#8b93a1;font-size:12px;background:#fafbfc}
@media(max-width:1180px){.ec-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.ec-audience,.ec-split,.ec-grid-2{grid-template-columns:1fr}}
@media(max-width:820px){.ec-kv{grid-template-columns:1fr}.ec-gss-card{grid-template-columns:1fr}.ec-wizard-actions{flex-direction:column}.ec-steps{grid-template-columns:1fr}}
/* casetele KPI sunt butoane (filtre), ca în GSS: text la stânga, valoare și subtitlu pe rânduri separate */
.email-center .gss-kpi{width:100%;text-align:left;font:inherit;cursor:pointer}
.email-center .gss-kpi .value,.email-center .gss-kpi .sub{display:block}
.ec-gss-card{grid-template-columns:auto minmax(0,1fr) auto auto}
.ec-gss-card .gss-action{white-space:nowrap}
/* „Pe module”: coloana 1 restrânsă, lățimi fixe, fără bară de derulare */
.ec-modules{overflow:hidden}
.ec-modules table{table-layout:fixed;width:100%}
.ec-modules th:nth-child(1),.ec-modules td:nth-child(1){width:30%}
.ec-modules th:nth-child(2),.ec-modules td:nth-child(2){width:15%}
.ec-modules th:nth-child(4),.ec-modules td:nth-child(4){width:13%}
.ec-modules th:nth-child(5),.ec-modules td:nth-child(5){width:15%}
.ec-modules td:nth-child(1) .gss-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ec-modules .ec-open-rate{min-width:0}
.ec-modules .ec-bar{min-width:28px}
.ec-modules .ec-open-rate strong{min-width:30px}
.anaf-ops-drawer.admin-jobs-drawer.ec-drawer{width:min(620px,96vw)}
.email-center .ec-placeholder-block{margin-top:4px}
/* Centru email B1 (27.09.2026): câmpurile din dialogul cu motiv (dezabonări, retururi) nu preiau stilul cuvântului de confirmare. */
.ec-confirm .ec-form{margin:0 0 12px}.ec-confirm .ec-form input{letter-spacing:normal;text-transform:none}.ec-confirm .ec-form textarea{min-height:72px;font-family:inherit;font-size:12px}