/* eurabeltfuels.uk — Verification Centre (v2.0): start box, register index, verifier slips, registrations, message check. */

.mini{font:500 11.5px/1.2 var(--mono);letter-spacing:.12em;color:var(--text3);margin:0 0 10px}

/* ---- start ------------------------------------------------------------------ */
.v-start-in{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:start}
.v-start h2{max-width:18ch;margin-bottom:16px}
.v-start .lede{margin-bottom:26px}
.v-start .quickv{max-width:none}
.v-found{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;align-items:start;margin-top:18px;padding:16px 18px;border:1px solid rgba(226,195,90,.4);border-left:3px solid var(--gold-l);background:rgba(226,195,90,.06)}
.v-found b{font:500 11px/1.8 var(--mono);letter-spacing:.12em;color:var(--gold-l)}
.v-found p{font-size:15px;color:var(--text2)}
.v-found .mono{color:var(--text)}
.v-found .btn{grid-column:2;justify-self:start;margin-top:6px}
.v-found.v-unknown{border-color:rgba(226,179,60,.35);border-left-color:var(--warn);background:rgba(226,179,60,.05)}
.v-found.v-unknown b{color:var(--warn)}
.v-promise{list-style:none;margin-top:34px;border-top:1px solid var(--line2)}
.v-promise li{padding:14px 0;border-bottom:1px solid var(--line);font-size:14.5px;color:var(--text2)}
.v-promise b{display:block;font:600 19px/1.25 var(--serif);color:var(--text);margin-bottom:3px}

.v-index{border:1px solid var(--line2);border-radius:2px;padding:22px 22px 8px;background:linear-gradient(180deg,rgba(13,35,65,.5),rgba(4,10,20,.3))}
.v-index ol{list-style:none;counter-reset:vi}
.v-index li a{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:12px 0;border-top:1px solid var(--line)}
.v-index li a b{font:500 15px/1.3 var(--sans);color:var(--text)}
.v-index li a .mono{grid-column:1;font-size:11.5px;color:var(--text3);overflow-wrap:anywhere}
.v-index li a small{grid-column:2;grid-row:1/3;align-self:center;font:400 11px/1.3 var(--mono);color:var(--silver);text-align:right;max-width:13ch}
.v-index li a:hover b,.v-index li.on a b{color:var(--gold-l)}
.v-index li.on a{box-shadow:inset 3px 0 0 var(--gold-l);padding-left:12px}

/* ---- the verifier slips ---------------------------------------------------------- */
.v-panels{padding-top:0}
.vpanel{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);padding:clamp(26px,3.4vw,44px);margin-bottom:clamp(18px,2vw,26px);
  border:1px solid var(--line2);border-radius:2px;background:linear-gradient(180deg,rgba(13,35,65,.62),rgba(7,19,38,.5));scroll-margin-top:calc(var(--hdr) + 64px)}
