/*
 * B-tech Mauzo | restrained layered elevation + blue ambient glow.
 * Added after mobile-app.css so authenticated cards can regain visual depth
 * without altering their established theme contrast or business logic.
 */
html[data-theme="light"] body[data-authenticated="1"]{
  --mauzo-elevation:
    0 3px 8px rgba(12,37,69,.13),
    0 14px 32px -12px rgba(18,66,127,.26),
    0 0 0 1px rgba(121,181,246,.26),
    0 0 17px rgba(49,130,238,.09);
  --mauzo-elevation-hover:
    0 7px 18px rgba(10,37,76,.18),
    0 23px 40px -14px rgba(25,92,177,.33),
    0 0 0 1px rgba(126,194,255,.44),
    0 0 25px rgba(42,132,246,.16);
  --mauzo-elevation-featured:
    0 6px 15px rgba(14,41,84,.2),
    0 18px 39px -11px rgba(20,80,167,.29),
    0 0 0 1px rgba(138,200,255,.35),
    0 0 28px rgba(47,124,255,.16);
}
html[data-theme="dark"] body[data-authenticated="1"]{
  --mauzo-elevation:
    0 5px 13px rgba(0,8,22,.33),
    0 18px 36px -12px rgba(0,9,29,.48),
    0 0 0 1px rgba(105,167,240,.3),
    0 0 22px rgba(69,144,255,.15);
  --mauzo-elevation-hover:
    0 9px 22px rgba(0,8,22,.45),
    0 28px 49px -15px rgba(0,8,29,.56),
    0 0 0 1px rgba(131,193,255,.55),
    0 0 32px rgba(71,155,255,.25);
  --mauzo-elevation-featured:
    0 7px 18px rgba(0,8,22,.41),
    0 24px 47px -13px rgba(0,9,30,.51),
    0 0 0 1px rgba(147,196,255,.4),
    0 0 30px rgba(71,156,255,.24);
}

/* Common text holders, finance summaries, tiles and interactive containers. */
html[data-theme] body[data-authenticated="1"] main.main :is(
  .panel,
  .metric-card,
  .analytics-kpi,
  .mauzo-goal-card,
  .manage-group,
  .product-tile,
  .debt-card,
  .plan-card,
  .subscription-state,
  .business-profile-banner,
  .workspace-overview,
  .workspace-overview article,
  .quick-actions a,
  .attention-item,
  .summary-period,
  .compact-stat
){
  box-shadow:var(--mauzo-elevation)!important;
  transition:box-shadow .22s ease,transform .22s ease,border-color .22s ease;
}

/* Primary Sales card is slightly more prominent without obscuring animated notes. */
html[data-theme] body[data-authenticated="1"] main.main .dashboard-metrics .metric-featured{
  box-shadow:var(--mauzo-elevation-featured)!important;
}

/* Soft floating effect only on pointing devices, not touch scrolling. */
@media(hover:hover) and (pointer:fine){
  html[data-theme] body[data-authenticated="1"] main.main :is(
    .metric-card,
    .analytics-kpi,
    .product-tile,
    .quick-actions a,
    .attention-item,
    .plan-card,
    .compact-stat
  ):hover{
    transform:translateY(-2px);
    box-shadow:var(--mauzo-elevation-hover)!important;
  }
  html[data-theme] body[data-authenticated="1"] main.main .dashboard-metrics .metric-featured:hover{
    box-shadow:var(--mauzo-elevation-hover)!important;
  }
}

/* Focus should convey the same depth without removing native focus outlines. */
html[data-theme] body[data-authenticated="1"] main.main :is(
  .metric-card,.quick-actions a,.attention-item,.product-tile,.plan-card
):focus-within{
  box-shadow:var(--mauzo-elevation-hover)!important;
}

