/* Trinico Cloud, Email Verifier (/email-verifier/). Loaded only by trinico-ev.tpl.
   Same tokens, buttons, cards and dark-mode mapping as trinico-ip.css and trinico-ssl.css, so the
   tool pages read as one family. Bump the ?v= in trinico-ev.tpl on any change. */

.trinico-ev{
  --ev-ink:#0F2037;--ev-text:#212529;--ev-text2:#5B6573;--ev-label:#46566A;
  --ev-link:#1A5FAF;--ev-accent:#1B77C9;--ev-surface:#fff;--ev-border:#E8EEF4;--ev-field:#C7D3E0;--ev-tint:#e9f3fb;
  --ev-ok:#5f7a12;--ev-ok-bg:#f1f6e1;--ev-ok-ink:#3d4a12;
  --ev-warn:#b86a00;--ev-warn-bg:#fdf3e2;--ev-warn-ink:#7a4700;
  --ev-bad:#bd2130;--ev-bad-bg:#fdecee;--ev-bad-ink:#a51d2a;
  --ev-info-bg:#eef4fa;--ev-info-ink:#1A5FAF;--ev-mute-bg:#f1f4f8;
  --ev-shadow:0 4px 18px rgba(15,32,55,.08);--ev-ease:cubic-bezier(.16,1,.3,1);
  --ev-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  container-type:inline-size;max-width:880px;margin:0 auto;padding-bottom:32px;
  color:var(--ev-text);font-family:"Open Sans",system-ui,-apple-system,"Segoe UI",sans-serif}
