.klv-portal-root {
  --blue: #0860a9; --red: #e21f35; --ink: #1c2b3a; --muted: #64748b; --border: #e2e8f0;
  direction: rtl; font-family: 'Cairo', Tahoma, Arial, sans-serif; color: var(--ink);
  max-width: 480px; margin: 20px auto;
}
.klv-portal-root * { box-sizing: border-box; }
.klv-p-loading { text-align: center; padding: 40px; color: var(--muted); }

.klv-p-card {
  background: #fff; border: 1px solid var(--border); border-radius: 14px; padding: 26px;
  box-shadow: 0 4px 18px rgba(15,23,42,.06);
}
.klv-p-card h2 { color: var(--blue); margin: 0 0 8px; font-size: 19px; }
.klv-p-card h3 { margin: 22px 0 10px; font-size: 15px; }
.klv-p-hint { color: var(--muted); font-size: 13.5px; margin-bottom: 18px; }
.klv-p-notice { background: #fef3c7; color: #92400e; padding: 10px 14px; border-radius: 8px; font-size: 13px; }

.klv-p-field { margin-bottom: 14px; }
.klv-p-field label { display: block; font-size: 13px; color: var(--muted); margin-bottom: 5px; }
.klv-p-field input, .klv-p-field select, .klv-p-field textarea {
  width: 100%; padding: 10px 12px; border: 1.5px solid var(--border); border-radius: 8px;
  font-family: inherit; font-size: 15px;
}
.klv-p-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }

.klv-p-stats { display: flex; gap: 10px; margin-bottom: 16px; }
.klv-p-stats > div {
  flex: 1; background: #f7f9fc; border: 1px solid var(--border); border-radius: 10px;
  padding: 10px; text-align: center;
}
.klv-p-stats span { display: block; font-size: 11.5px; color: var(--muted); margin-bottom: 4px; }
.klv-p-stats b { font-size: 18px; color: var(--blue); }

.klv-p-error { color: var(--red); font-size: 13px; margin-bottom: 10px; min-height: 18px; }

.klv-p-btn {
  width: 100%; background: var(--blue); color: #fff; border: none; padding: 12px;
  border-radius: 9px; font-size: 15px; cursor: pointer; font-family: inherit; margin-top: 6px;
}
.klv-p-btn:hover { background: #06508c; }
.klv-p-btn.ghost { background: none; color: var(--muted); border: 1.5px solid var(--border); }

.klv-p-success { text-align: center; }
.klv-p-success h2 { color: #166534; }