/* Header and compact filter holders get lighter depth, not oversized halos. */
html[data-theme] body[data-authenticated="1"] main.main .topbar.app-header{
  box-shadow:0 7px 24px rgba(13,57,112,.13),0 0 0 1px rgba(105,175,247,.16)!important;
}
html[data-theme="dark"] body[data-authenticated="1"] main.main .topbar.app-header{
  box-shadow:0 10px 28px rgba(0,9,27,.39),0 0 18px rgba(75,149,255,.11)!important;
}
html[data-theme] body[data-authenticated="1"] main.main .dashboard-heading-category{
  box-shadow:0 3px 9px rgba(34,108,206,.12),0 0 9px rgba(65,140,244,.09);
}

/* Phone cards remain raised without expensive oversized glows or hover movement. */
@media(max-width:600px){
  html[data-theme] body[data-authenticated="1"]{
    --mauzo-elevation:0 3px 9px rgba(12,38,76,.16),0 8px 18px -7px rgba(29,88,159,.2),0 0 0 1px rgba(116,179,255,.23),0 0 11px rgba(54,139,242,.09);
    --mauzo-elevation-featured:0 5px 13px rgba(12,38,76,.2),0 12px 24px -9px rgba(27,87,161,.23),0 0 0 1px rgba(119,184,255,.29),0 0 16px rgba(49,131,245,.12);
  }
  html[data-theme="dark"] body[data-authenticated="1"]{
    --mauzo-elevation:0 4px 12px rgba(0,9,24,.3),0 9px 20px -8px rgba(0,9,28,.43),0 0 0 1px rgba(119,175,247,.3),0 0 12px rgba(69,144,255,.13);
    --mauzo-elevation-featured:0 5px 15px rgba(0,9,24,.39),0 14px 26px -9px rgba(0,9,28,.48),0 0 0 1px rgba(128,190,255,.33),0 0 19px rgba(69,144,255,.2);
  }
}

/*
 * Deliberate elevation for solid blue cards: near-black contact shadows
 * make them visibly separate from a light background. The existing white
 * card shadows above remain unchanged.
 */
html[data-theme="light"] body[data-authenticated="1"]{
  --mauzo-blue-card-shadow:
    0 2px 0 rgba(3,12,29,.48),
    0 5px 8px -2px rgba(3,12,29,.48),
    0 11px 17px -7px rgba(3,12,29,.44),
    0 0 0 1px rgba(16,49,95,.40),
    inset 0 1px 0 rgba(231,244,255,.14);
  --mauzo-blue-card-hover:
    0 3px 0 rgba(3,12,29,.50),
    0 8px 12px -3px rgba(3,12,29,.53),
    0 14px 21px -8px rgba(3,12,29,.49),
    0 0 0 1px rgba(89,155,231,.45),
    inset 0 1px 0 rgba(231,244,255,.2);
}
html[data-theme="light"] body[data-authenticated="1"] main.main :is(
  .panel,.metric-card,.analytics-kpi,.mauzo-goal-card,.manage-group
){
  /* Crisp dark contact edge remains visible beneath every navy-blue card. */
  border-color:rgba(12,40,80,.58)!important;
  box-shadow:var(--mauzo-blue-card-shadow)!important;
}
html[data-theme="light"] body[data-authenticated="1"] main.main .dashboard-metrics .metric-featured{
  /* Sales Today: stronger at the card edge but no broad, feathered halo. */
  box-shadow:
    0 2px 0 rgba(3,13,33,.46),
    0 6px 10px -2px rgba(4,16,43,.54),
    0 12px 16px -7px rgba(4,16,42,.45),
    0 0 0 1px rgba(89,155,231,.45),
    inset 0 1px 0 rgba(231,244,255,.19)!important;
}

