.dashboard-kpi-section{
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(420px,.95fr);
  gap:16px;
  margin:16px 0;
}
.dashboard-kpi-group{
  min-width:0;
  padding:14px;
  border:1px solid #202630;
  border-radius:18px;
  background:linear-gradient(180deg,#0f1319,#0c0f14);
}
.dashboard-kpi-group.price-group{
  display:flex;
  flex-direction:column;
}
.dashboard-kpi-group.price-group .dashboard-indicator-grid{
  flex:1 1 auto;
  align-items:stretch;
}
.dashboard-kpi-group.price-group .dashboard-indicator-card{
  height:100%;
  min-height:0;
}
.dashboard-kpi-group-head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
  padding:0 2px 10px;
}
.dashboard-kpi-group-head span{
  color:#dbe2ec;
  font-size:11px;
  font-weight:750;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.dashboard-kpi-group-head small{
  color:#657184;
  font-size:10px;
}
.dashboard-kpi-grid{
  display:grid;
  gap:10px;
}
.dashboard-kpi-grid.money-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.dashboard-kpi-grid.price-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.dashboard-kpi-section .kpi{
  min-height:132px;
  padding:15px 16px 14px;
  border-radius:14px;
  display:grid;
  grid-template-rows:auto auto 1fr auto;
  align-content:start;
  background:linear-gradient(180deg,#11151b,#0d1116);
}
.dashboard-kpi-section .kpi>span{
  min-height:30px;
  color:#8994a5;
  font-size:10.5px;
  line-height:1.3;
  font-weight:600;
  letter-spacing:.005em;
}
.dashboard-kpi-section .kpi>strong{
  margin:7px 0 5px;
  color:#f4f6f9;
  font-size:25px;
  line-height:1;
  font-weight:780;
  letter-spacing:-.035em;
}
.dashboard-kpi-section .kpi>small{
  display:block;
  color:#6f7b8d;
  font-size:10px;
  line-height:1.25;
}
.dashboard-kpi-section .kpi .avg-trend{
  margin-top:6px;
  min-height:14px;
  font-size:10px;
  font-weight:700;
}
.dashboard-kpi-section .payout-kpi{
  border-color:#24483a;
  background:linear-gradient(180deg,#111b17,#0d1512);
}
.dashboard-kpi-section .payout-kpi>strong{color:#e0f8eb}
.dashboard-kpi-section .yookassa-kpi{
  border-color:#1e4844;
  background:linear-gradient(180deg,#101b1a,#0d1514);
}
.dashboard-kpi-section .yookassa-kpi>strong{color:#d7fff9}
.dashboard-kpi-section .avg-price-kpi{
  min-height:132px;
  grid-template-rows:auto auto 1fr;
}
.dashboard-kpi-section .avg-price-kpi>span{
  min-height:18px;
  font-size:11px;
}
.dashboard-kpi-section .avg-price-kpi>strong{
  margin-top:14px;
  font-size:25px;
}
.dashboard-kpi-section .avg-price-kpi>small{
  align-self:end;
  margin-top:8px;
  font-weight:700;
}
.dashboard-indicator-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:10px;
}
.dashboard-indicator-card{
  min-height:116px;
  padding:14px 15px 13px;
  border:1px solid #29313d;
  border-radius:14px;
  background:linear-gradient(180deg,#11151b,#0d1116);
  display:grid;
  grid-template-rows:auto auto auto 1fr;
  align-content:start;
  transition:border-color .18s ease,background .18s ease;
}
.dashboard-indicator-card>span{
  color:#8994a5;
  font-size:10.5px;
  line-height:1.3;
  font-weight:650;
}
.dashboard-indicator-card>strong{
  margin:10px 0 6px;
  color:#f4f6f9;
  font-size:23px;
  line-height:1;
  font-weight:790;
  letter-spacing:-.035em;
}
.dashboard-indicator-card>small{
  font-size:10px;
  line-height:1.2;
  font-weight:750;
  color:#a6b0bf;
}
.dashboard-indicator-card>em{
  align-self:end;
  margin-top:8px;
  color:#667386;
  font-size:9px;
  line-height:1.28;
  font-style:normal;
}
.dashboard-indicator-card.indicator-good{
  border-color:#24513e;
  background:linear-gradient(180deg,#101a16,#0d1411);
}
.dashboard-indicator-card.indicator-good>small{color:#5ed89b}
.dashboard-indicator-card.indicator-warn{
  border-color:#5a4825;
  background:linear-gradient(180deg,#1a1710,#12100d);
}
.dashboard-indicator-card.indicator-warn>small{color:#f1c45b}
.dashboard-indicator-card.indicator-bad{
  border-color:#613037;
  background:linear-gradient(180deg,#1c1214,#130d0f);
}
.dashboard-indicator-card.indicator-bad>small{color:#ff7e89}
.dashboard-indicator-card.indicator-neutral>small{color:#8c98aa}
@media(max-width:1320px){
  .dashboard-kpi-section{grid-template-columns:1fr}
  .dashboard-kpi-grid.money-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:1100px){
  .dashboard-kpi-grid.money-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .dashboard-kpi-section{gap:12px}
  .dashboard-kpi-group.price-group{display:block}
  .dashboard-kpi-group.price-group .dashboard-indicator-card{height:auto;min-height:118px}
  .dashboard-kpi-group{padding:11px}
  .dashboard-kpi-group-head{align-items:flex-start;flex-direction:column;gap:2px}
  .dashboard-kpi-grid.money-grid,
  .dashboard-kpi-grid.price-grid,
  .dashboard-indicator-grid{grid-template-columns:1fr}
  .dashboard-kpi-section .kpi{min-height:118px}
}


/* Director summary · compact order pipeline */
#section-dashboard .dashboard-order-mini{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px;
  width:min(320px,100%);
  margin:10px 0 0;
  padding:0;
}
#section-dashboard .dashboard-order-mini>span{
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:7px 9px;
  border:1px solid #27384f;
  border-radius:10px;
  background:rgba(8,13,22,.46);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018);
}
#section-dashboard .dashboard-order-mini small{
  min-width:0;
  color:#7f90aa;
  font-size:8.5px;
  line-height:1.2;
}
#section-dashboard .dashboard-order-mini b{
  flex:0 0 auto;
  color:#edf4ff;
  font-size:14px;
  line-height:1;
  font-weight:780;
  font-variant-numeric:tabular-nums;
}
#section-dashboard .dashboard-order-mini>span:nth-child(1){
  border-color:#2d4f76;
}
#section-dashboard .dashboard-order-mini>span:nth-child(1) b{
  color:#8fc3ff;
}
#section-dashboard .dashboard-order-mini>span:nth-child(2){
  border-color:#2d5547;
}
#section-dashboard .dashboard-order-mini>span:nth-child(2) b{
  color:#83d4aa;
}
#section-dashboard .dashboard-order-mini>span:nth-child(4){
  border-color:#315244;
}
#section-dashboard .dashboard-order-mini>span:nth-child(4) b{
  color:#90d9b6;
}
@media(max-width:1450px){
  #section-dashboard .dashboard-order-mini{
    width:100%;
    max-width:300px;
  }
  #section-dashboard .dashboard-order-mini>span{
    padding:6px 8px;
  }
}
@media(max-width:900px){
  #section-dashboard .dashboard-order-mini{
    max-width:none;
  }
}
@media(max-width:520px){
  #section-dashboard .dashboard-order-mini{
    grid-template-columns:1fr;
  }
}