.vpanel::before{content:"";position:absolute;left:0;right:0;top:0;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='14'%3E%3Cpath d='M0 7 Q7 0 14 7 T28 7' fill='none' stroke='%23c9a227' stroke-opacity='.4'/%3E%3Cpath d='M0 7 Q7 14 14 7 T28 7' fill='none' stroke='%23b9c2cf' stroke-opacity='.2'/%3E%3C/svg%3E") repeat-x center;opacity:.7;transform:translateY(-50%)}
.vpanel.is-match{border-color:var(--gold);box-shadow:0 0 0 1px rgba(226,195,90,.35),0 30px 80px rgba(201,162,39,.12)}
.vpanel:target{border-color:rgba(226,195,90,.6)}
.vp-issuer{font-size:12px;color:var(--gold-l);margin-bottom:12px}
.vp-meta h2{font-size:clamp(28px,2.6vw,40px);margin-bottom:12px;max-width:20ch}
.vp-meta>p{color:var(--text2);font-size:15.5px;margin-bottom:22px}
.vp-formats{list-style:none;margin-bottom:18px;font-size:14px;color:var(--text2)}
.vp-formats li{padding:8px 0;border-top:1px solid var(--line)}
.vp-formats li:last-child{border-bottom:1px solid var(--line)}
.vp-formats .mono{display:inline-block;padding:3px 7px;margin-right:6px;border:1px solid var(--line2);border-radius:2px;color:var(--text);font-size:12.5px;letter-spacing:.04em}
.vp-issued{font-size:13.5px;color:var(--text3)}
.vp-issued a{color:var(--silver);border-bottom:1px solid var(--line2)}
.vp-issued a:hover{color:var(--gold-l)}

.vp-act{display:flex;flex-direction:column;gap:18px}
.vform{padding:22px;border:1px solid var(--line);background:rgba(2,6,13,.45)}
.vform .field input{font-family:var(--mono);letter-spacing:.04em}
.vform .btns{margin-top:6px}
.vp-filled{margin-bottom:14px;padding:10px 12px;border-left:2px solid var(--gold-l);background:rgba(226,195,90,.08);font-size:14px;color:var(--text)}
.vp-shows{padding:0 0 0 16px;border-left:1px solid var(--line2)}
.vp-shows b{display:block;font:500 11px/1 var(--mono);letter-spacing:.12em;color:var(--text3);margin-bottom:6px}
.vp-shows p{font-size:14.5px;color:var(--text2)}
.vp-away{padding:22px;border:1px dashed var(--line2);background:rgba(2,6,13,.3)}
.vp-away .vp-away-h{font:600 22px/1.2 var(--serif);color:var(--text);margin-bottom:8px}
.vp-away p{font-size:14.5px;color:var(--text2)}
.vp-away .btns{margin-top:16px}
.vp-tools{margin-top:auto}
.vout{grid-column:1/-1}
.vout:empty{display:none}
.vout .vframe{margin-top:0}

/* ---- registrations (paper) --------------------------------------------------------- */
.reg-table{min-width:620px}
.reg-table thead th{color:var(--ink3)}
.reg-table td{color:var(--ink2)}
.reg-country th{padding-top:30px!important;border-bottom:1px solid var(--ink)!important;font-weight:400;letter-spacing:0}
.reg-c{display:block;font:600 26px/1.15 var(--serif);color:var(--ink)}
.reg-e{font:500 14px/1.4 var(--sans);color:var(--ink);margin-right:14px}
.reg-a{font:400 13px/1.4 var(--sans);color:var(--ink3)}
.reg-n{font-size:15px;color:var(--ink);letter-spacing:.04em}
.reg-table a{color:#6d5408;border-bottom:1px solid rgba(143,112,18,.35)}
.reg-table a:hover{color:var(--ink);border-bottom-color:var(--ink)}
.reg-note{margin-top:20px}
.reg-note a{color:#6d5408;text-decoration:underline;text-underline-offset:3px}
.paper .badge,.paper .btn-quiet{color:var(--ink2);border-color:#c5ccd6}

/* ---- is this message genuine? ------------------------------------------------------- */
.comm-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(28px,5vw,80px);align-items:start}
.comm-check{padding:clamp(22px,3vw,34px);border:1px solid var(--line2);background:linear-gradient(180deg,rgba(13,35,65,.6),rgba(4,10,20,.4))}
.comm-form .field input{font:500 17px/1.2 var(--mono);min-height:54px}
.comm-out{margin:18px 0 26px;min-height:1px}
.verdict{padding:16px 18px;border:1px solid var(--line2);border-left-width:3px}
.verdict b{display:block;font:600 22px/1.2 var(--serif);margin-bottom:4px}
.verdict p{font-size:14.5px;color:var(--text2)}
.verdict .mono{color:var(--text);overflow-wrap:anywhere}
.verdict.v-ok{border-color:rgba(76,191,142,.45);border-left-color:var(--ok);background:rgba(76,191,142,.07)}
.verdict.v-ok b{color:var(--ok)}
.verdict.v-free,.verdict.v-look{border-color:rgba(226,115,111,.45);border-left-color:var(--bad);background:rgba(226,115,111,.07)}
.verdict.v-free b,.verdict.v-look b{color:var(--bad)}
.verdict.v-no{border-color:rgba(226,179,60,.4);border-left-color:var(--warn);background:rgba(226,179,60,.06)}
.verdict.v-no b{color:var(--warn)}
.verdict.v-none b{color:var(--text2)}
.domains{list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.domains li{padding:6px 10px;border:1px solid var(--line2);border-radius:2px;font-size:12.5px;color:var(--text)}
.comm-rules h3{font-size:clamp(26px,2.3vw,34px);margin-bottom:16px}
.rules{list-style:none;border-top:1px solid var(--line2);margin-bottom:22px}
.rules li{position:relative;padding:16px 0 16px 30px;border-bottom:1px solid var(--line);font-size:14.5px;color:var(--text2)}
.rules li::before{content:"";position:absolute;left:0;top:27px;width:9px;height:9px;border:1px solid var(--gold-l);transform:rotate(45deg)}
.rules b{display:block;font:500 15.5px/1.35 var(--sans);color:var(--text);margin-bottom:3px}
.rules a{color:var(--gold-l);text-decoration:underline;text-underline-offset:3px}
.comm-btns{margin-top:22px}

.v-close-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) auto;gap:20px 48px;align-items:center}
.v-close h2{font-size:clamp(28px,2.8vw,42px)}

@media (max-width:1023px){
  .v-start-in,.comm-grid{grid-template-columns:1fr}
  .vpanel{grid-template-columns:1fr}
  .v-close-in{grid-template-columns:1fr}
}
@media (max-width:640px){
  .v-start .quickv{grid-template-columns:1fr}
  .vpanel{padding:22px 18px}
  .vform{padding:16px}
  .v-found{grid-template-columns:1fr}
  .v-found .btn{grid-column:1}
}
.vpanel>*{min-width:0}
.vform .btns .btn{white-space:normal;text-align:left;line-height:1.25}
@media (max-width:640px){
  .reg-table{min-width:0}
  .reg-table thead{display:none}
  .reg-table tbody,.reg-table tr{display:block}
  .reg-table tr:not(.reg-country){display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;padding:10px 0;border-bottom:1px solid var(--pline)}
  .reg-table tr:not(.reg-country) td{padding:0;border:0}
  .reg-table tr:not(.reg-country) td:nth-child(3){grid-column:1/-1;margin-top:4px;font-size:14px}
  .reg-country th{display:block;padding:26px 0 10px!important}
  .reg-a{display:block;margin-top:2px}
}