/* =========================================================
   Balo — MY ACCOUNT (page-my-account.php)
   Element layout only. DOES NOT alter global/page background.
   ========================================================= */

/* Tokens */
:root{
  --acc-max: 1100px;
  --radius: 18px;
  --gap: clamp(16px, 2.2vw, 24px);

  --text: var(--zen-text, #e9eefb);
  --muted: var(--zen-muted, #9aa6b0);

  --card-bg: var(--zen-card-bg, rgba(10,14,20,.88));
  --card-bd: var(--zen-card-bd, rgba(148,163,184,.10));
  --shadow: var(--zen-shadow, 0 10px 30px rgba(0,0,0,.36));

  --chip-bg: rgba(148,163,184,.09);
  --chip-bd: rgba(148,163,184,.18);
  --focus: rgba(99,102,241,.28);
}

/* Logo sizing */
.site-logo { display:inline-flex; align-items:center; justify-content:center; text-decoration:none; }
.aurora-logo { display:inline-block; }
.balo-logo { display:block; width: clamp(100px,12vw,160px); height:auto; border-radius:16px; }

/* Hero (typography & spacing only) */
.acc-hero{
  position:relative;
  text-align:center;
  padding: clamp(40px, 7vw, 96px) 16px clamp(14px, 3.5vw, 40px);
  isolation:isolate;
}
.acc-shimmer{
  position:absolute; inset:0; pointer-events:none; mix-blend-mode:screen;
  background:
    radial-gradient(900px 520px at 20% -6%, rgba(255,255,255,.06), transparent 60%),
    radial-gradient(820px 460px at 80% -10%, rgba(255,214,165,.06), transparent 60%);
}
.acc-title{
  color: var(--text);
  font-size: clamp(28px, 4.8vw, 48px);
  line-height: 1.05;
  margin: 12px 0 8px;
  text-shadow: 0 2px 6px rgba(0,0,0,.45);
}
.acc-sub{
  color: var(--text);
  opacity: .92;
  font-size: clamp(15px, 2vw, 18px);
  max-width: 70ch;
  margin: 0 auto;
}

/* Layout wrapper */
.acc-wrap{
  max-width: var(--acc-max);
  margin: 0 auto;
  padding: clamp(16px, 3vw, 28px) 16px clamp(28px, 5vw, 56px);
}

/* Tab bar */
.tabbar{
  display:flex; flex-wrap:wrap; gap:10px;
  justify-content:center; margin-bottom: clamp(14px, 3vw, 24px);
}
.btn-tab{
  appearance:none; -webkit-appearance:none;
  display:inline-flex; align-items:center; justify-content:center;
  border-radius: 999px; padding: 10px 14px; font-weight: 600;
  color: var(--text); background: var(--chip-bg); border:1px solid var(--chip-bd);
  cursor:pointer; transition: box-shadow .15s ease, transform .12s ease, border-color .2s ease;
}
.btn-tab:hover{ transform: translateY(-1px); box-shadow: 0 8px 20px rgba(0,0,0,.2); }
.btn-tab.active{ border-color: rgba(129,140,248,.55); box-shadow: 0 0 0 3px var(--focus); }

/* Tab sections */
.tab-section{ display:block; }
.tab-section[hidden]{ display:none !important; }
.tab-section.active{ animation: tabIn .18s ease-out; }
@keyframes tabIn{ from{ opacity:.0; transform: translateY(4px); } to{ opacity:1; transform:none; } }

/* Cards */
.acc-card{
  background: var(--card-bg);
  border: 1px solid var(--card-bd);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: clamp(18px, 2vw, 26px);
  color: var(--text);
}
.acc-card + .acc-card{ margin-top: clamp(14px, 2vw, 20px); }

.card-title{
  color: var(--text);
  font-size: clamp(20px, 2.5vw, 26px);
  margin: 0 0 10px;
  text-shadow: 0 2px 6px rgba(0,0,0,.35);
}

/* Subscription grid */
.acc-sub-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(12px, 2vw, 18px);
}
@media (max-width: 800px){
  .acc-sub-grid{ grid-template-columns: 1fr; }
}
.acc-sub-item{
  background: rgba(255,255,255,.04);
  border:1px solid rgba(148,163,184,.12);
  border-radius: 14px;
  padding: 14px;
}

/* Lists */
.acc-list{ list-style:none; padding:0; margin:0; display:grid; gap:10px; }
.acc-list li{
  background: rgba(255,255,255,.04);
  border:1px solid rgba(148,163,184,.12);
  border-radius: 12px;
  padding: 12px;
}
.row-with-actions{ display:flex; gap:14px; align-items:flex-start; justify-content:space-between; }

/* Followers */
.acc-follower-item{ display:flex; gap:12px; align-items:center; }
.acc-follower-avatar{ width:48px; height:48px; border-radius:50%; object-fit:cover; }
.acc-follower-info{ line-height:1.2; }
.acc-follower-actions{ display:flex; gap:8px; }

/* Buttons */
.btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding: 12px 18px; border-radius: 999px; font-weight: 700;
  border:1px solid rgba(148,163,184,.22);
  color:#fff; text-decoration:none; cursor:pointer;
  background:
    radial-gradient(60% 140% at 50% 0%, rgba(99,102,241,.20), rgba(99,102,241,0)),
    linear-gradient(180deg, rgba(39,55,110,.92), rgba(20,31,64,.95));
  box-shadow: 0 10px 24px rgba(0,0,0,.28);
  transition: transform .12s ease, box-shadow .2s ease, border-color .2s ease;
}
.btn:hover{
  transform: translateY(-1px);
  border-color: rgba(129,140,248,.55);
  box-shadow: 0 0 40px 6px rgba(99,102,241,.25);
}
.btn-ghost{
  background: transparent; color: var(--text);
  border:1px solid rgba(148,163,184,.30);
}
.btn-sm{ padding: 8px 12px; border-radius: 999px; font-weight: 600; }
.btn.danger, .btn-ghost.danger{ border-color: rgba(239,68,68,.45); color:#fee2e2; }
.btn-row{ display:flex; gap:10px; flex-wrap:wrap; }

/* Meta text */
.muted{ color: var(--muted); }

/* Motion safety */
@media (prefers-reduced-motion: reduce){
  .btn, .btn-tab, .tab-section{ transition: none; animation: none; }
}
/* My Account — calm teal (trust, settings) */
body.zen-calm.page-template-page-my-account {
  --zen-accent-rgb: 45,212,191;   /* teal glow */
  --zen-accent-2-rgb: 59,130,246; /* blue focus ring */
  --zen-cta-glow: var(--zen-accent-rgb);
  --zen-cta-glow-alt: var(--zen-accent-2-rgb);
  --zen-cta-pad-x: 24px;
  --zen-cta-pad-y: 12px;
}

body.zen-calm.page-template-page-my-account .cta-gem {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--zen-cta-pad-y) var(--zen-cta-pad-x);
  border-radius: 999px;
  text-decoration: none;
  letter-spacing: .2px;
  font: 600 .97rem/1 Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: var(--zen-text, #0f172a);
  background: linear-gradient(180deg, rgba(255,255,255,.65), rgba(255,255,255,.22));
  border: 1px solid rgba(255,255,255,.3);
  box-shadow:
    inset 0 1px 1px rgba(255,255,255,.5),
    0 4px 12px rgba(15,23,42,.08);
  backdrop-filter: blur(8px) saturate(120%);
  -webkit-backdrop-filter: blur(8px) saturate(120%);
  transition:
    transform .35s ease,
    filter .35s ease,
    box-shadow .35s ease;
  will-change: transform, filter, box-shadow;
  animation: baloPulseZenAccount 11s ease-in-out infinite;
  animation-delay: .3s;
}

body.zen-calm.page-template-page-my-account .cta-gem::before {
  content: "";
  position: absolute;
  inset: -12px;
  border-radius: inherit;
  z-index: -1;
  background: radial-gradient(
    60% 65% at 50% 50%,
    rgba(var(--zen-cta-glow), .30),
    rgba(var(--zen-cta-glow), 0) 70%
  );
  filter: blur(13px);
  opacity: .82;
  pointer-events: none;
  will-change: transform, opacity, filter;
  animation: baloGlowDriftAccount 12s ease-in-out infinite alternate;
}

/* Hover & focus */
body.zen-calm.page-template-page-my-account .cta-gem:hover,
body.zen-calm.page-template-page-my-account .cta-gem:focus-visible {
  transform: translateY(-1px) scale(1.012);
  filter: brightness(1.04);
  box-shadow:
    0 8px 18px rgba(15,23,42,.12),
    inset 0 1px 1px rgba(255,255,255,.6);
  outline: none;
}

body.zen-calm.page-template-page-my-account .cta-gem:hover::before,
body.zen-calm.page-template-page-my-account .cta-gem:focus-visible::before {
  transform: scale(1.01);
}

/* Focus ring */
body.zen-calm.page-template-page-my-account .cta-gem:focus-visible {
  box-shadow:
    0 0 0 6px rgba(var(--zen-accent-2-rgb, 34,197,94), .12),
    0 8px 18px rgba(15,23,42,.08);
  transform: translateY(-1px) scale(1.01);
}

/* Animations */
@keyframes baloPulseZenAccount {
  0%   { filter: brightness(1) saturate(1); transform: translateY(0) scale(1); }
  50%  { filter: brightness(1.03) saturate(1.02); transform: translateY(-0.25px) scale(1.006); }
  100% { filter: brightness(1) saturate(1); transform: translateY(0) scale(1); }
}

@keyframes baloGlowDriftAccount {
  0%   { transform: translate3d(0, 0, 0) scale(1);   opacity: .78; filter: blur(13px); }
  50%  { transform: translate3d(-1px, -1px, 0) scale(1.04); opacity: .95; filter: blur(15px); }
  100% { transform: translate3d(0, 0, 0) scale(1.01); opacity: .8;  filter: blur(14px); }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  body.zen-calm.page-template-page-my-account .cta-gem,
  body.zen-calm.page-template-page-my-account .cta-gem::before {
    animation: none !important;
    transition: none !important;
  }
}

/* Small screens */
@media (max-width: 520px) {
  body.zen-calm.page-template-page-my-account .cta-gem {
    padding: 11px 18px;
    font-size: .94rem;
  }
}
/* =========================================================
   My Account — Followers list (dark + day mode)
   Targets: #tab-followers .acc-card .acc-list.followers
   ========================================================= */

/* List layout */
.acc-card .acc-list.followers {
  list-style: none;
  margin: 16px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* Base follower row look */
.acc-follower-item {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 14px;
  padding: 10px 14px;
  border-radius: 16px;
  border: 1px solid rgba(148, 163, 184, 0.35);
  background:
    radial-gradient(circle at top left, rgba(148, 163, 184, 0.14), transparent 55%),
    radial-gradient(circle at bottom right, rgba(96, 165, 250, 0.16), transparent 60%),
    rgba(15, 23, 42, 0.94);
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.75);
  color: var(--zen-text, #e5e7eb);
}

/* Day look override (no balo-night) */
body:not(.balo-night) .acc-follower-item {
  background:
    radial-gradient(circle at top left, rgba(191, 219, 254, 0.45), transparent 55%),
    radial-gradient(circle at bottom right, rgba(248, 250, 252, 0.9), transparent 60%),
    #ffffff;
  border-color: rgba(148, 163, 184, 0.45);
  box-shadow:
    0 10px 24px rgba(15, 23, 42, 0.08),
    0 0 0 1px rgba(148, 163, 184, 0.12);
  color: #0f172a;
}

/* Avatar */
.acc-follower-avatar-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.acc-follower-avatar {
  width: 52px;
  height: 52px;
  border-radius: 999px;
  object-fit: cover;
  border: 1px solid rgba(248, 250, 252, 0.85);
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.65);
}

/* Soft “story” glow for followers with stories */
.acc-follower-avatar-link.has-story {
  position: relative;
  padding: 3px;
  border-radius: 999px;
  background:
    conic-gradient(
      from 180deg,
      rgba(251, 191, 36, 0.9),
      rgba(244, 114, 182, 0.9),
      rgba(96, 165, 250, 0.9),
      rgba(52, 211, 153, 0.9),
      rgba(251, 191, 36, 0.9)
    );
  box-shadow:
    0 0 0 1px rgba(248, 250, 252, 0.95),
    0 0 20px rgba(96, 165, 250, 0.9);
  cursor: pointer;
  transition: transform 140ms ease-out, box-shadow 140ms ease-out;
}

.acc-follower-avatar-link.has-story:hover,
.acc-follower-avatar-link.has-story:focus-visible {
  transform: translateY(-1px);
  box-shadow:
    0 0 0 1px rgba(248, 250, 252, 1),
    0 0 26px rgba(244, 114, 182, 0.95);
}

/* Name + email block */
.acc-follower-info a {
  color: inherit;
  text-decoration: none;
}

.acc-follower-info a:hover,
.acc-follower-info a:focus-visible {
  text-decoration: underline;
}

.acc-follower-info strong {
  font-size: 0.98rem;
}

.acc-follower-info .muted {
  font-size: 0.82rem;
  opacity: 0.9;
}

/* Actions on the right */
.acc-follower-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: flex-end;
}

