/*
 * v11 — Aurora shell, shared by the Expired Domains front page and the
 * Expiring Soon page. Ported from _mockup/v11 and _mockup/expiring-a.
 *
 * Scoping: the dark page background lives on the `v11` body class that
 * tdr_v11_body_class() adds to every template using this shell;
 * every component rule is scoped under .v11-root (the wrapper the template puts
 * around the nav + shell). That does two things at once:
 *   1. raises specificity to (0,2,x) so v11 beats the parent theme's element and
 *      attribute selectors (e.g. input[type=text], .trow) without !important;
 *   2. keeps these rules from leaking into globally-injected markup that sits
 *      outside .v11-root (the wp_footer modals). The login/register/forgotten-
 *      password modals are skinned deliberately at the bottom of this file.
 */
body.v11{
  --v11-bg:#080a10; --v11-txt:#eef1f7; --v11-dim:#98a1b3; --v11-faint:#646d80; --v11-line:rgba(255,255,255,.09);
  --v11-g1:#8b5cf6; --v11-g2:#3b82f6; --v11-g3:#22d3ee; --v11-g4:#a3e635;
  --v11-up:#4ade80; --v11-warn:#fbbf24; --v11-down:#fb7185;
  --v11-grad:linear-gradient(110deg,var(--v11-g1),var(--v11-g2) 42%,var(--v11-g3) 72%,var(--v11-g4));
  --v11-glass:rgba(255,255,255,.045); --v11-r:14px;
  background:var(--v11-bg); color:var(--v11-txt);
  font:15px/1.55 Inter,system-ui,sans-serif; -webkit-font-smoothing:antialiased; overflow-x:hidden;
}
body.v11::before{content:"";position:fixed;inset:-30% -10%;z-index:-2;background:
  radial-gradient(48% 42% at 12% 8%,rgba(139,92,246,.42),transparent 62%),
  radial-gradient(46% 40% at 88% 4%,rgba(34,211,238,.30),transparent 62%),
  radial-gradient(52% 46% at 72% 92%,rgba(163,230,53,.16),transparent 60%),
  radial-gradient(40% 38% at 26% 76%,rgba(59,130,246,.24),transparent 62%);
  filter:blur(24px);animation:v11drift 26s ease-in-out infinite alternate}
@keyframes v11drift{to{transform:translate3d(-3%,2%,0) scale(1.08)}}
body.v11::after{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(8,10,16,.28),rgba(8,10,16,.86) 55%,var(--v11-bg));pointer-events:none}

.v11-root{position:relative;z-index:1}
.v11-root a{color:inherit;text-decoration:none}
.v11-root button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.v11-root .mono{font-family:'JetBrains Mono',ui-monospace,monospace}
.v11-root .v11-gtext{background:var(--v11-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.v11-root .glass{position:relative;background:var(--v11-glass);backdrop-filter:blur(22px) saturate(150%);border-radius:var(--v11-r);border:1px solid var(--v11-line)}
.v11-root .glass.edge::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:var(--v11-grad);opacity:.5;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}

/* top nav */
.v11-root .v11-topnav{position:sticky;top:0;z-index:40;background:rgba(8,10,16,.62);backdrop-filter:blur(22px) saturate(150%);border-bottom:1px solid var(--v11-line)}
.v11-root .v11-navrow{display:flex;align-items:center;gap:16px;padding:11px 26px;max-width:1720px;margin:0 auto}
.v11-root .v11-brand{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.v11-root .v11-bot{width:33px;height:33px;border-radius:10px;background:var(--v11-grad);display:grid;place-items:center;box-shadow:0 6px 22px rgba(139,92,246,.45)}
.v11-root .v11-bot svg{width:18px;height:18px}
.v11-root .v11-brand b{font-size:14.5px;letter-spacing:-.3px;display:block;line-height:1.15}
.v11-root .v11-brand small{font-size:9.5px;letter-spacing:.11em;text-transform:uppercase;display:block}
.v11-root .v11-mainnav{display:flex;align-items:center;gap:2px;margin-left:12px}
.v11-root .v11-mainnav a{display:flex;align-items:center;gap:7px;padding:9px 13px;border-radius:10px;font-size:14px;font-weight:500;color:var(--v11-dim);white-space:nowrap;transition:.16s;position:relative}
.v11-root .v11-mainnav a:hover{color:var(--v11-txt);background:rgba(255,255,255,.05)}
.v11-root .v11-mainnav a.on{color:#fff}
.v11-root .v11-mainnav a.on::after{content:"";position:absolute;left:13px;right:13px;bottom:-12px;height:2px;border-radius:2px;background:var(--v11-grad)}
.v11-root .v11-mainnav .ic{font-size:12.5px;opacity:.75}
.v11-root .v11-spacer{flex:1}
.v11-root .v11-pillbtn{height:40px;padding:0 16px;border-radius:12px;display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:13.5px;background:rgba(255,255,255,.05);border:1px solid var(--v11-line);white-space:nowrap;cursor:pointer;color:var(--v11-txt)}
.v11-root .v11-pillbtn:hover{background:rgba(255,255,255,.09)}
.v11-root .v11-pillbtn.grad{background:var(--v11-grad);color:#0a0c12;font-weight:700;border:0;box-shadow:0 8px 26px rgba(59,130,246,.34)}
.v11-root .v11-pillbtn.wide{width:100%;justify-content:center;height:44px}

/* shell */
.v11-root .v11-shell{display:grid;grid-template-columns:236px 1fr;gap:0;max-width:1720px;margin:0 auto;align-items:start}
.v11-root .v11-tldbar{position:sticky;top:65px;height:calc(100vh - 65px);padding:20px 14px 20px 22px;border-right:1px solid var(--v11-line);display:flex;flex-direction:column;gap:12px}
.v11-root .v11-tldhd{display:flex;align-items:baseline;justify-content:space-between}
.v11-root .v11-tldhd h2{font-size:12.5px;font-weight:700;letter-spacing:-.2px;color:var(--v11-txt)}
.v11-root .v11-tldhd span{font-size:10.5px;color:var(--v11-faint)}
.v11-root .v11-tldscroll{overflow-y:auto;margin-right:-8px;padding-right:8px;flex:1;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.14) transparent}
.v11-root .v11-tldscroll::-webkit-scrollbar{width:6px}
.v11-root .v11-tldscroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14);border-radius:6px}
.v11-root .v11-t{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:10px;font-size:14px;color:var(--v11-dim);transition:.15s;position:relative;font-weight:500}
.v11-root .v11-t:hover{background:rgba(255,255,255,.055);color:var(--v11-txt)}
.v11-root .v11-t b{font-weight:650;letter-spacing:-.2px}
.v11-root .v11-t.on{color:#fff;background:linear-gradient(100deg,rgba(139,92,246,.38),rgba(34,211,238,.16));box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.v11-root .v11-t.on::before{content:"";position:absolute;left:-22px;top:7px;bottom:7px;width:3px;border-radius:0 3px 3px 0;background:var(--v11-grad)}
.v11-root .v11-flag{width:18px;text-align:center;font-size:12px;opacity:.9}
.v11-root .v11-tldstrip{display:none}

.v11-root .v11-page{padding:26px 26px 60px;min-width:0}
.v11-root .v11-hd{display:flex;justify-content:space-between;align-items:flex-end;gap:26px;flex-wrap:wrap;margin-bottom:24px}
.v11-root .v11-page h1{font-size:38px;line-height:1.08;letter-spacing:-1.4px;font-weight:800;color:var(--v11-txt)}
.v11-root .v11-sub{color:var(--v11-dim);font-size:15px;margin-top:10px;max-width:60ch}
.v11-root .v11-pulse{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--v11-dim);padding:9px 15px;border-radius:30px;background:rgba(255,255,255,.05);border:1px solid var(--v11-line);white-space:nowrap}
.v11-root .v11-dot{width:7px;height:7px;border-radius:50%;background:var(--v11-up);animation:v11p 2s infinite}
@keyframes v11p{0%{box-shadow:0 0 0 0 rgba(74,222,128,.55)}70%{box-shadow:0 0 0 8px rgba(74,222,128,0)}100%{box-shadow:0 0 0 0 rgba(74,222,128,0)}}

.v11-root .v11-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}
.v11-root .v11-stat{padding:17px 19px;overflow:hidden}
.v11-root .v11-stat h4{font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--v11-faint);font-weight:600;margin-bottom:10px}
.v11-root .v11-stat .v{font-size:29px;font-weight:800;letter-spacing:-1.2px;line-height:1}
.v11-root .v11-stat .d{font-size:12px;color:var(--v11-dim);margin-top:6px}

