/*
 * B-tech Mauzo dashboard finishing touches: matte cardstock recessed lettering,
 * pressed icon impressions and a cohesive, theme-adaptive payment-mix donut.
 * No decorative copy, metrics or backend values are changed here.
 */
.mauzo-relief-defs{position:absolute;pointer-events:none;overflow:hidden}
html[data-theme="light"] body[data-authenticated="1"] main.main {
  --mauzo-emboss-type: none;
  --mauzo-emboss-muted: none;
  --mauzo-icon-sculpt:
    inset .7px 1px 1px rgba(0,12,34,.48),
    inset -.6px -.8px .5px rgba(229,244,255,.24),
    0 1px 0 rgba(232,246,255,.12);
}
html[data-theme="dark"] body[data-authenticated="1"] main.main {
  --mauzo-emboss-type: none;
  --mauzo-emboss-muted: none;
  --mauzo-icon-sculpt:
    inset .7px 1px 1px rgba(0,3,13,.68),
    inset -.6px -.8px .5px rgba(207,231,255,.2),
    0 1px 0 rgba(207,231,255,.09);
}
/* Preserve all original accessible foreground colors. The shared SVG filter shades INSIDE each glyph: dark upper-left walls,
 * a light lower-right rim and no exterior text shadow. Ink stays readable.
 */
html[data-theme] body[data-authenticated="1"] main.main :is(
  .dashboard-metrics .metric-card > strong,
  .analytics-kpi strong,
  .mauzo-goal-total strong,
  .mauzo-goal-progress strong,
  .analytics-card .donut-center strong
){
  text-shadow:var(--mauzo-emboss-type);
  filter:url("#mauzo-paper-recess");
  font-variant-numeric:tabular-nums;
}
html[data-theme] body[data-authenticated="1"] main.main :is(
  .dashboard-metrics .metric-card > span,
  .analytics-kpi span,
  .analytics-card .panel-head h2,
  .analytics-card .eyebrow,
  .mauzo-goal-heading h2,
  .dashboard-section-title h2
){
  text-shadow:var(--mauzo-emboss-muted);
  filter:url("#mauzo-paper-recess");
}
html[data-theme] body[data-authenticated="1"] main.main :is(
  .dashboard-metrics .metric-icon,
  .analytics-kpi-icon,
  .mauzo-goal-icon
){
  background:var(--surface);
  border:1px solid rgba(190,224,255,.16);
  box-shadow:var(--mauzo-icon-sculpt);
}
html[data-theme] body[data-authenticated="1"] main.main :is(
  .dashboard-metrics .metric-icon,
  .analytics-kpi-icon,
  .mauzo-goal-icon
) .ui-icon {
  filter:url("#mauzo-paper-recess");
}
/* A static, very fine fiber grain and broad diffuse light suggest dyed
 * heavyweight paper. No overlay can intercept controls or cover the banknotes.
 * Keep the established navy surfaces and tight exterior card shadows.
 */
html[data-theme] body[data-authenticated="1"] main.main :is(
  .dashboard-metrics .metric-card,.analytics-kpi,.mauzo-goal-card
){
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath fill='white' opacity='.035' filter='url(%23grain)' d='M0 0h160v160H0z'/%3E%3C/svg%3E"),linear-gradient(135deg,rgba(255,255,255,.035),transparent 55%,rgba(0,0,0,.035))!important;
  background-size:160px 160px,100% 100%;
}
/* Relief is applied once to the amount container, including hidden sales. */
html[data-theme] body[data-authenticated="1"] main.main #sales-figure > span{
  text-shadow:none;
  filter:none;
}
@media(forced-colors:active){
  html[data-theme] body[data-authenticated="1"] main.main :is(
    .dashboard-metrics .metric-card,.analytics-kpi,.mauzo-goal-card
  ){background-image:none!important}
  html[data-theme] body[data-authenticated="1"] main.main :is(strong,h2,span){text-shadow:none!important;filter:none!important}
  html[data-theme] body[data-authenticated="1"] main.main .ui-icon{filter:none!important}
}
/* Payment-mix ring: coordinated financial palette instead of a bright rainbow.
 * CSS variables keep legend dots and segments synchronized on theme switches.
 */
