/* Scoped to the two AI input/settings cards. Other portal forms are unchanged. */
.ai-allowance-card { display: grid; gap: 16px; padding: 22px; min-width: 0; }
.ai-allowance-card > h2, .ai-allowance-card > p { margin: 0; }
.ai-allowance-card p { line-height: 1.55; overflow-wrap: anywhere; }
.ai-allowance-card > label, .ai-allowance-card .form-panel > label { display: grid; gap: 7px; margin: 0; color: #34505e; font-size: .875rem; font-weight: 700; }
.ai-allowance-card input:not([type="checkbox"]), .ai-allowance-card select, .ai-allowance-card textarea { width: 100%; min-width: 0; max-width: 100%; box-sizing: border-box; }
.ai-allowance-card input[type="file"] { padding: 10px; }
.ai-allowance-card .checkbox-row { align-items: flex-start; line-height: 1.55; }
.ai-allowance-card .checkbox-row input { flex: 0 0 18px; margin-top: 3px; }
.ai-allowance-card .form-panel { padding: 0; margin: 0; }
.ai-allowance-card .form-panel > p, .ai-allowance-card .form-panel > .button { margin: 0; }
.ai-allowance-card > button, .ai-allowance-card .form-panel > button { justify-self: start; max-width: 100%; white-space: normal; }
@media (max-width: 700px) { .ai-allowance-card { padding: 16px; } }