/* Trinico Cloud, WHOIS Lookup (/whois-lookup/). Loaded only by trinico-whois.tpl.
   Same tokens, buttons, cards and dark mapping as the other tool pages.
   Bump the ?v= in trinico-whois.tpl on any change. */

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

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

.trinico-whois-band{padding:8px 0 24px}
.trinico-whois-lead{font-size:18px;line-height:1.6;color:var(--wh-text2);margin:12px 0 0;max-width:64ch}
.trinico-whois-count{display:inline-flex;align-items:center;gap:8px;margin:16px 0 0;padding:8px 16px;border-radius:999px;background:var(--wh-surface);border:1px solid #e7edf3;font:600 13.5px/1.3 Montserrat,"Open Sans",sans-serif;color:var(--wh-label);font-variant-numeric:tabular-nums}
body.tc-dark .trinico-whois-count{border-color:var(--wh-border)}
.trinico-whois-count svg{color:var(--wh-accent)}
.trinico-whois-count b{color:var(--wh-ink)}

.trinico-whois-card{background:var(--wh-surface);border:1px solid var(--wh-border);border-radius:18px;box-shadow:var(--wh-shadow);padding:28px;margin-bottom:22px}
.trinico-whois-sec{font-size:22px;font-weight:600;letter-spacing:-.01em;line-height:1.3}
.trinico-whois-note{font-size:15px;line-height:1.6;color:var(--wh-text2);margin:6px 0 0;max-width:70ch}

/* search */
.trinico-whois-label{display:block;font:600 14px/1.4 Montserrat,"Open Sans",sans-serif;color:var(--wh-label);margin-bottom:8px}
.trinico-whois-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}
.trinico-whois-input{position:relative}
.trinico-whois-input svg{position:absolute;left:18px;top:19px;color:var(--wh-text2);pointer-events:none}
.trinico-whois-input input{width:100%;height:58px;padding:0 18px 0 50px;border:1px solid var(--wh-field);border-radius:14px;background:var(--wh-surface);color:var(--wh-ink);font:600 18px/1.2 "Open Sans",system-ui,sans-serif}
.trinico-whois-input input::placeholder{color:#7b8696;font-weight:500;opacity:1}
.trinico-whois-input input:focus{outline:3px solid rgba(27,119,201,.28);outline-offset:0;border-color:var(--wh-accent)}
.trinico-whois-input input[aria-invalid="true"]{border-color:var(--wh-bad)}
.trinico-whois-row .trinico-whois-btn{height:58px;padding:0 30px;font-size:16px}
.trinico-whois-error{margin:8px 0 0;font-size:14px;font-weight:600;color:var(--wh-bad-ink)}
.trinico-whois-error[hidden]{display:none}
.trinico-whois-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:14px}
.trinico-whois-left{display:inline-block;padding:5px 12px;border-radius:999px;background:var(--wh-ok-bg);color:var(--wh-ok-ink);font:600 13px/1.3 Montserrat,"Open Sans",sans-serif;font-variant-numeric:tabular-nums}
.trinico-whois-left.is-out{background:var(--wh-warn-bg);color:var(--wh-warn-ink)}
.trinico-whois-hint{font-size:13.5px;color:var(--wh-text2)}