body.tc-dark .trinico-ev{
  --ev-ink:var(--tc-text,#e9f1f8);--ev-text:var(--tc-text,#e9f1f8);--ev-text2:var(--tc-text-2,#9fb1c2);--ev-label:var(--tc-text-2,#9fb1c2);
  --ev-link:#7cc4ee;--ev-accent:#54b6e6;--ev-surface:var(--tc-surface,#141b22);--ev-border:var(--tc-border,#222c37);--ev-field:#33414f;--ev-tint:rgba(84,182,230,.12);
  --ev-ok:#cfe08a;--ev-ok-bg:rgba(171,196,65,.14);--ev-ok-ink:#cfe08a;
  --ev-warn:#f2b866;--ev-warn-bg:rgba(232,163,61,.14);--ev-warn-ink:#f6c886;
  --ev-bad:#ff9ca6;--ev-bad-bg:rgba(232,90,104,.16);--ev-bad-ink:#ff9ca6;
  --ev-info-bg:rgba(84,182,230,.12);--ev-info-ink:#7cc4ee;--ev-mute-bg:var(--tc-surface-2,#0f161d);
  --ev-shadow:none}

body:not(.tc-dark):has(.trinico-ev) #main-body{background:linear-gradient(180deg,#fff 0,#fff 140px,#f4f6f9 380px,#f4f6f9 100%)}

.trinico-ev *,.trinico-ev *::before,.trinico-ev *::after{box-sizing:border-box}
.trinico-ev a{color:var(--ev-link);text-underline-offset:3px}
.trinico-ev ::selection{background:#cfe6f8;color:#0F2037}
.trinico-ev :focus-visible{outline:3px solid var(--ev-accent);outline-offset:2px;border-radius:6px}
.trinico-ev [tabindex="-1"]:focus{outline:none}
.trinico-ev h1,.trinico-ev h2,.trinico-ev h3{font-family:Montserrat,"Open Sans",system-ui,sans-serif;color:var(--ev-ink);text-wrap:balance;margin:0}
.trinico-ev h1{font-size:clamp(30px,calc(22px + 2.2cqi),46px);font-weight:700;letter-spacing:-.02em;line-height:1.12}
.trinico-ev p{text-wrap:pretty}
.trinico-ev-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* band, with the all-time counter as a quiet trust chip */
.trinico-ev-band{padding:8px 0 28px}
.trinico-ev-lead{font-size:18px;line-height:1.6;color:var(--ev-text2);margin:12px 0 0;max-width:62ch}
.trinico-ev-count{display:inline-flex;align-items:center;gap:8px;margin:16px 0 0;padding:9px 16px;border-radius:999px;background:var(--ev-surface);border:1px solid #e7edf3;font:600 13px/1.3 Montserrat,"Open Sans",sans-serif;color:var(--ev-label)}
body.tc-dark .trinico-ev-count{border-color:var(--ev-border)}
.trinico-ev-count svg{flex:none;color:var(--ev-accent)}
.trinico-ev-count b{font-weight:700;color:var(--ev-ink);font-variant-numeric:tabular-nums lining-nums}

/* cards: the 18px card law */
.trinico-ev-card{background:var(--ev-surface);border:1px solid var(--ev-border);border-radius:18px;box-shadow:var(--ev-shadow);padding:28px;margin-bottom:22px}
.trinico-ev-sec{font-size:22px;font-weight:600;letter-spacing:-.01em;line-height:1.3}
.trinico-ev-note{font-size:15px;line-height:1.55;color:var(--ev-text2);margin:6px 0 0;max-width:68ch}

/* the form */
.trinico-ev-label{display:block;font:600 14px/1.4 Montserrat,"Open Sans",sans-serif;color:var(--ev-label);margin-bottom:6px}
.trinico-ev-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px}
.trinico-ev-input{position:relative}
.trinico-ev-input svg{position:absolute;left:18px;top:18px;color:var(--ev-text2);pointer-events:none}
.trinico-ev-input input{width:100%;height:56px;padding:0 18px 0 50px;border:1px solid var(--ev-field);border-radius:12px;background:var(--ev-surface);color:var(--ev-ink);font:500 17px/1.2 "Open Sans",system-ui,sans-serif}
.trinico-ev-input input::placeholder{color:#7b8696;opacity:1}
.trinico-ev-input input:focus{outline:3px solid rgba(27,119,201,.28);outline-offset:0;border-color:var(--ev-accent)}
.trinico-ev-input input[aria-invalid="true"]{border-color:var(--ev-bad)}
.trinico-ev-go{height:56px;min-height:56px;padding:0 30px;font-size:16px}
.trinico-ev-error{font-size:14px;line-height:1.45;color:var(--ev-bad-ink);font-weight:600;margin:8px 0 0}
.trinico-ev-error[hidden]{display:none}
.trinico-ev-suggest{margin:10px 0 0;font-size:15px;line-height:1.5;color:var(--ev-text)}
.trinico-ev-suggest[hidden]{display:none}
.trinico-ev-suggest-btn{display:inline;min-height:44px;padding:8px 4px;border:0;background:none;color:var(--ev-link);font:600 15px/1.3 Montserrat,"Open Sans",sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer;overflow-wrap:anywhere}
.trinico-ev-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:14px}
.trinico-ev-left{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--ev-ok-bg);color:var(--ev-ok-ink);font:600 13px/1.3 Montserrat,"Open Sans",sans-serif}
.trinico-ev-left b{font-variant-numeric:tabular-nums lining-nums}
.trinico-ev-left[data-left="1"],.trinico-ev-left[data-left="2"]{background:var(--ev-warn-bg);color:var(--ev-warn-ink)}
.trinico-ev-left[data-left="0"]{background:var(--ev-bad-bg);color:var(--ev-bad-ink)}
.trinico-ev-hint{font-size:13.5px;line-height:1.45;color:var(--ev-text2)}
.trinico-ev-mode{margin:12px 0 0;padding:10px 14px;border-radius:12px;background:var(--ev-info-bg);color:var(--ev-info-ink);font-size:14px;line-height:1.5}

/* buttons: the house primary, secondary and tertiary */
.trinico-ev-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 24px;border-radius:999px;font:600 15px/1.2 Montserrat,"Open Sans",sans-serif;cursor:pointer;border:2px solid transparent;text-decoration:none!important;white-space:nowrap;transition:transform .25s var(--ev-ease),background-color .2s,border-color .2s,opacity .2s}
.trinico-ev-btn-g{background:linear-gradient(135deg,#b9d04d 0%,#ABC441 60%,#98ad33 100%);color:#13202E!important}
.trinico-ev-btn-o{background:var(--ev-surface);color:var(--ev-accent)!important;border-color:var(--ev-accent)}
.trinico-ev-btn-o:hover{background:var(--ev-tint)}
.trinico-ev-btn-ghost{background:var(--ev-surface);color:var(--ev-link)!important;border-color:#cfe0f1}
body.tc-dark .trinico-ev-btn-ghost{border-color:var(--ev-border)}
.trinico-ev-btn-ghost:hover{background:var(--ev-tint)}
.trinico-ev-btn:hover{transform:translateY(-2px)}
.trinico-ev-btn:active{transform:translateY(1px)}
.trinico-ev-btn[disabled]{opacity:.6;cursor:not-allowed;transform:none}
.trinico-ev-btn.is-done{background:var(--ev-ok-bg);border-color:#ABC441;color:var(--ev-ok-ink)!important}
.trinico-ev-acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}

/* waiting */
.trinico-ev-wait{display:flex;align-items:center;gap:16px}
.trinico-ev-wait[hidden]{display:none}
.trinico-ev-wait p{margin:0;font:600 15px/1.4 Montserrat,"Open Sans",sans-serif;color:var(--ev-label)}
.trinico-ev-spin{flex:none;width:28px;height:28px;border-radius:50%;border:3px solid var(--ev-border);border-top-color:var(--ev-accent);animation:ev-spin .8s linear infinite}
@keyframes ev-spin{to{transform:rotate(360deg)}}

/* the verdict */
.trinico-ev-verdict{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 28px;align-items:center;padding:30px 28px;scroll-margin-top:130px}
.trinico-ev-verdict::before{content:"";position:absolute;z-index:0;inset:0 0 auto 0;height:170px;background:linear-gradient(180deg,var(--ev-v-bg) 0,transparent 100%);pointer-events:none}
.trinico-ev-verdict>*{position:relative;z-index:1}
.trinico-ev-verdict[data-state="good"]{--ev-v:var(--ev-ok);--ev-v-bg:var(--ev-ok-bg);--ev-v-ink:var(--ev-ok-ink)}
.trinico-ev-verdict[data-state="warn"]{--ev-v:var(--ev-warn);--ev-v-bg:var(--ev-warn-bg);--ev-v-ink:var(--ev-warn-ink)}
.trinico-ev-verdict[data-state="bad"]{--ev-v:var(--ev-bad);--ev-v-bg:var(--ev-bad-bg);--ev-v-ink:var(--ev-bad-ink)}
.trinico-ev-verdict[data-state="info"]{--ev-v:var(--ev-accent);--ev-v-bg:var(--ev-info-bg);--ev-v-ink:var(--ev-info-ink)}
.trinico-ev-addr{display:inline-block;max-width:100%;padding:5px 12px;border-radius:8px;background:var(--ev-surface);border:1px solid var(--ev-border);font:14px/1.5 var(--ev-mono);color:var(--ev-ink);overflow-wrap:anywhere}
.trinico-ev .trinico-ev-pill{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:5px 14px 5px 6px;border-radius:999px;background:var(--ev-surface);color:var(--ev-v-ink);font:700 15px/1.2 Montserrat,"Open Sans",sans-serif;letter-spacing:-.01em;box-shadow:0 0 0 1px var(--ev-v-bg) inset}
.trinico-ev-pill i{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--ev-v-bg);font-style:normal}
.trinico-ev-pill svg{width:15px;height:15px}
.trinico-ev .trinico-ev-advice{margin:14px 0 0;font-size:clamp(24px,calc(18px + 1.4cqi),32px);font-weight:700;letter-spacing:-.02em;line-height:1.15;color:var(--ev-v-ink)}
.trinico-ev-cached{display:block;margin-top:8px;font-size:13.5px;line-height:1.45;color:var(--ev-text2)}
.trinico-ev-vtext{font-size:16px;line-height:1.55;color:var(--ev-text);margin:10px 0 0;max-width:56ch}
.trinico-ev-score{text-align:center;min-width:130px}
.trinico-ev-score-n{display:block;font:700 clamp(52px,calc(34px + 3.4cqi),72px)/1 Montserrat,"Open Sans",sans-serif;letter-spacing:-.03em;color:var(--ev-v);font-variant-numeric:tabular-nums lining-nums}
.trinico-ev-score-n small{font-size:.32em;font-weight:600;letter-spacing:0;color:var(--ev-label);margin-left:2px}
.trinico-ev-score-l{display:block;margin-top:6px;font:600 13.5px/1.3 Montserrat,"Open Sans",sans-serif;color:var(--ev-label)}

/* the checks */
.trinico-ev-groups{display:grid;gap:22px;margin-top:18px}
.trinico-ev .trinico-ev-gh{font-size:15px;font-weight:600;color:var(--ev-label);margin:0 0 12px}
.trinico-ev-checks{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.trinico-ev-check{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;align-items:start}
.trinico-ev-ic{width:30px;height:30px;border-radius:50%;display:grid;place-items:center}
.trinico-ev-ic svg{width:17px;height:17px}
.trinico-ev-check[data-state="good"] .trinico-ev-ic{background:var(--ev-ok-bg);color:var(--ev-ok-ink)}
.trinico-ev-check[data-state="warn"] .trinico-ev-ic{background:var(--ev-warn-bg);color:var(--ev-warn-ink)}
.trinico-ev-check[data-state="bad"] .trinico-ev-ic{background:var(--ev-bad-bg);color:var(--ev-bad-ink)}
.trinico-ev-check[data-state="info"] .trinico-ev-ic{background:var(--ev-info-bg);color:var(--ev-info-ink)}
.trinico-ev-ct{display:block;font:600 15px/1.35 Montserrat,"Open Sans",sans-serif;color:var(--ev-ink)}
.trinico-ev-cd{display:block;margin-top:2px;font-size:14px;line-height:1.5;color:var(--ev-text2);overflow-wrap:anywhere}
.trinico-ev-tech{margin-top:20px;border-top:1px solid var(--ev-border);padding-top:14px}
.trinico-ev-tech summary{cursor:pointer;min-height:44px;display:inline-flex;align-items:center;gap:8px;font:600 14.5px/1.3 Montserrat,"Open Sans",sans-serif;color:var(--ev-link);list-style:none}
.trinico-ev-tech summary::-webkit-details-marker{display:none}
.trinico-ev-tech summary::before{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform .25s var(--ev-ease)}
.trinico-ev-tech[open] summary::before{transform:rotate(45deg)}
.trinico-ev-dl{display:grid;grid-template-columns:minmax(120px,max-content) minmax(0,1fr);gap:10px 20px;margin:10px 0 0}
.trinico-ev-dl dt{font:600 14px/1.5 Montserrat,"Open Sans",sans-serif;color:var(--ev-label)}
.trinico-ev-dl dd{margin:0;font:13.5px/1.55 var(--ev-mono);color:var(--ev-ink);overflow-wrap:anywhere;white-space:pre-line}

/* help */
.trinico-ev-faq{margin-top:10px;border:1px solid var(--ev-border);border-radius:12px;background:var(--ev-surface)}
.trinico-ev-help .trinico-ev-faq:first-of-type{margin-top:18px}
.trinico-ev-faq summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:0 18px;font:600 15px/1.3 Montserrat,"Open Sans",sans-serif;color:var(--ev-ink)}
.trinico-ev-faq summary::-webkit-details-marker{display:none}
.trinico-ev-faq summary::after{content:"";flex:none;width:9px;height:9px;border-right:2px solid var(--ev-text2);border-bottom:2px solid var(--ev-text2);transform:rotate(45deg) translate(-2px,-2px);transition:transform .25s var(--ev-ease)}
.trinico-ev-faq[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.trinico-ev-faq p{margin:0;padding:0 18px 16px;font-size:15px;line-height:1.6;color:var(--ev-text);max-width:72ch}
.trinico-ev-limit[hidden]{display:none}
.trinico-ev-done{display:flex;justify-content:center;margin-top:8px}

/* a result arriving: one authored moment */
@media (prefers-reduced-motion:no-preference){
  .trinico-ev-in>*{animation:ev-rise .5s var(--ev-ease) both}
  .trinico-ev-in>*:nth-child(2){animation-delay:.07s}
  .trinico-ev-in .trinico-ev-score-n{animation:ev-pop .6s var(--ev-ease) .1s both}
}
@keyframes ev-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes ev-pop{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}

@container (max-width:620px){
  .trinico-ev-card{padding:20px}
  .trinico-ev-row{grid-template-columns:1fr}
  .trinico-ev-go{width:100%}
  .trinico-ev-verdict{grid-template-columns:1fr;padding:24px 20px}
  .trinico-ev-score{text-align:left;display:flex;align-items:baseline;gap:10px;min-width:0;order:-1}
  .trinico-ev-score-l{margin:0}
  .trinico-ev-dl{grid-template-columns:1fr;gap:2px}
  .trinico-ev-dl dd{margin-bottom:10px}
  .trinico-ev-acts .trinico-ev-btn{flex:1 1 100%}
}
@media (prefers-reduced-motion:reduce){
  .trinico-ev-btn,.trinico-ev-faq summary::after,.trinico-ev-tech summary::before{transition:none}
  .trinico-ev-btn:hover,.trinico-ev-btn:active{transform:none}
  .trinico-ev-spin{animation-duration:2.4s}
}