/* =========================================================
   PROFESSIONAL TRUST UI — Clean service dashboard redesign
   Purpose: corporate, reliable, readable, subtle motion only
   ========================================================= */
:root {
  --pro-page: #f5f7fb;
  --pro-surface: #ffffff;
  --pro-surface-2: #f8fafc;
  --pro-border: #e2e8f0;
  --pro-border-strong: #cbd5e1;
  --pro-text: #0f172a;
  --pro-muted: #64748b;
  --pro-soft: #94a3b8;
  --pro-primary: #1d4ed8;
  --pro-primary-2: #2563eb;
  --pro-primary-soft: #dbeafe;
  --pro-sidebar: #0f172a;
  --pro-sidebar-2: #111827;
  --pro-success: #15803d;
  --pro-success-soft: #dcfce7;
  --pro-danger: #dc2626;
  --pro-danger-soft: #fee2e2;
  --pro-warning: #b45309;
  --pro-warning-soft: #fef3c7;
  --pro-shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);
  --pro-shadow: 0 10px 30px rgba(15, 23, 42, .08);
  --pro-shadow-lg: 0 18px 45px rgba(15, 23, 42, .12);
  --pro-radius: 18px;
  --pro-radius-sm: 12px;
  --primary: var(--pro-primary) !important;
  --primary-dark: #1e3a8a !important;
  --primary-light: #3b82f6 !important;
  --primary-soft: var(--pro-primary-soft) !important;
  --bg-main: var(--pro-page) !important;
  --bg-card: var(--pro-surface) !important;
  --border: var(--pro-border) !important;
  --border-light: #edf2f7 !important;
  --text-dark: var(--pro-text) !important;
  --text-mid: var(--pro-muted) !important;
  --text-light: var(--pro-soft) !important;
  --danger: var(--pro-danger) !important;
  --success: var(--pro-success) !important;
  --shadow: var(--pro-shadow) !important;
  --radius-card: 18px !important;
  --radius-btn: 12px !important;
  --radius-nav: 12px !important;
}

@keyframes proFadeUp { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
@keyframes proSlideIn { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: translateY(0); } }
@keyframes proSpin { to { transform: rotate(360deg); } }

