/* Installs overview only: align the page header, week navigator and summary cards. */
.sales-page .module-title-row{min-height:76px;margin-bottom:10px;align-items:center}
.sales-page .module-title-row h1{margin:3px 0;font-size:31px;letter-spacing:-.04em}
.sales-page .module-title-row p{color:var(--sh-muted);font-size:12px}
.sales-page .module-title-row .button-primary{min-height:40px;border-radius:9px;background:var(--sh-forest);box-shadow:0 8px 18px #08785b20}

.sales-page .sales-week-nav{min-height:54px;margin-bottom:12px;padding:7px 8px;border:1px solid #ffffffd9;border-radius:14px;background:#ffffffb8;box-shadow:0 8px 24px #315f6e0e,inset 0 1px 0 #fff;backdrop-filter:blur(12px)}
.sales-page .sales-week-nav button{min-height:36px;border-color:var(--sh-line);border-radius:9px;color:var(--sh-ink);background:#ffffffa8;font-size:11px;font-weight:600}
.sales-page .sales-week-nav button:hover{border-color:#a9cfc0;background:#f2faf7;color:var(--sh-forest)}
.sales-page .sales-week-nav button.is-active{border-color:#168a6b;background:var(--sh-forest);color:#fff;box-shadow:0 4px 10px #08785b20}
.sales-page .sales-week-nav>strong{justify-self:center;color:var(--sh-ink);font-size:12px;font-weight:650}
.sales-page .sales-week-nav>strong svg{color:var(--sh-forest)}
.sales-page .sales-week-picker{height:36px;border-color:var(--sh-line);border-radius:9px;background:#ffffffa8;color:var(--sh-forest)}
.sales-page .sales-date-tabs{padding:3px;border:1px solid #ffffffd9;border-radius:10px;background:#eef5f2}
.sales-page .sales-date-tabs button{min-height:30px;border-color:transparent;background:transparent}

.sales-page .sales-value-banner{isolation:isolate;grid-template-columns:minmax(220px,.9fr) minmax(245px,.75fr) minmax(245px,.75fr) auto;gap:14px;min-height:116px;margin-bottom:12px;padding:14px 16px;color:var(--sh-ink);border:1px solid #ffffffdc;border-radius:16px;background:linear-gradient(112deg,#ffffffc7,#f6fbf9c7 48%,#edf5ffcb);box-shadow:0 12px 30px #315f6e12,inset 0 1px 0 #fff;backdrop-filter:blur(14px)}
.sales-page .sales-value-banner::before{top:-170px;right:8%;width:460px;height:260px;background:radial-gradient(circle,#45c49d22,#0000 68%)}
.sales-page .sales-value-banner::after{bottom:-220px;left:-100px;width:300px;height:300px;background:radial-gradient(circle,#7ba9ef24,#0000 68%)}
.sales-page .sales-value-banner__intro{gap:12px}
.sales-page .sales-value-banner__icon{width:58px;height:58px;border:0;border-radius:0;background:url('/assets/sidebar-icons/installs.png') center/contain no-repeat;box-shadow:none}
.sales-page .sales-value-banner__icon svg{display:none}
.sales-page .sales-value-banner__intro span:not(.sales-value-banner__icon),
.sales-page .sales-value-banner__amount>span{color:var(--sh-forest);letter-spacing:.075em;font-size:9px}
.sales-page .sales-value-banner__intro strong{color:var(--sh-ink);font-size:14px}
.sales-page .sales-value-banner__intro small{color:var(--sh-muted);font-size:9px}
.sales-page .sales-value-banner__totals{border-left:1px solid var(--sh-line);gap:7px;padding-left:15px}
.sales-page .sales-value-banner__totals .sales-value-banner__amount{grid-template-columns:minmax(105px,.65fr) minmax(125px,1fr);gap:10px}
.sales-page .sales-value-banner__totals .sales-value-banner__amount--eur{border-top:1px solid var(--sh-line);padding-top:7px}
.sales-page .sales-value-banner__amount strong{color:var(--sh-ink);font-size:clamp(19px,1.4vw,24px)}
.sales-page .sales-value-banner__amount--eur strong{color:#b97b0b}
.sales-page .sales-value-banner__totals--overall{padding:9px 11px;border:1px solid #ffffffdc;border-radius:12px;background:linear-gradient(135deg,#eef9f4,#edf4fd);box-shadow:inset 0 1px 0 #fff}
.sales-page .sales-value-banner__source{min-width:112px;border:1px solid var(--sh-line);border-radius:10px;background:#ffffffb8;box-shadow:inset 0 1px 0 #fff}
.sales-page .sales-value-banner__source strong{color:var(--sh-ink)}
.sales-page .sales-value-banner__source a{color:var(--sh-forest)}

.sales-page .sales-summary{min-height:64px;margin-bottom:12px;border:1px solid #ffffffdc;border-radius:14px;background:#ffffffb8;box-shadow:0 8px 24px #315f6e0e,inset 0 1px 0 #fff;backdrop-filter:blur(12px)}
.sales-page .sales-summary button{min-height:62px;padding:9px 13px;border-right-color:var(--sh-line);grid-template-columns:34px minmax(0,1fr) auto;gap:9px;color:var(--sh-ink);transition:background .16s ease,box-shadow .16s ease}
.sales-page .sales-summary button:hover{background:#f4faf7}
.sales-page .sales-summary button.is-active{background:#eef8f4;box-shadow:inset 0 -3px var(--sh-forest)}
.sales-page .sales-summary svg{width:32px;height:32px;padding:7px;border-radius:10px;color:#168a6b;background:#e7f6ef}
.sales-page .sales-summary button:nth-child(2) svg{color:#b77a13;background:#fff3db}
.sales-page .sales-summary button:nth-child(3) svg{color:#ca405d;background:#ffeaf0}
.sales-page .sales-summary button:nth-child(4) svg{color:#347cad;background:#e8f3fa}
.sales-page .sales-summary button:nth-child(5) svg{color:#9c4161;background:#fbeaf0}
.sales-page .sales-summary span{font-size:10.5px;font-weight:650}
.sales-page .sales-summary strong{font-size:22px;font-weight:650}
.sales-page .sales-summary button.requires-port-attention>svg,
.sales-page .sales-summary button.requires-booking-attention>svg{color:#ca405d;background:#ffeaf0}

@media(max-width:1250px){
  .sales-page .sales-value-banner{grid-template-columns:minmax(205px,.8fr) minmax(225px,1fr) minmax(225px,1fr)}
}
@media(max-width:900px){
  .sales-page .sales-week-nav{grid-template-columns:1fr}
  .sales-page .sales-week-nav>strong{grid-row:1}
  .sales-page .sales-week-controls,.sales-page .sales-date-tabs{justify-content:center}
  .sales-page .sales-summary{grid-template-columns:1fr 1fr}
}
@media(max-width:840px){
  .sales-page .sales-value-banner{grid-template-columns:1fr 1fr}
  .sales-page .sales-value-banner__intro{grid-column:1/-1}
}
@media(max-width:560px){
  .sales-page .module-title-row{align-items:flex-start}
  .sales-page .sales-value-banner{grid-template-columns:1fr}
  .sales-page .sales-value-banner__intro{grid-column:auto}
  .sales-page .sales-summary{grid-template-columns:1fr 1fr}
}