/**
 * Admin panel light theme — html[data-theme="light"]
 * Works with admin.css; login/register inline pages via variable overrides.
 */

html[data-theme="light"] {
  --bg-primary: #f8fafc;
  --bg-secondary: #ffffff;
  --bg-card: #ffffff;
  --border-color: #e2e8f0;
  --accent-color: #0284c7;
  --accent-glow: rgba(2, 132, 199, 0.2);
  --text-primary: #1e293b;
  --text-secondary: #475569;
  --text-muted: #64748b;
  --select-option-bg: #ffffff;
  --select-option-text: #1e293b;
  --select-option-active-bg: #0284c7;
  --select-option-active-text: #ffffff;
}

html[data-theme="light"] body {
  background: var(--bg-primary);
  color: var(--text-primary);
}

/* Login / register (admin.css + inline pages) */
html[data-theme="light"] .login-container {
  background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 50%, #e2e8f0 100%);
}

html[data-theme="light"] .login-container::before {
  opacity: 0.4;
}

html[data-theme="light"] .bg-grid {
  opacity: 0.15;
}

html[data-theme="light"] .login-card {
  background: #ffffff;
  border-color: #e2e8f0;
  box-shadow: 0 8px 32px rgba(15, 23, 42, 0.08);
}

html[data-theme="light"] .login-card h1,
html[data-theme="light"] .login-card h2 {
  color: var(--text-primary);
}

html[data-theme="light"] .form-group label {
  color: var(--text-secondary);
}

html[data-theme="light"] .form-group input,
html[data-theme="light"] .form-group select,
html[data-theme="light"] .form-group textarea {
  background: #ffffff;
  border-color: #cbd5e1;
  color: var(--text-primary);
}

html[data-theme="light"] .form-group input:focus,
html[data-theme="light"] .form-group select:focus,
html[data-theme="light"] .form-group textarea:focus {
  border-color: var(--accent-color);
  box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.15);
  background: #ffffff;
}

html[data-theme="light"] .login-button,
html[data-theme="light"] .submit-button {
  background: linear-gradient(135deg, #0369a1, #0284c7);
  box-shadow: 0 2px 8px rgba(2, 132, 199, 0.25);
}

html[data-theme="light"] .login-button:hover,
html[data-theme="light"] .submit-button:hover {
  box-shadow: 0 4px 14px rgba(2, 132, 199, 0.35);
}

html[data-theme="light"] .login-button::before,
html[data-theme="light"] .submit-button::before {
  display: none;
}

html[data-theme="light"] .register-link a,
html[data-theme="light"] .login-footer a {
  color: var(--accent-color);
}

html[data-theme="light"] .captcha-box {
  background: #f1f5f9;
  border-color: #e2e8f0;
}

html[data-theme="light"] .captcha-box span,
html[data-theme="light"] #captchaQuestion {
  color: var(--text-primary) !important;
}

/* Inline login/register pages (login.ejs, register.ejs) */
html[data-theme="light"] {
  --bg: #f8fafc;
  --bg2: #f1f5f9;
  --surface: #ffffff;
  --border: #e2e8f0;
  --border2: #cbd5e1;
  --cyan: #0284c7;
  --text: #1e293b;
  --muted: #64748b;
  --white: #0f172a;
}

html[data-theme="light"] html,
html[data-theme="light"] body.login-page-body {
  background: var(--bg);
  color: var(--text);
}

/* Header */
html[data-theme="light"] .admin-header {
  background: rgba(255, 255, 255, 0.95);
  border-bottom-color: var(--border-color);
  box-shadow: 0 1px 12px rgba(15, 23, 42, 0.06);
  color: var(--text-primary);
}

html[data-theme="light"] .user-info {
  color: var(--text-secondary);
}

html[data-theme="light"] .header-balance {
  background: rgba(2, 132, 199, 0.08);
  border-color: rgba(2, 132, 199, 0.2);
}

html[data-theme="light"] .currency-selector {
  background: #ffffff;
  border-color: #cbd5e1;
  color: var(--accent-color);
}

html[data-theme="light"] .admin-btn {
  background: #ffffff;
  border: 1px solid #cbd5e1;
  color: var(--text-secondary);
}

