#drops-planner { border: 1px solid #7b92a86b; border-radius: 12px; padding: clamp(16px, 3vw, 28px); background: #182638; margin-block: 20px 28px; }
#drops-planner h2 { margin-top: 0; }
#drops-planner p { margin-block: 10px; }
.drops-form { display: flex; flex-wrap: wrap; gap: 12px; align-items: end; margin-block: 20px; }
.drops-field { flex: 1 1 230px; }
.drops-field label { display: block; color: #f4f8ff; font-weight: 650; margin-bottom: 8px; }
.drops-field input { display: block; box-sizing: border-box; width: 100%; min-height: 46px; border: 1px solid #94b2ce; border-radius: 6px; background: #0d1929; color: #f4f8ff; padding: 10px 12px; font: inherit; }
.drops-form button { min-height: 46px; padding: 10px 18px; border: 1px solid #a5d6e4; border-radius: 6px; background: #afe0eb; color: #112031; cursor: pointer; font: inherit; font-weight: 650; }
.drops-form #drops-reset { color: #e0effb; background: transparent; border-color: #829db7; }
.drops-form button:hover { filter: brightness(1.1); }
.drops-form button:focus-visible, .drops-field input:focus-visible { outline: 3px solid #f7d68a; outline-offset: 3px; }
.drops-field input[aria-invalid="true"] { border: 2px solid #ffb3b3; }
#drops-error { color: #ffd0d0; font-weight: 650; }
#drops-error[hidden] { display: none; }
#drops-summary { color: #d9ecff; border-left: 3px solid #9bd5e5; padding-left: 12px; }
#drops-storage-note { font-size: .9rem; color: #becbdf; }
.drops-table-wrap { overflow-x: auto; }
#drops-planner .comparison-table { width: 100%; border-collapse: collapse; table-layout: fixed; font-size: .93rem; }
#drops-planner .comparison-table caption { text-align: left; font-weight: 650; padding-bottom: 12px; color: #e3edfc; }
#drops-planner .comparison-table th, #drops-planner .comparison-table td { padding: 12px 10px; border-bottom: 1px solid #6e86a650; text-align: left; vertical-align: top; overflow-wrap: anywhere; }
#drops-planner .comparison-table thead th { color: #bde2f2; }
#drops-planner .comparison-table th:first-child { width: 13%; }
#drops-planner .comparison-table th:nth-child(2) { width: 39%; }
#drops-planner .comparison-table th:nth-child(3) { width: 12%; }
#drops-planner .comparison-table tr[data-reached="true"] td:last-child { color: #b6ebca; }
.drops-campaigns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-block: 24px; }
.drops-campaigns .info-panel { border: 1px solid #728baa60; border-radius: 10px; padding: 18px; }
.drops-campaigns h3 { margin-top: 0; }
.drops-campaigns [data-campaign-status] { font-weight: 650; }
@media (max-width: 620px) {
  .drops-campaigns { grid-template-columns: 1fr; }
  .drops-form button { flex: 1 1 140px; }
  #drops-planner .comparison-table { font-size: .8rem; }
  #drops-planner .comparison-table th, #drops-planner .comparison-table td { padding: 10px 5px; }
}