/* Stage 41.5 — Wallet Readability + Finance UX Polish */
.wallet-hero,
.wallet-hero *{
  color:#ffffff !important;
  opacity:1 !important;
  text-shadow:none !important;
}
.wallet-hero{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:22px !important;
  padding:36px !important;
  border-radius:28px !important;
  background:linear-gradient(135deg,#071b55 0%,#075bdc 72%,#0ea5e9 100%) !important;
  box-shadow:0 22px 50px rgba(7,27,85,.18) !important;
  position:relative !important;
  overflow:hidden !important;
}
.wallet-hero:after{
  content:"";
  position:absolute;
  right:-70px;
  top:-80px;
  width:250px;
  height:250px;
  border-radius:999px;
  background:rgba(255,255,255,.14);
}
.wallet-hero > *{position:relative;z-index:1}
.wallet-hero h2{font-size:clamp(30px,4vw,48px) !important;line-height:1.05 !important;margin:14px 0 10px !important;font-weight:900 !important;letter-spacing:-.04em !important;color:#fff !important}
.wallet-hero p{font-size:17px !important;line-height:1.65 !important;max-width:760px !important;color:#eaf4ff !important;font-weight:700 !important}
.wallet-badge{display:inline-flex !important;align-items:center !important;gap:8px !important;background:#fff7cc !important;color:#7c4a00 !important;border:1px solid rgba(255,255,255,.55) !important;border-radius:999px !important;padding:9px 14px !important;font-weight:900 !important;font-size:13px !important;text-transform:uppercase !important;letter-spacing:.02em !important}
.wallet-hero .btn{background:#ffc83d !important;color:#061739 !important;border:0 !important;border-radius:16px !important;padding:14px 22px !important;font-weight:900 !important;box-shadow:0 12px 26px rgba(0,0,0,.18) !important;white-space:nowrap !important}
.wallet-grid{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:22px !important}
.wallet-card{
  border:1px solid #d6e6ff !important;
  border-radius:24px !important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%) !important;
  padding:28px !important;
  box-shadow:0 18px 42px rgba(15,23,42,.08) !important;
  min-height:155px !important;
  position:relative !important;
  overflow:hidden !important;
}
.wallet-card:after{content:"";position:absolute;right:-28px;top:-28px;width:112px;height:112px;border-radius:999px;background:#edf4ff}
.wallet-icon{position:relative;z-index:1;width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,#ffca46,#ffb11b);display:grid;place-items:center;font-size:28px;margin-bottom:18px;box-shadow:0 12px 26px rgba(255,177,27,.22)}
.wallet-card p,.wallet-card small{position:relative;z-index:1;color:#334155 !important;opacity:1 !important;font-weight:800 !important;line-height:1.45 !important}
.wallet-card h3{position:relative;z-index:1;color:#07152f !important;font-size:28px !important;line-height:1.1 !important;margin:6px 0 0 !important;font-weight:950 !important}
.wallet-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px}
.wallet-action-card{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid #d6e6ff;border-radius:20px;background:#fff;text-decoration:none;box-shadow:0 12px 30px rgba(15,23,42,.06);transition:.2s ease}
.wallet-action-card:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(15,23,42,.1)}
.wallet-action-card span{width:42px;height:42px;border-radius:14px;background:#eef6ff;display:grid;place-items:center;font-size:22px;flex:0 0 42px}
.wallet-action-card b{display:block;color:#07152f;font-size:15px;font-weight:900;line-height:1.2}
.wallet-action-card small{display:block;color:#475569;font-size:12px;font-weight:800;margin-top:3px}
.wallet-explain{margin-top:22px;display:grid;grid-template-columns:1.3fr .9fr;gap:22px}
.wallet-info-panel,.wallet-convert-panel{background:#fff;border:1px solid #d6e6ff;border-radius:24px;padding:24px;box-shadow:0 18px 42px rgba(15,23,42,.07)}
.wallet-info-panel h2,.wallet-convert-panel h2,.table-card h2{color:#07152f !important;font-weight:950 !important;letter-spacing:-.02em !important}
.wallet-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}
.wallet-mini{padding:16px;border-radius:18px;background:#f4f8ff;border:1px solid #dceaff}
.wallet-mini b{display:block;color:#07152f;font-weight:950;margin-bottom:6px}.wallet-mini p{color:#334155 !important;opacity:1 !important;font-weight:800;font-size:13px;line-height:1.5;margin:0}
.wallet-convert-panel form{display:grid;grid-template-columns:1fr auto;gap:12px;margin-top:14px}.wallet-convert-panel .input{min-height:48px;border:1px solid #b9d3ff;border-radius:14px;padding:0 14px;color:#07152f !important;font-weight:800;background:#fff}.wallet-convert-panel p{color:#334155 !important;font-weight:800;line-height:1.6}
.wallet-table-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}.wallet-filter{display:flex;gap:8px;flex-wrap:wrap}.wallet-filter a{padding:8px 12px;border-radius:999px;background:#edf5ff;color:#075bdc;font-weight:900;text-decoration:none;font-size:12px}.wallet-filter a.active{background:#075bdc;color:#fff}
.table-card{border:1px solid #d6e6ff !important;border-radius:24px !important;background:#fff !important;padding:24px !important;box-shadow:0 18px 42px rgba(15,23,42,.07) !important}.table-card .table{width:100%;border-collapse:separate;border-spacing:0}.table-card .table th{background:#eef5ff !important;color:#07152f !important;font-weight:950 !important;padding:16px !important;text-align:left}.table-card .table td{color:#24364f !important;font-weight:750 !important;padding:14px 16px !important;border-bottom:1px solid #e9f1ff}.wallet-status{display:inline-flex;border-radius:999px;padding:6px 10px;background:#eef5ff;color:#075bdc !important;font-weight:950;text-transform:capitalize}.wallet-status.approved,.wallet-status.paid{background:#dcfce7;color:#166534 !important}.wallet-status.pending{background:#fff7d6;color:#92400e !important}.wallet-status.rejected,.wallet-status.cancelled{background:#fee2e2;color:#991b1b !important}.wallet-empty{padding:28px;border:1px dashed #b9d3ff;background:#f8fbff;border-radius:20px;text-align:center;color:#334155 !important;font-weight:850}.wallet-empty b{display:block;color:#07152f !important;font-size:18px;margin-bottom:6px}.wallet-notes{margin-top:22px;display:grid;gap:12px}.wallet-note{padding:15px 18px;border-radius:16px;background:#f8fbff;border:1px solid #d6e6ff;color:#334155;font-weight:800}.wallet-note b{color:#07152f;display:block;margin-bottom:4px}
@media(max-width:1100px){.wallet-grid,.wallet-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.wallet-explain{grid-template-columns:1fr}.wallet-info-grid{grid-template-columns:1fr}}
@media(max-width:720px){.wallet-hero{padding:24px;align-items:flex-start;flex-direction:column}.wallet-grid,.wallet-actions{grid-template-columns:1fr}.wallet-convert-panel form{grid-template-columns:1fr}.table-card{overflow-x:auto;padding:18px}.table-card .table{min-width:720px}.wallet-hero .btn{width:100%;text-align:center}.wallet-card{min-height:auto}.wallet-hero p{font-size:15px}}
