* { box-sizing: border-box; }
body { margin: 0; color: #182536; background: #f6f8fa; font: 1rem/1.5 system-ui, sans-serif; }
header { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; padding: 1rem; background: #142a40; color: white; }
header strong { font-size: 1.2rem; } header #identity { margin-left: auto; }
main { max-width: 1100px; margin: auto; padding: 1rem; }
#banner { padding: .75rem; border-left: .3rem solid #155f88; background: #e7f3fa; }
form, nav { display: flex; gap: .75rem; align-items: end; flex-wrap: wrap; margin: 1rem 0; }
body > nav { margin: 0; padding: .6rem 1rem; background: #e2edf4; }
body > nav a { color: #142a40; }
.order-line, .pager { display: flex; gap: .75rem; align-items: end; flex-wrap: wrap; }
.order-line { margin-bottom: .5rem; }
label { display: grid; gap: .25rem; } input, textarea, button { font: inherit; padding: .4rem .6rem; }
label:has(input[type="checkbox"]) { display: flex; align-items: center; gap: .4rem; white-space: nowrap; }
select { font: inherit; width: 10rem; padding: .4rem .6rem; }
textarea { width: min(40rem, 90vw); min-height: 7rem; }
#assistant-answer { white-space: pre-wrap; overflow-wrap: anywhere; }
button { cursor: pointer; } button:disabled { cursor: default; opacity: .5; }
#message:not(:empty) { color: #9b2525; } .table-wrap { overflow-x: auto; }
#status:not(:empty) { color: #216143; }
table { width: 100%; border-collapse: collapse; background: white; }
th, td { text-align: left; padding: .5rem; border-bottom: 1px solid #d6dde4; }
td:last-child { min-width: 15rem; } td button { margin: .15rem; }
@media (max-width: 600px) { header #identity { margin-left: 0; } main { padding: .6rem; } }