/* Month-to-date breakdown in the employee workspace. */
.employee-page .month-summary-panel{margin-top:18px;padding:28px 30px 20px;border-radius:20px}
.employee-page .month-detail-heading h2{margin:0 0 7px;font-size:24px;line-height:1.2;letter-spacing:-.025em;color:var(--theme-text)}
.employee-page .month-detail-heading .eyebrow{margin:0 0 8px;color:var(--theme-red);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.employee-page .month-detail-subtitle{margin:0;color:var(--theme-muted);font-size:13px;line-height:1.5}
.employee-page .month-detail-subtitle strong{color:var(--theme-text);font-variant-numeric:tabular-nums}
.employee-page .month-detail-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0 0}
.employee-page .month-detail-metrics>div{min-width:0;min-height:91px;padding:17px 18px;border-radius:15px;background:var(--theme-surface-2)}
.employee-page .month-detail-metrics span{display:block;margin-bottom:8px;color:var(--theme-muted);font-size:12px}
.employee-page .month-detail-metrics strong{display:block;color:var(--theme-text);font-family:var(--display);font-size:27px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.1}
.employee-page .month-detail-metrics .month-detail-share{background:var(--theme-red-soft)}
.employee-page .month-detail-metrics .month-detail-share strong{color:var(--theme-red)}
.employee-page .month-share-track{height:6px;margin:19px 0 23px;border-radius:99px;background:var(--theme-track);overflow:hidden}
.employee-page .month-share-track span{height:100%;background:var(--theme-red);border-radius:inherit;transition:width .24s ease}
.employee-page .month-detail-tabs{display:flex;gap:6px;border-bottom:1px solid var(--theme-border);margin-bottom:17px}
.employee-page .month-detail-tabs button{position:relative;min-height:46px;padding:11px 16px 14px;border:0;background:transparent;color:var(--theme-muted);font:600 14px Inter,Arial,sans-serif;cursor:pointer}
.employee-page .month-detail-tabs button[aria-selected="true"]{color:var(--theme-text)}
.employee-page .month-detail-tabs button[aria-selected="true"]:after{position:absolute;right:12px;bottom:-1px;left:12px;height:3px;border-radius:3px;background:var(--theme-red);content:""}
.employee-page .month-detail-content{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(240px,.9fr);gap:18px;align-items:start}
.employee-page .month-detail-columns,.employee-page .month-detail-row{display:grid;grid-template-columns:minmax(0,1fr) 65px 65px 68px;gap:8px;align-items:center;text-align:right}
.employee-page .month-detail-columns{padding:0 13px 10px;color:var(--theme-muted);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.employee-page .month-detail-columns span:first-child{text-align:left}
.employee-page .month-detail-list-wrap.is-bank-view .month-detail-columns,.employee-page .month-detail-list-wrap.is-bank-view .month-detail-row{grid-template-columns:minmax(0,1fr) 72px 85px}
.employee-page .month-detail-row{width:100%;min-height:53px;padding:11px 12px;border:1px solid transparent;border-bottom-color:var(--theme-border);border-radius:9px;background:transparent;color:var(--theme-text);font:500 13px Inter,Arial,sans-serif;cursor:pointer}
.employee-page .month-detail-row:hover{background:var(--theme-surface-2)}
.employee-page .month-detail-row[aria-pressed="true"]{border-color:transparent;background:var(--theme-red-soft)}
.employee-page .month-detail-row strong{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}
.employee-page .month-detail-name{display:flex;align-items:center;gap:9px;min-width:0;text-align:left;font-weight:600}
.employee-page .month-detail-name>span{min-width:0;overflow-wrap:anywhere}
.employee-page .month-detail-name small{flex:none;padding:4px 5px;border:1px solid var(--theme-border);border-radius:7px;background:var(--theme-surface-2);color:var(--theme-muted);font-size:10px;font-weight:700}
.employee-page .month-detail-name i{margin-left:auto;color:var(--theme-muted);font-size:16px;font-style:normal;line-height:1}
.employee-page .month-row-share{color:var(--theme-muted);font-size:12px;font-variant-numeric:tabular-nums}
.employee-page .month-detail-info{min-width:0;min-height:245px;padding:18px;border-radius:16px;background:var(--theme-surface-2);color:var(--theme-text)}
.employee-page .month-detail-kicker{margin:0 0 8px;color:var(--theme-muted);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.employee-page .month-detail-info h3{margin:0 0 7px;color:var(--theme-text);font-size:19px;letter-spacing:-.02em;overflow-wrap:anywhere}
.employee-page .month-detail-lead{margin:0 0 17px;color:var(--theme-muted);font-size:12px;line-height:1.45}
.employee-page .month-detail-item,.employee-page .month-detail-total{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid var(--theme-border);font-size:12px}
.employee-page .month-detail-item:first-of-type{border-top:0}
.employee-page .month-detail-item strong,.employee-page .month-detail-total strong{flex:none;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}
.employee-page .month-detail-item.is-alpha{color:var(--theme-red)}
.employee-page .month-detail-total{margin-top:4px;padding-top:12px;font-weight:700}
.employee-page .month-detail-empty{margin:14px 4px;color:var(--theme-muted);font-size:13px;line-height:1.5}
.employee-page #month-note{margin:17px 0 0;padding-top:13px;border-top:1px solid var(--theme-border);color:var(--theme-muted);font-size:11px;line-height:1.45}
@media(max-width:800px){
  .employee-page .month-detail-content{grid-template-columns:1fr}
  .employee-page .month-detail-info{min-height:0}
}
@media(max-width:540px){
  .employee-page .month-summary-panel{padding:20px 16px 17px}
  .employee-page .month-detail-heading h2{font-size:21px}
  .employee-page .month-detail-metrics{gap:7px;margin-top:18px}
  .employee-page .month-detail-metrics>div{min-height:77px;padding:12px 10px;border-radius:12px}
  .employee-page .month-detail-metrics span{min-height:24px;margin-bottom:5px;font-size:10px;line-height:1.2}
  .employee-page .month-detail-metrics strong{font-size:20px}
  .employee-page .month-share-track{margin:17px 0 19px}
  .employee-page .month-detail-tabs button{flex:1;padding:11px 4px 13px;font-size:12px}
  .employee-page .month-detail-columns{display:none}
  .employee-page .month-detail-row,.employee-page .month-detail-list-wrap.is-bank-view .month-detail-row{grid-template-columns:minmax(0,1fr) auto;gap:7px 5px;min-height:63px;padding:10px 9px}
  .employee-page .month-detail-row .month-detail-name{grid-column:1;grid-row:1;align-items:flex-start}
  .employee-page .month-detail-row .month-detail-name>span{line-height:1.25}
  .employee-page .month-detail-row .month-row-alpha{grid-column:2;grid-row:1;font-size:17px}
  .employee-page .month-detail-row .month-row-total{grid-column:1;grid-row:2;text-align:left;color:var(--theme-muted);font-size:11px;font-weight:500}
  .employee-page .month-detail-row .month-row-total:after{content:" всего"}
  .employee-page .month-detail-row .month-row-share{grid-column:2;grid-row:2;font-size:11px}
  .employee-page .month-detail-row.is-bank-row .month-row-total{grid-column:2;grid-row:1;color:var(--theme-text);font-size:17px;font-weight:700;text-align:right}
  .employee-page .month-detail-row.is-bank-row .month-row-total:after{content:""}
  .employee-page .month-detail-row.is-bank-row .month-row-share{grid-column:1;grid-row:2;text-align:left}
  .employee-page .month-detail-row.is-bank-row .month-row-share:after{content:" от всех выдач"}
  .employee-page .month-detail-name small{font-size:9px}
  .employee-page .month-detail-info{padding:16px}
}
@media(prefers-reduced-motion:reduce){.employee-page .month-share-track span{transition:none}}