/* buttons */
.trinico-whois-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(--wh-ease),background-color .2s,opacity .2s}
.trinico-whois-btn-g{background:linear-gradient(135deg,#b9d04d 0%,#ABC441 60%,#98ad33 100%);color:#13202E!important}
.trinico-whois-btn-o{background:var(--wh-surface);color:var(--wh-accent)!important;border-color:var(--wh-accent)}
.trinico-whois-btn-o:hover{background:var(--wh-tint)}
.trinico-whois-btn-ghost{background:var(--wh-surface);color:var(--wh-link)!important;border-color:#cfe0f1}
body.tc-dark .trinico-whois-btn-ghost{border-color:var(--wh-border)}
.trinico-whois-btn:hover{transform:translateY(-2px)}
.trinico-whois-btn[disabled]{opacity:.6;cursor:progress;transform:none}
.trinico-whois-acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.trinico-whois-mini{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border-radius:999px;border:2px solid var(--wh-accent);background:var(--wh-surface);color:var(--wh-accent);font:600 13px/1 Montserrat,"Open Sans",sans-serif;cursor:pointer}

/* skeleton */
.trinico-whois-skel[hidden]{display:none}
.trinico-whois-skel span{display:block;height:20px;margin-top:14px;border-radius:10px;background:linear-gradient(90deg,var(--wh-mute) 0,var(--wh-border) 50%,var(--wh-mute) 100%);background-size:200% 100%;animation:wh-shimmer 1.2s linear infinite}
.trinico-whois-skel span:first-child{height:34px;width:55%;margin:0}
.trinico-whois-skel span:last-child{width:80%}
@keyframes wh-shimmer{to{background-position:-200% 0}}

/* summary */
.trinico-whois-hero{position:relative;overflow:hidden;scroll-margin-top:130px}
.trinico-whois-hero::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(135deg,#1B77C9,#44A8DA)}
.trinico-whois-hero[data-state="free"]::before{background:#ABC441}
.trinico-whois-kicker,.trinico-whois-kicker-free{margin:0;font:700 14px/1.3 Montserrat,"Open Sans",sans-serif;color:var(--wh-accent)}
.trinico-whois-kicker-free{color:var(--wh-ok)}
.trinico-whois-name{margin-top:6px!important;font-size:clamp(26px,calc(16px + 2.6cqi),40px);font-weight:700;letter-spacing:-.02em;line-height:1.15;overflow-wrap:anywhere}
.trinico-whois-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px}
.trinico-whois-tile,.trinico-whois-liveitem{display:flex;flex-direction:column;gap:2px;padding:16px;border-radius:14px;background:var(--wh-mute);min-width:0}
.trinico-whois-tile-l{font:600 12.5px/1.4 Montserrat,"Open Sans",sans-serif;color:var(--wh-label)}
.trinico-whois-tile-v{font:700 17px/1.3 Montserrat,"Open Sans",sans-serif;color:var(--wh-ink);overflow-wrap:break-word;hyphens:none;font-variant-numeric:tabular-nums}
.trinico-whois-tile-s{font-size:13px;line-height:1.45;color:var(--wh-text2);overflow-wrap:anywhere}
.trinico-whois-tile[data-state="ok"]{background:var(--wh-ok-bg)}
.trinico-whois-tile[data-state="warn"]{background:var(--wh-warn-bg)}
.trinico-whois-tile[data-state="warn"] .trinico-whois-tile-s{color:var(--wh-warn-ink);font-weight:600}
.trinico-whois-tile[data-state="bad"]{background:var(--wh-bad-bg)}
.trinico-whois-tile[data-state="bad"] .trinico-whois-tile-s{color:var(--wh-bad-ink);font-weight:600}
.trinico-whois-meta-line{margin:14px 0 0;font-size:13px;color:var(--wh-text2)}

/* transfer */
.trinico-whois-transfer{border-width:2px}
.trinico-whois-transfer[data-state="ok"]{border-color:#ABC441}
.trinico-whois-transfer[data-state="warn"]{border-color:#E8A33D}
.trinico-whois-tr-top{display:flex;gap:16px;align-items:center}
.trinico-whois-tr-ic{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#1B77C9,#44A8DA);color:#fff}
.trinico-whois-tr-ic svg{width:26px;height:26px}
.trinico-whois-price{margin:4px 0 0;font:700 16px/1.4 Montserrat,"Open Sans",sans-serif;color:var(--wh-ok)}
.trinico-whois-blk,.trinico-whois-todo{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:8px}
.trinico-whois-blk li,.trinico-whois-todo li{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;font-size:15px;line-height:1.5}
.trinico-whois-blk li{background:var(--wh-bad-bg);color:var(--wh-bad-ink)}
.trinico-whois-todo li{background:var(--wh-warn-bg);color:var(--wh-warn-ink)}
.trinico-whois-blk svg,.trinico-whois-todo svg{flex:none;width:18px;height:18px;margin-top:2px}
.trinico-whois-steps{margin:16px 0 0;padding-left:22px;font-size:15px;line-height:1.6}
.trinico-whois-steps li+li{margin-top:6px}

/* details */
.trinico-whois-dl{display:grid;grid-template-columns:minmax(150px,max-content) minmax(0,1fr);gap:12px 22px;margin:16px 0 0}
.trinico-whois-dl dt{font:600 14px/1.5 Montserrat,"Open Sans",sans-serif;color:var(--wh-label)}
.trinico-whois-dl dd{margin:0;font-size:15px;line-height:1.5;color:var(--wh-ink);overflow-wrap:anywhere;min-width:0}
.trinico-whois-sub{display:block;font-size:13px;color:var(--wh-text2)}

/* status */
.trinico-whois-st{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px}
.trinico-whois-st li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;align-items:start}
.trinico-whois-st-ic{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--wh-info-bg);color:var(--wh-info-ink)}
.trinico-whois-st-ic svg{width:16px;height:16px}
.trinico-whois-st li[data-kind="ok"] .trinico-whois-st-ic{background:var(--wh-ok-bg);color:var(--wh-ok-ink)}
.trinico-whois-st li[data-kind="lock"] .trinico-whois-st-ic,.trinico-whois-st li[data-kind="warn"] .trinico-whois-st-ic{background:var(--wh-warn-bg);color:var(--wh-warn-ink)}
.trinico-whois-st li[data-kind="bad"] .trinico-whois-st-ic{background:var(--wh-bad-bg);color:var(--wh-bad-ink)}
.trinico-whois-st code{display:block;font:600 13px/1.5 var(--wh-mono);color:var(--wh-ink);background:none;padding:0}
.trinico-whois-st span:not(.trinico-whois-st-ic){font-size:15px;line-height:1.5}

/* where it lives */
.trinico-whois-live{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}
.trinico-whois-liveitem a{margin-top:8px;font:600 13.5px/1.3 Montserrat,"Open Sans",sans-serif}

/* raw */
.trinico-whois-raw summary{cursor:pointer;font:600 15px/1.3 Montserrat,"Open Sans",sans-serif;color:var(--wh-link)}
.trinico-whois-raw-acts{display:flex;justify-content:flex-end;margin-top:12px}
.trinico-whois-raw pre{margin:10px 0 0;padding:14px;border-radius:12px;background:var(--wh-mute);border:1px solid var(--wh-border);font:12.5px/1.6 var(--wh-mono);color:var(--wh-text);white-space:pre-wrap;overflow-wrap:anywhere;max-height:420px;overflow:auto}

/* promo and help */
.trinico-whois-promo{display:flex;gap:18px;align-items:center;background:linear-gradient(135deg,var(--wh-tint),var(--wh-surface) 70%)}
.trinico-whois-promo-ic{flex:none;display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#1B77C9,#44A8DA);color:#fff}
.trinico-whois-promo-ic svg{width:28px;height:28px}
.trinico-whois-faq{margin-top:10px;border:1px solid var(--wh-border);border-radius:12px;background:var(--wh-surface)}
.trinico-whois-help .trinico-whois-faq:first-of-type{margin-top:18px}
.trinico-whois-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(--wh-ink)}
.trinico-whois-faq summary::-webkit-details-marker{display:none}
.trinico-whois-faq summary::after{content:"";flex:none;width:9px;height:9px;border-right:2px solid var(--wh-text2);border-bottom:2px solid var(--wh-text2);transform:rotate(45deg) translate(-2px,-2px);transition:transform .25s var(--wh-ease)}
.trinico-whois-faq[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.trinico-whois-faq p{margin:0;padding:0 18px 16px;font-size:15px;line-height:1.6;max-width:72ch}
.trinico-whois-done{display:flex;justify-content:center;margin-top:8px}

@media (prefers-reduced-motion:no-preference){
  .trinico-whois-in>*{animation:wh-rise .45s var(--wh-ease) both}
  .trinico-whois-in>*:nth-child(2){animation-delay:.05s}
  .trinico-whois-in>*:nth-child(3){animation-delay:.1s}
  .trinico-whois-in>*:nth-child(4){animation-delay:.15s}
}
@keyframes wh-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

@container (max-width:820px){
  .trinico-whois-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .trinico-whois-live{grid-template-columns:1fr}
}
@container (max-width:560px){
  .trinico-whois-card{padding:20px}
  .trinico-whois-row{grid-template-columns:1fr}
  .trinico-whois-tiles{gap:8px}
  .trinico-whois-tile{padding:12px}
  .trinico-whois-tile-v{font-size:15px}
  .trinico-whois-row .trinico-whois-btn{width:100%}
  .trinico-whois-dl{grid-template-columns:1fr;gap:2px}
  .trinico-whois-dl dd{margin-bottom:10px}
  .trinico-whois-promo{flex-direction:column;align-items:flex-start}
  .trinico-whois-acts .trinico-whois-btn{flex:1 1 100%}
}
@media (prefers-reduced-motion:reduce){
  .trinico-whois-btn,.trinico-whois-faq summary::after{transition:none}
  .trinico-whois-btn:hover{transform:none}
  .trinico-whois-skel span{animation:none}
}