/* trial-gated.css — Single-card trial request (AR/EN), light/dark aware */
:root{
  --card-bg:#ffffff; --card-fg:#0a1f44; --muted:#5b6b86;
  --primary:#1f4fd6; --primary-2:#0d358f; --ok:#0a8f5b;
  --ring:rgba(31,79,214,.35); --border:#e3e8f1; --surface:#f7f9fc;
}
:root[data-theme="dark"], [data-theme="dark"] :root{
  --card-bg:#0e1624; --card-fg:#e6eefc; --muted:#9bb0cf;
  --primary:#6da8ff; --primary-2:#3f7ce8; --ok:#3cd38a;
  --ring:rgba(109,168,255,.35); --border:#1f2a40; --surface:#0a0f1a;
}
#trial-card{max-width:760px;margin-inline:auto;background:var(--card-bg);color:var(--card-fg);
  border-radius:18px;border:1px solid var(--border);box-shadow:0 18px 40px rgba(2,8,23,.08);overflow:clip}
#trial-card .hd{padding:18px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap}
#trial-card .hd h3{margin:0;font-size:clamp(18px,2.4vw,22px);font-weight:900;letter-spacing:.2px}
#trial-card .hd p{margin:0;color:var(--muted);font-size:14px}
#trial-card .bd{padding:18px 20px}
#trial-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:720px){#trial-grid{grid-template-columns:1fr}}
.trl-field{display:flex;flex-direction:column;gap:6px}
.trl-field label{font-weight:800;font-size:13px}
.trl-field input,.trl-field select{padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--card-fg);outline:none;transition:box-shadow .15s ease,border-color .15s ease,background .15s ease}
.trl-field input:focus,.trl-field select:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--ring);background:#fff}
#trial-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}
.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;border:none;padding:12px 16px;border-radius:12px;font-weight:900;cursor:pointer;box-shadow:0 12px 24px rgba(31,79,214,.22);transition:transform .12s ease,box-shadow .12s ease}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 16px 32px rgba(31,79,214,.28)}
.btn-ghost{background:transparent;border:1px dashed var(--border);color:var(--muted);padding:12px 14px;border-radius:12px;font-weight:800;cursor:pointer}
.badge{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;background:var(--surface);border:1px solid var(--border);color:var(--muted);font-weight:700;font-size:12px}
.icon{width:20px;height:20px;display:inline-block}
.spinner{width:18px;height:18px;border-radius:50%;border:3px solid #fff;border-top-color:rgba(255,255,255,.25);display:inline-block;animation:spin .8s linear infinite;margin-inline-start:8px}
@keyframes spin{to{transform:rotate(360deg)}}
.success-panel{border-top:1px dashed var(--border);margin-top:16px;padding-top:14px;display:none}
.success-panel.show{display:block;animation:fadeIn .25s ease}
@keyframes fadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.linkbox{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:10px}
.linkbox a{background:#14a44d;color:#fff;text-decoration:none;padding:10px 12px;border-radius:10px;font-weight:900}
.linkbox button{padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--card-fg);font-weight:800;cursor:pointer}
small.hint{display:block;color:var(--muted);margin-top:4px}
.err{color:#b00020;font-size:12px;font-weight:700;display:none}
.err.show{display:block}
[dir="rtl"] #trial-actions{justify-content:flex-start}