/* pages/certificate.css — بخشی از سیستم سبک سایت عمومی پلاس */
.verify{display:flex;gap:10px;padding:8px;border-radius:18px;max-inline-size:520px;
  margin-block-start:clamp(24px,3vw,34px);
  border:1px solid var(--line-strong);background:rgba(11,18,38,.55);
  backdrop-filter:blur(14px);
  transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}
.verify:focus-within{border-color:var(--accent);
  box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 22%,transparent)}
.verify input{flex:1;min-inline-size:0;font-family:var(--font-display);font-size:16px;
  font-weight:800;letter-spacing:1.4px;color:#fff;background:none;border:0;padding:14px 18px}
.verify input::placeholder{color:#5F7597;font-weight:600;letter-spacing:1px}
.verify input:focus{outline:0}
.verify button{flex:none}
.v-hint{margin-block-start:12px;font-size:12px;color:#8FA5C4}
.v-hint.bad{color:var(--gold-400)}
.vbox{border-radius:var(--card-radius);border:1px solid var(--line);background:var(--surface)}
.vbox[hidden]{display:none}
.vidle{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  gap:clamp(22px,3vw,44px);align-items:center;padding:clamp(24px,3vw,40px)}
.vi-copy h2{margin-block-start:8px;font-family:var(--font-display);
  font-size:clamp(20px,2.5vw,28px);font-weight:900;color:var(--fg)}
.vi-copy > p{margin-block-start:12px;font-size:13.5px;line-height:2.2;color:var(--fg-muted)}
.vi-l{list-style:none;display:flex;flex-direction:column;gap:9px;margin-block-start:18px}
.vi-l li{position:relative;padding-inline-start:26px;font-size:12.5px;line-height:1.95;color:var(--fg-muted)}
.vi-l li::before{content:"";position:absolute;inset-block-start:6px;inset-inline-start:2px;
  inline-size:13px;block-size:8px;border:2px solid var(--teal-600);
  border-block-start:0;border-inline-end:0;transform:rotate(-45deg)}
.specimen{margin:0}
.specimen svg{inline-size:100%;block-size:auto;display:block;
  filter:drop-shadow(0 18px 34px rgba(11,18,38,.14))}
.sp-bg{fill:var(--paper-200)}
.sp-frame{fill:var(--surface);stroke:var(--line);stroke-width:1}
.sp-l{fill:color-mix(in oklab,var(--fg-muted) 26%,transparent)}
.sp-d{fill:color-mix(in oklab,var(--fg) 42%,transparent)}
.sp-seal{fill:none;stroke:var(--gold-600);stroke-width:1.6;opacity:.75}
.sp-seal-i{fill:none;stroke:var(--gold-600);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sp-code{fill:color-mix(in oklab,var(--teal-600) 14%,transparent);
  stroke:var(--teal-600);stroke-width:1.2}
.sp-t{fill:var(--teal-600);font-size:8.4px;font-weight:700;text-anchor:middle;
  font-family:var(--font-display);direction:ltr}
.specimen figcaption{margin-block-start:12px;font-size:11.5px;color:var(--fg-muted);text-align:center}
@media (max-width:900px){
.vidle{grid-template-columns:1fr}
}
.vcard{position:relative;border-radius:var(--card-radius);overflow:hidden;
  border:1px solid color-mix(in oklab,var(--teal-600) 30%,var(--line));
  background:var(--surface)}
.vcard[hidden]{display:none}
.vcard::before{content:"";position:absolute;inset-block-start:0;inset-inline:0;block-size:4px;
  background:linear-gradient(90deg,var(--teal-600),var(--gold-600))}
.vcard.revoked{border-color:color-mix(in oklab,var(--gold-600) 40%,var(--line))}
.vcard.revoked::before{background:var(--gold-600)}
.vc-top{padding:clamp(24px,3vw,38px) clamp(22px,3vw,38px) clamp(18px,2vw,24px);
  border-block-end:1px solid var(--line)}
.vc-st{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:999px;
  font-size:11.5px;font-weight:800;font-family:var(--font-display);
  color:var(--teal-600);background:color-mix(in oklab,var(--teal-600) 11%,transparent);
  border:1px solid color-mix(in oklab,var(--teal-600) 34%,transparent)}
.vc-st::before{content:"";inline-size:7px;block-size:7px;border-radius:50%;background:currentColor}
.vcard.revoked .vc-st{color:var(--gold-600);
  background:color-mix(in oklab,var(--gold-600) 12%,transparent);
  border-color:color-mix(in oklab,var(--gold-600) 36%,transparent)}
.vc-k{margin-block-start:14px;font-size:11.5px;color:var(--fg-muted)}
.vc-top h2{margin-block-start:6px;font-family:var(--font-display);
  font-size:clamp(24px,3.2vw,36px);font-weight:900;color:var(--fg)}
.vc-course{margin-block-start:8px;font-size:14px;line-height:1.9;color:var(--fg-muted)}
.vc-rows{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;border-block-end:1px solid var(--line)}
.vc-rows li{display:flex;flex-direction:column;gap:6px;padding:18px clamp(20px,2.4vw,30px);
  border-inline-start:1px solid var(--line)}
.vc-rows li:nth-child(3n+1){border-inline-start:0}
.vc-rows li:nth-child(-n+3){border-block-end:1px solid var(--line)}
.vc-rows span{font-size:11px;color:var(--fg-muted)}
.vc-rows b{font-family:var(--font-display);font-size:14px;font-weight:800;color:var(--fg)}
.vc-note{padding:16px clamp(22px,3vw,38px) 0;font-size:11.5px;line-height:2;color:var(--fg-muted)}
.vc-a{display:flex;flex-wrap:wrap;align-items:center;gap:12px;
  padding:16px clamp(22px,3vw,38px) clamp(22px,3vw,32px)}
@media (max-width:760px){
.vc-rows{grid-template-columns:1fr}
.vc-rows li{border-inline-start:0;border-block-end:1px solid var(--line)}
.vc-rows li:last-child{border-block-end:0}
}
.vfail{display:flex;flex-direction:column;align-items:flex-start;gap:12px;
  padding:clamp(24px,3vw,40px);
  border-color:color-mix(in oklab,var(--gold-600) 34%,var(--line))}
.vfail[hidden]{display:none}
.vf-i{inline-size:46px;block-size:46px;border-radius:14px;display:grid;place-items:center;
  color:var(--gold-600);background:color-mix(in oklab,var(--gold-600) 12%,transparent)}
.vf-i svg{inline-size:24px;block-size:24px}
.vfail h2{font-family:var(--font-display);font-size:clamp(19px,2.4vw,26px);
  font-weight:900;color:var(--fg)}
.vfail > p{font-size:13.5px;line-height:2.1;color:var(--fg-muted)}
.vf-l{list-style:none;display:flex;flex-direction:column;gap:8px}
.vf-l li{position:relative;padding-inline-start:22px;font-size:12.5px;line-height:2;color:var(--fg-muted)}
.vf-l li::before{content:"";position:absolute;inset-block-start:11px;inset-inline-start:4px;
  inline-size:5px;block-size:5px;border-radius:50%;background:var(--gold-600)}
.vf-a{display:flex;flex-wrap:wrap;gap:10px;margin-block-start:6px}
.vexp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.8vw,22px);
  margin-block-start:clamp(24px,3vw,38px)}
.ve{display:flex;flex-direction:column;gap:8px;padding:clamp(18px,2.2vw,24px);
  border-radius:18px;border:1px solid var(--line);background:var(--paper-200)}
.ve b{font-family:var(--font-display);font-size:13.5px;font-weight:900;color:var(--fg)}
.ve span{font-size:12.5px;line-height:2.05;color:var(--fg-muted)}
@media (max-width:860px){
.vexp{grid-template-columns:1fr}
}
/* چاپ نتیجه استعلام: فقط خود کارت روی کاغذ بماند */
@media print{
.vcard{border:1px solid #999!important;break-inside:avoid-page}
.vidle,.vexp,.vc-a,.vform{display:none!important}
}