html[data-theme="light"] body[data-authenticated="1"] main.main .donut-host{
  --payment-color-1:#5BA8F2; /* refined azure */
  --payment-color-2:#35B6AA; /* teal */
  --payment-color-3:#A18CDB; /* muted violet */
  --payment-color-4:#D8AA68; /* soft bronze */
  --payment-color-5:#7EACBE; /* steel blue */
  --payment-color-6:#C883A4; /* dusk rose */
  --payment-track:rgba(201,227,255,.19);
}
html[data-theme="dark"] body[data-authenticated="1"] main.main .donut-host{
  --payment-color-1:#7ABDF7;
  --payment-color-2:#53C9BB;
  --payment-color-3:#B0A0E8;
  --payment-color-4:#E0BE84;
  --payment-color-5:#97C3D2;
  --payment-color-6:#D99DB9;
  --payment-track:rgba(172,205,246,.18);
}
html[data-theme] body[data-authenticated="1"] main.main .donut-host .donut-svg {
  filter:drop-shadow(0 5px 9px rgba(0,16,45,.2));
}
html[data-theme] body[data-authenticated="1"] main.main .donut-host .donut-track {
  stroke:var(--payment-track);
}
html[data-theme] body[data-authenticated="1"] main.main .donut-host .donut-segment {
  stroke-linejoin:round;
}
html[data-theme] body[data-authenticated="1"] main.main .donut-host .donut-segment:nth-of-type(6n+2){stroke:var(--payment-color-1)}
html[data-theme] body[data-authenticated="1"] main.main .donut-host .donut-segment:nth-of-type(6n+3){stroke:var(--payment-color-2)}
html[data-theme] body[data-authenticated="1"] main.main .donut-host .donut-segment:nth-of-type(6n+4){stroke:var(--payment-color-3)}
html[data-theme] body[data-authenticated="1"] main.main .donut-host .donut-segment:nth-of-type(6n+5){stroke:var(--payment-color-4)}
html[data-theme] body[data-authenticated="1"] main.main .donut-host .donut-segment:nth-of-type(6n+6){stroke:var(--payment-color-5)}
html[data-theme] body[data-authenticated="1"] main.main .donut-host .donut-segment:nth-of-type(6n+7){stroke:var(--payment-color-6)}
html[data-theme] body[data-authenticated="1"] main.main .donut-host .donut-legend-row:nth-child(6n+1) i{--legend-color:var(--payment-color-1)}
html[data-theme] body[data-authenticated="1"] main.main .donut-host .donut-legend-row:nth-child(6n+2) i{--legend-color:var(--payment-color-2)}
html[data-theme] body[data-authenticated="1"] main.main .donut-host .donut-legend-row:nth-child(6n+3) i{--legend-color:var(--payment-color-3)}
html[data-theme] body[data-authenticated="1"] main.main .donut-host .donut-legend-row:nth-child(6n+4) i{--legend-color:var(--payment-color-4)}
html[data-theme] body[data-authenticated="1"] main.main .donut-host .donut-legend-row:nth-child(6n+5) i{--legend-color:var(--payment-color-5)}
html[data-theme] body[data-authenticated="1"] main.main .donut-host .donut-legend-row:nth-child(6n+6) i{--legend-color:var(--payment-color-6)}
html[data-theme] body[data-authenticated="1"] main.main .donut-host .donut-legend-row i {
  border-radius:50%;
  width:10px;height:10px;flex-basis:10px;
  box-shadow:0 0 0 1px rgba(219,235,255,.23);
}
html[data-theme] body[data-authenticated="1"] main.main .donut-host .donut-center strong{
  text-shadow:var(--mauzo-emboss-type);
}
@media(max-width:620px){
  html[data-theme] body[data-authenticated="1"] main.main .donut-host .donut-svg{
    filter:drop-shadow(0 3px 6px rgba(0,16,45,.16));
  }
}
@media print{
  html[data-theme] body[data-authenticated="1"] main.main :is(
    .dashboard-metrics .metric-card,.analytics-kpi,.mauzo-goal-card
  ){background-image:none!important}
  html[data-theme] body[data-authenticated="1"] main.main :is(strong,h2,span){text-shadow:none!important;filter:none!important}
  html[data-theme] body[data-authenticated="1"] main.main .ui-icon{filter:none!important}
  html[data-theme] body[data-authenticated="1"] main.main :is(
    .dashboard-metrics .metric-card > strong,
    .dashboard-metrics .metric-card > span,
    .analytics-kpi strong,
    .analytics-kpi span,
    .analytics-card .panel-head h2,
    .mauzo-goal-heading h2,
    .mauzo-goal-total strong,
    .dashboard-section-title h2
  ){text-shadow:none!important}
  html[data-theme] body[data-authenticated="1"] main.main :is(
    .dashboard-metrics .metric-icon,.analytics-kpi-icon,.mauzo-goal-icon
  ){box-shadow:none!important}
}

/* Text hierarchy: keep the pressed/recessed treatment on Sales Today only.
 * Supporting dashboard text uses a restrained raised edge, matching the icon
 * wells without the punched-in appearance. */
html[data-theme] body[data-authenticated="1"] main.main :is(h1,h2,h3,h4,p,span,strong,small,label,a,th,td,legend,summary){
  text-shadow:0 -1px 0 rgba(255,255,255,.16),0 1px 0 rgba(0,10,28,.34)!important;
  filter:none!important;
}
html[data-theme] body[data-authenticated="1"] main.main .dashboard-metrics .metric-featured > :is(span,strong,small){
  text-shadow:none!important;
  filter:url("#mauzo-paper-recess")!important;
}
html[data-theme] body[data-authenticated="1"] main.main :is(.metric-icon,.analytics-kpi-icon,.mauzo-goal-icon,.manage-icon) .ui-icon{
  filter:url("#mauzo-paper-recess")!important;
}
/* Nested amount text must not receive the same filter twice. */
html[data-theme] body[data-authenticated="1"] main.main #sales-figure > span{
  text-shadow:none!important;
  filter:none!important;
}
@media print, (forced-colors:active){
  html[data-theme] body[data-authenticated="1"] main.main :is(h1,h2,h3,h4,p,span,strong,small,label,a,th,td,legend,summary,.ui-icon),
  html[data-theme] body[data-authenticated="1"] main.main .dashboard-metrics .metric-featured > :is(span,strong,small){
    text-shadow:none!important;
    filter:none!important;
  }
}