/* Director summary and ratings alignment · 2026-10-23 */
@media (min-width:901px) {
  #section-dashboard .hero-strip {
    align-items:stretch;
  }
  #section-dashboard .hero-strip>div:first-child {
    display:grid;
    grid-template-rows:20px 46px minmax(90px,1fr);
    min-width:0;
  }
  #section-dashboard .hero-strip>div:first-child>.eyebrow {
    align-self:start;
    line-height:20px;
  }
  #section-dashboard .hero-strip #todayHeadline {
    margin:0;
    align-self:center;
    line-height:1.15;
  }
  #section-dashboard .dashboard-order-mini {
    width:100%;
    max-width:none;
    margin:0;
    grid-template-rows:repeat(2,minmax(42px,1fr));
  }
  #section-dashboard .hero-ratings {
    grid-template-rows:66px minmax(90px,1fr);
    gap:0;
    align-content:stretch;
  }
  #section-dashboard .hero-ratings-head {
    display:grid;
    grid-template-rows:20px 46px;
    gap:0;
    min-width:0;
    align-content:stretch;
  }
  #section-dashboard .hero-ratings-head>span {
    font-size:11px;
    line-height:20px;
    letter-spacing:.16em;
  }
  #section-dashboard .hero-ratings-head>small {
    align-self:center;
    justify-self:end;
    white-space:normal;
    text-align:right;
    line-height:1.35;
  }
  #section-dashboard .hero-rating-grid {
    grid-auto-rows:minmax(90px,1fr);
  }
  #section-dashboard .hero-rating-grid .rating-card {
    min-height:90px;
    height:100%;
  }
}
@media (min-width:901px) and (max-width:1450px) {
  #section-dashboard .hero-strip {
    align-items:flex-start;
  }
  #section-dashboard .hero-strip>div:first-child {
    grid-template-rows:20px 46px 90px;
  }
  #section-dashboard .dashboard-order-mini {
    grid-template-rows:repeat(2,42px);
  }
  #section-dashboard .hero-ratings {
    grid-template-rows:66px auto;
  }
  #section-dashboard .hero-ratings-head>small {
    display:block;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
}
@media (min-width:901px) and (max-width:1150px) {
  #section-dashboard .hero-strip {
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:20px;
  }
  #section-dashboard .hero-strip>div:first-child {
    width:min(320px,100%);
    min-width:0;
  }
}