.kit-em-page { background:var(--bg); min-height:0; color:var(--text-1);  }
.kit-em-page * { box-sizing:border-box; }
.kit-em-wrap { max-width:1180px; margin:0 auto; padding:0 20px; }
.kit-em-hero { background:linear-gradient(180deg,#1F0046 0%, #2A0B61 100%); color:#fff; padding:42px 20px 64px; }
.kit-em-hero .eyebrow { display:inline-block; background:rgba(123,47,190,.25); color:#E6D5FF; padding:5px 12px; border-radius:999px; font-size:.78rem; font-weight:600; letter-spacing:.04em; text-transform:uppercase; }
.kit-em-hero h1 { font-size:clamp(1.7rem,3.5vw,2.6rem); font-weight:800; line-height:1.15; margin:6px 0 12px; letter-spacing:-.02em; }
.kit-em-hero h1 .accent { background:linear-gradient(90deg,#27E19D,#6BFFB0); -webkit-background-clip:text; background-clip:text; color:transparent; }
.kit-em-hero p { font-size:1rem; color:rgba(255,255,255,.82); max-width:680px; line-height:1.55; margin:0; }

.kit-em-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:-30px; position:relative; z-index:2; padding-bottom:40px; }
@media (max-width:820px) { .kit-em-grid { grid-template-columns:1fr; } }

.kit-em-panel { background:var(--bg-card); border:1px solid var(--border); border-radius:16px; padding:24px; }
.kit-em-panel h2 { font-size:1rem; font-weight:700; margin:0 0 6px; color:var(--text-1); }
.kit-em-panel small.help { color:var(--text-3); font-size:.78rem; display:block; margin-bottom:14px; }

.kit-em-textarea { width:100%; min-height:240px; padding:14px; border:1.5px solid var(--border); border-radius:11px; font-family:ui-monospace,'SF Mono',Consolas,monospace; font-size:.86rem; color:var(--text-1); outline:none; resize:vertical; line-height:1.55; }
.kit-em-textarea:focus { border-color:#7B2FBE; }
.kit-em-textarea-meta { display:flex; justify-content:space-between; font-size:.74rem; color:var(--text-3); margin-top:6px; }

.kit-em-actions { display:flex; gap:10px; margin-top:14px; flex-wrap:wrap; }
.kit-em-btn { display:inline-flex; align-items:center; gap:6px; padding:11px 18px; border-radius:10px; font-size:.92rem; font-weight:600; cursor:pointer; border:0; transition:background .12s; }
.kit-em-btn-primary { background:#7B2FBE; color:#fff; }
.kit-em-btn-primary:hover:not(:disabled) { background:#6A26A8; }
.kit-em-btn-primary:disabled { background:#C9B6E8; cursor:wait; }
.kit-em-btn-secondary { background:var(--bg-card); color:var(--text-2); border:1.5px solid var(--border); }
.kit-em-btn-secondary:hover:not(:disabled) { border-color:#7B2FBE; color:var(--accent-text, #7B2FBE); }

.kit-em-summary { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:14px; }
.kit-em-summary-pill { display:inline-flex; align-items:center; gap:6px; padding:6px 12px; border-radius:999px; font-size:.78rem; font-weight:700; }
.kit-em-summary-pill.valid          { background:#E6F9F0; color:var(--teal); }
.kit-em-summary-pill.invalid_format { background:#FFE3E7; color:var(--error); }
.kit-em-summary-pill.no_mx          { background:#FFF6DA; color:var(--warn); }
.kit-em-summary-pill.unknown        { background:#F0EAF8; color:var(--text-3); }

.kit-em-tbl-wrap { background:var(--bg); border:1px solid var(--border); border-radius:12px; max-height:380px; overflow:auto; }
.kit-em-tbl { width:100%; border-collapse:collapse; font-size:.84rem; }
.kit-em-tbl th, .kit-em-tbl td { padding:9px 14px; text-align:left; }
.kit-em-tbl th { background:var(--bg-card-2); color:var(--text-2); font-weight:700; font-size:.7rem; text-transform:uppercase; letter-spacing:.04em; position:sticky; top:0; }
.kit-em-tbl tr { border-bottom:1px solid var(--border); }
.kit-em-tbl tr:last-child { border-bottom:none; }
.kit-em-tbl td.email { font-family:ui-monospace,Consolas,monospace; color:var(--text-1); word-break:break-all; }
.kit-em-status { display:inline-flex; align-items:center; gap:5px; padding:3px 10px; border-radius:999px; font-size:.7rem; font-weight:700; text-transform:uppercase; letter-spacing:.04em; }
.kit-em-status.valid          { background:#E6F9F0; color:var(--teal); }
.kit-em-status.invalid_format { background:#FFE3E7; color:var(--error); }
.kit-em-status.no_mx          { background:#FFF6DA; color:var(--warn); }
.kit-em-status.unknown        { background:#F0EAF8; color:var(--text-3); }

.kit-em-empty { text-align:center; padding:50px 20px; color:var(--text-3); font-size:.9rem; }
.kit-em-empty svg { width:48px; height:48px; opacity:.4; margin-bottom:10px; }

.kit-tool-workspace .kit-em-grid { margin-top:0; }
.kit-em-panel { min-width:0; }
.kit-em-import-label { display:block; margin:12px 0 6px; color:var(--text-2); font-size:.85rem; font-weight:600; }
.kit-em-details-toggle { display:flex; align-items:center; gap:8px; min-height:44px; color:var(--text-2); font-size:.85rem; margin:8px 0; }
.kit-em-notice { color:var(--text-2); font-size:.9rem; margin:12px 0; }
.kit-em-error { color:var(--error); font-size:.9rem; line-height:1.5; margin-top:12px; }
.kit-em-tbl { min-width:340px; }
.kit-em-tbl th { font-size:.8rem; text-transform:none; letter-spacing:0; }
.kit-em-summary-pill, .kit-em-status { font-size:.8rem; }
.kit-em-summary-pill.valid, .kit-em-status.valid { background:var(--bg-card); }
.kit-em-summary-pill.invalid_format, .kit-em-status.invalid_format { background:var(--bg-card); }
.kit-em-summary-pill.no_mx, .kit-em-status.no_mx { background:var(--bg-card); }
.kit-em-summary-pill.unknown, .kit-em-status.unknown { background:var(--bg-card-2); color:var(--text-2); }
.kit-em-btn-primary:disabled { background:var(--bg-card-2); color:var(--text-3); cursor:not-allowed; }
.kit-em-tbl-wrap:focus-visible { outline:2px solid var(--accent-text); outline-offset:3px; }
@media(max-width:640px) { .kit-em-wrap { padding:0 16px; } .kit-em-panel { padding:16px; } }

.kit-em-provider { display:inline-block; background:var(--bg-card-2); color:var(--text-2); padding:3px 8px; border-radius:6px; font-size:.8rem; }
.kit-em-suggestions { margin-top:12px; padding:12px; background:var(--bg-card-2); color:var(--text-1); border:1px solid var(--border); border-radius:10px; font-size:.85rem; line-height:1.6; }
