/* Scoped Forecasting controls; no unrelated page layout changes. */
:is(#supplierPayoutManagement,#liquidityScreenModule,#operatingForecastModule) button {
  min-height:36px; padding:8px 12px; border-radius:8px; font:inherit; font-size:.875rem;
  max-width:100%; white-space:normal; cursor:pointer;
}
:is(#supplierPayoutManagement,#liquidityScreenModule,#operatingForecastModule) button:disabled {opacity:.6;cursor:wait}
:is(#supplierPayoutManagement,#liquidityScreenModule,#operatingForecastModule) :focus-visible {outline:3px solid #2778cb;outline-offset:2px}
#supplierPayoutManagement.supplier-payouts {max-width:none;width:100%;box-sizing:border-box;margin-block:12px}
#supplierPayoutManagement [data-form] {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}
#supplierPayoutManagement [data-cancel] {width:fit-content}
.payout-planning,.payout-actual {min-width:0;padding-block:8px}
.payout-monthly-summary {border-top:1px solid var(--border,#d6dce5);padding-top:16px;margin-top:16px}
.payout-monthly-summary table {width:100%;table-layout:fixed;border-collapse:collapse;margin-top:12px;font-size:.85rem}
.payout-monthly-summary :is(th,td) {padding:10px 6px;text-align:start;vertical-align:top;border-bottom:1px solid var(--border,#d6dce5);overflow-wrap:anywhere;min-width:0;font-variant-numeric:tabular-nums}
.payout-monthly-summary td:nth-child(n+2):nth-child(-n+6) {text-align:end}
#supplierPayoutManagement .payout-monthly-summary summary {padding:5px;min-height:32px}
.payout-monthly-summary ul {padding-inline-start:14px}
#operatingForecastScopeEditor .operating-additional-panel {position:static;grid-template-columns:minmax(150px,.7fr) minmax(0,3fr) auto;align-items:end;max-width:100%;width:100%;box-shadow:none;margin-top:8px}
#operatingForecastScopeEditor .operating-additional-dropdown {max-width:none;width:100%}
#operatingForecastModule .operating-forecast-toolbar {grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr) auto;grid-template-areas:"period view scope refresh" "activities activities activities activities"}
#operatingForecastScopeEditor .operating-additional-dropdown>summary {height:auto;min-height:38px;white-space:normal;padding:8px 12px}
#operatingForecastScopeEditor .operating-additional-panel {max-height:none;overflow:visible}
#operatingForecastScopeEditor .operating-additional-list {max-height:none}
#operatingForecastScopeEditor .operating-additional-list {display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:7px;align-items:stretch;min-width:0;padding:0;overflow:visible}
#operatingForecastScopeEditor .operating-activity-card {display:grid;grid-template-columns:minmax(75px,1fr) minmax(120px,1.35fr);gap:8px;align-items:center;min-width:0;padding:6px 8px;border:1px solid #dce6ee;border-radius:9px;background:#f9fbfd}
#operatingForecastScopeEditor .operating-additional-list .operating-activity-toggle {min-width:0;padding:0;border:0;background:transparent;font-size:12px}
#operatingForecastScopeEditor .operating-activity-toggle span {overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#operatingForecastScopeEditor .activity-sales-percentage {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center;min-width:0;padding:0;border:0;background:transparent;font-size:9px;line-height:1.2}
#operatingForecastScopeEditor .activity-sales-input {display:flex;align-items:center;gap:3px;direction:ltr}
#operatingForecastScopeEditor .activity-sales-percentage input {width:64px;inline-size:64px;block-size:30px;min-width:0;min-height:30px;direction:ltr;padding:3px 5px}
#operatingForecastScopeEditor .activity-sales-input b {color:#526375;font-size:11px}
#operatingForecastScopeEditor .operating-scope-actions {align-self:stretch;align-items:center;padding:0;border:0;white-space:nowrap}
#operatingForecastScopeEditor .operating-scope-details {grid-column:1/-1;border-top:1px solid #e7edf3;padding-top:5px}
#operatingForecastScopeEditor .operating-scope-details>summary {cursor:pointer;color:#52677c;font-size:10px;font-weight:800}
#operatingForecastScopeEditor .operating-scope-details>div {display:grid;gap:4px;margin-top:6px}
#operatingForecastScopeEditor .operating-scope-status {grid-column:1/-1}
#liqMonthlyScopes summary {cursor:pointer;font-weight:600;padding-block:8px}
#forecastPendingNotice {position:fixed;inset-block-end:16px;inset-inline-end:16px;z-index:10000;width:min(440px,calc(100vw - 32px));box-sizing:border-box;padding:14px;background:var(--surface,#fff);color:var(--text,#172538);border:1px solid #a9bdd6;border-radius:10px;box-shadow:0 4px 20px #142d4822;display:flex;gap:10px;align-items:center}
#forecastPendingNotice[hidden],#forecastPendingNotice [hidden] {display:none}
#forecastPendingNotice small {display:block;margin-top:4px}
.forecast-pending-spinner {width:18px;height:18px;flex-shrink:0;border:2px solid #bdd0e3;border-top-color:#1767c7;border-radius:50%;animation:forecast-spin 1s linear infinite}
@keyframes forecast-spin {to {transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce) {.forecast-pending-spinner{animation:none}}
@media(max-width:700px) {
  #operatingForecastModule .operating-forecast-toolbar {grid-template-columns:minmax(0,1fr);grid-template-areas:"period" "view" "scope" "activities" "refresh"}
  #supplierPayoutManagement [data-form] {grid-template-columns:minmax(0,1fr)}
  .payout-monthly-summary thead {display:none}
  .payout-monthly-summary table,.payout-monthly-summary tbody {display:block}
  .payout-monthly-summary tr {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;border-bottom:1px solid #cbd5df;padding-block:8px}
  .payout-monthly-summary :is(th,td) {display:block;text-align:start!important;border:0}
  .payout-monthly-summary td::before {content:attr(data-label);display:block;font-size:.75rem;color:#526375;margin-bottom:4px}
  .payout-monthly-summary td:last-child {grid-column:1/-1}
  #operatingForecastScopeEditor .operating-additional-panel {grid-template-columns:minmax(0,1fr);align-items:stretch}
  #operatingForecastScopeEditor .operating-additional-list {grid-template-columns:minmax(0,1fr)}
  #operatingForecastScopeEditor .operating-activity-card {grid-template-columns:minmax(90px,1fr) minmax(145px,1.5fr)}
  #operatingForecastScopeEditor .operating-scope-actions {justify-content:flex-start}
  #supplierPayoutManagement .payout-input-row>button {width:auto}
}