/* Ghost buttons — keep existing look but refine alignment */
.acc-follower-actions .btn-ghost.btn-sm {
  min-height: 30px;
  padding: 6px 12px;
  font-size: 0.82rem;
  border-radius: 999px;
}

/* Day mode: make ghost buttons slightly darker text for contrast */
body:not(.balo-night) .acc-follower-actions .btn-ghost.btn-sm {
  color: #0f172a;
}

/* Small screens: stack nicely */
@media (max-width: 640px) {
  .acc-follower-item {
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    align-items: flex-start;
  }

  .acc-follower-actions {
    grid-column: 1 / -1;
    justify-content: flex-start;
    margin-top: 6px;
  }
}
/* ================================
   My Account — Subscription badges
   Make ACTIVE / INACTIVE clear in
   both day + night mode
   ================================ */

body.page-template-page-my-account .acc-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 3px 10px;
  border-radius: 999px;
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  border: 1px solid rgba(148, 163, 184, 0.9);
  background: rgba(248, 250, 252, 0.9);  /* light-neutral pill */
  color: #0f172a;                        /* dark text */
}

/* Active */
body.page-template-page-my-account .acc-badge-active {
  background: #bbf7d0;          /* soft green */
  color: #064e3b;               /* deep green text */
  border-color: #16a34a;
}

