:root { color-scheme: dark; background: #121716; color: #eef3ed; font: 16px/1.55 system-ui, sans-serif; }
body { margin: 0; }
.customer-shell { max-width: 46rem; margin: 0 auto; padding: 2rem 1.25rem 4rem; overflow-wrap: anywhere; }
.customer-shell header { display: flex; align-items: center; gap: .75rem; padding-bottom: 1rem; border-bottom: 1px solid #59645d; font-size: 1.2rem; }
.customer-shell h1, .customer-shell h2, .customer-shell h3 { font-family: Georgia, serif; font-weight: 500; line-height: 1.2; }
.customer-shell h1 { font-size: 2rem; }
.customer-shell h2 { margin: 0 0 .75rem; font-size: 1.4rem; }
.customer-shell h3 { font-size: 1.1rem; margin-bottom: .35rem; }
.customer-shell section { padding: 1.25rem 0; border-bottom: 1px solid #404c47; }
.customer-shell dl { display: grid; grid-template-columns: max-content minmax(0,1fr); gap: .4rem 1.5rem; margin-top: 0; }
.customer-shell dt { color: #b8c5bd; }
.customer-shell dd { margin: 0; }
#customer-account-id { font-family: ui-monospace, monospace; font-variant-numeric: tabular-nums; }
.customer-shell label { display: block; margin: .5rem 0 .25rem; }
.customer-shell input { width: min(100%,28rem); box-sizing: border-box; background: #1c2321; color: inherit; border: 1px solid #88968d; padding: .55rem .75rem; border-radius: 4px; font: inherit; }
.customer-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; margin-top: .65rem; }
.customer-shell a { color: #b4e2cd; }
.customer-shell button, .customer-shell .customer-action { display: inline-flex; align-items: center; min-height: 44px; padding: .45rem .9rem; border-radius: 4px; border: 1px solid #819889; background: #242e28; color: #f4f7f2; font: inherit; text-decoration: none; cursor: pointer; }
.customer-shell button:enabled:hover, .customer-shell .customer-action:hover { background: #35463b; }
.customer-shell button:disabled { opacity: .65; cursor: wait; }
.customer-shell :focus-visible { outline: 3px solid #e6bc75; outline-offset: 3px; }
#customer-confirm:not(:empty) { margin-top: .8rem; }
#customer-feedback { min-height: 1.6rem; }