/* Tariff panel in Lite; existing control cards keep their own styles. */
#tab-rates .lite-rate-title { font-size: 1.2rem; color: #722424; margin-bottom: 8px; }
#tab-rates .lite-rate-intro { font-size: .9rem; color: #6b6058; line-height: 1.65; margin-bottom: 20px; }
#tab-rates .btn-refresh { padding: 11px 14px; border: 1px solid #d9cec2; border-radius: 10px; font: inherit; font-weight: 600; cursor: pointer; min-height: 44px; }
#tab-rates .btn-refresh:disabled { cursor: not-allowed; opacity: .55; }
#tab-rates .rate-row { gap: 12px; }
#tab-rates .rate-row strong { font-size: 1.05rem; }
#tab-rates .rate-note, #tab-rates .rate-status, #tab-rates .rate-message { line-height: 1.65; }
#tab-rates .rate-message:empty { margin: 0; min-height: 0; }
#tab-rates .rate-toolbar { align-items: end; }
#tab-rates .rate-toolbar > div { flex: 1; min-width: 120px; }
#tab-rates .rate-toolbar select { width: 100%; min-width: 0; min-height: 44px; }
#tab-rates .rate-row input { min-height: 46px; }
#tab-rates button:focus-visible, .tabs .tab-btn:focus-visible { outline: 2px solid #8b2e2e; outline-offset: 3px; }
@media (max-width: 640px) {
    .tabs .tab-btn { min-width: 0; padding: .7rem .25rem; flex-direction: column; gap: .3rem; font-size: .8rem; }
    #tab-rates .lite-card { padding: 1rem; }
    #tab-rates .rate-row { padding: 20px 0; }
}