/* Inactive */
body.page-template-page-my-account .acc-badge-inactive {
  background: #e5e7eb;          /* light grey */
  color: #111827;               /* strong dark text */
  border-color: #9ca3af;
}

/* Grace */
body.page-template-page-my-account .acc-badge-grace {
  background: #fef9c3;          /* pale yellow */
  color: #854d0e;
  border-color: #eab308;
}

/* Overdue */
body.page-template-page-my-account .acc-badge-overdue {
  background: #fee2e2;          /* pale red */
  color: #991b1b;
  border-color: #dc2626;
}

/* Blocked */
body.page-template-page-my-account .acc-badge-blocked {
  background: #fecaca;
  color: #7f1d1d;
  border-color: #b91c1c;
}

/* Night mode boost (only adjust contrast, not wording) */
body.page-template-page-my-account.balo-night .acc-badge {
  background: rgba(15, 23, 42, 0.9);     /* dark pill */
  color: #e5e7eb;                        /* light text */
  border-color: rgba(148, 163, 184, 0.95);
}

body.page-template-page-my-account.balo-night .acc-badge-active {
  background: #16a34a;
  color: #ecfdf5;
  border-color: #bbf7d0;
}

body.page-template-page-my-account.balo-night .acc-badge-inactive {
  background: #4b5563;
  color: #f9fafb;
  border-color: #9ca3af;
}
/* ==========================================================
   My Account — Notification Glow + Dismiss Button
   ========================================================== */