/* Dark backgrounds need luminous blue edge separation in addition to a shadow. */
html[data-theme="dark"] body[data-authenticated="1"]{
  --mauzo-deep-blue-glow:
    0 3px 6px rgba(0,5,17,.51),
    0 15px 28px -7px rgba(0,6,20,.69),
    0 27px 44px -15px rgba(0,6,22,.7),
    0 0 0 1px rgba(120,188,255,.48),
    0 0 16px rgba(65,148,255,.36),
    0 0 32px rgba(28,100,221,.21),
    inset 0 1px 0 rgba(194,227,255,.16);
  --mauzo-deep-blue-glow-hover:
    0 6px 12px rgba(0,5,17,.59),
    0 19px 36px -9px rgba(0,6,20,.74),
    0 32px 52px -17px rgba(0,6,22,.75),
    0 0 0 1px rgba(157,210,255,.66),
    0 0 21px rgba(66,163,255,.48),
    0 0 39px rgba(35,115,234,.3),
    inset 0 1px 0 rgba(216,238,255,.21);
}
html[data-theme="dark"] body[data-authenticated="1"] main.main :is(
  .panel,.metric-card,.analytics-kpi,.mauzo-goal-card,.manage-group,
  .product-tile,.debt-card,.plan-card,.subscription-state,
  .business-profile-banner,.workspace-overview,.workspace-overview article,
  .quick-actions a,.attention-item,.summary-period,.compact-stat
){
  box-shadow:var(--mauzo-deep-blue-glow)!important;
}
html[data-theme="dark"] body[data-authenticated="1"] main.main .dashboard-metrics .metric-featured{
  /* Retain a slim blue edge light, not the previous 49px diffuse glow. */
  box-shadow:
    0 3px 2px rgba(0,6,19,.52),
    0 8px 14px -5px rgba(0,7,25,.72),
    0 0 0 1px rgba(147,204,255,.57),
    0 0 11px rgba(71,165,255,.31),
    inset 0 1px 0 rgba(213,234,255,.2)!important;
}
@media(hover:hover) and (pointer:fine){
  html[data-theme="light"] body[data-authenticated="1"] main.main :is(
    .metric-card,.analytics-kpi
  ):hover{box-shadow:var(--mauzo-blue-card-hover)!important}
  html[data-theme="light"] body[data-authenticated="1"] main.main .dashboard-metrics .metric-featured:hover{
    /* No large hover halo on the sales feature. */
    box-shadow:
      0 3px 0 rgba(3,13,33,.47),
      0 8px 12px -3px rgba(4,16,43,.54),
      0 14px 20px -8px rgba(4,16,42,.46),
      0 0 0 1px rgba(103,171,240,.5)!important;
  }
  html[data-theme="dark"] body[data-authenticated="1"] main.main :is(
    .metric-card,.analytics-kpi,.product-tile,.quick-actions a,
    .attention-item,.plan-card,.compact-stat
  ):hover{box-shadow:var(--mauzo-deep-blue-glow-hover)!important}
  html[data-theme="dark"] body[data-authenticated="1"] main.main .dashboard-metrics .metric-featured:hover{
    box-shadow:
      0 4px 3px rgba(0,6,19,.57),
      0 9px 16px -5px rgba(0,7,25,.75),
      0 0 0 1px rgba(159,214,255,.66),
      0 0 14px rgba(71,165,255,.37)!important;
  }
}
html[data-theme="light"] body[data-authenticated="1"] main.main :is(
  .metric-card,.analytics-kpi
):focus-within{
  box-shadow:var(--mauzo-blue-card-hover)!important;
}
html[data-theme="dark"] body[data-authenticated="1"] main.main :is(
  .metric-card,.quick-actions a,.attention-item,.product-tile,.plan-card
):focus-within{
  box-shadow:var(--mauzo-deep-blue-glow-hover)!important;
}

/* The Sales visibility button must not reintroduce broad shadow layers on focus. */
html[data-theme="light"] body[data-authenticated="1"] main.main .dashboard-metrics .metric-featured:focus-within{
  box-shadow:0 2px 0 rgba(3,13,33,.46),0 6px 10px -2px rgba(4,16,43,.54),0 12px 16px -7px rgba(4,16,42,.45),0 0 0 1px rgba(89,155,231,.45)!important;
}
html[data-theme="dark"] body[data-authenticated="1"] main.main .dashboard-metrics .metric-featured:focus-within{
  box-shadow:0 3px 2px rgba(0,6,19,.52),0 8px 14px -5px rgba(0,7,25,.72),0 0 0 1px rgba(147,204,255,.57),0 0 11px rgba(71,165,255,.31)!important;
}

