.siren-input-panel { margin: 0 12px 12px; padding: 18px 20px 20px; border: 3px solid #55aaf0; border-radius: 14px; background: #fff; box-shadow: 0 0 0 2px rgb(85 170 240 / 16%), 0 6px 18px rgb(25 109 194 / 12%); color: #172033; }
.wide-select { width: 100%; min-height: 48px; padding: 8px 12px; border: 1px solid #adc1d7; border-radius: 10px; background: #fff; color: #172033; font-size: 1rem; }
.next-cycle-button { width: 100%; margin-top: 10px; min-height: 44px; padding: 8px 12px; border: 1px solid #176eb8; border-radius: 10px; background: #176eb8; color: #fff; font-weight: 700; cursor: pointer; }
.next-cycle-button:hover { background: #105a9a; }
.next-cycle-button:disabled { border-color: #91a7bc; background: #91a7bc; cursor: not-allowed; }
.next-cycle-button:focus-visible { outline: 3px solid rgb(25 109 194 / 36%); outline-offset: 2px; }
.siren-input-panel .panel-note { margin-top: 9px; }
.counting-note { margin: 17px 0 0; padding: 12px; border-radius: 10px; background: #edf6ff; color: #34516d; font-size: .86rem; line-height: 1.6; }
.counting-note strong { color: #104e91; }
.result-row { grid-template-columns: minmax(145px, 1fr) minmax(100px, 2fr) 68px; }
.result-row.is-unavailable { opacity: .62; }
.result-rate { grid-column: 1 / -1; margin: -7px 0 2px 155px; color: #657089; font-size: .76rem; line-height: 1.35; }
.history-list { display: grid; gap: 8px; margin: 0 0 14px; }
.history-row { display: grid; grid-template-columns: minmax(130px, 1fr) minmax(110px, 1fr) minmax(130px, 1fr); gap: 8px; align-items: end; padding: 10px; border: 1px solid #344860; border-radius: 10px; background: #1d2a3b; }
.history-row strong { color: #dbe8f5; font-size: .86rem; }
.history-row label { display: grid; gap: 4px; color: #a9b7c8; font-size: .75rem; }
.history-row input { width: 100%; min-height: 36px; padding: 4px 7px; border: 1px solid #aebfd2; border-radius: 7px; background: #fff; color: #172033; font-variant-numeric: tabular-nums; }
.history-empty { margin: 0 0 14px; padding: 12px; border-radius: 9px; background: #1d2a3b; color: #a9b7c8; font-size: .86rem; }
.siren-input-panel input:focus-visible, .wide-select:focus-visible, .history-row input:focus-visible { position: relative; z-index: 1; outline: 3px solid rgb(25 109 194 / 36%); outline-offset: 1px; }
@media (max-width: 560px) { .result-row { grid-template-columns: minmax(125px, 1fr) minmax(70px, 1.5fr) 62px; } .result-rate { margin-left: 0; } .history-row { grid-template-columns: 1fr 1fr; } .history-row strong { grid-column: 1 / -1; } }
@media (max-width: 440px) { .siren-input-panel { margin-right: 8px; margin-left: 8px; padding: 16px; } .result-row { grid-template-columns: minmax(114px, 1fr) minmax(55px, 1.3fr) 58px; gap: 6px; font-size: .8rem; } }