/* ===== Swapnochui Payment Plugin - Public Styles ===== */
.scp-wrapper { max-width: 860px; margin: 0 auto; font-family: 'Noto Sans Bengali', 'SolaimanLipi', sans-serif; }
.scp-section { background:#fff; border-radius:12px; padding:32px; margin-bottom:32px; box-shadow:0 2px 16px rgba(0,0,0,.08); }
.scp-section-title { font-size:1.5rem; font-weight:700; color:#1a1a2e; border-bottom:3px solid #3a86ff; padding-bottom:10px; margin-bottom:20px; }

/* Payment methods */
.scp-desc { color:#555; margin-bottom:20px; }
.scp-methods-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:14px; margin-bottom:28px; }
.scp-method-card { border:2px solid #e8eaf6; border-radius:10px; padding:16px; text-align:center; transition:.2s; }
.scp-method-card:hover { border-color:#3a86ff; box-shadow:0 4px 12px rgba(58,134,255,.15); }
.scp-method-bkash  { border-color:#e2136e22; } .scp-method-bkash:hover  { border-color:#e2136e; }
.scp-method-nagad  { border-color:#f5520022; } .scp-method-nagad:hover  { border-color:#f55200; }
.scp-method-rocket { border-color:#8b198b22; } .scp-method-rocket:hover { border-color:#8b198b; }
.scp-method-upay   { border-color:#00963622; } .scp-method-upay:hover   { border-color:#009636; }
.scp-method-icon { display:block; font-size:1.3rem; font-weight:800; color:#3a86ff; margin-bottom:6px; }
.scp-method-info { display:flex; flex-direction:column; gap:2px; margin-bottom:10px; }
.scp-method-label { font-size:.75rem; color:#888; }
.scp-method-number { font-size:1.05rem; font-weight:700; color:#1a1a2e; letter-spacing:.5px; }
.scp-method-type { font-size:.7rem; color:#aaa; }
.scp-copy-btn { background:#3a86ff; color:#fff; border:none; border-radius:6px; padding:6px 14px; cursor:pointer; font-size:.8rem; width:100%; }
.scp-copy-btn:hover { background:#2563eb; }
.scp-copy-btn.copied { background:#10b981; }

/* Form */
.scp-form-wrap { background:#f8faff; border-radius:10px; padding:24px; border:1px solid #e8eaf6; }
.scp-form-wrap h3 { margin:0 0 18px; color:#1a1a2e; }
.scp-form { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.scp-field { display:flex; flex-direction:column; gap:6px; }
.scp-field label { font-size:.85rem; font-weight:600; color:#333; }
.scp-field label span { color:#e53e3e; }
.scp-field input, .scp-field select { border:2px solid #e2e8f0; border-radius:8px; padding:10px 14px; font-size:.95rem; transition:.2s; outline:none; }
.scp-field input:focus, .scp-field select:focus { border-color:#3a86ff; box-shadow:0 0 0 3px rgba(58,134,255,.1); }
.scp-submit-btn { grid-column:1/-1; background:#3a86ff; color:#fff; border:none; border-radius:8px; padding:13px; font-size:1.05rem; font-weight:700; cursor:pointer; transition:.2s; }
.scp-submit-btn:hover { background:#2563eb; transform:translateY(-1px); }
.scp-submit-btn:disabled { opacity:.6; cursor:not-allowed; }
#scp-form-msg { grid-column:1/-1; padding:12px 16px; border-radius:8px; display:none; font-weight:600; }
#scp-form-msg.success { background:#d1fae5; color:#065f46; display:block; }
#scp-form-msg.error   { background:#fee2e2; color:#991b1b; display:block; }

/* Tables */
.scp-summary-bar { display:flex; gap:24px; margin-bottom:16px; padding:14px 18px; background:#f0f4ff; border-radius:8px; font-size:.95rem; color:#333; }
.scp-summary-bar strong { color:#3a86ff; }
.scp-table-wrap { overflow-x:auto; }
.scp-table { width:100%; border-collapse:collapse; }
.scp-table th { background:#f0f4ff; padding:12px 14px; text-align:left; font-size:.85rem; color:#555; border-bottom:2px solid #e8eaf6; }
.scp-table td { padding:11px 14px; border-bottom:1px solid #f0f0f0; font-size:.9rem; color:#333; }
.scp-table tr:hover td { background:#fafbff; }
.scp-empty { color:#aaa; text-align:center; padding:24px 0; }

@media(max-width:600px){
    .scp-form { grid-template-columns:1fr; }
    .scp-methods-grid { grid-template-columns:1fr 1fr; }
}
