.aca-shell { display: grid; gap: 20px; max-width: 1120px; min-width: 0; }
.aca-shell h1 { font-size: clamp(22px, 3vw, 30px); margin: 0; line-height: 1.25; }
.aca-card { padding: 24px; border: 1px solid #becadd; border-radius: 16px; background: #fff; color: #142237; min-width: 0; }
.aca-card h2 { font-size: 21px; margin: 0 0 12px; line-height: 1.4; }
.aca-card h3 { font-size: 17px; margin: 0 0 7px; }
.aca-card p { line-height: 1.6; overflow-wrap: anywhere; }
.aca-muted { color: #4d6078; }
.aca-notice { border: 1px solid #7793b6; background: #eaf2ff; color: #203e64; border-radius: 10px; padding: 14px 18px; line-height: 1.6; margin: 0; overflow-wrap: anywhere; }
.aca-error { color: #812525; background: #fff0ee; border-color: #ae7272; }
.aca-steps { display: flex; gap: 8px; flex-wrap: wrap; }
.aca-shell button { font: inherit; padding: 11px 15px; border: 1px solid #315d92; background: #fff; color: #254d7e; border-radius: 8px; cursor: pointer; min-height: 44px; max-width: 100%; text-align: start; white-space: normal; overflow-wrap: anywhere; }
.aca-shell button[aria-current], .aca-shell .aca-primary { background: #254d7e; color: #fff; }
.aca-shell button:focus-visible, .aca-shell input:focus-visible, .aca-shell select:focus-visible, .aca-shell textarea:focus-visible { outline: 3px solid #477be2; outline-offset: 3px; }
.aca-form { display: grid; gap: 16px; }
.aca-form > button { justify-self: start; }
.aca-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.aca-field { display: grid; gap: 7px; font-size: 14px; font-weight: 600; min-width: 0; }
.aca-field input, .aca-field select, .aca-field textarea { box-sizing: border-box; font: inherit; padding: 10px; width: 100%; min-width: 0; max-width: 100%; background: #fff; color: #142237; border: 1px solid #8394ad; border-radius: 8px; }
.aca-field input[type=checkbox] { width: 22px; height: 22px; }
.aca-field textarea { resize: vertical; min-height: 100px; }
.aca-field :disabled { opacity: 1; background: #edf2f8; color: #455872; }
.aca-modules { display: grid; gap: 16px; }
.aca-module { display: grid; gap: 14px; border: 1px solid #8ca0ba; border-radius: 10px; padding: 16px; min-width: 0; margin: 0; }
.aca-module legend { font-weight: 700; padding: 0 6px; }
.aca-module > button { justify-self: start; }
.aca-record { padding: 18px 0; border-bottom: 1px solid #ced7e4; overflow-wrap: anywhere; }
.aca-record:last-child { border-bottom: 0; padding-bottom: 0; }
[data-theme=dark] .aca-card { background: #17243a; color: #e7edf8; border-color: #526681; }
[data-theme=dark] .aca-muted { color: #b8c8df; }
[data-theme=dark] .aca-notice { background: #20344f; color: #d9e8ff; }
[data-theme=dark] .aca-error { background: #44252a; color: #ffdada; }
[data-theme=dark] .aca-field input, [data-theme=dark] .aca-field select, [data-theme=dark] .aca-field textarea { background: #102038; color: #e7edf8; border-color: #7d91b0; }
[data-theme=dark] .aca-shell button { background: #17243a; color: #d9e8ff; border-color: #7d91b0; }
[data-theme=dark] .aca-shell button[aria-current], [data-theme=dark] .aca-shell .aca-primary { background: #2c5488; color: #fff; }
[data-theme=dark] .aca-field :disabled { background: #26354b; color: #b8c8df; }
[data-theme=dark] .aca-record { border-color: #526681; }
@media (max-width: 600px) { .aca-card { padding: 16px; } .aca-grid { grid-template-columns: minmax(0, 1fr); } .aca-steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); } .aca-shell button, .aca-form > button { width: 100%; justify-self: stretch; } .aca-module { padding: 12px; } }
