/* Sales & Support Analytics V1 — scoped, additive, production-safe. */
html[data-maustore-module="sales"]{
  --sda-blue:#102b8f;--sda-blue2:#2451d6;--sda-pink:#eb3a91;--sda-green:#19a45b;
  --sda-purple:#7047d7;--sda-text:#17203a;--sda-muted:#6f7894;--sda-line:#e6eaf6;
}
html[data-maustore-module="sales"] .sda-analytics-strip{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;width:100%;
  touch-action:pan-y;
}
html[data-maustore-module="sales"] .sda-card,
html[data-maustore-module="sales"] .sda-chart,
html[data-maustore-module="sales"] .sda-chart svg,
html[data-maustore-module="sales"] .sda-mark{touch-action:pan-y}
html[data-maustore-module="sales"] .sda-card{
  min-width:0;background:#fff;border:1px solid var(--sda-line);border-radius:18px;padding:15px 16px 13px;
  box-shadow:0 8px 24px rgba(31,45,98,.05);overflow:hidden;position:relative;
}
html[data-maustore-module="sales"] .sda-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px}
html[data-maustore-module="sales"] .sda-title{font-size:13px;font-weight:900;color:#1b2b68;line-height:1.2}
html[data-maustore-module="sales"] .sda-sub{font-size:9px;font-weight:600;color:var(--sda-muted);margin-top:3px}
html[data-maustore-module="sales"] .sda-chip{border:1px solid #dfe5f3;background:#fff;border-radius:9px;padding:6px 8px;font-size:8px;font-weight:850;color:#53627e;white-space:nowrap}
html[data-maustore-module="sales"] .sda-chart{height:158px;min-height:158px;width:100%;position:relative}
html[data-maustore-module="sales"] .sda-chart svg{display:block;width:100%;height:100%;overflow:visible}
html[data-maustore-module="sales"] .sda-gridline{stroke:#e9edf5;stroke-width:1}
html[data-maustore-module="sales"] .sda-axis{fill:#8791a8;font-size:8px;font-family:'Outfit',system-ui,sans-serif}
html[data-maustore-module="sales"] .sda-line-omzet{fill:none;stroke:var(--sda-blue2);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
html[data-maustore-module="sales"] .sda-line-profit{fill:none;stroke:var(--sda-pink);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
html[data-maustore-module="sales"] .sda-dot-omzet{fill:var(--sda-blue2)}html[data-maustore-module="sales"] .sda-dot-profit{fill:var(--sda-pink)}
html[data-maustore-module="sales"] .sda-mark{outline:none;cursor:pointer}
html[data-maustore-module="sales"] .sda-point-hit,
html[data-maustore-module="sales"] .sda-bar-hit{fill:transparent;pointer-events:all}
html[data-maustore-module="sales"] .sda-visible-dot{transform-box:fill-box;transform-origin:center;transition:transform .18s ease,filter .18s ease}
html[data-maustore-module="sales"] .sda-mark:is(:hover,:focus-visible,.is-active) .sda-visible-dot{transform:scale(1.65);filter:drop-shadow(0 0 3px rgba(30,54,130,.28))}
html[data-maustore-module="sales"] .sda-endpoint-halo{fill:none;stroke-width:1.8;transform-box:fill-box;transform-origin:center;opacity:0;pointer-events:none;animation:sdaEndpointPulse 8s cubic-bezier(.22,.72,.3,1) infinite}
html[data-maustore-module="sales"] .sda-endpoint-halo-omzet{stroke:var(--sda-blue2)}
html[data-maustore-module="sales"] .sda-endpoint-halo-profit{stroke:var(--sda-pink)}
html[data-maustore-module="sales"] .sda-bar{transform-box:fill-box;transform-origin:center bottom;transition:filter .18s ease,opacity .18s ease}
html[data-maustore-module="sales"] .sda-mark:is(:hover,:focus-visible,.is-active) .sda-bar{filter:brightness(1.08) drop-shadow(0 2px 3px rgba(24,40,100,.2));opacity:1}
html[data-maustore-module="sales"] .sda-latest-bar{animation:sdaLatestBarGlow 10s ease-in-out infinite}
html[data-maustore-module="sales"] .sda-legend{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:2px;font-size:8px;font-weight:800;color:#53607c}
html[data-maustore-module="sales"] .sda-legend span{display:inline-flex;align-items:center;gap:5px}
html[data-maustore-module="sales"] .sda-legend i{width:7px;height:7px;border-radius:50%;display:inline-block}
html[data-maustore-module="sales"] .sda-donut-wrap{height:158px;display:grid;grid-template-columns:minmax(118px,.95fr) 1.05fr;gap:12px;align-items:center}
html[data-maustore-module="sales"] .sda-donut{width:126px;height:126px;border-radius:50%;margin:auto;position:relative}
html[data-maustore-module="sales"] .sda-donut-svg{width:126px;height:126px;overflow:visible;transform-origin:center}
html[data-maustore-module="sales"] .sda-donut-track{fill:none;stroke:#f0f3f8;stroke-width:28}
html[data-maustore-module="sales"] .sda-donut-segment{fill:none;transition:filter .2s ease,opacity .2s ease}
html[data-maustore-module="sales"] .sda-donut-mark{transition:transform .2s cubic-bezier(.2,.8,.2,1);transform-origin:center}
html[data-maustore-module="sales"] .sda-donut-mark:has(.sda-mark:is(:hover,:focus-visible,.is-active)){transform:translate(var(--sda-pop-x),var(--sda-pop-y))}
html[data-maustore-module="sales"] .sda-donut-segment:is(:hover,:focus-visible,.is-active){filter:brightness(1.06) drop-shadow(0 2px 3px rgba(25,38,87,.2))}
html[data-maustore-module="sales"] .sda-donut-glint{fill:none;stroke:rgba(255,255,255,.82);stroke-width:4;stroke-linecap:round;stroke-dasharray:5 95;opacity:0;pointer-events:none;animation:sdaDonutGlint 12s ease-in-out infinite}
html[data-maustore-module="sales"] .sda-donut-center{position:absolute;inset:0;display:grid;place-content:center;text-align:center;z-index:1;pointer-events:none}
html[data-maustore-module="sales"] .sda-donut-center b{font-size:20px;color:#17255a;line-height:1}
html[data-maustore-module="sales"] .sda-donut-center small{font-size:8px;color:#7d879e;margin-top:4px}
html[data-maustore-module="sales"] .sda-source-list{display:grid;gap:8px;min-width:0}
html[data-maustore-module="sales"] .sda-source-row{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:7px;align-items:center;padding:3px 4px 7px;border-radius:7px;border-bottom:1px solid #eef1f6;transition:background-color .18s ease,transform .18s ease}
html[data-maustore-module="sales"] .sda-source-row:last-child{border-bottom:0;padding-bottom:0}
html[data-maustore-module="sales"] .sda-source-row:is(:hover,:focus-visible,.is-active){background:#f7f9fe;transform:translateX(2px)}
html[data-maustore-module="sales"] .sda-source-dot{width:8px;height:8px;border-radius:50%}
html[data-maustore-module="sales"] .sda-source-name{font-size:9px;font-weight:850;color:var(--sda-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-maustore-module="sales"] .sda-source-count{display:block;font-size:7.5px;color:var(--sda-muted);font-weight:600;margin-top:1px}
html[data-maustore-module="sales"] .sda-source-pct{font-size:9px;font-weight:900;color:#1b2b68}
html[data-maustore-module="sales"] .sda-empty{height:158px;display:grid;place-items:center;text-align:center;padding:15px;color:#7b849c;font-size:10px;font-weight:700}
html[data-maustore-module="sales"] .sda-empty button{margin-top:7px;border:1px solid #dbe3f5;background:#f7f9ff;color:#2149ac;border-radius:9px;padding:7px 9px;font:800 8px 'Outfit',system-ui,sans-serif}
html[data-maustore-module="sales"] .sda-tooltip{position:absolute;z-index:5;display:grid;grid-template-columns:auto auto;align-items:baseline;gap:1px 8px;min-width:100px;max-width:180px;padding:8px 9px;border:1px solid rgba(210,218,238,.9);border-radius:9px;background:rgba(255,255,255,.97);box-shadow:0 8px 22px rgba(31,45,98,.14);color:#17203a;opacity:0;visibility:hidden;transform:translateY(3px);transition:opacity .15s ease,transform .15s ease;pointer-events:none}
html[data-maustore-module="sales"] .sda-tooltip.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
html[data-maustore-module="sales"] .sda-tooltip strong{font-size:8.5px;font-weight:900;color:#1b2b68}
html[data-maustore-module="sales"] .sda-tooltip span{font-size:9px;font-weight:900;text-align:right}
html[data-maustore-module="sales"] .sda-tooltip small{grid-column:1/-1;font-size:7.5px;font-weight:650;color:var(--sda-muted)}

/* Intro is played once after the first successful analytics response. */
html[data-maustore-module="sales"] .sda-intro .sda-line-omzet,
html[data-maustore-module="sales"] .sda-intro .sda-line-profit{stroke-dasharray:1;stroke-dashoffset:1;animation:sdaLineDraw .78s cubic-bezier(.22,.75,.25,1) forwards}
html[data-maustore-module="sales"] .sda-intro .sda-line-profit{animation-delay:.12s}
html[data-maustore-module="sales"] .sda-intro .sda-visible-dot{opacity:0;animation:sdaDotIn .34s ease-out .62s forwards}
html[data-maustore-module="sales"] .sda-intro .sda-bar{animation:sdaBarRise .62s cubic-bezier(.2,.75,.25,1) both}
html[data-maustore-module="sales"] .sda-intro .sda-latest-bar{animation:sdaBarRise .62s cubic-bezier(.2,.75,.25,1) both,sdaLatestBarGlow 10s ease-in-out 1.2s infinite}
html[data-maustore-module="sales"] .sda-intro .sda-donut-svg{opacity:0;animation:sdaDonutIn .62s cubic-bezier(.2,.75,.25,1) .12s forwards}
html[data-maustore-module="sales"] .sda-intro .sda-donut-segment{animation:sdaDonutSegment .72s cubic-bezier(.22,.75,.25,1) var(--sda-segment-delay,0s) both}
html[data-maustore-module="sales"] .sda-intro .sda-endpoint-halo{animation-delay:1.05s}
html[data-maustore-module="sales"] .sda-intro .sda-donut-glint{animation-delay:1.35s}

html[data-maustore-module="sales"] .sda-card.is-interacting .sda-endpoint-halo,
html[data-maustore-module="sales"] .sda-card.is-interacting .sda-latest-bar,
html[data-maustore-module="sales"] .sda-card.is-interacting .sda-donut-glint,
html[data-maustore-module="sales"] .sda-paused .sda-endpoint-halo,
html[data-maustore-module="sales"] .sda-paused .sda-latest-bar,
html[data-maustore-module="sales"] .sda-paused .sda-donut-glint{animation-play-state:paused!important}

@keyframes sdaLineDraw{to{stroke-dashoffset:0}}
@keyframes sdaDotIn{from{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}
@keyframes sdaBarRise{from{transform:scaleY(0);opacity:.45}to{transform:scaleY(1);opacity:1}}
@keyframes sdaDonutIn{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}
@keyframes sdaDonutSegment{from{opacity:0;stroke-dashoffset:100}to{opacity:1;stroke-dashoffset:var(--sda-offset)}}
@keyframes sdaEndpointPulse{0%,4%,17%,100%{opacity:0;transform:scale(.78)}7%{opacity:.34}14%{opacity:0;transform:scale(2.25)}}
@keyframes sdaLatestBarGlow{0%,5%,18%,100%{filter:none;opacity:1}10%{filter:brightness(1.12) drop-shadow(0 1px 2px rgba(35,59,135,.18));opacity:.94}}
@keyframes sdaDonutGlint{0%,4%,18%,100%{opacity:0;stroke-dashoffset:0}7%{opacity:.68}15%{opacity:0;stroke-dashoffset:-22}}

/* Option-3 compact action hub. Existing button nodes are moved, never cloned/replaced. */
html[data-maustore-module="sales"] .final-money-hub{padding:16px!important}
html[data-maustore-module="sales"] .final-money-hub>h2{margin:0 0 11px!important;font-size:16px!important}
html[data-maustore-module="sales"] .final-actions.sda-actions{
  display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) minmax(0,1fr)!important;gap:7px!important;
}
html[data-maustore-module="sales"] .sda-action-top{display:contents!important}
html[data-maustore-module="sales"] .final-actions.sda-actions>.final-totalkan-grid{display:contents!important;width:auto!important}
html[data-maustore-module="sales"] .sda-action-top .sales-action,
html[data-maustore-module="sales"] .final-actions.sda-actions>.final-totalkan-grid #totalkanCustomerBtn{
  min-height:54px!important;height:54px!important;border-radius:13px!important;padding:8px 10px!important;width:100%!important;
}
html[data-maustore-module="sales"] .sda-action-top #startOrderBtn{grid-column:1;grid-row:1;background:linear-gradient(135deg,#df1973,#ff4598)!important;position:relative;isolation:isolate;overflow:visible}
html[data-maustore-module="sales"] .sda-action-top #startOrderBtn::after{content:"";position:absolute;inset:-3px;border:2px solid rgba(235,58,145,.35);border-radius:inherit;opacity:0;transform:scale(.97);pointer-events:none;animation:sdaOrderPulse 3.7s cubic-bezier(.2,.75,.25,1) infinite}
html[data-maustore-module="sales"] .sda-action-top #startOrderBtn:is(:hover,:focus-visible,:active)::after{animation-play-state:paused;opacity:0}
@keyframes sdaOrderPulse{0%,8%,36%,100%{opacity:0;transform:scale(.97)}13%{opacity:.38}28%{opacity:0;transform:scale(1.035)}}
html[data-maustore-module="sales"] .final-actions.sda-actions>.final-totalkan-grid #totalkanCustomerBtn{grid-column:2;grid-row:1;background:linear-gradient(135deg,#7047d7,#9b6bef)!important;box-shadow:0 7px 18px rgba(112,71,215,.18)!important}
html[data-maustore-module="sales"] .sda-action-top #startBookingBtn{grid-column:3;grid-row:1;background:linear-gradient(135deg,#07965e,#18c47c)!important}
html[data-maustore-module="sales"] .sda-action-top .sales-action-title,
html[data-maustore-module="sales"] .final-actions.sda-actions>.final-totalkan-grid #totalkanCustomerBtn .sales-action-title{font-size:10.8px!important;line-height:1.15!important;color:#fff!important}
html[data-maustore-module="sales"] .final-quick-grid.sda-row-four{grid-column:1/-1;grid-row:2}
html[data-maustore-module="sales"] .sda-support-row{grid-column:1/-1;grid-row:3}
html[data-maustore-module="sales"] .final-quick-grid.sda-row-four,
html[data-maustore-module="sales"] .sda-support-row{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;width:100%}
html[data-maustore-module="sales"] .final-quick-grid.sda-row-four .sales-action,
html[data-maustore-module="sales"] .sda-support-row .sales-action{min-height:43px!important;height:43px!important;border-radius:11px!important;padding:6px 8px!important}
html[data-maustore-module="sales"] .final-quick-grid.sda-row-four .sales-action-title,
html[data-maustore-module="sales"] .sda-support-row .sales-action-title{font-size:9.8px!important;line-height:1.15!important}
html[data-maustore-module="sales"] .final-area-label,
html[data-maustore-module="sales"] .final-support-grid:empty,
html[data-maustore-module="sales"] .final-shared-grid:empty{display:none!important}

/* Explicit flex order: action hub must stay above recent orders/capital. */
html[data-maustore-module="sales"] .grid.final-dashboard-grid>.final-money-hub{order:1!important}
html[data-maustore-module="sales"] .grid.final-dashboard-grid>#sdaBottomGrid{order:2!important}

/* Recent orders + financial monitoring, 73/27 on desktop. */
html[data-maustore-module="sales"] .sda-bottom-grid{display:grid;grid-template-columns:minmax(0,2.7fr) minmax(260px,1fr);gap:10px;width:100%;min-width:0}
html[data-maustore-module="sales"] .sda-bottom-grid .final-recent-panel{order:0!important;width:100%!important;min-width:0!important;padding:16px!important}
html[data-maustore-module="sales"] .sda-capital-side{order:0;min-width:0}
html[data-maustore-module="sales"] .sda-capital-side .sales-capital-panel{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin:0!important;width:100%!important}
html[data-maustore-module="sales"] .sda-capital-side .sales-capital-card{border-radius:17px!important;padding:14px!important;min-height:0}
html[data-maustore-module="sales"] .sda-capital-side .sales-capital-v{font-size:21px!important}
html[data-maustore-module="sales"] .sda-capital-side .sales-capital-actions{margin-top:8px!important;flex-wrap:wrap}
html[data-maustore-module="sales"] .sda-bottom-grid .home-order-table{width:100%!important;min-width:690px!important}

@media(max-width:1050px){
  html[data-maustore-module="sales"] .sda-analytics-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  html[data-maustore-module="sales"] .sda-card:last-child{grid-column:1/-1}
  html[data-maustore-module="sales"] .sda-bottom-grid{grid-template-columns:minmax(0,1fr)}
  html[data-maustore-module="sales"] .sda-capital-side .sales-capital-panel{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  html[data-maustore-module="sales"] .sda-analytics-strip{grid-template-columns:1fr;margin-top:9px;gap:8px}
  html[data-maustore-module="sales"] .sda-card:last-child{grid-column:auto}
  html[data-maustore-module="sales"] .sda-card{padding:13px;border-radius:16px}
  html[data-maustore-module="sales"] .final-actions.sda-actions{grid-template-columns:1fr 1fr!important}
  html[data-maustore-module="sales"] .sda-action-top #startOrderBtn{grid-column:1/-1;grid-row:1}
  html[data-maustore-module="sales"] .final-actions.sda-actions>.final-totalkan-grid #totalkanCustomerBtn{grid-column:1;grid-row:2}
  html[data-maustore-module="sales"] .sda-action-top #startBookingBtn{grid-column:2;grid-row:2}
  html[data-maustore-module="sales"] .final-quick-grid.sda-row-four{grid-row:3}
  html[data-maustore-module="sales"] .sda-support-row{grid-row:4}
  html[data-maustore-module="sales"] .final-quick-grid.sda-row-four,
  html[data-maustore-module="sales"] .sda-support-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:620px){
  html[data-maustore-module="sales"] .sda-donut-wrap{grid-template-columns:135px minmax(0,1fr)}
  html[data-maustore-module="sales"] .sda-capital-side .sales-capital-panel{grid-template-columns:1fr!important}
}
@media(max-width:390px){
  html[data-maustore-module="sales"] .final-actions.sda-actions{grid-template-columns:1fr!important}
  html[data-maustore-module="sales"] .sda-action-top #startOrderBtn{grid-column:1;grid-row:1}
  html[data-maustore-module="sales"] .final-actions.sda-actions>.final-totalkan-grid #totalkanCustomerBtn{grid-column:1;grid-row:2}
  html[data-maustore-module="sales"] .sda-action-top #startBookingBtn{grid-column:1;grid-row:3}
  html[data-maustore-module="sales"] .final-quick-grid.sda-row-four{grid-row:4}
  html[data-maustore-module="sales"] .sda-support-row{grid-row:5}
  html[data-maustore-module="sales"] .sda-donut-wrap{grid-template-columns:1fr;height:auto}
  html[data-maustore-module="sales"] .sda-source-list{margin-top:4px}
}

@media(prefers-reduced-motion:reduce){
  html[data-maustore-module="sales"] .sda-analytics-strip *,
  html[data-maustore-module="sales"] .sda-action-top #startOrderBtn::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  html[data-maustore-module="sales"] .sda-endpoint-halo,
  html[data-maustore-module="sales"] .sda-donut-glint{display:none!important}
}