html[data-theme="light"] .admin-btn:hover {
  background: rgba(2, 132, 199, 0.08);
  border-color: var(--accent-color);
  color: var(--accent-color);
  box-shadow: none;
}

html[data-theme="light"] .admin-btn.logout:hover {
  background: rgba(255, 71, 87, 0.08);
  border-color: #ff4757;
  color: #ff4757;
}

/* Sidebar */
html[data-theme="light"] .admin-sidebar {
  background: #ffffff;
  border-right-color: var(--border-color);
  box-shadow: 2px 0 12px rgba(15, 23, 42, 0.04);
}

html[data-theme="light"] .admin-sidebar::-webkit-scrollbar-thumb {
  background: rgba(2, 132, 199, 0.25);
}

html[data-theme="light"] .nav-link {
  color: var(--text-secondary);
}

html[data-theme="light"] .nav-link:hover {
  background: rgba(2, 132, 199, 0.08);
  color: var(--text-primary);
}

html[data-theme="light"] .nav-link.active {
  background: rgba(2, 132, 199, 0.12);
  color: var(--accent-color);
  box-shadow: none;
}

/* Main */
html[data-theme="light"] .admin-main {
  background: var(--bg-primary);
}

html[data-theme="light"] .stat-card,
html[data-theme="light"] .orders-section,
html[data-theme="light"] .data-table,
html[data-theme="light"] .settings-card,
html[data-theme="light"] .panel-card {
  background: #ffffff;
  border-color: var(--border-color);
  box-shadow: 0 2px 12px rgba(15, 23, 42, 0.06);
}

html[data-theme="light"] .stat-card:hover {
  box-shadow: 0 8px 24px rgba(2, 132, 199, 0.12);
  border-color: rgba(2, 132, 199, 0.25);
}