.acc-notification-item {
  position: relative;
  padding: 14px 16px;
  border-radius: 14px;

  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(120,180,255,0.35);

  /* Zen Glow */
  box-shadow:
    0 0 10px rgba(120,160,255,0.30),
    0 0 18px rgba(120,160,255,0.15);

  animation: accNotifGlow 4s ease-in-out infinite;
  transition: transform .3s ease, box-shadow .3s ease;
}

.acc-notification-item:hover {
  transform: translateY(-3px);
  box-shadow:
    0 0 16px rgba(120,160,255,0.50),
    0 0 26px rgba(120,160,255,0.25);
}

@keyframes accNotifGlow {
  0%   { box-shadow: 0 0 8px rgba(120,160,255,0.25); }
  50%  { box-shadow: 0 0 18px rgba(120,160,255,0.45); }
  100% { box-shadow: 0 0 8px rgba(120,160,255,0.25); }
}

/* Dismiss button */
.notif-dismiss-btn {
  background: rgba(255,255,255,0.15);
  border: 1px solid rgba(255,255,255,0.25);
  backdrop-filter: blur(6px);

  color: #fff;
  font-size: 18px;
  padding: 2px 9px;
  border-radius: 6px;

  cursor: pointer;
  margin-left: 10px;
  transition: background .25s ease;
}

