.tariff-panel,.tariff-notice{padding:24px;margin-bottom:20px;font-family:Prompt,'IBM Plex Sans Thai',sans-serif;word-break:normal;overflow-wrap:break-word;line-break:auto}.tariff-notice{border-left:4px solid #0066ff;background:#f1f6ff}.tariff-notice strong{color:#0a1b3d}.tariff-notice p{margin:8px 0 0;line-height:1.8}.tariff-panel input,.tariff-panel select,.tariff-panel button{font-family:Prompt,'IBM Plex Sans Thai',sans-serif}.tariff-panel .field{max-width:640px}.tariff-status{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:20px 0 12px}.tariff-status .pill{background:#e9f1ff;color:#164b92;padding:6px 12px;border-radius:20px}.tariff-fields{border:0;padding:0;min-width:0}.tariff-period{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:14px;align-items:end;padding:16px 0;border-bottom:1px solid #e6ebf1}.tariff-period label{display:grid;gap:8px;min-width:0;font-size:13px}.tariff-period input{min-width:0;width:100%;height:46px}.tariff-period .num{text-align:right;font-variant-numeric:tabular-nums}.tariff-actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.tariff-confirm{display:flex;gap:10px;align-items:flex-start;line-height:1.8}.tariff-confirm input{width:20px;height:20px;flex-shrink:0;margin-top:4px;accent-color:#0066ff}.tariff-fields:disabled{opacity:.65}.tariff-panel .hint{line-height:1.8;white-space:normal}.tariff-panel input:focus-visible,.tariff-panel select:focus-visible,.tariff-panel button:focus-visible{outline:2px solid #0066ff;outline-offset:2px}@media(max-width:640px){.tariff-panel,.tariff-notice{padding:18px}.tariff-period{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.tariff-period [data-remove]{justify-self:end;align-self:end}.tariff-actions>.btn{flex:1 1 auto}.tariff-status{font-size:13px}.tariff-panel .field select{max-width:100%;width:100%}}
