.monthly-reports { display: grid; gap: 16px; min-width: 0; }
.monthly-reports .detail-panel { padding: 20px !important; }
.monthly-report-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.monthly-report-heading h2 { margin: 4px 0 8px; }
.monthly-report-heading p { color: #9da6b4; margin: 0; }
.monthly-report-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.monthly-report-filters { display: flex; align-items: end; gap: 14px; flex-wrap: wrap; }
.monthly-report-filters > label:not(.monthly-report-toggle) { display: grid; gap: 7px; font-size: 12px; color: #aeb4bd; flex: 1 1 170px; }
.monthly-report-filters input[type="month"], .monthly-report-filters input[type="date"], .monthly-report-filters select, .monthly-commission-inputs input { width: 100%; min-height: 40px !important; padding: 9px 12px !important; border: 1px solid #30343b; border-radius: 8px; color: #fff; background: #0b0d10; box-sizing: border-box; color-scheme: dark; }
.monthly-report-toggle { display: flex; align-items: center; align-self: center; gap: 8px; font-size: 12px; color: #aeb4bd; cursor: pointer; }
.monthly-report-toggle input { width: 16px !important; height: 16px !important; min-height: 0 !important; accent-color: #fe5000; }
.monthly-report-note { padding: 12px 16px; margin: 0; font-size: 12px; line-height: 1.65; color: #aeb4bd; background: #131619; border: 1px solid #30343b; border-radius: 10px; }
.monthly-report-note.is-error { border-color: #883c3c; color: #ffaaaa; }
.monthly-report-list { display: grid; }
.monthly-campaign-row, .monthly-screen-row { padding: 16px 0; border-top: 1px solid #262a30; }
.monthly-row-main { display: grid; grid-template-columns: minmax(180px, 1fr) 100px 150px; align-items: center; gap: 14px; }
.monthly-row-main > div { display: grid; gap: 5px; min-width: 0; }
.monthly-row-main small { color: #8f99a7; font-size: 11px; line-height: 1.5; }
.monthly-row-main strong { overflow-wrap: anywhere; }
.monthly-screen-row { grid-template-columns: minmax(180px, 1fr) 100px 150px auto; }
.monthly-commission-inputs { display: flex; align-items: end; gap: 12px; margin-top: 14px; max-width: 560px; }
.monthly-commission-inputs label { display: grid; gap: 5px; min-width: 0; flex: 1; font-size: 11px; color: #8f99a7; }
.monthly-commission-inputs > div { display: grid; gap: 5px; flex: 1; padding-bottom: 10px; }
.monthly-commission-inputs small { font-size: 11px; color: #8f99a7; }
.monthly-commission-details { margin-top: 10px; }
.monthly-commission-details summary { color: #aeb4bd; font-size: 12px; cursor: pointer; }
.monthly-report-status { color: #8f99a7; font-size: 12px; display: flex; gap: 12px; flex-wrap: wrap; }
.monthly-report-status a { color: #fe5000; }
.monthly-report-status.is-error { color: #ffaaaa; }
.monthly-report-method { color: #8f99a7; font-size: 12px; line-height: 1.6; }
.monthly-report-method summary { cursor: pointer; }
.monthly-report-filters .primary { min-height: 42px; padding: 10px 26px; background: #ff5000; color: white; }
@media (max-width: 1100px) {
  .monthly-row-main { grid-template-columns: minmax(160px, 1fr) 80px 125px; }
  .monthly-row-main > :first-child { grid-column: 1 / -1; }
  .monthly-screen-row { grid-template-columns: 1fr 1fr auto; }
}
@media (max-width: 680px) {
  .monthly-reports .detail-panel { padding: 14px !important; }
  .monthly-report-heading { align-items: start; flex-direction: column; }
  .monthly-report-actions { width: 100%; }
  .monthly-report-actions .button { flex: 1; }
  .monthly-row-main { grid-template-columns: 1fr 1fr; gap: 10px; }
  .monthly-row-main .button { grid-column: 1 / -1; }
  .monthly-commission-inputs { flex-wrap: wrap; }
  .monthly-commission-inputs > div { flex-basis: 100%; }
}