/* Keep the raised silhouette crisp on narrow phones with fewer glow layers. */
@media(max-width:600px){
  html[data-theme="light"] body[data-authenticated="1"]{
    --mauzo-blue-card-shadow:
      0 2px 0 rgba(3,12,29,.46),
      0 5px 8px -2px rgba(3,12,29,.5),
      0 9px 13px -6px rgba(3,12,29,.42),
      0 0 0 1px rgba(16,49,95,.38);
  }
  /* Phone cards need short, dark shadows, not an oversized surrounding blur. */
  html[data-theme="light"] body[data-authenticated="1"] main.main .dashboard-metrics .metric-featured{
    box-shadow:0 2px 0 rgba(3,13,33,.45),0 5px 9px -2px rgba(4,16,43,.5),0 9px 13px -6px rgba(4,16,42,.42),0 0 0 1px rgba(89,155,231,.4)!important;
  }
  html[data-theme="dark"] body[data-authenticated="1"] main.main .dashboard-metrics .metric-featured{
    box-shadow:0 3px 2px rgba(0,6,19,.53),0 7px 12px -5px rgba(0,7,25,.7),0 0 0 1px rgba(147,204,255,.55),0 0 9px rgba(71,165,255,.3)!important;
  }
  html[data-theme="dark"] body[data-authenticated="1"]{
    --mauzo-deep-blue-glow:
      0 3px 7px rgba(0,5,17,.48),
      0 11px 23px -8px rgba(0,6,21,.7),
      0 0 0 1px rgba(126,190,255,.43),
      0 0 15px rgba(63,151,255,.31),
      0 0 25px rgba(38,107,227,.17);
  }
}

@media(prefers-reduced-motion:reduce){
  html[data-theme] body[data-authenticated="1"] main.main :is(
    .panel,.metric-card,.analytics-kpi,.mauzo-goal-card,.manage-group,
    .product-tile,.debt-card,.plan-card,.subscription-state,
    .business-profile-banner,.workspace-overview,.quick-actions a,
    .attention-item,.summary-period,.compact-stat
  ){transition:none!important}
  html[data-theme] body[data-authenticated="1"] main.main :is(
    .metric-card,.analytics-kpi,.product-tile,.quick-actions a,.attention-item,.plan-card,.compact-stat
  ):hover{transform:none}
}
/* Source credits are available without interrupting the financial dashboard. */
.workspace-footer .banknote-attribution{
  flex:0 1 auto;
  min-width:0;
  color:var(--muted);
}
.workspace-footer .banknote-attribution summary{
  cursor:pointer;
  font:inherit;
  color:var(--muted);
  text-underline-offset:2px;
  list-style-position:inside;
}
.workspace-footer .banknote-attribution summary:hover,
.workspace-footer .banknote-attribution summary:focus-visible{
  color:var(--link);
  text-decoration:underline;
}
.workspace-footer .banknote-attribution[open]{
  flex-basis:100%;
  padding-top:4px;
}
.workspace-footer .banknote-attribution p{
  margin:8px 0 0;
  font-size:.7rem;
  line-height:1.55;
  overflow-wrap:anywhere;
}
.workspace-footer .banknote-attribution a{
  color:var(--link);
  text-decoration:underline;
  text-underline-offset:2px;
}

@media print{
  html[data-theme] body[data-authenticated="1"] main.main :is(
    .panel,.metric-card,.analytics-kpi,.mauzo-goal-card,.manage-group,
    .product-tile,.debt-card,.plan-card,.subscription-state,
    .business-profile-banner,.workspace-overview,.workspace-overview article,
    .quick-actions a,.attention-item,.summary-period,.compact-stat,
    .dashboard-metrics .metric-featured,.topbar.app-header,.dashboard-heading-category
  ){box-shadow:none!important;transform:none!important;transition:none!important}
}