.v11-root .v11-cols{display:grid;grid-template-columns:1fr 320px;gap:22px;align-items:start}
.v11-root .v11-searchrow{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap}
.v11-root .v11-search{flex:1;min-width:150px;display:flex;align-items:center;gap:10px;height:46px;padding:0 16px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid var(--v11-line);transition:.2s}
.v11-root .v11-search:focus-within{border-color:transparent;box-shadow:0 0 0 1.5px rgba(139,92,246,.7),0 0 36px rgba(139,92,246,.28)}
.v11-root .v11-search input{flex:1;background:none;border:0;outline:0;color:var(--v11-txt);font-size:14.5px}
.v11-root .v11-search input::placeholder{color:var(--v11-faint)}
.v11-root .v11-searchrow .v11-pillbtn{height:46px}

.v11-root .v11-tbl{overflow:hidden}
.v11-root .v11-domtable{width:100%;border-collapse:collapse;background:transparent;box-shadow:none}
.v11-root .v11-domtable th{text-align:left;font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--v11-faint);font-weight:600;padding:13px 16px;background:rgba(255,255,255,.035);border-bottom:1px solid var(--v11-line);white-space:nowrap}
.v11-root .v11-domtable td{padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.055);font-size:14px;vertical-align:middle;color:var(--v11-txt)}
.v11-root .v11-domtable tr{display:table-row;width:auto} /* neutralise any inherited flex/card row styling */
.v11-root .v11-domtable tr:last-child td{border-bottom:0}
.v11-root .v11-domtable tbody tr{transition:.15s}
.v11-root .v11-domtable tbody tr:hover{background:linear-gradient(90deg,rgba(139,92,246,.16),rgba(34,211,238,.05) 60%,transparent)}
.v11-root .v11-domtable tbody tr.is-taken{opacity:.5}
.v11-root .v11-domtable .dname{font-weight:650;font-size:15.5px;letter-spacing:-.3px;color:var(--v11-txt)}
.v11-root .v11-domtable .dname .tldx{color:var(--v11-faint);font-weight:400}
.v11-root .v11-domtable .pill{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:650;padding:4px 11px;border-radius:20px;white-space:nowrap}
.v11-root .v11-domtable .pill.free{background:linear-gradient(100deg,rgba(74,222,128,.24),rgba(163,230,53,.14));color:var(--v11-up)}
.v11-root .v11-domtable .pill.drop{background:linear-gradient(100deg,rgba(251,191,36,.26),rgba(251,113,133,.12));color:var(--v11-warn)}
.v11-root .v11-domtable .pill.taken{background:rgba(251,113,133,.16);color:var(--v11-down)}
.v11-root .v11-domtable .trait{font-size:10.5px;color:var(--v11-dim);border:1px solid var(--v11-line);border-radius:6px;padding:2px 7px;margin-right:4px}
.v11-root .v11-domtable .trait.good{border-color:rgba(163,230,53,.4);color:#bef264}
.v11-root .v11-domtable .ago{font-size:13px;color:var(--v11-dim)}
.v11-root .v11-domtable .ago b{background:var(--v11-grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700}
.v11-root .v11-domtable .cd{font-size:12.5px;font-weight:700;color:var(--v11-warn)}
.v11-root .v11-domtable .cd.soon{color:var(--v11-down)}
.v11-root .v11-domtable .acts{display:flex;gap:5px;justify-content:flex-end}
.v11-root .v11-domtable .iconbtn{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;color:var(--v11-faint);border:1px solid transparent;font-size:13px}
.v11-root .v11-domtable .iconbtn:hover{background:rgba(255,255,255,.07);border-color:var(--v11-line);color:var(--v11-txt)}
.v11-root .v11-domtable .buy{height:32px;padding:0 13px;border-radius:9px;background:var(--v11-grad);color:#0a0c12;font-weight:700;font-size:12.5px}
.v11-root .v11-more{padding:16px;text-align:center}
.v11-root .v11-more button{font-size:13.5px;font-weight:650;padding:10px 22px;border-radius:10px;color:var(--v11-dim);border:1px solid var(--v11-line)}
.v11-root .v11-more button:hover{color:#fff;background:linear-gradient(100deg,rgba(139,92,246,.3),rgba(34,211,238,.14))}

.v11-root .v11-prose{padding:22px 24px;margin-top:16px;color:var(--v11-dim);font-size:14.5px;line-height:1.7}
.v11-root .v11-prose h1,.v11-root .v11-prose h2,.v11-root .v11-prose h3{color:var(--v11-txt);margin:.6em 0 .3em}
.v11-root .v11-prose a{color:#93c5fd}

.v11-root .v11-card{padding:19px;margin-bottom:16px}
.v11-root .v11-card h3{font-size:11.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--v11-faint);font-weight:600;margin-bottom:14px}
.v11-root .v11-alertcard{background:linear-gradient(155deg,rgba(139,92,246,.3),rgba(34,211,238,.1) 55%,rgba(163,230,53,.08))}
.v11-root .v11-alertcard h3{color:#e9d5ff}
.v11-root .v11-alertcard p{font-size:13.5px;color:#cbd3e2;margin-bottom:15px}
.v11-root .v11-mini{width:100%;background:rgba(0,0,0,.32);border:1px solid var(--v11-line);border-radius:10px;padding:11px 13px;color:var(--v11-txt);font-size:13.5px;outline:0;margin-bottom:9px}
.v11-root .v11-mini::placeholder{color:var(--v11-faint)}
.v11-root .v11-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.055)}
.v11-root .v11-row:last-of-type{border-bottom:0}
.v11-root .v11-row b{font-size:13.5px;color:var(--v11-txt)}
.v11-root .v11-row .cd{font-size:12.5px;font-weight:700;color:var(--v11-warn)}
.v11-root .v11-row .cd.soon{color:var(--v11-down)}
.v11-root .v11-tools a{display:flex;align-items:center;gap:11px;padding:10px 9px;border-radius:10px;font-size:13.5px;color:var(--v11-dim);font-weight:500}
.v11-root .v11-tools a:hover{background:rgba(255,255,255,.055);color:var(--v11-txt)}
.v11-root .v11-tools .ic{background:var(--v11-grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700}
.v11-root .v11-tools .arw{margin-left:auto;color:var(--v11-faint);font-size:11px}

@media(max-width:1320px){.v11-root .v11-cols{grid-template-columns:1fr}.v11-root .v11-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1100px){.v11-root .v11-mainnav .lbl{display:none}.v11-root .v11-mainnav a{padding:9px 11px}}
@media(max-width:900px){
  .v11-root .v11-shell{grid-template-columns:1fr}
  .v11-root .v11-tldbar{display:none}
  .v11-root .v11-mainnav{display:none}
  .v11-root .v11-page h1{font-size:29px}
  .v11-root .v11-tldstrip{display:flex;gap:7px;overflow-x:auto;padding:11px 16px;position:sticky;top:64px;z-index:35;
    background:rgba(8,10,16,.72);backdrop-filter:blur(18px);border-bottom:1px solid var(--v11-line);scrollbar-width:none}
  .v11-root .v11-tldstrip::-webkit-scrollbar{display:none}
  .v11-root .v11-tldstrip a{padding:7px 14px;border-radius:20px;font-size:13.5px;font-weight:650;color:var(--v11-dim);border:1px solid var(--v11-line);white-space:nowrap}
  .v11-root .v11-tldstrip a.on{color:#fff;background:linear-gradient(100deg,rgba(139,92,246,.42),rgba(34,211,238,.2));border-color:rgba(139,92,246,.55)}
  .v11-root .v11-page{padding:18px 16px 50px}
}

/* ─── expiring-soon page (mockup: _mockup/expiring-a) ─────────────────────────
 * The front-page layout is deliberately untouched — only the two time columns
 * differ. .v11-cdcell is the live countdown ticked by v11-expiring.js; its
 * colour is the urgency, so it is set from the remaining time, not the markup.
 */
.v11-root .v11-domtable .v11-cdcell{font-family:'JetBrains Mono',ui-monospace,monospace;font-weight:700;font-size:14px;letter-spacing:-.3px;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--v11-dim)}
.v11-root .v11-domtable .v11-cdcell.now{color:var(--v11-down)}
.v11-root .v11-domtable .v11-cdcell.soon{color:var(--v11-warn)}
.v11-root .v11-domtable .v11-cdcell.later{color:var(--v11-dim)}
.v11-root .v11-domtable .paid{font-size:12.5px;color:var(--v11-dim);font-variant-numeric:tabular-nums;white-space:nowrap}

/* ─── auth modals: login / register / forgotten password ───────────────────────
 * These three are injected by wp_footer (inc/hooks.php) and live outside
 * .v11-root, so they carry their own prefix instead. v11.css is only enqueued on
 * template-expired.php, so the .modal[modal-name=…] selectors are already
 * page-scoped; the attribute selector also lifts specificity above the parent
 * theme's .modal rules in lib/css/style.css.
 *
 * The !important flags below are answers to .btn's own !important background /
 * colour / font declarations (style.css:658) — not specificity padding.
 * Gradients are set with background-image so they paint over .btn's
 * !important background-color without a fight.
 */
.modal:is([modal-name=login_modal],[modal-name=registration_modal],[modal-name=login_forgotten_password]) .modal-overlay{
  background:rgba(6,8,13,.74);backdrop-filter:blur(6px)}

.modal:is([modal-name=login_modal],[modal-name=registration_modal],[modal-name=login_forgotten_password]) .modal-inner{
  max-width:440px;width:calc(100vw - 32px);border-radius:18px;color:var(--v11-txt);
  background-color:rgba(18,21,32,.94);backdrop-filter:blur(26px) saturate(150%);
  border:1px solid var(--v11-line);box-shadow:0 30px 80px rgba(0,0,0,.6);
  background-image:var(--v11-grad);background-repeat:no-repeat;background-size:100% 3px} /* gradient hairline along the top edge */
.modal[modal-name=registration_modal] .modal-inner{max-width:520px}

.modal:is([modal-name=login_modal],[modal-name=registration_modal],[modal-name=login_forgotten_password]) .modal-inner header{
  padding:20px 24px 16px;margin-bottom:22px;border-bottom:1px solid var(--v11-line)}
.modal:is([modal-name=login_modal],[modal-name=registration_modal],[modal-name=login_forgotten_password]) .modal-inner header .title{
  font-family:inherit;font-size:16px;font-weight:700;letter-spacing:-.3px;text-transform:none;color:var(--v11-txt)}
.modal:is([modal-name=login_modal],[modal-name=registration_modal],[modal-name=login_forgotten_password]) .close-modal{
  width:34px;height:34px;padding:0;border-radius:10px;border:1px solid var(--v11-line);
  background-image:linear-gradient(#171b28,#171b28);font-size:13px;color:var(--v11-dim)!important}
.modal:is([modal-name=login_modal],[modal-name=registration_modal],[modal-name=login_forgotten_password]) .close-modal:hover{
  background-image:linear-gradient(#242938,#242938);color:#fff!important}

.modal:is([modal-name=login_modal],[modal-name=registration_modal],[modal-name=login_forgotten_password]) .modal-inner section{padding:0 24px}
.modal:is([modal-name=login_modal],[modal-name=registration_modal],[modal-name=login_forgotten_password]) .modal-inner label{
  display:block;margin-bottom:7px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--v11-faint)}
.modal:is([modal-name=login_modal],[modal-name=registration_modal],[modal-name=login_forgotten_password]) .modal-inner input:not([type=checkbox]):not([type=hidden]):not([type=submit]){
  width:100%;padding:11px 13px;border-radius:10px;border:1px solid var(--v11-line);
  background:rgba(0,0,0,.32);color:var(--v11-txt);font-size:14px;outline:0}
.modal:is([modal-name=login_modal],[modal-name=registration_modal],[modal-name=login_forgotten_password]) .modal-inner input:not([type=checkbox]):not([type=hidden]):not([type=submit]):focus{
  border-color:transparent;box-shadow:0 0 0 1.5px rgba(139,92,246,.7),0 0 26px rgba(139,92,246,.22)}
.modal:is([modal-name=login_modal],[modal-name=registration_modal],[modal-name=login_forgotten_password]) .modal-inner input::placeholder{color:var(--v11-faint)}

/* login form (wp_login_form markup) */
.modal[modal-name=login_modal] #loginform p{margin:0 0 16px}
.modal[modal-name=login_modal] .login-remember label{
  display:flex;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:500;
  letter-spacing:0;text-transform:none;color:var(--v11-dim)}
.modal[modal-name=login_modal] .login-remember input[type=checkbox]{width:15px;height:15px;accent-color:var(--v11-g1)}
.modal[modal-name=login_modal] .login-submit{margin-bottom:4px}
.modal[modal-name=login_modal] #login-btn{
  width:100%;height:44px;border:0;border-radius:12px;cursor:pointer;
  background-image:var(--v11-grad);box-shadow:0 8px 26px rgba(59,130,246,.3);
  color:#0a0c12!important;font-size:14px!important;font-weight:700!important}
.modal[modal-name=login_modal] #login-btn:hover{filter:brightness(1.08)}
.modal[modal-name=login_modal] .divider{display:none}

/* register / forgotten-password field grid */
.modal:is([modal-name=registration_modal],[modal-name=login_forgotten_password]) .modal-inner section .reg_form{gap:16px 18px}
.modal[modal-name=registration_modal] .modal-inner section .reg_form>div{width:calc(50% - 9px)}
.modal[modal-name=login_forgotten_password] .modal-inner section .reg_form>div{width:100%}

.modal:is([modal-name=login_modal],[modal-name=registration_modal],[modal-name=login_forgotten_password]) .modal-inner footer{
  padding:18px 24px;margin-top:24px;gap:8px;border-top:1px solid var(--v11-line)}
.modal:is([modal-name=login_modal],[modal-name=registration_modal],[modal-name=login_forgotten_password]) .modal-inner footer .btn{
  height:42px;padding:0 20px;border-radius:12px;border:1px solid var(--v11-line);
  background-image:linear-gradient(#171b28,#171b28);
  color:var(--v11-dim)!important;font-size:13.5px!important;font-weight:600!important}
.modal:is([modal-name=login_modal],[modal-name=registration_modal],[modal-name=login_forgotten_password]) .modal-inner footer .btn:hover{
  background-image:linear-gradient(#242938,#242938);color:#fff!important}
.modal .modal-inner footer :is(.btn--signup-user,.btn--get-new-password){
  border:0;background-image:var(--v11-grad);box-shadow:0 8px 26px rgba(59,130,246,.3);
  color:#0a0c12!important;font-weight:700!important}
.modal .modal-inner footer :is(.btn--signup-user,.btn--get-new-password):hover{
  background-image:var(--v11-grad);filter:brightness(1.08);color:#0a0c12!important}

@media(max-width:560px){
  .modal[modal-name=registration_modal] .modal-inner section .reg_form>div{width:100%}
  .modal:is([modal-name=login_modal],[modal-name=registration_modal],[modal-name=login_forgotten_password]) .modal-inner{width:calc(100vw - 24px)}
}

/* ==========================================================================
   Page 3 — DNS & WHOIS lookup (mockup: _mockup/whois-b)
   The sidebar reuses .v11-tldbar for its sticky column, so the shell's
   236px grid stays intact and no display:block override is needed.
   ========================================================================== */

.v11-root .v11-jumprail{gap:18px}
.v11-root .v11-railtitle{font-size:12.5px;font-weight:700;letter-spacing:-.2px;color:var(--v11-txt);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px}
.v11-root .v11-jump h4,.v11-root .v11-recent h4{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--v11-faint);font-weight:600;margin-bottom:9px}
.v11-root .v11-jump a{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:10px;font-size:13.5px;color:var(--v11-dim);transition:.15s;font-weight:500}
.v11-root .v11-jump a:hover{background:rgba(255,255,255,.055);color:var(--v11-txt)}
.v11-root .v11-jump .ic{width:18px;text-align:center;font-size:12px;opacity:.9}
.v11-root .v11-jump .lbl{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v11-root .v11-jump .cnt{font-size:11px;color:var(--v11-faint);white-space:nowrap}

.v11-root .v11-recent{border-top:1px solid var(--v11-line);padding-top:14px}
.v11-root .v11-recent-row{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:10px;font-size:13px;color:var(--v11-dim);transition:.15s}
.v11-root .v11-recent-row:hover{background:rgba(255,255,255,.055);color:var(--v11-txt)}
.v11-root .v11-recent-row .ic{font-size:11px;opacity:.7}
.v11-root .v11-recent-row .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v11-root .v11-recent-row .st{font-size:10.5px}
.v11-root .v11-recent-clear{margin-top:8px;padding:0 10px;background:none;border:0;cursor:pointer;font-size:11px;color:var(--v11-faint)}
.v11-root .v11-recent-clear:hover{color:var(--v11-dim)}

/* the report column runs full width — no 320px rail on a tool page */
.v11-root .v11-lookuprow{max-width:720px;margin-bottom:22px}
.v11-root .v11-panels{display:flex;flex-direction:column;gap:16px}
.v11-root .v11-panels.is-loading{opacity:.45;pointer-events:none;transition:opacity .2s}

.v11-root .v11-verdict{padding:24px 26px}
.v11-root .v11-verdict h2{font-size:31px;font-weight:800;letter-spacing:-1.2px;line-height:1.1;color:var(--v11-txt)}
.v11-root .v11-verdict h2 .tldx{color:var(--v11-faint);font-weight:400}
.v11-root .v11-verdict .say{color:var(--v11-dim);font-size:14.5px;margin-top:9px}
.v11-root .v11-verdict-acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}

.v11-root .v11-sum{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.v11-root .v11-sumcard{padding:15px 17px;overflow:hidden}
.v11-root .v11-sumcard .lbl{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--v11-faint);font-weight:600;margin-bottom:8px}
.v11-root .v11-sumcard .v{font-size:17px;font-weight:700;letter-spacing:-.4px;line-height:1.25;color:var(--v11-txt);overflow:hidden;text-overflow:ellipsis}
.v11-root .v11-sumcard .s{font-size:11.5px;color:var(--v11-dim);margin-top:6px}

.v11-root .v11-panel{padding:20px 24px}
.v11-root .v11-panel h3{font-size:14px;font-weight:700;letter-spacing:-.2px;color:var(--v11-txt);margin-bottom:14px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.v11-root .v11-panel .badge{font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:var(--v11-faint);padding:3px 8px;border-radius:20px;background:rgba(255,255,255,.05);border:1px solid var(--v11-line)}
.v11-root .v11-empty{color:var(--v11-faint);font-size:13.5px}

.v11-root .v11-kv{display:grid;grid-template-columns:160px 1fr;gap:14px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.055);font-size:13.5px}
.v11-root .v11-kv:last-child{border-bottom:0}
.v11-root .v11-kv .ty{color:var(--v11-faint)}
.v11-root .v11-kv .val{color:var(--v11-txt);word-break:break-word}
.v11-root .v11-kv .val.mono,.v11-root .v11-dnstable .mono{font-family:ui-monospace,"JetBrains Mono",SFMono-Regular,Menlo,monospace;font-size:12.5px}

.v11-root .v11-altrow{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.055);font-size:13.5px}
.v11-root .v11-altrow:last-child{border-bottom:0}
.v11-root .v11-altrow .mono{flex:1;font-family:ui-monospace,"JetBrains Mono",SFMono-Regular,Menlo,monospace;color:var(--v11-txt)}
.v11-root .v11-altrow .v11-pillbtn{height:30px;padding:0 12px;font-size:12px}

.v11-root .v11-dnstable{width:100%;border-collapse:collapse;background:transparent;box-shadow:none}
.v11-root .v11-dnstable th{text-align:left;font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--v11-faint);font-weight:600;padding:8px 0;border-bottom:1px solid var(--v11-line)}
.v11-root .v11-dnstable td{padding:9px 12px 9px 0;border-bottom:1px solid rgba(255,255,255,.055);font-size:13px;color:var(--v11-txt);vertical-align:top}
.v11-root .v11-dnstable tr{display:table-row;width:auto}
.v11-root .v11-dnstable tr:last-child td{border-bottom:0}
.v11-root .v11-dnstable .ty{color:var(--v11-faint);white-space:nowrap;width:72px}
.v11-root .v11-dnstable .val{word-break:break-all}
.v11-root .v11-dnstable .ttl{color:var(--v11-faint);text-align:right;white-space:nowrap;width:64px}

.v11-root .ok2{color:var(--v11-up)}
.v11-root .bad2{color:var(--v11-down)}
.v11-root .warn2{color:var(--v11-warn)}

@media(max-width:1100px){
  .v11-root .v11-sum{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
  .v11-root .v11-sum{grid-template-columns:1fr}
  .v11-root .v11-kv{grid-template-columns:1fr;gap:3px}
}

/* ==========================================================================
   Page 4 — Domain name generator (mockup: _mockup/gen-b)
   The sidebar reuses .v11-tldbar for its sticky column and becomes the tool's
   controls, so the shell's 236px grid is untouched and the content column is
   nothing but output.
   ========================================================================== */

.v11-root .v11-genpanel{display:flex;flex-direction:column;gap:11px}
.v11-root .v11-genpanel label{font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--v11-faint);font-weight:700}
.v11-root .v11-genpanel textarea{width:100%;min-height:104px;resize:vertical;background:rgba(0,0,0,.3);border:1px solid var(--v11-line);border-radius:11px;padding:12px 13px;color:var(--v11-txt);font:14px/1.5 Inter,system-ui,sans-serif;outline:0}
.v11-root .v11-genpanel textarea:focus{border-color:transparent;box-shadow:0 0 0 1.5px rgba(139,92,246,.7)}
.v11-root .v11-genpanel textarea::placeholder{color:var(--v11-faint)}
.v11-root .v11-genpanel select{width:100%;appearance:none;background:rgba(255,255,255,.05);border:1px solid var(--v11-line);border-radius:10px;padding:10px 30px 10px 12px;color:var(--v11-txt);font:13.5px Inter,system-ui,sans-serif;outline:0;
  background-image:linear-gradient(45deg,transparent 50%,var(--v11-faint) 50%),linear-gradient(135deg,var(--v11-faint) 50%,transparent 50%);background-position:calc(100% - 15px) 18px,calc(100% - 10px) 18px;background-size:5px 5px;background-repeat:no-repeat}
.v11-root .v11-genpanel select:focus{border-color:transparent;box-shadow:0 0 0 1.5px rgba(139,92,246,.7)}
.v11-root .v11-styles{display:flex;gap:6px;flex-wrap:wrap}
.v11-root .v11-sty{padding:5px 11px;border-radius:20px;font-size:12px;font-weight:600;color:var(--v11-dim);border:1px solid var(--v11-line);background:rgba(255,255,255,.04)}
.v11-root .v11-sty:hover{color:var(--v11-txt)}
.v11-root .v11-sty.on{color:#fff;background:linear-gradient(100deg,rgba(139,92,246,.38),rgba(34,211,238,.18));border-color:rgba(139,92,246,.5)}
.v11-root .v11-genbar .v11-pillbtn.wide{height:46px}

/* batches: every run keeps its own heading, so "generate more" stays readable */
.v11-root .v11-batches{display:flex;flex-direction:column;gap:26px}
.v11-root .v11-batches.is-loading{opacity:.45;pointer-events:none;transition:opacity .2s}
.v11-root .v11-batchhd{display:flex;align-items:center;gap:12px;margin-bottom:13px;flex-wrap:wrap}
.v11-root .v11-batchhd b{font-size:13.5px;font-weight:700;color:var(--v11-txt)}
.v11-root .v11-batchhd .q{font-size:12.5px;color:var(--v11-dim);background:rgba(255,255,255,.05);border:1px solid var(--v11-line);padding:5px 12px;border-radius:20px;max-width:46ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v11-root .v11-batchhd .rule{flex:1;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.12),transparent);min-width:20px}
.v11-root .v11-batchhd .n2{font-size:11.5px;color:var(--v11-faint)}

.v11-root .v11-names{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:12px}
.v11-root .v11-n{position:relative;padding:17px;border-radius:14px;border:1px solid var(--v11-line);background:rgba(255,255,255,.03);transition:.16s;overflow:hidden}
.v11-root .v11-n:hover{background:rgba(255,255,255,.07);border-color:rgba(139,92,246,.45);transform:translateY(-2px)}
.v11-root .v11-n.free{border-color:rgba(74,222,128,.34);background:linear-gradient(150deg,rgba(74,222,128,.11),rgba(139,92,246,.07) 70%,transparent)}
.v11-root .v11-n.taken{opacity:.45}
.v11-root .v11-n .nm{font-size:19px;font-weight:800;letter-spacing:-.7px;word-break:break-all;line-height:1.15;color:var(--v11-txt)}
.v11-root .v11-n .nm .tldx{color:var(--v11-faint);font-weight:400}
.v11-root .v11-n .why{font-size:11.5px;color:var(--v11-faint);margin-top:7px;min-height:28px}
.v11-root .v11-n .ft{display:flex;align-items:center;gap:8px;margin-top:12px;padding-top:11px;border-top:1px solid var(--v11-line)}
.v11-root .v11-n .st{font-size:11.5px;font-weight:700}
.v11-root .v11-n .st.free{color:var(--v11-up)}
.v11-root .v11-n .st.taken{color:var(--v11-down)}
.v11-root .v11-n .st.unknown{color:var(--v11-warn)}
.v11-root .v11-n .go{margin-left:auto;height:30px;padding:0 12px;border-radius:9px;background:var(--v11-grad);color:#0a0c12;font-weight:700;font-size:12px}
.v11-root .v11-n .alt{margin-left:auto;font-size:11.5px;color:var(--v11-faint)}
.v11-root .v11-n .alt:hover{color:var(--v11-dim)}
.v11-root .v11-n .star{position:absolute;top:13px;right:13px;color:var(--v11-faint);font-size:13px;line-height:1}
.v11-root .v11-n .star:hover{color:var(--v11-g4)}

/* "Free only": a view filter over what is already on the page */
.v11-root .v11-batches.free-only .v11-n:not(.free){display:none}

.v11-root .v11-gen-idle{max-width:640px}

/* ==========================================================================
   Page 7 — Your profile (mockup: _mockup/profile-a)
   The v11 shell untouched, TLD sidebar and all. Settings as glass section
   cards in two columns, so the account fields and the alert switches sit side
   by side on a desktop and stack on anything narrower.
   ========================================================================== */

/* the signed-in pill in the top nav, when you are on this page */
.v11-root .v11-pillbtn.on{color:#fff;background:linear-gradient(100deg,rgba(139,92,246,.4),rgba(34,211,238,.18));border-color:rgba(139,92,246,.55)}

/* profile head: who you are, above the settings */
.v11-root .v11-phead{display:flex;align-items:center;gap:18px;padding:22px;border-radius:var(--v11-r);margin-bottom:20px;flex-wrap:wrap;
  background:linear-gradient(100deg,rgba(139,92,246,.22),rgba(34,211,238,.07) 62%,transparent);border:1px solid rgba(139,92,246,.3)}
.v11-root .v11-phead .big{width:62px;height:62px;border-radius:50%;background:var(--v11-grad);flex:0 0 auto;display:grid;place-items:center;font-size:24px;font-weight:800;color:#0a0c12;box-shadow:0 10px 30px rgba(139,92,246,.4)}
.v11-root .v11-phead .nm{font-size:23px;font-weight:800;letter-spacing:-.9px;line-height:1.1;color:var(--v11-txt);word-break:break-word}
.v11-root .v11-phead .em{font-size:13.5px;color:var(--v11-dim);margin-top:4px;word-break:break-word}
.v11-root .v11-phead .stats2{margin-left:auto;display:flex;gap:26px;flex-wrap:wrap}
.v11-root .v11-phead .stats2 div{text-align:right}
.v11-root .v11-phead .stats2 b{display:block;font-size:19px;font-weight:800;letter-spacing:-.6px;color:var(--v11-txt)}
.v11-root .v11-phead .stats2 span{font-size:11px;color:var(--v11-faint);letter-spacing:.08em;text-transform:uppercase;font-weight:600}

/* two settings columns; one on a laptop and down */
.v11-root .v11-cols2{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}

/* section card */
.v11-root .v11-sect{margin-bottom:18px;padding:0;overflow:hidden}
.v11-root .v11-sect header{display:flex;align-items:center;gap:12px;padding:15px 20px;border-bottom:1px solid var(--v11-line);background:rgba(255,255,255,.035)}
.v11-root .v11-sect header h3{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--v11-faint);font-weight:700}
.v11-root .v11-sect header .sub3{font-size:12px;color:var(--v11-faint);margin-left:auto}
.v11-root .v11-sect .in{padding:20px}
.v11-root .v11-sect.is-saving{opacity:.45;pointer-events:none;transition:opacity .2s}
.v11-root .v11-sect .v11-pillbtn{margin-top:4px}

/* fields */
.v11-root .v11-sect .fld{margin-bottom:16px}
.v11-root .v11-sect .fld label{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--v11-faint);font-weight:700;margin-bottom:7px}
.v11-root .v11-sect .fld input[type=text],
.v11-root .v11-sect .fld input[type=email],
.v11-root .v11-sect .fld input[type=password],
.v11-root .v11-sect .fld select{
  width:100%;background:rgba(0,0,0,.3);border:1px solid var(--v11-line);border-radius:11px;padding:12px 14px;color:var(--v11-txt);font:14.5px Inter,system-ui,sans-serif;outline:0;box-shadow:none}
.v11-root .v11-sect .fld input:focus,
.v11-root .v11-sect .fld select:focus{border-color:transparent;box-shadow:0 0 0 1.5px rgba(139,92,246,.7)}
.v11-root .v11-sect .help{font-size:12px;color:var(--v11-faint);margin-top:6px;line-height:1.55}
.v11-root .v11-sect .help a{color:#93c5fd}
.v11-root .v11-sect .fld.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.v11-root .v11-sect .fld.two label{grid-column:1/-1;margin-bottom:0}

/* toggle rows: a real checkbox, visually hidden, driving the pill via :checked */
.v11-root .v11-sect .tg{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.055)}
.v11-root .v11-sect .tg:last-of-type{border-bottom:0}
.v11-root .v11-sect .tg .txt{display:block;margin:0;text-transform:none;letter-spacing:normal;font-weight:400;cursor:pointer}
.v11-root .v11-sect .tg .txt b{display:block;font-size:14px;font-weight:650;color:var(--v11-txt)}
.v11-root .v11-sect .tg .txt span{display:block;font-size:12.5px;color:var(--v11-faint);margin-top:3px}
.v11-root .v11-swin{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}
.v11-root .swm{width:38px;height:22px;border-radius:20px;background:rgba(255,255,255,.15);position:relative;flex:0 0 auto;margin-left:auto;cursor:pointer;transition:.18s;display:block;padding:0}
.v11-root .swm::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--v11-faint);transition:.18s}
.v11-root .v11-swin:checked + .swm{background:var(--v11-grad);box-shadow:0 2px 12px rgba(139,92,246,.4)}
.v11-root .v11-swin:checked + .swm::after{left:19px;background:#0a0c12}
.v11-root .swm:hover{filter:brightness(1.15)}
.v11-root .v11-swin:focus-visible + .swm{box-shadow:0 0 0 2px rgba(139,92,246,.8)}

/* signed-out: core's login form, wearing the section card */
.v11-root .v11-signin{max-width:440px}
.v11-root .v11-signin label{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--v11-faint);font-weight:700;margin-bottom:7px}
.v11-root .v11-signin input[type=text],
.v11-root .v11-signin input[type=password]{width:100%;background:rgba(0,0,0,.3);border:1px solid var(--v11-line);border-radius:11px;padding:12px 14px;color:var(--v11-txt);font:14.5px Inter,system-ui,sans-serif;outline:0;box-shadow:none}
.v11-root .v11-signin input:focus{border-color:transparent;box-shadow:0 0 0 1.5px rgba(139,92,246,.7)}
.v11-root .v11-signin .login-remember label{display:flex;align-items:center;gap:8px;text-transform:none;letter-spacing:normal;font-size:13px;font-weight:500;color:var(--v11-dim)}
.v11-root .v11-signin .login-remember input{width:auto}
.v11-root .v11-signin .login-submit input[type=submit]{width:100%;height:44px;border-radius:12px;background:var(--v11-grad);color:#0a0c12;font-weight:700;font-size:13.5px;border:0;cursor:pointer;box-shadow:0 8px 26px rgba(59,130,246,.34)}
.v11-root .v11-signin p{margin-bottom:14px}
.v11-root .v11-signin-links{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;color:var(--v11-dim);margin-top:4px;margin-bottom:0}
.v11-root .v11-signin-links a{color:#93c5fd}

@media(max-width:1320px){
  .v11-root .v11-cols2{grid-template-columns:1fr}
  .v11-root .v11-sect .fld.two{grid-template-columns:1fr}
}
@media(max-width:560px){
  .v11-root .v11-phead .stats2{margin-left:0;width:100%}
  .v11-root .v11-phead .stats2 div{text-align:left}
}
/* ==========================================================================
   Page 5 — Your Favorites (mockup: _mockup/fav-c)
   The sidebar reuses .v11-tldbar, but lists only the TLDs this user has saved
   names in, so the shell's 236px grid is untouched. The body is one card grid
   per group; there is no 320px rail on this page.
   ========================================================================== */

/* the sidebar's per-TLD count, and its footer link (generic .v11-tldbar bits) */
.v11-root .v11-t i{font-style:normal;margin-left:auto;font-size:11.5px;color:var(--v11-faint);font-variant-numeric:tabular-nums}
.v11-root .v11-t.on i{color:#e9d5ff}
.v11-root .v11-tldall{display:block;text-align:center;padding:10px;border-radius:10px;border:1px dashed var(--v11-line);font-size:12.5px;font-weight:600;color:var(--v11-dim)}
.v11-root .v11-tldall:hover{color:var(--v11-txt);border-color:rgba(139,92,246,.5);background:rgba(139,92,246,.1)}
.v11-root .v11-favside-empty{font-size:12.5px;color:var(--v11-faint);padding:8px 10px;line-height:1.5}

/* "N of your saved .com names were free the last time we looked." */
.v11-root .v11-since{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:15px 20px;border-radius:var(--v11-r);margin-bottom:20px;
  background:linear-gradient(100deg,rgba(74,222,128,.15),rgba(139,92,246,.09) 62%,transparent);border:1px solid rgba(74,222,128,.3)}
.v11-root .v11-since .t{font-size:14px;color:var(--v11-txt)}
.v11-root .v11-since .t b{font-weight:750}
.v11-root .v11-since.quiet{background:rgba(255,255,255,.04);border-color:var(--v11-line)}

/* four-up count strip under the heading */
.v11-root .v11-statusbar{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}
.v11-root .v11-sb{padding:15px 17px;text-align:left}
.v11-root .v11-sb h5{font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--v11-faint);font-weight:700;margin-bottom:8px}
.v11-root .v11-sb .v{font-size:26px;font-weight:800;letter-spacing:-1px;line-height:1;color:var(--v11-txt)}
.v11-root .v11-sb .v.v11-gtext{color:transparent}
.v11-root .v11-sb .s{font-size:11.5px;color:var(--v11-faint);margin-top:5px}

/* group headers: what to do about this block of names */
.v11-root .v11-grouphd{display:flex;align-items:center;gap:12px;padding:14px 16px;background:rgba(255,255,255,.05);border-top:1px solid var(--v11-line);border-bottom:1px solid var(--v11-line);margin-bottom:14px}
.v11-root .v11-grouphd b{font-size:13px;font-weight:700;letter-spacing:-.2px;color:var(--v11-txt)}
.v11-root .v11-grouphd .n{font-size:11px;color:var(--v11-faint);font-weight:600}
.v11-root .v11-grouphd .rule{flex:1;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.14),transparent);min-width:20px}
.v11-root .v11-grouphd.good{background:linear-gradient(100deg,rgba(74,222,128,.16),transparent 70%)}
.v11-root .v11-grouphd.good b{color:#86efac}
.v11-root .v11-grouphd.warn{background:linear-gradient(100deg,rgba(251,191,36,.16),transparent 70%)}
.v11-root .v11-grouphd.warn b{color:#fcd34d}

/* the cards */
.v11-root .v11-fcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:12px;margin-bottom:24px}
.v11-root .v11-f{position:relative;padding:17px;border-radius:14px;border:1px solid var(--v11-line);background:rgba(255,255,255,.03);transition:.16s}
.v11-root .v11-f:hover{background:rgba(255,255,255,.07);transform:translateY(-2px)}
.v11-root .v11-f.free{border-color:rgba(74,222,128,.36);background:linear-gradient(150deg,rgba(74,222,128,.12),rgba(139,92,246,.07) 70%,transparent)}
.v11-root .v11-f.taken{opacity:.55}
.v11-root .v11-f.taken:hover{opacity:1}
.v11-root .v11-f.is-busy{opacity:.45;pointer-events:none;transition:opacity .2s}
.v11-root .v11-f .nm{font-size:18px;font-weight:800;letter-spacing:-.6px;word-break:break-all;line-height:1.15;color:var(--v11-txt);padding-right:22px}
.v11-root .v11-f .nm .tldx{color:var(--v11-faint);font-weight:400}
.v11-root .v11-f .meta{font-size:11.5px;color:var(--v11-faint);margin-top:7px}
.v11-root .v11-f .meta .stale{color:var(--v11-warn)}
.v11-root .v11-f .ft{display:flex;align-items:center;gap:8px;margin-top:12px;padding-top:11px;border-top:1px solid var(--v11-line)}
.v11-root .v11-f .st{font-size:11.5px;font-weight:700}
.v11-root .v11-f .st.a{color:var(--v11-up)}
.v11-root .v11-f .st.b{color:var(--v11-down)}
.v11-root .v11-f .st.c{color:var(--v11-warn)}
.v11-root .v11-f .go{margin-left:auto;height:30px;padding:0 12px;border-radius:9px;background:var(--v11-grad);color:#0a0c12;font-weight:700;font-size:12px;border:0;cursor:pointer}
.v11-root .v11-f .x{margin-left:auto;font-size:11.5px;color:var(--v11-faint)}
.v11-root .v11-f .recheck{margin-left:auto;height:30px;padding:0 11px;border-radius:9px;border:1px solid var(--v11-line);background:none;font-size:12px;font-weight:650;color:var(--v11-dim);cursor:pointer}
.v11-root .v11-f .recheck:hover{color:#fff;border-color:rgba(139,92,246,.55);background:rgba(139,92,246,.18)}
.v11-root .v11-f .recheck:disabled{opacity:.5;cursor:default}
.v11-root .v11-f .rm{position:absolute;top:12px;right:12px;color:var(--v11-faint);font-size:13px;line-height:1;background:none;border:0;cursor:pointer}
.v11-root .v11-f .rm:hover{color:var(--v11-down)}
.v11-root .v11-f .rm:focus-visible,.v11-root .v11-f .recheck:focus-visible,.v11-root .v11-f .go:focus-visible{outline:2px solid var(--v11-g3);outline-offset:2px}

/* the honest footnote, and the two panels that replace an empty list */
.v11-root .v11-fav-note2{font-size:11.5px;color:var(--v11-faint);font-style:italic;margin-bottom:22px;max-width:80ch;line-height:1.6}
.v11-root .v11-fav-signin,.v11-root .v11-fav-empty{max-width:640px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.v11-root .v11-fav-signin h3,.v11-root .v11-fav-empty h3{margin-bottom:0}

@media(max-width:1320px){
  .v11-root .v11-statusbar{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
  .v11-root .v11-fcards{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
  .v11-root .v11-since{padding:13px 15px}
}
/* ==========================================================================
   Page 6 — Your matches (mockup: _mockup/match-b)
   ========================================================================== */

/* --- sidebar: the rule list --------------------------------------------- */

.v11-root .v11-rulehd{
    display:flex; align-items:baseline; justify-content:space-between;
    gap:8px; padding:14px 14px 6px;
    font-size:11px; letter-spacing:.08em; text-transform:uppercase;
    color:var(--v11-dim);
}
.v11-root .v11-rulehd em{ font-style:normal; font-size:10px; opacity:.7; text-transform:none; letter-spacing:0; }

.v11-root .v11-rule{
    display:flex; align-items:center; gap:8px;
    width:100%; padding:7px 12px; border-radius:10px;
    color:var(--v11-txt); text-decoration:none;
}
.v11-root .v11-rule:hover{ background:rgba(255,255,255,.06); }
.v11-root .v11-rule.on{ background:rgba(255,255,255,.06); box-shadow:inset 0 0 0 1px var(--v11-line); }

.v11-root .v11-rule b.mono{
    flex:1 1 auto; min-width:0;
    font:600 13px/1.3 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.v11-root .v11-rule i{
    flex:0 0 auto; font-style:normal; font-size:11px; color:var(--v11-dim);
}
.v11-root .v11-rule.paused b.mono,
.v11-root .v11-rule.paused i{ opacity:.45; }

/* the phrase itself is a button; strip the chrome so it reads as text */
.v11-root .v11-match-filter{
    flex:1 1 auto; min-width:0; padding:0; text-align:left;
    background:none; border:0; color:inherit; cursor:pointer; font:inherit;
}
.v11-root .v11-match-delete{
    flex:0 0 auto; width:20px; height:20px; padding:0; line-height:1;
    background:none; border:0; border-radius:6px;
    color:var(--v11-dim); cursor:pointer; opacity:0; transition:opacity .12s ease;
}
.v11-root .v11-rule:hover .v11-match-delete,
.v11-root .v11-match-delete:focus-visible{ opacity:1; }
.v11-root .v11-match-delete:hover{ background:rgba(255,255,255,.06); color:var(--v11-txt); }

/* the pause switch */
.v11-root .swm{
    flex:0 0 auto; width:10px; height:10px; padding:0;
    border:0; border-radius:50%; cursor:pointer;
    background:var(--v11-grad);
    box-shadow:0 0 0 3px color-mix(in srgb, var(--v11-g2) 18%, transparent);
}
.v11-root .swm.off{
    background:var(--v11-dim);
    box-shadow:none; opacity:.55;
}
.v11-root .swm:focus-visible{ outline:2px solid var(--v11-g2); outline-offset:3px; }

/* the "new rule" form */
.v11-root .v11-newrule{ padding:10px 12px 4px; display:grid; gap:6px; }
.v11-root .v11-newrule label{
    font-size:11px; letter-spacing:.06em; text-transform:uppercase; color:var(--v11-dim);
}
.v11-root .v11-newrule input[type="text"],
.v11-root .v11-newrule select{
    width:100%; padding:8px 10px; border-radius:10px;
    background:var(--v11-glass); border:1px solid var(--v11-line);
    color:var(--v11-txt); font:inherit; font-size:13px;
}
.v11-root .v11-newrule input[type="text"]:focus,
.v11-root .v11-newrule select:focus{ outline:2px solid var(--v11-g2); outline-offset:1px; }
.v11-root .v11-rulefull{ margin:0; padding:12px 14px; font-size:12px; color:var(--v11-dim); }

/* --- content: the "since your last visit" banner ------------------------- */

.v11-root .v11-since{
    display:flex; align-items:center; justify-content:space-between; gap:12px;
    margin:0 0 16px; padding:12px 16px; border-radius:14px;
    background:color-mix(in srgb, var(--v11-g2) 10%, var(--v11-glass));
    border:1px solid color-mix(in srgb, var(--v11-g2) 28%, var(--v11-line));
    font-size:13px;
}
.v11-root .v11-since .t{ min-width:0; }
.v11-root .v11-since b{ font-weight:700; }

/* --- content: the filter chips ------------------------------------------ */

.v11-root .v11-filters{
    display:flex; align-items:center; flex-wrap:wrap; gap:8px;
    margin:0 0 12px;
}
.v11-root .v11-chip{
    padding:6px 12px; border-radius:999px; cursor:pointer;
    background:var(--v11-glass); border:1px solid var(--v11-line);
    color:var(--v11-dim); font:inherit; font-size:12px;
}
.v11-root .v11-chip:hover{ background:rgba(255,255,255,.06); color:var(--v11-txt); }
.v11-root .v11-chip.on{
    background:var(--v11-grad); border-color:transparent; color:#0b0d12; font-weight:600;
}
.v11-root .v11-chip:focus-visible{ outline:2px solid var(--v11-g2); outline-offset:2px; }
.v11-root .v11-sp{ margin-left:auto; font-size:12px; color:var(--v11-dim); }

/* --- content: the match rows -------------------------------------------- */

.v11-root .hl{
    border-radius:4px; padding:0 2px;
    background:color-mix(in srgb, var(--v11-g2) 22%, transparent);
    color:var(--v11-txt);
}
.v11-root .sub2{ margin-top:2px; font-size:11px; color:var(--v11-dim); }
.v11-root .new{
    margin-left:6px; padding:1px 6px; border-radius:999px; vertical-align:1px;
    background:var(--v11-grad); color:#0b0d12;
    font-size:10px; font-weight:700; letter-spacing:.04em; text-transform:uppercase;
}
.v11-root .v11-domtable tr.is-taken .dname{ opacity:.6; }
.v11-root .v11-domtable tr.v11-match-none td{ padding:28px 16px; text-align:center; }

/* Narrow: the sidebar stacks above the feed (same rule the other v11 pages use). */
@media (max-width: 900px){
    .v11-root .v11-rulebar{ max-height:none; }
    .v11-root .v11-since{ flex-direction:column; align-items:flex-start; }
    .v11-root .v11-sp{ margin-left:0; width:100%; }
}