.notif-dismiss-btn:hover {
  background: rgba(255,255,255,0.25);
}

/* NIGHT MODE */
body.balo-night .acc-notification-item {
  background: rgba(25,35,60,0.40);
  border-color: rgba(140,200,255,0.40);
  box-shadow:
    0 0 14px rgba(140,200,255,0.45),
    0 0 22px rgba(140,200,255,0.25);
}

/* ==========================================================
   Bookings & Escrow — Zen Professional Enhancement
   ========================================================== */

/* Booking list items */
.acc-booking-item {
  position: relative;
  display: flex;
  gap: 16px;
  align-items: flex-start;
  justify-content: space-between;
  padding: 18px 20px;
  border-radius: 16px;
  background:
    radial-gradient(circle at top left, rgba(99, 102, 241, 0.08), transparent 60%),
    radial-gradient(circle at bottom right, rgba(59, 130, 246, 0.06), transparent 65%),
    rgba(15, 23, 42, 0.75);
  border: 1px solid rgba(129, 140, 248, 0.25);
  box-shadow:
    0 10px 30px rgba(0, 0, 0, 0.45),
    0 0 15px rgba(99, 102, 241, 0.15);
  backdrop-filter: blur(12px) saturate(120%);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
  animation: bookingGlow 6s ease-in-out infinite;
}

.acc-booking-item:hover {
  transform: translateY(-2px);
  border-color: rgba(129, 140, 248, 0.45);
  box-shadow:
    0 15px 40px rgba(0, 0, 0, 0.55),
    0 0 25px rgba(99, 102, 241, 0.35);
}

@keyframes bookingGlow {
  0%, 100% { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45), 0 0 15px rgba(99, 102, 241, 0.15); }
  50% { box-shadow: 0 12px 35px rgba(0, 0, 0, 0.5), 0 0 20px rgba(99, 102, 241, 0.25); }
}

/* Day mode override */
body:not(.balo-night) .acc-booking-item {
  background:
    radial-gradient(circle at top left, rgba(191, 219, 254, 0.35), transparent 60%),
    radial-gradient(circle at bottom right, rgba(248, 250, 252, 0.8), transparent 65%),
    #ffffff;
  border-color: rgba(99, 102, 241, 0.25);
  box-shadow:
    0 10px 28px rgba(15, 23, 42, 0.12),
    0 0 0 1px rgba(148, 163, 184, 0.15);
}

body:not(.balo-night) .acc-booking-item:hover {
  box-shadow:
    0 12px 32px rgba(15, 23, 42, 0.16),
    0 0 18px rgba(99, 102, 241, 0.18);
}

/* Booking actions column */
.acc-booking-actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 140px;
  flex-shrink: 0;
}

@media (max-width: 720px) {
  .acc-booking-item {
    flex-direction: column;
  }
  .acc-booking-actions {
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
  }
}

