/* Shared modern month and reference pickers. Dashboard retains its custom variant. */
body:is([data-page="analysis"], [data-page="commissions"], [data-page="commissions-view"], [data-page="form"], [data-page="agent-panel"], [data-page="controle"], [data-page="projection"], [data-page="renovacao"]) .period-box label { color: #536581; font-size: 0.72rem; }
body:is([data-page="analysis"], [data-page="commissions"], [data-page="commissions-view"], [data-page="form"], [data-page="agent-panel"], [data-page="controle"], [data-page="projection"], [data-page="renovacao"]) .period-box .period-trigger {
  min-height: 46px;
  padding: 12px;
  border: 1px solid #e0e7f2;
  border-radius: 12px;
  background: #f8faff;
  color: #19335d;
  font-size: 0.82rem;
  font-weight: 700;
  box-shadow: none;
}
body:is([data-page="analysis"], [data-page="commissions"], [data-page="commissions-view"], [data-page="form"], [data-page="agent-panel"], [data-page="controle"], [data-page="projection"], [data-page="renovacao"]) .period-trigger[aria-expanded="true"] {
  border-color: #82a8ee;
  background: #ffffff;
  box-shadow: 0 0 0 3px #3979f612;
}
body:is([data-page="analysis"], [data-page="commissions"], [data-page="commissions-view"], [data-page="form"], [data-page="agent-panel"], [data-page="controle"], [data-page="projection"], [data-page="renovacao"]) .period-panel {
  width: min(310px, calc(100vw - 48px));
  padding: 16px;
  border: 1px solid #dce4f0;
  border-radius: 20px;
  background: #ffffff;
  box-shadow: 0 18px 48px #172b4d24;
}
body:is([data-page="analysis"], [data-page="commissions"], [data-page="commissions-view"], [data-page="form"], [data-page="agent-panel"], [data-page="controle"], [data-page="projection"], [data-page="renovacao"]) .period-year-row { grid-template-columns: 38px minmax(0, 1fr) 38px; gap: 8px; margin-bottom: 14px; }
body:is([data-page="analysis"], [data-page="commissions"], [data-page="commissions-view"], [data-page="form"], [data-page="agent-panel"], [data-page="controle"], [data-page="projection"], [data-page="renovacao"]) .period-year-button {
  width: 38px; height: 38px; border-radius: 11px;
  border-color: #e3e9f3; background: #f7f9fd; box-shadow: none; font-size: 1.25rem;
}
body:is([data-page="analysis"], [data-page="commissions"], [data-page="commissions-view"], [data-page="form"], [data-page="agent-panel"], [data-page="controle"], [data-page="projection"], [data-page="renovacao"]) .period-year-input {
  min-height: 38px; padding: 6px; border: 0;
  background: #ffffff; box-shadow: none; font-size: 1rem;
}
body:is([data-page="analysis"], [data-page="commissions"], [data-page="commissions-view"], [data-page="form"], [data-page="agent-panel"], [data-page="controle"], [data-page="projection"], [data-page="renovacao"]) .period-month-grid {
  padding: 0; border: 0; gap: 6px; border-radius: 0;
  grid-auto-rows: minmax(46px, auto); box-shadow: none;
}
body:is([data-page="analysis"], [data-page="commissions"], [data-page="commissions-view"], [data-page="form"], [data-page="agent-panel"], [data-page="controle"], [data-page="projection"], [data-page="renovacao"]) .period-month-button,
body:is([data-page="analysis"], [data-page="commissions"], [data-page="commissions-view"], [data-page="form"], [data-page="agent-panel"], [data-page="controle"], [data-page="projection"], [data-page="renovacao"]) .period-reference-button {
  min-height: 46px; padding: 10px 6px; border-radius: 12px;
  border: 1px solid transparent; background: #f6f8fc;
  color: #415574; font-size: 0.82rem; font-weight: 600; box-shadow: none;
}
body:is([data-page="analysis"], [data-page="commissions"], [data-page="commissions-view"], [data-page="form"], [data-page="agent-panel"], [data-page="controle"], [data-page="projection"], [data-page="renovacao"]) .period-month-button:hover,
body:is([data-page="analysis"], [data-page="commissions"], [data-page="commissions-view"], [data-page="form"], [data-page="agent-panel"], [data-page="controle"], [data-page="projection"], [data-page="renovacao"]) .period-reference-button:hover { transform: none; background: #edf3ff; border-color: #d5e2f8; }
body:is([data-page="analysis"], [data-page="commissions"], [data-page="commissions-view"], [data-page="form"], [data-page="agent-panel"], [data-page="controle"], [data-page="projection"], [data-page="renovacao"]) .period-month-button.active,
body:is([data-page="analysis"], [data-page="commissions"], [data-page="commissions-view"], [data-page="form"], [data-page="agent-panel"], [data-page="controle"], [data-page="projection"], [data-page="renovacao"]) .period-reference-button.active { background: #315fce; color: #ffffff; border-color: #315fce; }
body:is([data-page="analysis"], [data-page="commissions"], [data-page="commissions-view"], [data-page="form"], [data-page="agent-panel"], [data-page="controle"], [data-page="projection"], [data-page="renovacao"]) .period-month-button.has-data::before { bottom: 5px; width: 4px; height: 4px; }
body:is([data-page="analysis"], [data-page="commissions"], [data-page="commissions-view"], [data-page="form"], [data-page="agent-panel"], [data-page="controle"], [data-page="projection"], [data-page="renovacao"]) .period-month-button::after { display: none; }