html[data-theme="light"] .stat-number {
  background: linear-gradient(135deg, #0284c7, #059669);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

html[data-theme="light"] .orders-page-title,
html[data-theme="light"] .section-title,
html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3 {
  color: var(--text-primary);
}

html[data-theme="light"] .orders-table thead {
  background: #f1f5f9;
}

html[data-theme="light"] .orders-table th {
  color: var(--text-secondary);
  border-bottom-color: var(--border-color);
}

html[data-theme="light"] .orders-table td {
  color: var(--text-primary);
  border-bottom-color: #f1f5f9;
}

html[data-theme="light"] .orders-table tbody tr:hover,
html[data-theme="light"] .data-table tbody tr:hover {
  background: rgba(2, 132, 199, 0.06);
}

html[data-theme="light"] .data-table th {
  background: #f1f5f9;
  border-bottom-color: var(--border-color);
}

html[data-theme="light"] .data-table td {
  border-bottom-color: #f1f5f9;
}

html[data-theme="light"] .orders-table .admin-inline-code,
html[data-theme="light"] .admin-inline-code {
  background: rgba(2, 132, 199, 0.1);
  color: #0369a1;
  border-color: rgba(2, 132, 199, 0.2);
}

html[data-theme="light"] .btn-orders-export {
  background: linear-gradient(135deg, #0369a1, #0284c7);
  box-shadow: 0 2px 8px rgba(2, 132, 199, 0.25);
}

html[data-theme="light"] .orders-table.blog-posts-table .blog-action-pill--view {
  background: #ffffff;
  color: var(--text-secondary);
  border-color: #cbd5e1;
}

html[data-theme="light"] .orders-filter-form input,
html[data-theme="light"] .orders-filter-form select,
html[data-theme="light"] .filter-input,
html[data-theme="light"] .settings-form input,
html[data-theme="light"] .settings-form select,
html[data-theme="light"] .settings-form textarea {
  background: #ffffff;
  border-color: #cbd5e1;
  color: var(--text-primary);
}

/* Modals */
html[data-theme="light"] .modal-overlay {
  background: rgba(15, 23, 42, 0.4);
}

html[data-theme="light"] .modal-content,
html[data-theme="light"] .confirm-modal {
  background: #ffffff;
  border-color: var(--border-color);
  color: var(--text-primary);
}

html[data-theme="light"] .admin-locale-switcher-select {
  background: #ffffff;
  border-color: #cbd5e1;
  color: var(--text-primary);
}

html[data-theme="light"] .user-info .theme-toggle-btn {
  border-color: #cbd5e1;
}

html[data-theme="light"] .login-theme-toggle .theme-toggle-btn {
  background: #ffffff;
  border-color: #cbd5e1;
}

html[data-theme="light"] .login-container .starfield,
html[data-theme="light"] .login-container .bg-grid {
  opacity: 0.12;
}

/* ── Theme toggle (admin header; light-theme.css vars not set on admin body) ── */
html[data-theme="light"] .admin-header .theme-toggle-btn,
html[data-theme="light"] .user-info .theme-toggle-btn {
  background: #ffffff;
  border-color: #cbd5e1;
  color: #475569;
}

html[data-theme="light"] .admin-header .theme-toggle-btn:hover,
html[data-theme="light"] .user-info .theme-toggle-btn:hover {
  color: #0284c7;
  border-color: #0284c7;
  background: rgba(2, 132, 199, 0.08);
}

html:not([data-theme="light"]) .admin-header .theme-toggle-btn {
  color: var(--accent-color);
  border-color: rgba(0, 200, 255, 0.35);
  background: rgba(0, 200, 255, 0.08);
}

/* ── Cards, panels, sections (dark rgba backgrounds in admin.css) ── */
html[data-theme="light"] .orders-section,
html[data-theme="light"] .form-container,
html[data-theme="light"] .admin-card,
html[data-theme="light"] .admin-panel,
html[data-theme="light"] .filter-section,
html[data-theme="light"] .settings-section,
html[data-theme="light"] .create-section,
html[data-theme="light"] .order-stats-toolbar,
html[data-theme="light"] .order-stats-card,
html[data-theme="light"] .users-section,
html[data-theme="light"] .withdrawal-form,
html[data-theme="light"] .blog-auto-approve-panel {
  background: #ffffff !important;
  border-color: var(--border-color) !important;
  box-shadow: 0 2px 12px rgba(15, 23, 42, 0.06) !important;
  color: var(--text-primary);
}

html[data-theme="light"] .order-stats-card:hover {
  border-color: rgba(2, 132, 199, 0.25) !important;
  box-shadow: 0 4px 16px rgba(2, 132, 199, 0.1) !important;
}

html[data-theme="light"] .admin-panel--warn {
  background: #fffbeb !important;
  border-color: #fcd34d !important;
}

html[data-theme="light"] .admin-panel--warn .admin-panel-desc {
  color: #92400e !important;
}

html[data-theme="light"] .settings-info-item {
  background: #f8fafc;
  border-color: var(--border-color);
}

html[data-theme="light"] .settings-profile-header {
  border-bottom-color: var(--border-color);
}

/* ── Tables ── */
html[data-theme="light"] .orders-table,
html[data-theme="light"] .orders-table tbody,
html[data-theme="light"] .orders-table tbody tr {
  background: #ffffff;
}

html[data-theme="light"] .orders-table td {
  color: var(--text-primary);
  border-bottom-color: #f1f5f9;
}

html[data-theme="light"] .admin-table,
html[data-theme="light"] .withdrawal-table {
  background: #ffffff;
  border-color: var(--border-color);
}

html[data-theme="light"] .admin-table th,
html[data-theme="light"] .withdrawal-table th {
  background: #f1f5f9;
  color: var(--text-secondary);
  border-bottom-color: var(--border-color);
}

html[data-theme="light"] .admin-table td,
html[data-theme="light"] .withdrawal-table td {
  color: var(--text-primary);
  border-bottom-color: #f1f5f9;
}

html[data-theme="light"] .admin-table tbody tr:hover,
html[data-theme="light"] .withdrawal-table tbody tr:hover {
  background: rgba(2, 132, 199, 0.06);
}

html[data-theme="light"] .admin-table-wrap {
  border-color: var(--border-color);
}

/* ── Dashboard tabs (My Orders / Accessible Orders) ── */
html[data-theme="light"] .view-tab {
  background: #f1f5f9;
  border-color: #cbd5e1;
  color: var(--text-secondary);
}

html[data-theme="light"] .view-tab:hover {
  background: #e2e8f0;
  border-color: #94a3b8;
  color: var(--text-primary);
}

html[data-theme="light"] .view-tab.active {
  background: linear-gradient(135deg, #0369a1, #0284c7);
  color: #ffffff;
  border-color: transparent;
  box-shadow: 0 2px 8px rgba(2, 132, 199, 0.25);
}

/* ── Order stats toolbar & presets ── */
html[data-theme="light"] .order-stats-preset-btn {
  background: #f1f5f9;
  border-color: #cbd5e1;
  color: var(--text-secondary);
}

html[data-theme="light"] .order-stats-preset-btn:hover {
  background: #e2e8f0;
  border-color: #94a3b8;
  color: var(--text-primary);
}

html[data-theme="light"] .order-stats-field input[type='date'],
html[data-theme="light"] .order-stats-field select {
  background: #ffffff;
  border-color: #cbd5e1;
  color: var(--text-primary);
}

html[data-theme="light"] .btn-stats-reset {
  color: var(--text-secondary);
}

html[data-theme="light"] .btn-stats-reset:hover {
  color: var(--accent-color);
}

/* ── Form controls ── */
html[data-theme="light"] .admin-input,
html[data-theme="light"] .admin-select,
html[data-theme="light"] .admin-textarea {
  background: #ffffff !important;
  border-color: #cbd5e1 !important;
  color: var(--text-primary) !important;
}

html[data-theme="light"] .admin-input:focus,
html[data-theme="light"] .admin-select:focus,
html[data-theme="light"] .admin-textarea:focus {
  border-color: var(--accent-color) !important;
  box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.15) !important;
}

html[data-theme="light"] .admin-button-secondary {
  background: #f1f5f9 !important;
  color: var(--text-secondary) !important;
  border: 1px solid #cbd5e1 !important;
}

html[data-theme="light"] .admin-button-secondary:hover {
  background: #e2e8f0 !important;
  color: var(--text-primary) !important;
  border-color: #94a3b8 !important;
}

/* Pagination */
html[data-theme="light"] .admin-pagination-page {
  background: #f8fafc;
  color: var(--accent-color);
  border-color: rgba(2, 132, 199, 0.25);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

html[data-theme="light"] .admin-pagination-page:hover {
  background: rgba(2, 132, 199, 0.08);
  color: #0369a1;
  border-color: rgba(2, 132, 199, 0.45);
  box-shadow: 0 4px 12px rgba(2, 132, 199, 0.12);
}

html[data-theme="light"] .admin-pagination-page--active,
html[data-theme="light"] .admin-pagination-page.is-active {
  background: linear-gradient(135deg, #0369a1, #0284c7);
  color: #ffffff;
  border-color: transparent;
  box-shadow: 0 4px 16px rgba(2, 132, 199, 0.28);
}

html[data-theme="light"] .admin-pagination-btn {
  background: linear-gradient(135deg, #0369a1, #0284c7);
  color: #ffffff;
  box-shadow: 0 4px 16px rgba(2, 132, 199, 0.28);
}

html[data-theme="light"] .admin-pagination-btn:hover {
  color: #ffffff;
  box-shadow: 0 6px 20px rgba(2, 132, 199, 0.35);
}

html[data-theme="light"] .admin-pagination-btn--disabled,
html[data-theme="light"] span.admin-pagination-btn {
  background: #f1f5f9;
  color: var(--text-muted);
  border-color: #cbd5e1;
  box-shadow: none;
}

html[data-theme="light"] .settings-input {
  background: #ffffff;
  border-color: #cbd5e1;
  color: var(--text-primary);
}

html[data-theme="light"] .settings-input--readonly {
  background: #f1f5f9;
  color: var(--text-secondary);
}

html[data-theme="light"] .settings-btn--secondary {
  background: #f1f5f9;
  color: var(--text-secondary);
  border-color: #cbd5e1;
}

html[data-theme="light"] .settings-btn--secondary:hover:not(:disabled) {
  background: #e2e8f0;
  color: var(--text-primary);
}

/* ── Inline dark-theme label/text overrides in EJS ── */
html[data-theme="light"] .orders-filter-form label[style*="rgba(255"],
html[data-theme="light"] .admin-card label[style*="rgba(255"],
html[data-theme="light"] .admin-card p[style*="rgba(255"],
html[data-theme="light"] .admin-card span[style*="color: rgba(255"],
html[data-theme="light"] .admin-card div[style*="color: rgba(255"],
html[data-theme="light"] .admin-card [style*="color: rgba(255"],
html[data-theme="light"] .admin-panel [style*="color: rgba(255"],
html[data-theme="light"] .settings-section [style*="color: rgba(255"],
html[data-theme="light"] .filter-section [style*="color: rgba(255"],
html[data-theme="light"] label[style*="color: rgba(255"],
html[data-theme="light"] p[style*="color: rgba(255"] {
  color: var(--text-secondary) !important;
}

html[data-theme="light"] .admin-card label[style*="rgba(255,255,255,0.9)"],
html[data-theme="light"] .admin-card label[style*="rgba(255, 255, 255, 0.9)"],
html[data-theme="light"] .admin-card span[style*="rgba(255,255,255,0.9)"],
html[data-theme="light"] .admin-card span[style*="rgba(255, 255, 255, 0.9)"],
html[data-theme="light"] .admin-card div[style*="rgba(255,255,255,0.9)"],
html[data-theme="light"] .admin-card div[style*="rgba(255, 255, 255, 0.9)"] {
  color: var(--text-primary) !important;
}

html[data-theme="light"] .admin-card [style*="background: rgba(255"],
html[data-theme="light"] .admin-panel [style*="background: rgba(255"],
html[data-theme="light"] .settings-section [style*="background: rgba(255"],
html[data-theme="light"] .filter-section [style*="background: rgba(255"] {
  background: #f8fafc !important;
}

/* ── Contact page (inline styles in contact.ejs) ── */
html[data-theme="light"] .contact-card {
  background: #ffffff !important;
  border-color: var(--border-color) !important;
  box-shadow: 0 2px 12px rgba(15, 23, 42, 0.08) !important;
}

html[data-theme="light"] .contact-card h3 {
  color: var(--text-primary) !important;
}

html[data-theme="light"] .contact-username,
html[data-theme="light"] .contact-note,
html[data-theme="light"] .qr-code-placeholder {
  color: var(--text-secondary) !important;
}

html[data-theme="light"] .contact-username strong {
  color: var(--text-primary) !important;
}

html[data-theme="light"] .qr-code-container {
  background: #f8fafc !important;
  border-color: var(--border-color) !important;
}

/* ── Translation queue output ── */
html[data-theme="light"] #bulkResult {
  background: #f1f5f9 !important;
  color: #334155 !important;
  border: 1px solid var(--border-color);
}

/* ── Modals (users.ejs inline + admin.css) ── */
html[data-theme="light"] .modal-content {
  background: #ffffff !important;
  border-color: var(--border-color) !important;
  color: var(--text-primary);
}

html[data-theme="light"] .modal-header {
  background: linear-gradient(135deg, rgba(2, 132, 199, 0.12), rgba(2, 132, 199, 0.06)) !important;
  border-bottom-color: var(--border-color) !important;
  color: var(--text-primary) !important;
}

html[data-theme="light"] .modal-close {
  color: var(--text-secondary) !important;
}

html[data-theme="light"] .modal-footer {
  background: #f8fafc !important;
  border-top-color: var(--border-color) !important;
}

html[data-theme="light"] .btn-modal-secondary {
  background: #e2e8f0 !important;
  color: #475569 !important;
  border-color: #cbd5e1 !important;
}

html[data-theme="light"] .form-group-modal input,
html[data-theme="light"] .form-group-modal select {
  background: #ffffff !important;
  border-color: #cbd5e1 !important;
  color: var(--text-primary) !important;
}

html[data-theme="light"] .form-group-modal label {
  color: var(--text-secondary) !important;
}

html[data-theme="light"] .form-group-modal input::placeholder {
  color: #94a3b8 !important;
}

html[data-theme="light"] .form-group-modal input[readonly] {
  background: #f1f5f9 !important;
  border-color: #cbd5e1 !important;
  color: var(--text-secondary) !important;
}

html[data-theme="light"] .form-group-modal small {
  color: var(--text-muted) !important;
}

html[data-theme="light"] .form-group-modal .balance-current,
html[data-theme="light"] .form-group-modal .checkbox-row {
  color: var(--text-primary) !important;
}

html[data-theme="light"] .edit-max-pay-item label {
  color: var(--text-secondary) !important;
}

html[data-theme="light"] .edit-max-pay-item small {
  color: var(--text-muted) !important;
}

html[data-theme="light"] .form-group-modal select option {
  background: #ffffff !important;
  color: var(--text-primary) !important;
}

/* Page-level inline styles loaded after the theme need important overrides. */
html[data-theme="light"] .withdrawal-form .form-group label {
  color: var(--text-secondary) !important;
}

html[data-theme="light"] .withdrawal-form .form-group input,
html[data-theme="light"] .withdrawal-form .form-group select,
html[data-theme="light"] .withdrawal-form .form-group textarea {
  background: #ffffff !important;
  border-color: #cbd5e1 !important;
  color: var(--text-primary) !important;
}

html[data-theme="light"] .withdrawal-form .form-group .currency-readonly {
  background: #f8fafc !important;
  color: var(--text-primary) !important;
}

/* ── Status badges (readable on light rows) ── */
html[data-theme="light"] .status-badge.status-pending {
  background: rgba(255, 170, 0, 0.15);
  color: #b45309;
  border-color: rgba(255, 170, 0, 0.35);
}

html[data-theme="light"] .status-badge.status-paid {
  background: rgba(5, 150, 105, 0.12);
  color: #047857;
  border-color: rgba(5, 150, 105, 0.3);
}

html[data-theme="light"] .status-badge.status-failed {
  background: rgba(220, 38, 38, 0.1);
  color: #b91c1c;
  border-color: rgba(220, 38, 38, 0.25);
}

html[data-theme="light"] .status-badge.status-ready {
  background: rgba(2, 132, 199, 0.12);
  color: #0369a1;
  border-color: rgba(2, 132, 199, 0.3);
}

html[data-theme="light"] .view-link {
  background: rgba(2, 132, 199, 0.1);
  color: #0369a1;
}

html[data-theme="light"] .view-link:hover {
  background: rgba(2, 132, 199, 0.18);
}

/* ── Create order payment panel ── */
html[data-theme="light"] .create-order-result,
html[data-theme="light"] .payment-result-panel {
  background: #ffffff !important;
  border-color: var(--border-color) !important;
}

html[data-theme="light"] .create-order-result p,
html[data-theme="light"] .payment-result-panel p {
  color: var(--text-secondary) !important;
}

html[data-theme="light"] .create-form-optional {
  border-color: var(--border-color);
  background: #f8fafc;
}

html[data-theme="light"] .create-form-optional summary {
  color: var(--text-secondary);
}

html[data-theme="light"] .create-form-actions {
  background: linear-gradient(to bottom, transparent, #ffffff 28%);
  border-top-color: var(--border-color);
}

html[data-theme="light"] .create-order-result .qrcode-panel {
  background: #ffffff !important;
  border-color: var(--border-color) !important;
}

html[data-theme="light"] .qrcode-panel__order-info {
  background: #f8fafc;
  border-color: var(--border-color);
}

html[data-theme="light"] .qrcode-panel__qr-wrap {
  background: #f8fafc;
  border-color: var(--border-color);
}

html[data-theme="light"] .form-group input,
html[data-theme="light"] .form-group select,
html[data-theme="light"] .form-group textarea {
  background: #ffffff;
  border-color: #cbd5e1;
  color: var(--text-primary);
}

/* Blog Posts / Authors sub-navigation */
html[data-theme="light"] .blog-admin-subnav {
  border-bottom-color: var(--border-color);
}

html[data-theme="light"] .blog-admin-subnav__link {
  background: #ffffff;
  border: 1px solid #cbd5e1;
  color: #475569;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
}

html[data-theme="light"] .blog-admin-subnav__link:hover {
  background: #f1f5f9;
  border-color: #0284c7;
  color: #0369a1;
}

html[data-theme="light"] .blog-admin-subnav__link.is-active,
html[data-theme="light"] .blog-admin-subnav__link.is-active:hover {
  background: linear-gradient(135deg, #0369a1, #0284c7);
  color: #ffffff;
  border-color: transparent;
  box-shadow: 0 2px 8px rgba(2, 132, 199, 0.28);
}