/* ITKapocs v40.2 – Barion Test Payment Verification */
.barionTestPage{width:min(1320px,calc(100% - 44px));margin:34px auto 70px;color:#0f172a}
.barionTestHero{display:flex;justify-content:space-between;align-items:center;gap:22px;border-radius:34px;padding:34px;background:radial-gradient(circle at 12% 0%,rgba(59,130,246,.22),transparent 30%),linear-gradient(135deg,#111827,#172554 58%,#2563eb 130%);box-shadow:0 30px 90px rgba(15,23,42,.18)}
.barionTestPill{display:inline-flex;padding:8px 14px;border-radius:999px;background:#dbeafe;color:#1d4ed8;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}
.barionTestHero h1{margin:14px 0 8px;color:#fff;font-size:clamp(34px,4vw,56px);line-height:1.02;letter-spacing:-.055em}.barionTestHero p{margin:0;color:#dbeafe;max-width:830px;line-height:1.6}.barionTestHeroActions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.barionTestGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.barionTestPanel{background:#fff;border:1px solid #dbeafe;border-radius:28px;padding:24px;box-shadow:0 24px 70px rgba(15,23,42,.08)}.barionTestPanel.full{margin-top:18px}
.barionPanelHead h2{margin:0;color:#0f172a;font-size:26px;letter-spacing:-.04em}.barionPanelHead p{margin:7px 0 0;color:#64748b;line-height:1.55}
.barionCheckList{display:grid;gap:10px;margin-top:18px}.barionCheckItem{display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:center;border:1px solid #e2e8f0;border-radius:18px;padding:13px;background:#f8fafc}.barionCheckItem.ok{background:#f0fdf4;border-color:#bbf7d0}.barionCheckItem.bad{background:#fef2f2;border-color:#fecaca}
.barionCheckIcon{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#16a34a;color:#fff;font-weight:950}.barionCheckItem.bad .barionCheckIcon{background:#dc2626}.barionCheckItem strong{display:block}.barionCheckItem p{margin:3px 0 0;color:#64748b;font-size:13px;line-height:1.4}.barionCheckItem>span{font-weight:950;color:#0f172a;text-align:right;max-width:260px;overflow-wrap:anywhere}
.barionTestBtn{border:0;border-radius:15px;background:#eff6ff;color:#1d4ed8;text-decoration:none;padding:12px 16px;font-weight:950;cursor:pointer;display:inline-flex;justify-content:center;align-items:center}.barionTestBtn.primary,.barionTestBtn:not(.ghost){background:#2563eb;color:#fff}.barionTestBtn.ghost{background:#fff;color:#1d4ed8;border:1px solid #dbeafe}.barionTestBtn.small{padding:9px 11px;font-size:13px}.barionTestBtn:disabled{opacity:.45;cursor:not-allowed}
.barionTestWarning{margin-top:18px;padding:18px;border-radius:18px;border:1px solid #fed7aa;background:#fff7ed;color:#9a3412}.barionTestWarning p{margin:5px 0 0}.barionPlanActions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.barionPlanActions form,.barionPlanActions button{width:100%}
.barionFlowSteps{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:20px}.barionFlowSteps div{background:#f8fbff;border:1px solid #dbeafe;border-radius:16px;padding:13px;text-align:center}.barionFlowSteps b{display:inline-flex;width:28px;height:28px;border-radius:50%;background:#2563eb;color:#fff;align-items:center;justify-content:center}.barionFlowSteps span{display:block;margin-top:8px;font-weight:900;color:#334155;font-size:12px}
.barionSyncForm{display:grid;gap:12px;margin-top:18px}.barionSyncForm label{font-weight:950;color:#334155}.barionSyncForm input{margin-top:8px;width:100%;border:1px solid #dbeafe;border-radius:14px;padding:13px 14px;font:inherit}.barionUrlBox{margin-top:14px;border:1px solid #dbeafe;background:#f8fbff;border-radius:18px;padding:15px}.barionUrlBox strong{display:block;margin-bottom:8px}.barionUrlBox code{display:block;color:#1d4ed8;overflow-wrap:anywhere;font-weight:900}
.barionPaymentRows{display:grid;gap:10px;margin-top:18px}.barionPaymentRow{display:grid;grid-template-columns:1fr 130px 160px auto;gap:14px;align-items:center;border:1px solid #e2e8f0;border-radius:18px;padding:14px;background:#fff}.barionPaymentRow p{margin:4px 0 0;color:#64748b}.barionStatusBadge{display:inline-flex;justify-content:center;border-radius:999px;padding:7px 10px;background:#dbeafe;color:#1d4ed8;font-weight:950;font-size:12px}.barionStatusBadge.status-succeeded,.barionStatusBadge.status-paid,.barionStatusBadge.status-completed{background:#dcfce7;color:#15803d}.barionStatusBadge.status-failed,.barionStatusBadge.status-canceled,.barionStatusBadge.status-expired{background:#fee2e2;color:#991b1b}.barionRowActions{display:flex;gap:8px;justify-content:flex-end}.barionEmpty{border:1px dashed #93c5fd;background:#f8fbff;border-radius:18px;padding:30px;text-align:center;color:#64748b;font-weight:900}
@media(max-width:1000px){.barionTestHero,.barionTestGrid{grid-template-columns:1fr;flex-direction:column;align-items:flex-start}.barionTestHeroActions{width:100%;justify-content:flex-start}.barionFlowSteps{grid-template-columns:1fr 1fr}.barionPaymentRow{grid-template-columns:1fr}.barionRowActions{justify-content:flex-start;flex-wrap:wrap}}@media(max-width:600px){.barionTestPage{width:min(100% - 20px,1320px)}.barionTestHero,.barionTestPanel{padding:18px;border-radius:22px}.barionPlanActions{grid-template-columns:1fr}.barionCheckItem{grid-template-columns:34px 1fr}.barionCheckItem>span{grid-column:2;text-align:left}.barionFlowSteps{grid-template-columns:1fr}.barionTestBtn{width:100%}}