/* Status badges */
.acc-status {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.acc-status-paid,
.acc-status-completed {
  background: rgba(34, 197, 94, 0.15);
  color: #86efac;
  border: 1px solid rgba(34, 197, 94, 0.3);
}

.acc-status-pending {
  background: rgba(251, 191, 36, 0.15);
  color: #fbbf24;
  border: 1px solid rgba(251, 191, 36, 0.3);
}

.acc-status-disputed {
  background: rgba(239, 68, 68, 0.15);
  color: #fca5a5;
  border: 1px solid rgba(239, 68, 68, 0.3);
}

body:not(.balo-night) .acc-status-paid,
body:not(.balo-night) .acc-status-completed {
  background: #bbf7d0;
  color: #064e3b;
  border-color: #16a34a;
}

body:not(.balo-night) .acc-status-pending {
  background: #fef9c3;
  color: #854d0e;
  border-color: #eab308;
}

body:not(.balo-night) .acc-status-disputed {
  background: #fee2e2;
  color: #991b1b;
  border-color: #dc2626;
}

/* Escrow status */
.acc-status-escrow {
  font-weight: 600;
  color: var(--zen-accent, #60a5fa);
}

/* Status messages */
.acc-status-warn {
  display: inline-flex;
  align-items: center;
  padding: 6px 12px;
  border-radius: 999px;
  background: rgba(239, 68, 68, 0.12);
  color: #fca5a5;
  font-size: 0.85rem;
  font-weight: 600;
  border: 1px solid rgba(239, 68, 68, 0.25);
}

.acc-status-success {
  display: inline-flex;
  align-items: center;
  padding: 6px 12px;
  border-radius: 999px;
  background: rgba(34, 197, 94, 0.12);
  color: #86efac;
  font-size: 0.85rem;
  font-weight: 600;
  border: 1px solid rgba(34, 197, 94, 0.25);
}

body:not(.balo-night) .acc-status-warn {
  background: #fee2e2;
  color: #991b1b;
  border-color: #dc2626;
}

body:not(.balo-night) .acc-status-success {
  background: #bbf7d0;
  color: #064e3b;
  border-color: #16a34a;
}

/* Confirm button */
.acc-confirm-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  border-radius: 999px;
  font-size: 0.875rem;
  font-weight: 700;
  color: #fff;
  background:
    radial-gradient(60% 140% at 50% 0%, rgba(34, 197, 94, 0.3), transparent),
    linear-gradient(180deg, rgba(22, 163, 74, 0.95), rgba(21, 128, 61, 0.98));
  border: 1px solid rgba(34, 197, 94, 0.35);
  box-shadow:
    0 8px 18px rgba(0, 0, 0, 0.35),
    inset 0 1px 2px rgba(255, 255, 255, 0.15);
  cursor: pointer;
  transition: all 0.2s ease;
}

.acc-confirm-btn:hover {
  transform: translateY(-1px);
  background:
    radial-gradient(60% 140% at 50% 0%, rgba(34, 197, 94, 0.4), transparent),
    linear-gradient(180deg, rgba(22, 163, 74, 1), rgba(21, 128, 61, 1));
  box-shadow:
    0 10px 24px rgba(0, 0, 0, 0.4),
    0 0 20px rgba(34, 197, 94, 0.4),
    inset 0 1px 2px rgba(255, 255, 255, 0.2);
}

.acc-confirm-btn:active {
  transform: translateY(0);
}

/* Dispute button */
.acc-open-dispute {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  border-radius: 999px;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--text);
  background: transparent;
  border: 1px solid rgba(239, 68, 68, 0.35);
  cursor: pointer;
  transition: all 0.2s ease;
}

.acc-open-dispute:hover {
  transform: translateY(-1px);
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.55);
  box-shadow: 0 8px 18px rgba(239, 68, 68, 0.25);
}

/* Small muted text */
.acc-small-muted {
  font-size: 0.8rem;
  color: var(--muted);
  opacity: 0.85;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .acc-booking-item,
  .acc-confirm-btn,
  .acc-open-dispute {
    animation: none !important;
    transition: none !important;
  }
}