:root {
  --srp-bg: #f5f7fb;
  --srp-card: rgba(255, 255, 255, .82);
  --srp-text: #0b1220;
  --srp-muted: #64748b;
  --srp-border: rgba(148, 163, 184, .28);
  --srp-primary: #2563eb;
  --srp-primary-2: #7c3aed;
  --srp-success: #16a34a;
  --srp-danger: #dc2626;
  --srp-shadow: 0 24px 70px rgba(15, 23, 42, .10);
}
.srp-app, .srp-app * { box-sizing: border-box; }
.srp-app {
  width: 100%;
  color: var(--srp-text);
  font-family: var(--srp-editor-font, "Archy EDT"), "Archy EDT", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.srp-hero {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 220px;
  gap: 24px;
  align-items: center;
  margin: 22px 0;
  padding: clamp(24px, 4vw, 42px);
  border: 1px solid var(--srp-border);
  border-radius: 32px;
  background:
    radial-gradient(circle at 15% 15%, rgba(37, 99, 235, .20), transparent 30%),
    radial-gradient(circle at 85% 10%, rgba(124, 58, 237, .20), transparent 26%),
    linear-gradient(135deg, rgba(255,255,255,.95), rgba(248,250,252,.80));
  box-shadow: var(--srp-shadow);
  backdrop-filter: blur(18px);
}
.srp-kicker, .srp-pill {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  border: 1px solid rgba(37, 99, 235, .18);
  border-radius: 999px;
  background: rgba(37, 99, 235, .08);
  color: #1d4ed8;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  padding: 7px 11px;
}
.srp-hero h2 {
  margin: 12px 0 8px;
  max-width: 760px;
  font-size: clamp(30px, 5vw, 56px);
  line-height: .98;
  letter-spacing: -.05em;
}
.srp-hero p { margin: 0; color: var(--srp-muted); font-size: 17px; }
.srp-balance-card {
  border-radius: 28px;
  padding: 22px;
  color: white;
  background: linear-gradient(135deg, var(--srp-primary), var(--srp-primary-2));
  box-shadow: 0 24px 55px rgba(37, 99, 235, .25);
}
.srp-balance-card span, .srp-balance-card small { display: block; opacity: .82; font-weight: 700; }
.srp-balance-card strong { display: block; margin: 8px 0; font-size: 52px; line-height: 1; letter-spacing: -.06em; }
.srp-grid { display: grid; gap: 18px; margin: 18px 0; }
.srp-grid-2 { grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr); }
.srp-card {
  border: 1px solid var(--srp-border);
  border-radius: 28px;
  background: var(--srp-card);
  box-shadow: var(--srp-shadow);
  backdrop-filter: blur(18px);
  padding: clamp(18px, 3vw, 28px);
  margin: 18px 0;
}
.srp-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 20px;
}
.srp-card-head > div { display: flex; align-items: center; gap: 12px; min-width: 0; }
.srp-card h3 { margin: 0; font-size: 23px; letter-spacing: -.03em; }
.srp-icon {
  display: inline-grid;
  place-items: center;
  min-width: 42px;
  height: 42px;
  border-radius: 16px;
  color: white;
  font-size: 12px;
  font-weight: 900;
  background: linear-gradient(135deg, var(--srp-primary), var(--srp-primary-2));
}
.srp-gradient-card {
  color: white;
  background: linear-gradient(135deg, #0f172a, #1e1b4b 55%, #312e81);
}
.srp-gradient-card p { margin: 12px 0 0; opacity: .82; }
.srp-inline-form { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 12px; }
.srp-form { display: grid; gap: 18px; }
.srp-field { display: grid; gap: 8px; }
.srp-field label { color: #334155; font-size: 13px; font-weight: 800; }
.srp-field small { color: var(--srp-muted); }
.srp-app input, .srp-app textarea, .srp-app select {
  width: 100%;
  min-height: 54px;
  padding: 14px 16px;
  border: 1px solid var(--srp-border);
  border-radius: 18px;
  outline: none;
  background: rgba(255,255,255,.86);
  color: var(--srp-text);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.srp-app textarea { min-height: 180px; resize: vertical; }
.srp-app input:focus, .srp-app textarea:focus, .srp-app select:focus {
  border-color: rgba(37, 99, 235, .55);
  box-shadow: 0 0 0 5px rgba(37, 99, 235, .12);
}
.srp-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  border: 0;
  border-radius: 18px;
  padding: 0 24px;
  cursor: pointer;
  color: white;
  font-weight: 900;
  background: linear-gradient(135deg, var(--srp-primary), var(--srp-primary-2));
  box-shadow: 0 14px 32px rgba(37, 99, 235, .25);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.srp-btn:hover { transform: translateY(-2px); filter: saturate(1.08); box-shadow: 0 20px 42px rgba(37, 99, 235, .32); }
.srp-btn-lg { width: fit-content; min-width: 180px; }
.srp-table-wrap { overflow-x: auto; border: 1px solid var(--srp-border); border-radius: 22px; }
.srp-table { width: 100%; border-collapse: separate; border-spacing: 0; overflow: hidden; }
.srp-table th, .srp-table td { padding: 16px; border-bottom: 1px solid var(--srp-border); text-align: left; white-space: nowrap; }
.srp-table th { color: #475569; font-size: 12px; text-transform: uppercase; letter-spacing: .05em; background: rgba(248,250,252,.86); }
.srp-table tr:last-child td { border-bottom: 0; }
.srp-table td:last-child { white-space: normal; min-width: 240px; }
.srp-status { display: inline-flex; padding: 7px 10px; border-radius: 999px; background: #e2e8f0; color: #334155; font-size: 12px; font-weight: 900; }
.srp-status-delivered, .srp-status-sent { background: rgba(22, 163, 74, .12); color: var(--srp-success); }
.srp-status-failed, .srp-status-undelivered { background: rgba(220, 38, 38, .12); color: var(--srp-danger); }
.srp-status-pending { background: rgba(245, 158, 11, .15); color: #b45309; }
.srp-empty { text-align: center !important; color: var(--srp-muted); padding: 28px !important; }
.srp-alert { margin: 16px 0; padding: 14px 16px; border-radius: 18px; font-weight: 800; }
.srp-alert-success { background: rgba(22, 163, 74, .10); color: #15803d; border: 1px solid rgba(22, 163, 74, .18); }
.srp-alert-error { background: rgba(220, 38, 38, .10); color: #b91c1c; border: 1px solid rgba(220, 38, 38, .18); }
@media (max-width: 760px) {
  .srp-hero, .srp-grid-2, .srp-inline-form { grid-template-columns: 1fr; }
  .srp-card-head { align-items: flex-start; flex-direction: column; }
  .srp-btn, .srp-btn-lg { width: 100%; }
}
.srp-mini-balance {
  display: inline-grid;
  gap: 4px;
  min-width: 260px;
  padding: 22px 26px;
  border-radius: 28px;
  color: white;
  background: linear-gradient(135deg, var(--srp-primary), var(--srp-primary-2));
  box-shadow: 0 24px 55px rgba(37, 99, 235, .25);
}
.srp-mini-balance span, .srp-mini-balance small { opacity: .82; font-weight: 800; }
.srp-mini-balance strong { font-size: 48px; line-height: 1; letter-spacing: -.06em; }
.srp-filter-bar {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
  align-items: end;
  margin-bottom: 18px;
  padding: 16px;
  border: 1px solid var(--srp-border);
  border-radius: 24px;
  background: rgba(248, 250, 252, .72);
}
.srp-stats-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(180px, 1fr));
  gap: 14px;
  margin: 0 0 18px;
}
.srp-stats-row > div {
  padding: 18px;
  border: 1px solid var(--srp-border);
  border-radius: 22px;
  background: rgba(255,255,255,.72);
}
.srp-stats-row span { display: block; color: var(--srp-muted); font-size: 13px; font-weight: 800; }
.srp-stats-row strong { display: block; margin-top: 6px; font-size: 28px; letter-spacing: -.04em; }
.srp-message-text { max-width: 420px; white-space: normal !important; }
.srp-muted { color: var(--srp-muted); }
.srp-status-completed, .srp-status-success, .srp-status-paid, .srp-status-approved { background: rgba(22, 163, 74, .12); color: var(--srp-success); }
.srp-status-created { background: rgba(37, 99, 235, .10); color: #1d4ed8; }
.srp-status-rejected, .srp-status-fail, .srp-status-failed { background: rgba(220, 38, 38, .12); color: var(--srp-danger); }
@media (max-width: 980px) { .srp-filter-bar { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .srp-filter-bar, .srp-stats-row { grid-template-columns: 1fr; } .srp-mini-balance { width: 100%; } }

.srp-dashboard-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:28px 0}.srp-stat-card{background:rgba(255,255,255,.82);border:1px solid rgba(148,163,184,.28);border-radius:26px;padding:24px;box-shadow:0 18px 45px rgba(15,23,42,.08);backdrop-filter:blur(16px)}.srp-stat-card span{display:block;color:#64748b;font-weight:700;font-size:13px;margin-bottom:10px}.srp-stat-card strong{font-size:36px;line-height:1;color:#172033}.srp-shortcode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.srp-shortcode-grid div{padding:18px;border:1px solid rgba(148,163,184,.25);border-radius:20px;background:#f8fafc}.srp-shortcode-grid b{display:block;color:#2563eb;margin-bottom:8px}.srp-shortcode-grid span{color:#64748b;font-size:14px}@media(max-width:900px){.srp-dashboard-stats,.srp-shortcode-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.srp-dashboard-stats,.srp-shortcode-grid{grid-template-columns:1fr}}

/* v0.5 custom auth/profile */
.srp-auth-card{max-width:920px;margin-left:auto;margin-right:auto}.srp-check{display:flex;gap:10px;align-items:center;margin:8px 0 20px;font-weight:700;color:#23324a}.srp-check input{width:18px;height:18px}.srp-profile-card{background:linear-gradient(135deg,#ffffff 0%,#f8fbff 58%,#eef2ff 100%)}.srp-profile-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.srp-profile-list>div{padding:18px;border:1px solid rgba(148,163,184,.25);border-radius:22px;background:rgba(255,255,255,.75);box-shadow:0 14px 36px rgba(15,23,42,.06)}.srp-profile-list span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-weight:800;margin-bottom:6px}.srp-profile-list strong{display:block;font-size:18px;color:#172033;word-break:break-word}.srp-profile-list small{display:block;margin-top:6px;color:#ef4444;font-weight:700}.srp-status-active{background:#dcfce7;color:#166534}.srp-status-suspended{background:#fef3c7;color:#92400e}.srp-status-blocked{background:#fee2e2;color:#991b1b}@media(max-width:760px){.srp-profile-list{grid-template-columns:1fr}}

/* v0.6 auth UX/mobile fixes */
.srp-actions{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin-top:8px}.srp-actions .srp-btn{margin-left:auto;margin-right:auto}.srp-center-text{text-align:center}.srp-centered-form{max-width:520px;margin:0 auto}.srp-otp-input{text-align:center;font-size:28px;font-weight:900;letter-spacing:.35em}.srp-check{display:flex!important;align-items:center!important;justify-content:center;gap:10px;margin:10px 0 18px;font-weight:800;color:#23324a;line-height:1.45}.srp-check input[type="checkbox"]{appearance:auto!important;-webkit-appearance:checkbox!important;width:18px!important;min-width:18px!important;max-width:18px!important;height:18px!important;min-height:18px!important;padding:0!important;margin:0!important;border-radius:4px!important;box-shadow:none!important}.srp-check span{display:inline}.srp-check a{color:#2563eb;text-decoration:underline;text-underline-offset:3px}.srp-auth-otp-only{max-width:640px}.srp-app .srp-card .srp-btn{align-self:center}.srp-app form .srp-btn{display:flex;margin-left:auto;margin-right:auto}.srp-alert a{font-weight:900;color:inherit;text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){.srp-auth-card{max-width:100%;border-radius:22px;padding:18px}.srp-grid,.srp-grid-2{grid-template-columns:1fr!important}.srp-card-head{gap:12px}.srp-card h3{font-size:20px}.srp-app input,.srp-app textarea,.srp-app select{min-height:50px;border-radius:15px;font-size:16px}.srp-app textarea{min-height:140px}.srp-actions .srp-btn,.srp-app form .srp-btn{width:100%;min-width:0}.srp-check{align-items:flex-start!important;justify-content:flex-start;text-align:left}.srp-otp-input{font-size:24px;letter-spacing:.25em}.srp-table-wrap{margin-left:-4px;margin-right:-4px}.srp-profile-list{grid-template-columns:1fr!important}}

/* v0.7 pricing/templates/analyzer */
.srp-analyzer-box{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:14px 0 10px}
.srp-analyzer-box>div{border:1px solid rgba(148,163,184,.35);background:linear-gradient(180deg,#fff,rgba(248,250,252,.9));border-radius:18px;padding:14px;box-shadow:0 10px 30px rgba(15,23,42,.06)}
.srp-analyzer-box span{display:block;font-size:12px;color:#64748b;margin-bottom:6px}
.srp-analyzer-box strong{font-size:20px;color:#172033}
.srp-help-link{font-size:12px;margin-left:8px;color:#2563eb;text-decoration:none;border:1px solid #bfdbfe;background:#eff6ff;border-radius:999px;padding:4px 9px}
.srp-template-title{max-width:520px;margin-left:auto;margin-right:auto}
.srp-actions-inline{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.srp-actions-inline form{margin:0}
.srp-mini-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #bfdbfe;background:#eff6ff;color:#2563eb;border-radius:999px;padding:8px 12px;font-weight:800;text-decoration:none;cursor:pointer}
.srp-mini-btn.srp-danger{border-color:#fecaca;background:#fef2f2;color:#dc2626}
.srp-price-mini{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0 22px}
.srp-price-mini>div{border:1px solid rgba(148,163,184,.35);border-radius:18px;padding:14px;background:#fff;box-shadow:0 12px 32px rgba(15,23,42,.06)}
.srp-price-mini strong,.srp-price-mini span,.srp-price-mini small{display:block}.srp-price-mini span{font-weight:900;color:#2563eb;margin-top:6px}.srp-price-mini small{color:#64748b;margin-top:4px}
.srp-small-check{justify-content:center;align-items:center;gap:10px}.srp-small-check input{width:18px!important;height:18px!important;min-width:18px!important;appearance:auto!important}
@media(max-width:760px){.srp-analyzer-box,.srp-price-mini{grid-template-columns:1fr}.srp-actions-inline{justify-content:center}.srp-card-head{gap:12px}.srp-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.srp-table{min-width:720px}}

/* v1.0 SMSOffice-style send form */
.srp-send-office-layout{max-width:980px;margin-left:auto;margin-right:auto}
.srp-office-form{gap:16px}
.srp-office-row{display:grid;gap:7px}
.srp-office-row label{font-size:14px;font-weight:900;color:#172033;display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.srp-inline-add{color:#0284c7;text-decoration:none;font-weight:900;font-size:13px}
.srp-inline-add:hover{text-decoration:underline;text-underline-offset:3px}
.srp-info-dot{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:999px;background:#94a3b8;color:white;font-size:12px;font-weight:900;line-height:1;cursor:help}
.srp-office-row textarea[name="destination"]{min-height:118px}
.srp-office-row textarea[name="content"]{min-height:150px}
.srp-office-row small{color:#64748b;font-size:13px;font-weight:700}
.srp-office-analysis-line{display:grid;gap:3px;color:#64748b;font-size:13px;font-weight:800;line-height:1.45}
.srp-office-analysis-line b{color:#0f172a}
.srp-office-analysis-line a{color:#0284c7;text-decoration:none;font-weight:900;width:max-content}
.srp-office-analysis-line a:hover{text-decoration:underline;text-underline-offset:3px}
.srp-analyzer-compact{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px}
.srp-analyzer-compact>div{padding:12px;border-radius:16px}
.srp-save-template-line{justify-content:flex-start!important;margin:2px 0 2px!important}
.srp-send-office-layout .srp-actions{justify-content:flex-start;margin-top:4px}
.srp-send-office-layout .srp-actions .srp-btn{margin-left:0;margin-right:0}
@media(max-width:760px){
  .srp-send-office-layout{border-radius:22px;padding:18px}
  .srp-office-row label{font-size:13px}
  .srp-analyzer-compact{grid-template-columns:1fr 1fr}
  .srp-send-office-layout .srp-actions{justify-content:center}
  .srp-send-office-layout .srp-actions .srp-btn{width:100%;margin-left:auto;margin-right:auto}
}
@media(max-width:480px){.srp-analyzer-compact{grid-template-columns:1fr}}

/* v1.1 textarea input safety */
.srp-app textarea,
.srp-app input,
.srp-app select {
  pointer-events: auto !important;
  user-select: text !important;
  -webkit-user-select: text !important;
}
.srp-app textarea {
  color: var(--srp-text) !important;
  background-color: #fff !important;
  caret-color: var(--srp-primary) !important;
  resize: vertical;
  position: relative;
  z-index: 2;
}

/* v1.3 pricing/top-up UX */
.srp-topup-summary{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap:14px;
  margin:14px 0 22px;
}
.srp-topup-summary > div{
  border:1px solid rgba(148,163,184,.32);
  border-radius:18px;
  padding:16px 18px;
  background:linear-gradient(180deg,#fff,rgba(248,250,252,.88));
  box-shadow:0 12px 30px rgba(15,23,42,.06);
}
.srp-topup-summary span{display:block;color:#64748b;font-size:13px;margin-bottom:6px;font-weight:700;}
.srp-topup-summary strong{display:block;font-size:22px;color:#0f172a;}
.srp-selectable-packages{align-items:stretch;}
.srp-package-card{
  text-align:left;
  border:1px solid rgba(148,163,184,.32);
  border-radius:18px;
  padding:18px;
  background:#fff;
  cursor:pointer;
  transition:.18s ease;
  box-shadow:0 16px 35px rgba(15,23,42,.06);
  color:#0f172a;
}
.srp-package-card:hover{transform:translateY(-2px);border-color:#2563eb;box-shadow:0 20px 45px rgba(37,99,235,.12);}
.srp-package-card.is-selected{border-color:#6d3df5;background:linear-gradient(135deg,rgba(37,99,235,.10),rgba(124,58,237,.12));box-shadow:0 20px 45px rgba(109,61,245,.18);}
.srp-package-card strong,.srp-package-card span,.srp-package-card small{display:block;}
.srp-package-card strong{font-size:18px;margin-bottom:10px;}
.srp-package-card span{font-size:20px;color:#0b63f6;font-weight:800;margin-bottom:6px;}
.srp-package-card small{color:#64748b;font-weight:600;}
@media (max-width:640px){.srp-topup-summary{grid-template-columns:1fr}.srp-package-card{text-align:center}.srp-topup-summary{text-align:center}}

/* v1.6 selectable user-side visual themes: 40 presets */
body.srp-theme-aurora .srp-app{--srp-bg:#f5f7fb;--srp-card:rgba(255,255,255,.84);--srp-text:#0b1220;--srp-muted:#64748b;--srp-border:rgba(148,163,184,.28);--srp-primary:#2563eb;--srp-primary-2:#7c3aed;--srp-shadow:0 24px 70px rgba(15,23,42,.10)}
body.srp-theme-midnight .srp-app{--srp-bg:#020617;--srp-card:rgba(15,23,42,.92);--srp-text:#e5e7eb;--srp-muted:#94a3b8;--srp-border:rgba(148,163,184,.22);--srp-primary:#38bdf8;--srp-primary-2:#818cf8;--srp-shadow:0 28px 80px rgba(2,6,23,.50)}
body.srp-theme-emerald .srp-app{--srp-bg:#ecfdf5;--srp-card:rgba(255,255,255,.88);--srp-text:#052e2b;--srp-muted:#64748b;--srp-border:rgba(16,185,129,.22);--srp-primary:#059669;--srp-primary-2:#10b981;--srp-shadow:0 24px 70px rgba(5,150,105,.12)}
body.srp-theme-sunset .srp-app{--srp-bg:#fff7ed;--srp-card:rgba(255,255,255,.88);--srp-text:#431407;--srp-muted:#78716c;--srp-border:rgba(251,146,60,.28);--srp-primary:#f97316;--srp-primary-2:#e11d48;--srp-shadow:0 24px 70px rgba(249,115,22,.14)}
body.srp-theme-mono .srp-app{--srp-bg:#f8fafc;--srp-card:#ffffff;--srp-text:#020617;--srp-muted:#475569;--srp-border:rgba(2,6,23,.18);--srp-primary:#111827;--srp-primary-2:#334155;--srp-shadow:0 18px 45px rgba(2,6,23,.08)}
body.srp-theme-ocean .srp-app{--srp-bg:#ecfeff;--srp-card:rgba(255,255,255,.88);--srp-text:#083344;--srp-muted:#64748b;--srp-border:rgba(6,182,212,.28);--srp-primary:#0891b2;--srp-primary-2:#2563eb;--srp-shadow:0 24px 70px rgba(8,145,178,.13)}
body.srp-theme-royal .srp-app{--srp-bg:#f5f3ff;--srp-card:rgba(255,255,255,.88);--srp-text:#2e1065;--srp-muted:#6b7280;--srp-border:rgba(124,58,237,.24);--srp-primary:#7c3aed;--srp-primary-2:#4f46e5;--srp-shadow:0 24px 70px rgba(124,58,237,.15)}
body.srp-theme-soft .srp-app{--srp-bg:#fffaf0;--srp-card:rgba(255,251,235,.92);--srp-text:#451a03;--srp-muted:#78716c;--srp-border:rgba(180,83,9,.22);--srp-primary:#b45309;--srp-primary-2:#d97706;--srp-shadow:0 24px 70px rgba(180,83,9,.13)}
body.srp-theme-neon .srp-app{--srp-bg:#050505;--srp-card:rgba(17,24,39,.94);--srp-text:#ecfdf5;--srp-muted:#99f6e4;--srp-border:rgba(34,197,94,.28);--srp-primary:#22c55e;--srp-primary-2:#14b8a6;--srp-shadow:0 0 55px rgba(34,197,94,.18)}
body.srp-theme-classic .srp-app{--srp-bg:#ffffff;--srp-card:#ffffff;--srp-text:#111827;--srp-muted:#4b5563;--srp-border:#d1d5db;--srp-primary:#0f172a;--srp-primary-2:#1d4ed8;--srp-shadow:0 14px 35px rgba(15,23,42,.08)}
body.srp-theme-glass-lime .srp-app{--srp-bg:#f7fee7;--srp-card:rgba(255,255,255,.78);--srp-text:#1a2e05;--srp-muted:#64748b;--srp-border:rgba(132,204,22,.28);--srp-primary:#65a30d;--srp-primary-2:#22c55e;--srp-shadow:0 22px 60px rgba(101,163,13,.14)}
body.srp-theme-graphite .srp-app{--srp-bg:#111827;--srp-card:rgba(31,41,55,.92);--srp-text:#f9fafb;--srp-muted:#cbd5e1;--srp-border:rgba(203,213,225,.20);--srp-primary:#94a3b8;--srp-primary-2:#f8fafc;--srp-shadow:0 24px 70px rgba(0,0,0,.42)}
body.srp-theme-candy .srp-app{--srp-bg:#fff1f2;--srp-card:rgba(255,255,255,.90);--srp-text:#831843;--srp-muted:#9f1239;--srp-border:rgba(244,114,182,.26);--srp-primary:#ec4899;--srp-primary-2:#8b5cf6;--srp-shadow:0 24px 70px rgba(236,72,153,.14)}
body.srp-theme-fintech .srp-app{--srp-bg:#eff6ff;--srp-card:rgba(255,255,255,.94);--srp-text:#0f172a;--srp-muted:#475569;--srp-border:rgba(37,99,235,.20);--srp-primary:#1d4ed8;--srp-primary-2:#06b6d4;--srp-shadow:0 22px 58px rgba(29,78,216,.13)}
body.srp-theme-terminal .srp-app{--srp-bg:#020617;--srp-card:rgba(2,6,23,.96);--srp-text:#bbf7d0;--srp-muted:#86efac;--srp-border:rgba(34,197,94,.30);--srp-primary:#22c55e;--srp-primary-2:#84cc16;--srp-shadow:0 0 45px rgba(34,197,94,.20)}
body.srp-theme-paper .srp-app{--srp-bg:#fafaf9;--srp-card:#fffefa;--srp-text:#1c1917;--srp-muted:#78716c;--srp-border:#e7e5e4;--srp-primary:#92400e;--srp-primary-2:#f59e0b;--srp-shadow:0 18px 45px rgba(120,113,108,.12)}
body.srp-theme-skyline .srp-app{--srp-bg:#f0f9ff;--srp-card:rgba(255,255,255,.90);--srp-text:#082f49;--srp-muted:#64748b;--srp-border:rgba(14,165,233,.25);--srp-primary:#0284c7;--srp-primary-2:#38bdf8;--srp-shadow:0 24px 70px rgba(2,132,199,.14)}
body.srp-theme-lava .srp-app{--srp-bg:#180b0b;--srp-card:rgba(31,15,15,.94);--srp-text:#fff7ed;--srp-muted:#fed7aa;--srp-border:rgba(248,113,113,.24);--srp-primary:#ef4444;--srp-primary-2:#f97316;--srp-shadow:0 0 55px rgba(239,68,68,.20)}
body.srp-theme-mint .srp-app{--srp-bg:#f0fdfa;--srp-card:rgba(255,255,255,.88);--srp-text:#134e4a;--srp-muted:#64748b;--srp-border:rgba(20,184,166,.24);--srp-primary:#0d9488;--srp-primary-2:#14b8a6;--srp-shadow:0 22px 60px rgba(13,148,136,.13)}
body.srp-theme-plum .srp-app{--srp-bg:#faf5ff;--srp-card:rgba(255,255,255,.90);--srp-text:#581c87;--srp-muted:#7e22ce;--srp-border:rgba(168,85,247,.22);--srp-primary:#9333ea;--srp-primary-2:#f59e0b;--srp-shadow:0 24px 70px rgba(147,51,234,.15)}
body.srp-theme-steel .srp-app{--srp-bg:#f1f5f9;--srp-card:#ffffff;--srp-text:#0f172a;--srp-muted:#64748b;--srp-border:#cbd5e1;--srp-primary:#475569;--srp-primary-2:#0ea5e9;--srp-shadow:0 18px 48px rgba(71,85,105,.12)}
body.srp-theme-warm-gray .srp-app{--srp-bg:#f5f5f4;--srp-card:#fff;--srp-text:#292524;--srp-muted:#78716c;--srp-border:#d6d3d1;--srp-primary:#57534e;--srp-primary-2:#a16207;--srp-shadow:0 20px 52px rgba(87,83,78,.12)}
body.srp-theme-indigo .srp-app{--srp-bg:#eef2ff;--srp-card:rgba(255,255,255,.90);--srp-text:#1e1b4b;--srp-muted:#6366f1;--srp-border:rgba(99,102,241,.24);--srp-primary:#4f46e5;--srp-primary-2:#06b6d4;--srp-shadow:0 24px 70px rgba(79,70,229,.15)}
body.srp-theme-rose .srp-app{--srp-bg:#fff1f2;--srp-card:rgba(255,255,255,.90);--srp-text:#881337;--srp-muted:#9f1239;--srp-border:rgba(251,113,133,.24);--srp-primary:#e11d48;--srp-primary-2:#fb7185;--srp-shadow:0 24px 70px rgba(225,29,72,.14)}
body.srp-theme-gold .srp-app{--srp-bg:#fffbeb;--srp-card:rgba(255,255,255,.92);--srp-text:#451a03;--srp-muted:#92400e;--srp-border:rgba(245,158,11,.26);--srp-primary:#d97706;--srp-primary-2:#f59e0b;--srp-shadow:0 24px 70px rgba(217,119,6,.14)}
body.srp-theme-ice .srp-app{--srp-bg:#f8fafc;--srp-card:rgba(240,249,255,.78);--srp-text:#0f172a;--srp-muted:#64748b;--srp-border:rgba(125,211,252,.32);--srp-primary:#38bdf8;--srp-primary-2:#2563eb;--srp-shadow:0 24px 70px rgba(56,189,248,.13)}
body.srp-theme-matrix .srp-app{--srp-bg:#000000;--srp-card:rgba(3,7,18,.95);--srp-text:#dcfce7;--srp-muted:#86efac;--srp-border:rgba(74,222,128,.26);--srp-primary:#16a34a;--srp-primary-2:#22c55e;--srp-shadow:0 0 65px rgba(22,163,74,.20)}
body.srp-theme-coral .srp-app{--srp-bg:#fff7ed;--srp-card:rgba(255,255,255,.90);--srp-text:#7c2d12;--srp-muted:#64748b;--srp-border:rgba(251,113,133,.23);--srp-primary:#fb7185;--srp-primary-2:#0ea5e9;--srp-shadow:0 24px 70px rgba(251,113,133,.14)}
body.srp-theme-navy .srp-app{--srp-bg:#0b1220;--srp-card:rgba(15,23,42,.94);--srp-text:#f8fafc;--srp-muted:#cbd5e1;--srp-border:rgba(96,165,250,.22);--srp-primary:#2563eb;--srp-primary-2:#60a5fa;--srp-shadow:0 28px 80px rgba(0,0,0,.40)}
body.srp-theme-pearl .srp-app{--srp-bg:#fbfdff;--srp-card:#ffffff;--srp-text:#0f172a;--srp-muted:#64748b;--srp-border:#e2e8f0;--srp-primary:#64748b;--srp-primary-2:#2563eb;--srp-shadow:0 18px 42px rgba(15,23,42,.07)}
body.srp-theme-cyber .srp-app{--srp-bg:#10051d;--srp-card:rgba(30,15,55,.94);--srp-text:#f5f3ff;--srp-muted:#d8b4fe;--srp-border:rgba(168,85,247,.25);--srp-primary:#a855f7;--srp-primary-2:#22d3ee;--srp-shadow:0 0 60px rgba(168,85,247,.22)}
body.srp-theme-sand .srp-app{--srp-bg:#fef3c7;--srp-card:rgba(255,251,235,.92);--srp-text:#422006;--srp-muted:#92400e;--srp-border:rgba(217,119,6,.20);--srp-primary:#b45309;--srp-primary-2:#ea580c;--srp-shadow:0 22px 58px rgba(180,83,9,.13)}
body.srp-theme-blueprint .srp-app{--srp-bg:#dbeafe;--srp-card:rgba(239,246,255,.92);--srp-text:#1e3a8a;--srp-muted:#1d4ed8;--srp-border:rgba(59,130,246,.30);--srp-primary:#1d4ed8;--srp-primary-2:#0ea5e9;--srp-shadow:0 22px 60px rgba(29,78,216,.14)}
body.srp-theme-orchid .srp-app{--srp-bg:#fdf4ff;--srp-card:rgba(255,255,255,.86);--srp-text:#701a75;--srp-muted:#a21caf;--srp-border:rgba(217,70,239,.22);--srp-primary:#c026d3;--srp-primary-2:#ec4899;--srp-shadow:0 24px 70px rgba(192,38,211,.15)}
body.srp-theme-coffee .srp-app{--srp-bg:#f5f5f4;--srp-card:rgba(255,255,255,.90);--srp-text:#3f2412;--srp-muted:#78716c;--srp-border:rgba(120,53,15,.20);--srp-primary:#78350f;--srp-primary-2:#b45309;--srp-shadow:0 20px 55px rgba(120,53,15,.14)}
body.srp-theme-slate-glass .srp-app{--srp-bg:#e2e8f0;--srp-card:rgba(255,255,255,.72);--srp-text:#0f172a;--srp-muted:#475569;--srp-border:rgba(71,85,105,.22);--srp-primary:#334155;--srp-primary-2:#64748b;--srp-shadow:0 22px 60px rgba(51,65,85,.13)}
body.srp-theme-lime-dark .srp-app{--srp-bg:#0a0f05;--srp-card:rgba(20,25,15,.94);--srp-text:#ecfccb;--srp-muted:#bef264;--srp-border:rgba(132,204,22,.25);--srp-primary:#84cc16;--srp-primary-2:#22c55e;--srp-shadow:0 0 55px rgba(132,204,22,.18)}
body.srp-theme-ruby .srp-app{--srp-bg:#fff1f2;--srp-card:rgba(255,255,255,.92);--srp-text:#7f1d1d;--srp-muted:#64748b;--srp-border:rgba(239,68,68,.22);--srp-primary:#dc2626;--srp-primary-2:#f43f5e;--srp-shadow:0 24px 70px rgba(220,38,38,.14)}
body.srp-theme-teal-pro .srp-app{--srp-bg:#f0fdfa;--srp-card:rgba(255,255,255,.92);--srp-text:#042f2e;--srp-muted:#64748b;--srp-border:rgba(15,118,110,.22);--srp-primary:#0f766e;--srp-primary-2:#14b8a6;--srp-shadow:0 24px 70px rgba(15,118,110,.13)}
body.srp-theme-violet-dark .srp-app{--srp-bg:#120021;--srp-card:rgba(28,12,48,.94);--srp-text:#f5f3ff;--srp-muted:#c4b5fd;--srp-border:rgba(139,92,246,.25);--srp-primary:#8b5cf6;--srp-primary-2:#ec4899;--srp-shadow:0 0 65px rgba(139,92,246,.20)}
body[class*="srp-theme-"] .srp-app{background:var(--srp-bg);color:var(--srp-text)}
body[class*="srp-theme-"] .srp-card,
body[class*="srp-theme-"] .srp-hero,
body[class*="srp-theme-"] .srp-package-card,
body[class*="srp-theme-"] .srp-topup-summary>div{background:var(--srp-card);border-color:var(--srp-border);box-shadow:var(--srp-shadow);color:var(--srp-text)}
body[class*="srp-theme-"] .srp-btn,
body[class*="srp-theme-"] .srp-balance-card,
body[class*="srp-theme-"] .srp-icon{background:linear-gradient(135deg,var(--srp-primary),var(--srp-primary-2));color:#fff}
body[class*="srp-theme-"] .srp-pill,
body[class*="srp-theme-"] .srp-kicker{border-color:var(--srp-border);background:rgba(37,99,235,.08);color:var(--srp-primary)}
body[class*="srp-theme-"] .srp-app input,
body[class*="srp-theme-"] .srp-app textarea,
body[class*="srp-theme-"] .srp-app select{border-color:var(--srp-border)}
body.srp-theme-midnight .srp-app input,body.srp-theme-midnight .srp-app textarea,body.srp-theme-midnight .srp-app select,
body.srp-theme-neon .srp-app input,body.srp-theme-neon .srp-app textarea,body.srp-theme-neon .srp-app select,
body.srp-theme-terminal .srp-app input,body.srp-theme-terminal .srp-app textarea,body.srp-theme-terminal .srp-app select,
body.srp-theme-graphite .srp-app input,body.srp-theme-graphite .srp-app textarea,body.srp-theme-graphite .srp-app select,
body.srp-theme-lava .srp-app input,body.srp-theme-lava .srp-app textarea,body.srp-theme-lava .srp-app select,
body.srp-theme-navy .srp-app input,body.srp-theme-navy .srp-app textarea,body.srp-theme-navy .srp-app select,
body.srp-theme-cyber .srp-app input,body.srp-theme-cyber .srp-app textarea,body.srp-theme-cyber .srp-app select,
body.srp-theme-matrix .srp-app input,body.srp-theme-matrix .srp-app textarea,body.srp-theme-matrix .srp-app select,
body.srp-theme-lime-dark .srp-app input,body.srp-theme-lime-dark .srp-app textarea,body.srp-theme-lime-dark .srp-app select,
body.srp-theme-violet-dark .srp-app input,body.srp-theme-violet-dark .srp-app textarea,body.srp-theme-violet-dark .srp-app select{background:rgba(15,23,42,.78)!important;color:var(--srp-text)!important;border-color:var(--srp-border)!important}
body.srp-theme-midnight .srp-table,body.srp-theme-neon .srp-table,body.srp-theme-terminal .srp-table,body.srp-theme-graphite .srp-table,body.srp-theme-lava .srp-table,body.srp-theme-navy .srp-table,body.srp-theme-cyber .srp-table,body.srp-theme-matrix .srp-table,body.srp-theme-lime-dark .srp-table,body.srp-theme-violet-dark .srp-table{color:var(--srp-text)}
body.srp-theme-mono .srp-card,body.srp-theme-mono .srp-hero,body.srp-theme-classic .srp-card,body.srp-theme-classic .srp-hero,body.srp-theme-steel .srp-card,body.srp-theme-steel .srp-hero{border-radius:12px}
body.srp-theme-terminal .srp-card,body.srp-theme-terminal .srp-hero,body.srp-theme-matrix .srp-card,body.srp-theme-matrix .srp-hero{border-radius:8px;border-style:dashed}
body.srp-theme-paper .srp-card,body.srp-theme-paper .srp-hero,body.srp-theme-sand .srp-card,body.srp-theme-sand .srp-hero{border-radius:18px}
body.srp-theme-candy .srp-card,body.srp-theme-candy .srp-hero,body.srp-theme-orchid .srp-card,body.srp-theme-orchid .srp-hero{border-radius:34px}



/* v2.2 OTP and registration UX fixes */
.srp-auth-card .srp-form{gap:14px!important}
.srp-auth-card .srp-grid{gap:16px 22px!important;margin-bottom:0!important}
.srp-auth-card .srp-field{margin-bottom:10px!important}
.srp-auth-card textarea{min-height:120px!important}
.srp-field-error{display:block;color:#dc2626;font-weight:800;margin-top:6px;min-height:16px}
.srp-otp-target{display:block;text-align:center;margin:14px 0 26px;color:#64748b;font-weight:800;font-size:16px}
.srp-otp-target strong{color:#0f172a}
.srp-otp-input{text-align:center!important;font-size:34px!important;letter-spacing:14px!important;font-weight:900!important;line-height:1!important;max-width:520px!important;margin:0 auto!important;display:block!important}
.srp-otp-actions{margin-top:22px!important;justify-content:center!important}
.srp-resend-wrap{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:12px;flex-wrap:wrap;text-align:center}
.srp-resend-timer{font-weight:800;color:#64748b}
.srp-link-btn{appearance:none;border:0;background:transparent;color:#2563eb;text-decoration:underline;font-weight:900;cursor:pointer;padding:8px 10px}
.srp-check{align-items:center!important;justify-content:center!important;gap:10px!important}
.srp-check input[type=checkbox]{width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;flex:0 0 18px!important}
@media(max-width:700px){
  .srp-auth-card .srp-grid,.srp-grid-2{grid-template-columns:1fr!important;gap:10px!important}
  .srp-auth-card{padding:22px!important;border-radius:24px!important}
  .srp-otp-input{font-size:28px!important;letter-spacing:10px!important;max-width:100%!important}
  .srp-card-head{gap:12px!important;align-items:flex-start!important}
  .srp-card-head>div{display:flex!important;align-items:center!important;gap:10px!important}
  .srp-actions{justify-content:center!important}
}