/* Email Extractor v1 — extends Bovolab midnight + blue core */
.email-page .email-result-grid { display:grid; grid-template-columns:minmax(0, 1.9fr) minmax(285px, 1fr); gap:16px; align-items:stretch; }
.email-page .email-list-card .result-output { min-height:275px; height:318px; }
.email-page .result-header { margin-bottom:15px; }
.email-page .domain-summary-card { padding:0; overflow:hidden; }
.email-page .domain-summary-card details { display:block; }
.email-page .domain-summary-card details:not([open]) { height:auto; }
.email-page .summary-toggle { display:flex; justify-content:space-between; align-items:center; gap:9px; padding:18px; cursor:pointer; list-style:none; }
.email-page .summary-toggle::-webkit-details-marker { display:none; }
.email-page .summary-heading { display:flex; align-items:center; gap:11px; min-width:0; }
.email-page .summary-heading strong { display:block; font-size:14px; color:var(--ink); }
.email-page .summary-heading small { display:block; margin-top:4px; color:var(--muted); font-size:11px; }
.email-page .summary-symbol { display:grid; place-items:center; width:38px; height:38px; flex-shrink:0; border-radius:10px; border:1px solid #395582; color:#B2D1FF; font-weight:800; font-size:19px; background:linear-gradient(140deg,#284B85,#1D3052); }
.email-page .summary-count { display:flex; gap:5px; align-items:center; font-size:11px; color:var(--muted); white-space:nowrap; }
.email-page .summary-count svg { width:15px; height:15px; transition:transform .16s; }
.email-page details[open] .summary-count svg { transform:rotate(180deg); }
.email-page .summary-description { font-size:11px; color:var(--muted); margin:0 18px 14px; line-height:1.65; }
.email-page .summary-list { max-height:290px; overflow-y:auto; padding:0 11px 5px; display:grid; gap:6px; }
.email-page .summary-empty { padding:16px 7px; text-align:center; font-size:12px; line-height:1.6; color:var(--muted); }
.email-page .summary-item { width:100%; text-align:left; display:block; border:1px solid transparent; background:#14233B; border-radius:9px; padding:10px 11px; color:var(--ink); }
.email-page .summary-item:hover { border-color:#4D73B1; background:#1B3155; }
.email-page .summary-item.is-selected { border-color:#639CFF; background:linear-gradient(90deg,#244578,#1A3050); }
.email-page .summary-topline { display:flex; justify-content:space-between; gap:8px; align-items:center; }
.email-page .summary-domain { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; font-weight:650; }
.email-page .summary-value { flex-shrink:0; font-size:11px; color:#A9C8FF; font-weight:750; }
.email-page .summary-track { display:block; margin-top:9px; height:4px; border-radius:8px; overflow:hidden; background:#2A3D5B; }
.email-page .summary-progress { display:block; height:100%; border-radius:8px; background:linear-gradient(90deg,#3679F3,#86BEFF); }
.email-page .summary-show-all { margin:14px 18px 18px; width:calc(100% - 36px); }
.email-page .filter-bar { border:1px solid #304568; background:linear-gradient(130deg,rgba(30,48,80,.92),rgba(16,29,50,.94)); border-radius:13px; padding:18px 20px; margin-bottom:16px; }
.email-page .filter-bar-heading { display:flex; justify-content:space-between; align-items:start; gap:12px; }
.email-page .filter-bar h3 { margin:0; font-size:14px; }
.email-page .filter-bar p { margin:6px 0 0; color:var(--muted); font-size:11px; line-height:1.6; }
.email-page .reset-filter { border:0; background:transparent; color:#98BEFC; font-size:11px; padding:3px 0; white-space:nowrap; }
.email-page .reset-filter:hover { color:white; text-decoration:underline; }
.email-page .filter-fields { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:15px; }
.email-page .filter-options { display:flex; gap:4px; padding:4px; border-radius:9px; background:#0C1B32; border:1px solid #3A4D6E; }
.email-page .radio-pill { cursor:pointer; position:relative; }
.email-page .radio-pill input { position:absolute; opacity:0; width:1px; height:1px; }
.email-page .radio-pill span { display:block; padding:9px 14px; font-size:12px; font-weight:700; color:#98AAC5; border-radius:6px; white-space:nowrap; }
.email-page .radio-pill input:checked+span { background:linear-gradient(110deg,#254B85,#224071); color:#F3F8FF; box-shadow:0 1px 6px #07152B; }
.email-page .radio-pill input:focus-visible+span { outline:3px solid var(--focus); outline-offset:2px; }
.email-page #filter-domain { flex:1 1 210px; min-width:150px; height:42px; border-radius:8px; border:1px solid #3B5379; background:#0D1A2D; color:#F1F6FF; padding:0 14px; font-size:12px; }
.email-page #filter-domain:disabled { opacity:.48; cursor:not-allowed; }
.email-page #filter-domain::placeholder { color:#8C9EB9; }
.email-page .filter-caption { color:#9DB4D6; }
.email-page .email-list-card .result-actions { margin-top:12px; }
@media(max-width:900px){
 .email-page .email-result-grid { grid-template-columns:minmax(0,1.5fr) minmax(255px,1fr); }
}
@media(max-width:800px){
 .email-page .email-result-grid .result-card { display:block; }
}
@media(max-width:720px){
 .email-page .email-result-grid { grid-template-columns:minmax(0,1fr); }
 .email-page .email-list-card .result-output { height:245px; min-height:200px; }
 .email-page .domain-summary-card details:not([open]) .summary-toggle { padding:16px; }
 .email-page .filter-bar { padding:15px; }
 .email-page .summary-list { max-height:240px; }
}
@media(max-width:460px){
 .email-page .filter-options { width:100%; justify-content:space-around; }
 .email-page .radio-pill { flex:1 1 0; }
 .email-page .radio-pill span { text-align:center; padding:10px 7px; font-size:11px; }
 .email-page #filter-domain { width:100%; min-width:0; }
}