html { background: var(--pro-page) !important; }
body {
  color: var(--pro-text) !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(37,99,235,.10) 0, transparent 34%),
    linear-gradient(180deg, #f8fafc 0%, var(--pro-page) 48%, #eef2f7 100%) !important;
  background-attachment: fixed !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
body::before, body::after { display: none !important; }

.dashboard-layout { background: transparent !important; }
.main-shell { background: transparent !important; }
.content-area {
  padding: 26px 28px 42px !important;
  gap: 20px !important;
  animation: proFadeUp .28s ease both;
}

/* Sidebar */
.sidebar {
  background: linear-gradient(180deg, var(--pro-sidebar) 0%, var(--pro-sidebar-2) 100%) !important;
  color: #f8fafc !important;
  border-right: 1px solid rgba(255,255,255,.08) !important;
  box-shadow: 8px 0 24px rgba(15,23,42,.14) !important;
  padding: 18px 14px !important;
}
.sidebar::before, .sidebar::after { display: none !important; }
.sidebar-brand {
  background: rgba(255,255,255,.05) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 16px !important;
  padding: 13px !important;
  box-shadow: none !important;
}
.brand-logo, .adm-brand-icon, .logo-icon {
  background: #2563eb !important;
  color: #fff !important;
  box-shadow: none !important;
  animation: none !important;
  border-radius: 12px !important;
}
.brand-name, .topbar-title, .logo h1 { color: var(--pro-text) !important; letter-spacing: -.01em; }
.sidebar .brand-name { color: #fff !important; }
.brand-tagline, .topbar-subtitle, .logo p { color: var(--pro-muted) !important; }
.sidebar .brand-tagline { color: rgba(226,232,240,.76) !important; }

.nav-item, .nav-item-wallet, .nav-item-logout, .bottom-nav-item, .adm-nav a {
  border-radius: 12px !important;
  border: 1px solid transparent !important;
  background: transparent !important;
  color: rgba(248,250,252,.82) !important;
  box-shadow: none !important;
  transition: background .16s ease, transform .16s ease, color .16s ease, border-color .16s ease !important;
}
.nav-item::before, .nav-item::after, .nav-item-wallet::before, .nav-item-logout::before, .bottom-nav-item::before { display:none !important; }
.nav-item:hover, .adm-nav a:hover {
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.10) !important;
  color: #fff !important;
  transform: translateX(2px) !important;
}
.nav-item.active, .adm-nav a.active {
  background: #2563eb !important;
  color: #fff !important;
  border-color: rgba(255,255,255,.18) !important;
}
.nav-icon, .bottom-nav-icon {
  background: rgba(255,255,255,.08) !important;
  color: currentColor !important;
  border: 1px solid rgba(255,255,255,.08) !important;
}
.nav-item.active .nav-icon { background: rgba(255,255,255,.18) !important; }
.nav-item-wallet { background: rgba(37,99,235,.14) !important; color: #dbeafe !important; }
.nav-item-logout { background: rgba(220,38,38,.13) !important; color: #fecaca !important; }
.sb-user {
  background: rgba(255,255,255,.05) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  color: #fff !important;
  border-radius: 14px !important;
}
.sb-avatar, .topbar-avatar { background: #e0ecff !important; color: #1d4ed8 !important; border: 1px solid #bfdbfe !important; }

/* Topbar */
.topbar {
  background: rgba(255,255,255,.92) !important;
  backdrop-filter: blur(12px) !important;
  border-bottom: 1px solid var(--pro-border) !important;
  box-shadow: var(--pro-shadow-sm) !important;
}
.topbar-title { font-size: 1.08rem !important; color: var(--pro-text) !important; }
.topbar-subtitle { font-size: .78rem !important; color: var(--pro-muted) !important; }
.menu-toggle, .theme-toggle {
  background: #fff !important;
  border: 1px solid var(--pro-border) !important;
  color: var(--pro-text) !important;
  box-shadow: var(--pro-shadow-sm) !important;
}
.topbar-balance {
  background: #ffffff !important;
  color: var(--pro-text) !important;
  border: 1px solid var(--pro-border) !important;
  border-radius: 999px !important;
  box-shadow: var(--pro-shadow-sm) !important;
}
.topbar-balance:hover { transform: translateY(-1px) !important; box-shadow: var(--pro-shadow) !important; }
.bal-icon { background: var(--pro-primary-soft) !important; color: var(--pro-primary) !important; border: 0 !important; }
.bal-num { color: var(--pro-primary) !important; }

/* Notice / banners */
.notice-bar {
  border-radius: 14px !important;
  border: 1px solid var(--pro-border) !important;
  box-shadow: var(--pro-shadow-sm) !important;
  animation: proSlideIn .25s ease both !important;
}
.notice-bar.green { background: #ecfdf5 !important; color: #065f46 !important; border-color: #bbf7d0 !important; }
.notice-bar.red { background: #fef2f2 !important; color: #991b1b !important; border-color: #fecaca !important; }
.notice-bar::before, .notice-bar::after { display:none !important; }
.notice-bar-icon, .notice-text-center { color: inherit !important; animation:none !important; }
.admin-access-banner { background: #eff6ff !important; color: #1e3a8a !important; border: 1px solid #bfdbfe !important; box-shadow: var(--pro-shadow-sm) !important; border-radius: 14px !important; }
.admin-access-banner .banner-text strong, .admin-access-banner .banner-text span { color: inherit !important; }
.admin-access-banner .banner-exit { background: #1d4ed8 !important; border: 0 !important; color: #fff !important; }

/* Cards and panels */
.card, .panel-card, .history-card, .form-card, .nid-result-card, .wallet-card, .settings-card, .support-card,
.service-card-modern, .stat-card, .hero-mini-card, .quick-action, .recent-row, .order-card, .profile-card {
  background: var(--pro-surface) !important;
  border: 1px solid var(--pro-border) !important;
  color: var(--pro-text) !important;
  border-radius: var(--pro-radius) !important;
  box-shadow: var(--pro-shadow-sm) !important;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease !important;
  animation: proFadeUp .24s ease both;
}
.card:hover, .panel-card:hover, .history-card:hover, .form-card:hover, .service-card-modern:hover, .stat-card:hover, .quick-action:hover {
  transform: translateY(-2px) !important;
  box-shadow: var(--pro-shadow) !important;
  border-color: var(--pro-border-strong) !important;
}
.card::before, .card::after, .service-card-modern::before, .stat-card::before, .dashboard-hero::before { display:none !important; }
.section-header h3, .service-title, .nid-section-title, .stat-value, .quick-title, .history-title { color: var(--pro-text) !important; }
.service-subtitle, .stat-label, .quick-sub, .section-header span, .text-muted, .nid-label, .nid-name-en { color: var(--pro-muted) !important; }
.section-chip, .form-badge, .dashboard-hero-badge {
  background: var(--pro-primary-soft) !important;
  color: #1d4ed8 !important;
  border: 1px solid #bfdbfe !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}

/* Dashboard hero */
.dashboard-hero {
  background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%) !important;
  border: 1px solid var(--pro-border) !important;
  color: var(--pro-text) !important;
  border-radius: 22px !important;
  box-shadow: var(--pro-shadow-sm) !important;
}
.dashboard-hero h2 { color: var(--pro-text) !important; font-size: clamp(1.45rem, 2.4vw, 2.35rem) !important; line-height: 1.25 !important; }
.dashboard-hero p { color: var(--pro-muted) !important; }
.hero-action-primary, .hero-action-secondary, .service-card-modern a, .btn-primary, .btn-search, button[type="submit"], .adm-btn, .pay-btn {
  border-radius: 12px !important;
  border: 1px solid transparent !important;
  box-shadow: var(--pro-shadow-sm) !important;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease !important;
  position: relative !important;
  overflow: hidden !important;
}
.hero-action-primary, .btn-primary, .btn-search, .adm-btn.primary, .pay-btn {
  background: #2563eb !important;
  color: #fff !important;
}
.hero-action-primary:hover, .btn-primary:hover, .btn-search:hover, button[type="submit"]:hover, .pay-btn:hover {
  transform: translateY(-1px) !important;
  box-shadow: var(--pro-shadow) !important;
  background: #1d4ed8 !important;
}
.hero-action-secondary {
  background: #fff !important;
  color: var(--pro-text) !important;
  border-color: var(--pro-border) !important;
}
.hero-action-secondary:hover { background: #f8fafc !important; transform: translateY(-1px) !important; }
.svc-icon { background: #eff6ff !important; color: #1d4ed8 !important; box-shadow: none !important; }

/* Forms */
.form-hero-top { text-align: left !important; }
.search-form input, input, select, textarea {
  background: #fff !important;
  color: var(--pro-text) !important;
  border: 1px solid var(--pro-border) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  transition: border-color .15s ease, box-shadow .15s ease !important;
}
.search-form input:focus, input:focus, select:focus, textarea:focus {
  border-color: #2563eb !important;
  box-shadow: 0 0 0 3px rgba(37,99,235,.12) !important;
  outline: none !important;
}
.form-group label, .label-text { color: var(--pro-text) !important; }
.label-hint { color: var(--pro-muted) !important; }
.price-notice {
  background: #eff6ff !important;
  color: #1e40af !important;
  border: 1px solid #bfdbfe !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}

/* Results */
.found-result-box, .not-found-result-box {
  border-radius: 16px !important;
  box-shadow: var(--pro-shadow-sm) !important;
  animation: proSlideIn .25s ease both !important;
  color: var(--pro-text) !important;
}
.found-result-box {
  background: #fef2f2 !important;
  border: 1px solid #fecaca !important;
}
.found-result-icon {
  background: #dc2626 !important;
  color: #fff !important;
  box-shadow: none !important;
}
.found-result-title { color: #991b1b !important; }
.found-result-order { color: #b91c1c !important; }
.not-found-result-box {
  background: #fff7ed !important;
  border: 1px solid #fed7aa !important;
}
.not-found-result-icon { background: #fb923c !important; color: #7c2d12 !important; box-shadow: none !important; }
.not-found-result-title { color: #9a3412 !important; }
.not-found-result-note { color: #c2410c !important; }
.nid-profile-header, .nid-section, .nid-field, .status-pill, .nid-blood-badge, .nid-age-badge, .nid-district-badge {
  box-shadow: none !important;
}
.nid-profile-header { background: #f8fafc !important; border: 1px solid var(--pro-border) !important; }
.nid-section { background: #fff !important; border: 1px solid var(--pro-border) !important; }
.nid-field { background: #f8fafc !important; border: 1px solid #edf2f7 !important; }
.nid-value { color: var(--pro-text) !important; }
.status-success { background: var(--pro-success-soft) !important; color: #166534 !important; }

/* Tables */
table, .history-table { background: #fff !important; border-color: var(--pro-border) !important; }
th { background: #f8fafc !important; color: #334155 !important; border-bottom: 1px solid var(--pro-border) !important; }
td { color: var(--pro-text) !important; border-bottom: 1px solid #eef2f7 !important; }
tr:hover td { background: #f8fafc !important; }

/* Alerts */
.alert { border-radius: 14px !important; border: 1px solid var(--pro-border) !important; box-shadow: var(--pro-shadow-sm) !important; }
.alert-error, .alert-danger { background: var(--pro-danger-soft) !important; color: #991b1b !important; border-color: #fecaca !important; }
.alert-success { background: var(--pro-success-soft) !important; color: #166534 !important; border-color: #bbf7d0 !important; }
.alert-warning { background: var(--pro-warning-soft) !important; color: #92400e !important; border-color: #fde68a !important; }

/* Loading overlay */
#loadingOverlay, .pro-loading-overlay {
  background: rgba(15,23,42,.42) !important;
  backdrop-filter: blur(6px) !important;
}
.pro-loading-card, #loadingOverlay > div {
  background: #fff !important;
  color: var(--pro-text) !important;
  border: 1px solid var(--pro-border) !important;
  border-radius: 18px !important;
  box-shadow: var(--pro-shadow-lg) !important;
}
.pro-spinner, .spinner {
  border: 4px solid #e5e7eb !important;
  border-top-color: #2563eb !important;
  animation: proSpin .85s linear infinite !important;
}


/* V1/V2 search blocking overlay — always visible above the display */
html.nid-search-busy, body.nid-search-busy {
  overflow: hidden !important;
  touch-action: none !important;
}
#loadingOverlay.search-loading-overlay, .search-loading-overlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483000 !important;
  align-items: flex-start !important;
  justify-content: center !important;
  padding-top: clamp(76px, 9vh, 118px) !important;
  padding-left: 14px !important;
  padding-right: 14px !important;
  background: rgba(15, 23, 42, 0.50) !important;
  backdrop-filter: blur(7px) !important;
  -webkit-backdrop-filter: blur(7px) !important;
  pointer-events: all !important;
}
#loadingOverlay.search-loading-overlay .search-loading-card, .search-loading-card {
  width: min(92vw, 360px) !important;
  max-width: 360px !important;
  margin: 0 auto !important;
  border-radius: 20px !important;
}
@media (max-width: 640px) {
  #loadingOverlay.search-loading-overlay, .search-loading-overlay {
    padding-top: calc(env(safe-area-inset-top, 0px) + 72px) !important;
  }
  #loadingOverlay.search-loading-overlay .search-loading-card, .search-loading-card {
    padding: 20px 18px !important;
  }
}

/* Auth pages */
.auth-shell, .login-container, .register-container, .forgot-container {
  background: transparent !important;
}
.auth-card, .login-card, .register-card, .forgot-card, .form-container {
  background: #fff !important;
  border: 1px solid var(--pro-border) !important;
  border-radius: 22px !important;
  box-shadow: var(--pro-shadow-lg) !important;
  color: var(--pro-text) !important;
}
.auth-card::before, .login-card::before, .register-card::before, .forgot-card::before { display: none !important; }

/* Bottom nav */
.bottom-nav { background: transparent !important; box-shadow:none !important; }
.bottom-nav-inner {
  background: rgba(255,255,255,.96) !important;
  border: 1px solid var(--pro-border) !important;
  box-shadow: var(--pro-shadow-lg) !important;
  border-radius: 18px !important;
}
.bottom-nav-item { color: var(--pro-muted) !important; border: 0 !important; }
.bottom-nav-item.active { background: #eff6ff !important; color: #1d4ed8 !important; }

[data-theme="dark"] {
  --pro-page: #0b1120;
  --pro-surface: #111827;
  --pro-surface-2: #0f172a;
  --pro-border: #263244;
  --pro-border-strong: #334155;
  --pro-text: #f8fafc;
  --pro-muted: #cbd5e1;
  --pro-soft: #94a3b8;
}
[data-theme="dark"] body {
  background: linear-gradient(180deg, #0b1120 0%, #0f172a 100%) !important;
  color: var(--pro-text) !important;
}
[data-theme="dark"] .topbar, [data-theme="dark"] .card, [data-theme="dark"] .panel-card, [data-theme="dark"] .history-card,
[data-theme="dark"] .form-card, [data-theme="dark"] .service-card-modern, [data-theme="dark"] .stat-card,
[data-theme="dark"] .bottom-nav-inner, [data-theme="dark"] .auth-card, [data-theme="dark"] .login-card, [data-theme="dark"] .register-card, [data-theme="dark"] .forgot-card {
  background: #111827 !important;
  color: var(--pro-text) !important;
  border-color: var(--pro-border) !important;
}
[data-theme="dark"] .dashboard-hero, [data-theme="dark"] .nid-section, [data-theme="dark"] .nid-profile-header, [data-theme="dark"] .nid-field,
[data-theme="dark"] .search-form input, [data-theme="dark"] input, [data-theme="dark"] select, [data-theme="dark"] textarea,
[data-theme="dark"] th, [data-theme="dark"] .hero-action-secondary, [data-theme="dark"] .topbar-balance, [data-theme="dark"] .menu-toggle, [data-theme="dark"] .theme-toggle {
  background: #0f172a !important;
  color: var(--pro-text) !important;
  border-color: var(--pro-border) !important;
}
[data-theme="dark"] td { color: var(--pro-text) !important; border-color: var(--pro-border) !important; }
[data-theme="dark"] tr:hover td { background: #162033 !important; }
[data-theme="dark"] .service-subtitle, [data-theme="dark"] .stat-label, [data-theme="dark"] .topbar-subtitle, [data-theme="dark"] .nid-label { color: var(--pro-muted) !important; }
[data-theme="dark"] .pro-loading-card, [data-theme="dark"] #loadingOverlay > div { background: #111827 !important; border-color: var(--pro-border) !important; }

@media (max-width: 960px) {
  .content-area { padding: 18px 14px 92px !important; }
  .sidebar { box-shadow: 22px 0 60px rgba(15,23,42,.28) !important; }
  .topbar { border-radius: 0 !important; }
  .dashboard-hero-actions { gap: 8px !important; }
  .hero-action-primary, .hero-action-secondary, .btn-search { width: 100% !important; justify-content: center !important; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

/* =========================================================
   ORDER EDIT SYSTEM — professional edit form + history action
   ========================================================= */
.hw-actions .hw-btn-edit,
.hw-btn-edit {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  min-height: 38px !important;
  padding: 8px 12px !important;
  border-radius: 10px !important;
  background: #eff6ff !important;
  color: #1d4ed8 !important;
  border: 1px solid #bfdbfe !important;
  font-size: .86rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  box-shadow: none !important;
  transition: transform .15s ease, background .15s ease, border-color .15s ease !important;
}
.hw-actions .hw-btn-edit:hover,
.hw-btn-edit:hover {
  background: #dbeafe !important;
  border-color: #93c5fd !important;
  transform: translateY(-1px) !important;
}
.order-edit-card {
  overflow: visible !important;
}
.order-edit-head {
  gap: 16px !important;
  align-items: flex-start !important;
}
.order-edit-head h3 {
  margin-top: 8px !important;
  margin-bottom: 4px !important;
  font-size: clamp(1.18rem, 2vw, 1.55rem) !important;
}
.order-edit-head-actions {
  display: flex !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
}
.order-edit-form {
  padding: 0 22px 22px !important;
}
.oe-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
}
.oe-grid-basic {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  padding: 18px !important;
  background: #f8fafc !important;
  border: 1px solid var(--pro-border) !important;
  border-radius: 16px !important;
  margin-bottom: 18px !important;
}
.oe-grid-addr { align-items: stretch !important; }
.oe-span-2 { grid-column: span 2 !important; }
.oe-section {
  background: #fff !important;
  border: 1px solid var(--pro-border) !important;
  border-radius: 16px !important;
  padding: 18px !important;
  margin-top: 16px !important;
  box-shadow: var(--pro-shadow-sm) !important;
}
.oe-section h4 {
  margin: 0 0 14px !important;
  color: var(--pro-text) !important;
  font-size: 1rem !important;
  font-weight: 800 !important;
  letter-spacing: -.01em !important;
}
.oe-field {
  display: flex !important;
  flex-direction: column !important;
  gap: 7px !important;
}
.oe-field label {
  color: var(--pro-text) !important;
  font-size: .84rem !important;
  font-weight: 700 !important;
}
.oe-field input,
.oe-field select,
.oe-field textarea,
.oe-advanced textarea {
  width: 100% !important;
  min-height: 44px !important;
  font-family: 'Noto Sans Bengali', system-ui, sans-serif !important;
}
.oe-field textarea,
.oe-advanced textarea {
  resize: vertical !important;
  line-height: 1.55 !important;
}
.oe-advanced {
  margin-top: 16px !important;
  background: #f8fafc !important;
  border: 1px dashed var(--pro-border-strong) !important;
  border-radius: 16px !important;
  padding: 14px 16px !important;
}
.oe-advanced summary {
  cursor: pointer !important;
  color: var(--pro-text) !important;
  font-weight: 800 !important;
}
.oe-advanced p {
  margin: 10px 0 !important;
  color: var(--pro-muted) !important;
  font-size: .86rem !important;
}
.oe-check {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 10px !important;
  color: var(--pro-text) !important;
  font-weight: 700 !important;
}
.oe-check input { width: auto !important; min-height: auto !important; }
.oe-actions-sticky {
  position: sticky !important;
  bottom: 16px !important;
  z-index: 10 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-top: 18px !important;
  padding: 12px !important;
  background: rgba(255,255,255,.92) !important;
  backdrop-filter: blur(10px) !important;
  border: 1px solid var(--pro-border) !important;
  border-radius: 16px !important;
  box-shadow: var(--pro-shadow) !important;
}
.oe-meta {
  color: var(--pro-muted) !important;
  font-size: .86rem !important;
}
.oe-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 42px !important;
  padding: 10px 16px !important;
  border-radius: 12px !important;
  border: 1px solid transparent !important;
  font-size: .9rem !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease !important;
}
.oe-btn:hover { transform: translateY(-1px) !important; box-shadow: var(--pro-shadow-sm) !important; }
.oe-btn:disabled { opacity: .7 !important; cursor: wait !important; transform: none !important; }
.oe-btn-primary,
.oe-btn-save {
  background: #2563eb !important;
  color: #fff !important;
}
.oe-btn-primary:hover,
.oe-btn-save:hover { background: #1d4ed8 !important; }
.oe-btn-light {
  background: #fff !important;
  color: var(--pro-text) !important;
  border-color: var(--pro-border) !important;
}
.oe-message {
  margin: 0 22px 16px !important;
  padding: 12px 14px !important;
  border-radius: 14px !important;
  border: 1px solid var(--pro-border) !important;
  font-weight: 700 !important;
  animation: proSlideIn .2s ease both !important;
}
.oe-message.success {
  background: #ecfdf5 !important;
  border-color: #bbf7d0 !important;
  color: #166534 !important;
}
.oe-message.error {
  background: #fef2f2 !important;
  border-color: #fecaca !important;
  color: #991b1b !important;
}
[data-theme="dark"] .oe-section,
[data-theme="dark"] .oe-grid-basic,
[data-theme="dark"] .oe-advanced,
[data-theme="dark"] .oe-actions-sticky {
  background: #0f172a !important;
  border-color: var(--pro-border) !important;
}
[data-theme="dark"] .oe-btn-light,
[data-theme="dark"] .hw-btn-edit {
  background: #111827 !important;
  color: #bfdbfe !important;
  border-color: var(--pro-border) !important;
}
@media (max-width: 1100px) {
  .oe-grid-basic { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 720px) {
  .order-edit-form { padding: 0 14px 18px !important; }
  .oe-grid,
  .oe-grid-basic { grid-template-columns: 1fr !important; }
  .oe-span-2 { grid-column: span 1 !important; }
  .order-edit-head-actions { justify-content: stretch !important; width: 100% !important; }
  .order-edit-head-actions .oe-btn { flex: 1 !important; }
  .oe-actions-sticky { flex-direction: column !important; align-items: stretch !important; bottom: 92px !important; }
  .oe-btn-save { width: 100% !important; }
  .hw-actions .hw-btn-edit { width: 100% !important; }
}
.oe-fee-notice {
  margin: 0 22px 16px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 14px 16px !important;
  border-radius: 16px !important;
  border: 1px solid #bfdbfe !important;
  background: #eff6ff !important;
  color: #1e3a8a !important;
}
.oe-fee-icon {
  width: 38px !important;
  height: 38px !important;
  border-radius: 12px !important;
  background: #2563eb !important;
  color: #fff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 900 !important;
  flex: 0 0 auto !important;
}
.oe-fee-notice strong {
  display: block !important;
  color: #1e3a8a !important;
  font-size: .94rem !important;
}
.oe-fee-notice span {
  display: block !important;
  color: #475569 !important;
  font-size: .84rem !important;
  margin-top: 2px !important;
}
[data-theme="dark"] .oe-fee-notice {
  background: rgba(37,99,235,.12) !important;
  border-color: rgba(147,197,253,.35) !important;
  color: #bfdbfe !important;
}
[data-theme="dark"] .oe-fee-notice strong { color: #dbeafe !important; }
[data-theme="dark"] .oe-fee-notice span { color: #94a3b8 !important; }
@media (max-width: 720px) {
  .oe-fee-notice { margin: 0 14px 14px !important; align-items: flex-start !important; }
}