/* Content-only additions to the existing SkyMail NLI design system. */
.ai-preview summary{cursor:pointer;font-weight:600}.ai-preview[open]>summary{margin-bottom:16px}.ai-preview #ai-prepare{margin-bottom:12px}.ai-notice{padding:12px 0}.ai-preview #ai-draft-fields{margin-top:8px}#phishing-check details.ai-preview{padding:16px;margin:16px 0}#phishing-check .ai-notice{margin-top:10px}#ai-status:empty{display:none}
.ai-preview{margin:28px 0;padding:24px;border:1px solid var(--skl-line,var(--line,#d4e1dc));border-radius:18px;background:var(--skl-bg-soft,var(--bg,#f2f6f5))}
.ai-preview input[type=text],.ai-preview textarea{width:100%}
.ai-preview .eyebrow{margin-top:0}
.ai-score-card{--ai-accent:#31649c;--ai-ink:#244a74;--ai-soft:#edf4fb;--ai-ring:#d4e1ef;--ai-panel:var(--skl-surface-strong,var(--card,#fff));padding:30px;margin:24px 0;border:1px solid var(--skl-line,var(--line,#d4e1dc));border-top:5px solid var(--ai-accent);border-radius:22px;background:var(--ai-panel)}
.ai-score-card[data-verdict=likely_legitimate]{--ai-accent:#27804e;--ai-ink:#246240;--ai-soft:#ecf8f0;--ai-ring:#c5e2d0}
.ai-score-card[data-verdict=suspicious]{--ai-accent:#a26c00;--ai-ink:#795800;--ai-soft:#fff7df;--ai-ring:#f0e1b9}
.ai-score-card[data-verdict=likely_phishing]{--ai-accent:#c54c30;--ai-ink:#9b321b;--ai-soft:#fff0ec;--ai-ring:#f3cfc6}
.ai-score-overview{display:grid;grid-template-columns:190px minmax(0,1fr);align-items:center;gap:30px}
.ai-score-circle{position:relative;width:184px;height:184px;border-radius:50%;background:conic-gradient(var(--ai-accent) var(--ai-progress,0deg),var(--ai-ring) 0);color:var(--ai-ink);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;isolation:isolate}
.ai-score-circle:before{content:"";position:absolute;inset:10px;border-radius:50%;background:var(--ai-soft);z-index:-1}
.ai-score-circle>span{font-size:68px;line-height:1;font-weight:800;letter-spacing:-3px;font-variant-numeric:tabular-nums}
.ai-score-circle small{font-size:15px;font-weight:650;margin-top:10px}
.ai-score-copy{min-width:0}
.ai-score-copy .eyebrow{margin:0 0 12px}
.ai-score-copy h3,#phishing-check .ai-score-copy h3{font-size:29px;line-height:1.2;margin:12px 0;letter-spacing:-.5px}
.ai-score-copy p:last-child{margin-bottom:0}
.ai-risk-badge,#phishing-check .ai-risk-badge{display:inline-block;padding:5px 12px;margin:0;border:1px solid var(--ai-ring);border-radius:999px;background:var(--ai-soft);color:var(--ai-ink);font-size:14px;font-weight:750;line-height:1.5}
.ai-risk-scale{margin:28px 0 14px}
.ai-risk-track{position:relative;height:10px;margin:0 6px;border-radius:20px;background:linear-gradient(to right,#b9d8c3 0 24%,#edda9b 24% 69%,#ebad9e 69% 100%)}
.ai-risk-track span{position:absolute;top:-4px;width:8px;height:18px;border-radius:4px;background:var(--skl-text,var(--text,#173149));border:2px solid var(--ai-panel);transform:translateX(-50%)}
.ai-risk-labels{display:flex;justify-content:space-between;gap:18px;margin:8px 0;font-size:13px;font-weight:600;color:var(--skl-muted,var(--muted,#52657c))}
.ai-risk-scale>.muted{margin-bottom:0;font-size:12px}
.ai-analysis-status{padding:12px 14px;margin:20px 0;border-radius:12px;background:var(--ai-soft);color:var(--ai-ink);font-size:14px}
#phishing-check .ai-analysis-status{color:var(--ai-ink);margin:20px 0}
.ai-score-reasons{margin-top:22px;border-top:1px solid var(--skl-line,var(--line,#d4e1dc));padding-top:18px}
.ai-score-reasons h3,#phishing-check .ai-score-reasons h3{margin:0 0 12px;font-size:21px}
.ai-score-reasons>ul{padding-left:22px;margin:0 0 20px}
.ai-score-reasons>ul>li{margin:8px 0;padding-left:4px}
.ai-score-disclaimer,#phishing-check .ai-score-disclaimer{border-top:1px solid var(--skl-line,var(--line,#d4e1dc));padding-top:16px;margin:20px 0 0;font-size:13px;line-height:1.6}
.result-next-steps{margin:24px 0;padding:0 0 8px}
.result-next-steps h3,#phishing-check .result-next-steps h3{margin:0 0 10px}
.result-details{padding:16px 0;border-top:1px solid var(--skl-line,var(--line,#d4e1dc))}
.result-details>summary{cursor:pointer;font-weight:650}
.result-details[open]>summary{margin-bottom:16px}
.ai-score-card[data-state=running] .ai-score-circle{background:var(--ai-ring)}
.pattern-index .pattern-row-meta .pattern-list-score{display:block;padding:8px 12px;border-radius:12px;border:1px solid #f3cfc6;background:#fff0ec;color:#9b321b;font-size:30px;line-height:1.2;font-weight:800;align-self:flex-start}
.pattern-index .pattern-row-meta .pattern-list-score.pattern-risk-suspicious{background:#fff7df;color:#795800;border-color:#f0e1b9}
html.dark .ai-score-card{--ai-ink:#c1dbff;--ai-soft:#142d49;--ai-ring:#304c69}
html.dark .ai-score-card[data-verdict=likely_legitimate]{--ai-accent:#65c28c;--ai-ink:#b5e4c7;--ai-soft:#173c2a;--ai-ring:#315c42}
html.dark .ai-score-card[data-verdict=suspicious]{--ai-accent:#edbd4f;--ai-ink:#f6d780;--ai-soft:#403319;--ai-ring:#65522b}
html.dark .ai-score-card[data-verdict=likely_phishing]{--ai-accent:#f18a71;--ai-ink:#ffc3b4;--ai-soft:#46271f;--ai-ring:#704235}
html.dark .pattern-index .pattern-row-meta .pattern-list-score{background:#46271f;color:#ffc3b4;border-color:#704235}
html.dark .pattern-index .pattern-row-meta .pattern-list-score.pattern-risk-suspicious{background:#403319;color:#f6d780;border-color:#65522b}
@media(prefers-color-scheme:dark){html:not(.light):not(.dark) .ai-score-card{--ai-ink:#c1dbff;--ai-soft:#142d49;--ai-ring:#304c69}html:not(.light):not(.dark) .ai-score-card[data-verdict=likely_legitimate]{--ai-accent:#65c28c;--ai-ink:#b5e4c7;--ai-soft:#173c2a;--ai-ring:#315c42}html:not(.light):not(.dark) .ai-score-card[data-verdict=suspicious]{--ai-accent:#edbd4f;--ai-ink:#f6d780;--ai-soft:#403319;--ai-ring:#65522b}html:not(.light):not(.dark) .ai-score-card[data-verdict=likely_phishing]{--ai-accent:#f18a71;--ai-ink:#ffc3b4;--ai-soft:#46271f;--ai-ring:#704235}}
@media(max-width:650px){.ai-score-card{padding:22px 18px}.ai-score-overview{grid-template-columns:1fr;gap:20px;text-align:center}.ai-score-circle{width:168px;height:168px;justify-self:center}.ai-score-circle>span{font-size:62px}.ai-score-copy h3,#phishing-check .ai-score-copy h3{font-size:26px}.ai-risk-labels{font-size:12px;gap:10px}.ai-risk-labels span:last-child{text-align:right}.ai-preview{padding:18px}}
@media print{.ai-score-card{break-inside:avoid;background:#fff;color:#000}.ai-score-overview{grid-template-columns:160px minmax(0,1fr)}.ai-score-circle{width:150px;height:150px}.ai-score-circle>span{font-size:54px}.ai-score-reasons{break-inside:auto}.result-details>summary{list-style:none}.result-details>*{display:block!important}}
#phishing-check{padding:40px 0 48px;font-size:17px;line-height:1.65}
#phishing-check>.skl-shell{max-width:1000px}
#phishing-check .intro{padding:12px 0 8px}
#phishing-check .eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;color:var(--skl-blue-readable)}
#phishing-check h1{font-size:clamp(36px,5.5vw,62px);line-height:1.12;margin:18px 0;letter-spacing:-1.5px}
#phishing-check h2,#phishing-check h3{font-family:var(--skl-heading-font);color:var(--skl-text);letter-spacing:0;text-transform:none}
#phishing-check h2{font-size:27px;line-height:1.3;margin:0 0 18px}
#phishing-check h3{font-size:19px;line-height:1.4;margin:24px 0 12px}
#phishing-check p{line-height:1.65;margin:0 0 16px;overflow-wrap:anywhere;color:var(--skl-soft)}
#phishing-check li{overflow-wrap:anywhere}
#phishing-check a:not(.skl-btn){color:var(--skl-blue-readable);text-decoration:underline;text-underline-offset:3px}
#phishing-check .lead{font-size:20px;max-width:780px;margin-bottom:12px}
#phishing-check .muted{font-size:14px;color:var(--skl-muted)}
#phishing-check .card{background:var(--skl-surface-strong);border:1px solid var(--skl-line);border-radius:24px;padding:30px;margin:24px 0;box-shadow:var(--skl-shadow)}
#phishing-check .checker,#phishing-check #result{border-top:4px solid var(--skl-blue)}
#phishing-check .checker h2{margin-bottom:6px}
#phishing-check label{display:block;font-weight:600;margin:18px 0 8px;font-size:16px;color:var(--skl-text)}
#phishing-check select,#phishing-check textarea,#phishing-check input{font:inherit;max-width:100%;color:var(--skl-text);background:var(--skl-bg-soft);border:1px solid var(--skl-line-strong);border-radius:12px;padding:12px;box-shadow:none}
#phishing-check select,#phishing-check textarea{width:100%;height:auto}
#phishing-check textarea{resize:vertical}
#phishing-check input[type=checkbox]{width:20px;height:20px;padding:0;vertical-align:middle}
#phishing-check button{font:inherit;font-weight:700;cursor:pointer}
#phishing-check button:disabled{opacity:.6}
#phishing-check .actions{display:flex;flex-wrap:wrap;gap:12px}
#phishing-check #check-limits{margin:16px 0 0}
#phishing-check #error{color:#b3261e}
html.dark #phishing-check #error{color:#ffb4ab}
#phishing-check #file-input{padding:16px;border:2px dashed var(--skl-line-strong);margin:15px 0}
#phishing-check #reputation{padding:16px;border:1px solid var(--skl-line);border-radius:12px}
#phishing-check .share-invite{margin:36px 0;padding:28px;border:1px solid var(--skl-line);border-radius:24px;background:var(--skl-card)}
#phishing-check .share-invite h2{max-width:680px;margin:10px 0;font-size:28px}
#phishing-check .share-invite p:not(.eyebrow){max-width:700px}
#phishing-check .explanation{margin:44px 0 32px}
#phishing-check .steps{padding-left:26px}
#phishing-check .steps li{padding:8px 0 8px 8px}
#phishing-check .steps strong{display:block}
#phishing-check .result-share,#phishing-check .account-cta{margin-top:26px;border-top:1px solid var(--skl-line);padding-top:20px}
#phishing-check .related{margin:32px 0}
#phishing-check details{border-top:1px solid var(--skl-line);padding:16px 0}
#phishing-check summary{cursor:pointer;font-weight:600;display:list-item;color:var(--skl-text)}
#phishing-check details p{margin-top:16px}
#phishing-check :focus-visible{outline:3px solid var(--skl-amber);outline-offset:4px}
#phishing-check [hidden]{display:none!important}
@media(max-width:650px){#phishing-check{padding-top:20px;font-size:16px}#phishing-check h1{letter-spacing:-1px}#phishing-check .lead{font-size:18px}#phishing-check .card,#phishing-check .share-invite{padding:20px}#phishing-check .share-invite h2{font-size:25px}}
@media print{body.phishing-check-page{background:#fff!important;color:#000;padding:0!important;font-size:11pt}body.phishing-check-page .skymail-site-nav,body.phishing-check-page #footer,body.phishing-check-page #loginPopover{display:none!important}body.phishing-check-page #main-content>*:not(#phishing-check){display:none!important}#phishing-check{display:block!important;background:#fff!important;max-width:none;padding:0}#phishing-check>.skl-shell{max-width:none;padding:0}#phishing-check>.skl-shell>section:not(#result),#phishing-check>.skl-shell>p,#phishing-check #reputation,#phishing-check .report-actions,#phishing-check #share,#phishing-check #share-status{display:none!important}#phishing-check #result{border:0;box-shadow:none;background:#fff;padding:0;margin:0}#phishing-check h2,#phishing-check h3,#phishing-check p,#phishing-check li{color:#000!important}#phishing-check h2,#phishing-check h3{break-after:avoid}#phishing-check li{break-inside:avoid}}