.success-banner { margin: -4px 0 18px; padding: 12px 15px; border: 1px solid #bfe5cb; border-radius: 12px; background: #edf9f1; color: #147a3f; font-weight: 800; }
.planning-card { grid-column: 1 / -1; }
.planning-count { display: grid; place-items: center; min-width: 34px; height: 34px; border-radius: 10px; background: #eef4ff; color: var(--blue); }
.planning-alert-list { display: grid; gap: 12px; }
.planning-alert { display: grid; grid-template-columns: minmax(180px,.75fr) minmax(260px,1.15fr) minmax(280px,1.25fr); gap: 16px; padding: 16px; border: 1px solid #e0e6ef; border-radius: 14px; background: #fafbfd; }
.planning-alert.overload { border-left: 4px solid #e5484d; }
.planning-alert.low-utilization { border-left: 4px solid #f59e0b; }
.planning-alert-summary, .planning-suggestion { display: grid; align-content: start; gap: 6px; }
.planning-alert-summary > b { font-size: 18px; }
.planning-alert-summary small, .planning-last small { color: var(--muted); }
.planning-badge { width: max-content; padding: 5px 8px; border-radius: 999px; background: #fff1f0; color: #b42318; font-size: 11px; font-weight: 900; text-transform: uppercase; }
.low-utilization .planning-badge { background: #fff6df; color: #965c00; }
.planning-suggestion p, .planning-last p { margin: 0; color: var(--muted); line-height: 1.45; }
.planning-suggestion .button { width: max-content; margin-top: 3px; text-decoration: none; }
.planning-last { margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--line); }
.planning-decision-form { display: grid; gap: 9px; }
.planning-decision-form label { display: grid; gap: 5px; }
.planning-decision-form label span { color: var(--muted); font-size: 12px; font-weight: 700; }
.planning-decision-form textarea { width: 100%; min-height: 72px; resize: vertical; border: 1px solid #ccd5e1; border-radius: 9px; padding: 9px; font: inherit; }
.planning-decision-form > div { display: grid; grid-template-columns: 1fr auto; gap: 8px; }
.planning-decision-form select { min-width: 0; border: 1px solid #ccd5e1; border-radius: 9px; background: #fff; padding: 9px; }
.planning-decision-form button { border: 0; border-radius: 9px; padding: 9px 12px; font-weight: 800; cursor: pointer; }
@media (max-width: 1100px) { .planning-alert { grid-template-columns: 1fr 1fr; } .planning-decision-form { grid-column: 1 / -1; } }
@media (max-width: 760px) { .planning-alert { grid-template-columns: 1fr; } .planning-decision-form { grid-column: auto; } .planning-decision-form > div { grid-template-columns: 1fr; } .planning-suggestion .button { width: 100%; text-align: center; } }