.assistant-content { display: grid; grid-template-columns: minmax(0, 1fr); min-width: 0; gap: 1rem; }
.assistant-cost-panel, .assistant-cost-result, .assistant-cost-month { display: grid; min-width: 0; gap: .75rem; }
.assistant-cost-panel { padding: .8rem; border: 1px solid #2a4563; border-radius: .8rem; }
.assistant-cost-account { min-width: 0; padding: .65rem; background: #0b1727; border-radius: .65rem; }
.assistant-cost-account summary { overflow-wrap: anywhere; cursor: pointer; min-height: 2.75rem; }
.assistant-cost-warnings > div { display: flex; flex-wrap: wrap; align-items: center; gap: .7rem; margin-top: .4rem; }
.assistant-cost-warnings button, .assistant-cost-panel input, .assistant-cost-panel button { min-height: 2.75rem; }
.assistant-cost-status[role="alert"] { color: #ffb7b7; }
.assistant-content h3 { margin: 0 0 .4rem; font-size: 1rem; }
.assistant-content p { margin-bottom: .4rem; }
.assistant-toolbar { display: flex; flex-wrap: wrap; align-items: end; gap: .7rem; }
.assistant-toolbar label { min-width: 10rem; }
.assistant-toolbar button { margin-left: auto; }
.assistant-load-status { color: #9ec9ff; font-size: .8rem; }
.assistant-result, .assistant-usage { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; min-width: 0; }
.assistant-usage > * { min-width: 0; }
.assistant-usage-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .6rem; }
.assistant-usage-summary article { display: grid; gap: .25rem; padding: .75rem; border: 1px solid #2a4563; border-radius: .75rem; background: #0b1727; }
.assistant-usage-summary strong { color: #dceaff; font-size: 1.2rem; overflow-wrap: anywhere; }
.assistant-usage-summary span { color: #9eb0c5; font-size: .73rem; }
.assistant-usage-table { overflow: auto; max-width: 100%; border: 1px solid #263a54; border-radius: .75rem; }
.assistant-usage-table:focus-visible { outline: 3px solid #6aa9ff55; outline-offset: 2px; }
.assistant-usage-table table { width: 100%; min-width: 44rem; border-collapse: collapse; font-size: .75rem; }
.assistant-usage-table caption { padding: .7rem; text-align: left; color: #b9d7ff; font-weight: 750; }
.assistant-usage-table :is(th, td) { padding: .55rem .6rem; border-bottom: 1px solid #21344b; text-align: right; }
.assistant-usage-table th:first-child, .assistant-usage-table td:first-child { text-align: left; }
.assistant-usage-table tbody th { max-width: 15rem; overflow-wrap: anywhere; }
.assistant-usage-table small { display: block; margin-top: .2rem; color: #9eb0c5; font-weight: 500; }
.assistant-policy-form { display: grid; grid-template-columns: minmax(0, 1fr); gap: .8rem; min-width: 0; padding: 1rem; border: 1px solid #2a4563; border-radius: .8rem; background: #0b1727; }
.assistant-policy-target { display: grid; grid-template-columns: minmax(9rem, .7fr) minmax(0, 1.5fr); gap: .7rem; }
.assistant-policy-fields { display: grid; gap: .8rem; min-width: 0; margin: 0; padding: .8rem; border: 1px solid #2a4563; border-radius: .7rem; }
.assistant-policy-fields legend { padding: 0 .35rem; color: #b9d7ff; font-size: .8rem; }
.assistant-policy-fields:disabled { opacity: .6; }
.assistant-model-fields, .assistant-limit-fields { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .7rem; }
.assistant-model-fields label, .assistant-limit-fields label { min-width: 0; }
.assistant-model-fields select { min-width: 0; max-width: 100%; }
.assistant-effective { color: #9eb0c5; font-size: .75rem; overflow-wrap: anywhere; }
.assistant-policy-actions { display: grid; justify-items: end; gap: .4rem; }
.assistant-policy-actions output { max-width: 100%; text-align: right; color: #9ec9ff; }
.assistant-policy-actions output[role="alert"], .assistant-load-status[role="alert"] { color: #ffb7b7; }
.assistant-price-list { display: grid; gap: .65rem; }
.assistant-price-list p { margin: 0; color: #9eb0c5; font-size: .73rem; overflow-wrap: anywhere; }
.assistant-price-list strong { color: #dceaff; }
.assistant-price-list a { display: inline-block; margin-top: .2rem; }
.assistant-pricing-details summary { cursor: pointer; color: #b9d7ff; font-size: .82rem; }
.assistant-pricing-details > div { padding-top: .7rem; }
@media (max-width: 900px) { .assistant-model-fields, .assistant-limit-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px) { .assistant-usage-summary, .assistant-policy-target, .assistant-model-fields, .assistant-limit-fields { grid-template-columns: minmax(0, 1fr); } .assistant-toolbar label, .assistant-toolbar button { width: 100%; } .assistant-toolbar button { margin-left: 0; } .assistant-policy-form { padding: .75rem; } .assistant-policy-actions button { width: 100%; } }