body { font-family: system-ui, sans-serif; margin: 0; color: #15283f; background: #f4f6f8; } header { padding: 1.5rem; background: #15283f; color: white; } main { max-width: 48rem; margin: 3rem auto; padding: 2rem; background: white; } label, input { display: block; margin: .6rem 0; } input { padding: .7rem; max-width: 90%; } button { padding: .8rem 1.4rem; background: #174d86; color: white; border: 0; cursor: pointer; } .validation-summary-errors { color: #a01515; }
select, textarea { display: block; padding: .6rem; margin: .5rem 0 1rem; max-width: 100%; } textarea { width: 100%; min-height: 6rem; } input[type=checkbox] { display: inline-block; } .ticket-preview { border: 3px solid; padding: 1.5rem; margin: 1rem 0; } .accent-navy { border-color: #15283f; } .accent-teal { border-color: #087e8b; } .accent-plum { border-color: #783c78; } .ticket-terms { white-space: pre-wrap; }
.password-field { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin: .6rem 0; }
.password-field input { margin: 0; min-width: 0; }
.password-toggle { padding: .5rem .7rem; background: #fff; color: #174d86; border: 1px solid #174d86; border-radius: .25rem; }
.password-toggle:focus-visible { outline: 3px solid #174d86; outline-offset: 2px; }
.validation-summary-valid { display: none; }
main:has(.event-detail-workspace) { max-width: 76rem; background: transparent; padding: 0 1.5rem; }
.event-detail-workspace { overflow-wrap: anywhere; }
.detail-breadcrumb { color: #667b90; font-size: .85rem; margin-bottom: 1.4rem; }
.detail-breadcrumb a, .detail-back a { color: #375d86; text-decoration: none; }
.detail-breadcrumb span { margin: 0 .4rem; }
.detail-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 2rem; }
.detail-heading > div { min-width: 0; }
.detail-eyebrow { font-size: .75rem; font-weight: 750; letter-spacing: .14em; color: #41617e; margin-bottom: .5rem; }
.detail-heading h1 { font-size: clamp(1.8rem,3vw,2.4rem); letter-spacing: -.03em; margin-bottom: .8rem; }
.detail-tags { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
.detail-tag { display: inline-block; padding: .25rem .65rem; font-size: .75rem; border-radius: 1rem; background: #e8edf3; color: #4a6279; }
.detail-state-published, .detail-tag-positive { background: #e0f1e8; color: #165638; }
.detail-state-draft { background: #fff0d2; color: #795415; }
.detail-state-cancelled { background: #fce9e8; color: #90302a; }
.detail-header-actions { display: flex; gap: .7rem; flex-wrap: wrap; justify-content: flex-end; flex-shrink: 0; }
.detail-primary, .detail-secondary { display: inline-flex; justify-content: center; align-items: center; gap: 1rem; padding: .75rem 1rem; border-radius: .45rem; text-decoration: none; font-size: .875rem; font-weight: 650; }
.detail-primary { background: #174d86; color: white; border: 1px solid #174d86; }
.detail-primary:hover { background: #123d69; color: white; }
.detail-secondary { background: white; color: #234f7b; border: 1px solid #c5d5e5; }
.detail-secondary:hover { background: #edf4fc; color: #234f7b; }
.detail-description { white-space: pre-wrap; color: #52677c; line-height: 1.7; margin: 1rem 0 0; max-width: 60rem; }
.detail-metrics { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; margin: 1.7rem 0; }
.detail-metrics > div { border: 1px solid #d8e2ed; border-radius: .75rem; background: white; padding: 1.2rem; }
.detail-metrics span, .detail-metrics small { display: block; color: #63798e; font-size: .8rem; }
.detail-metrics strong { display: block; margin: .45rem 0; font-size: 1.25rem; }
.detail-columns { display: grid; grid-template-columns: minmax(0,1.8fr) minmax(0,1fr); gap: 1.2rem; align-items: start; }
.detail-main-column, .detail-sidebar { display: grid; gap: 1.2rem; min-width: 0; }
.detail-panel { background: white; border: 1px solid #d8e2ed; border-radius: .85rem; padding: 1.5rem; min-width: 0; }
.detail-panel h2 { font-size: 1.2rem; margin: 0 0 1.1rem; }
.detail-facts { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.4rem; margin: 0; }
.detail-facts dt { color: #667b90; font-size: .8rem; font-weight: 500; margin-bottom: .45rem; }
.detail-facts dd { font-size: .95rem; margin: 0; }
.detail-facts dd span { display: block; color: #667b90; font-size: .8rem; margin-top: .3rem; line-height: 1.6; }
.detail-section-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; margin-bottom: 1.2rem; }
.detail-section-heading h2 { margin-bottom: .5rem; }
.detail-section-heading p { font-size: .85rem; color: #63798e; margin: 0; }
.detail-section-heading > a { white-space: nowrap; }
.detail-ticket-card { border: 1px solid #dce5ef; border-radius: .7rem; padding: 1.2rem; margin-top: 1rem; }
.detail-ticket-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; }
.detail-ticket-heading h3 { font-size: 1.15rem; margin-bottom: .5rem; }
.detail-price { text-align: right; }
.detail-price span, .detail-price small { display: block; font-size: .75rem; color: #63798e; }
.detail-price strong { display: block; font-size: 1.2rem; margin: .25rem 0; }
.detail-type-description { color: #52677c; font-size: .875rem; margin: 1rem 0; white-space: pre-wrap; }
.detail-type-capacity { font-size: .8rem; color: #63798e; margin: 1rem 0; }
.detail-type-capacity strong { color: #314e6b; margin-left: .4rem; }
.detail-window { background: #f5f8fc; border-radius: .5rem; padding: 1rem; }
.detail-window p { font-size: .8rem; font-weight: 650; margin-bottom: .8rem; }
.detail-window dl { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; margin: 0; }
.detail-window dt { font-size: .75rem; color: #63798e; font-weight: 500; }
.detail-window dd { font-size: .8rem; margin: .3rem 0; }
.detail-window > small { color: #63798e; font-size: .75rem; }
.detail-text-positive { color: #146651; }
.detail-text-muted { color: #667b90; }
.detail-type-actions { margin-top: 1rem; font-size: .85rem; }
.detail-type-actions > a { display: inline-block; color: #234f7b; margin-bottom: .8rem; }
.event-detail-workspace summary { font-size: .85rem; font-weight: 650; cursor: pointer; color: #234f7b; }
.detail-price-history { border-top: 1px solid #e5ecf4; padding-top: .8rem; }
.detail-price-history ul { padding-left: 1.2rem; margin: 1rem 0 0; }
.detail-price-history li { padding-bottom: .7rem; }
.detail-price-history li span { display: block; font-size: .75rem; color: #63798e; margin-top: .3rem; }
.detail-access-state { font-size: .9rem; font-weight: 650; }
.detail-access-panel > p:not(.detail-access-state), .detail-access-panel li { font-size: .85rem; line-height: 1.7; }
.detail-access-panel ul { padding-left: 1.2rem; color: #52677c; }
.detail-note { color: #63798e; font-size: .8rem; line-height: 1.7; margin: 1rem 0 0; }
.detail-template-name { font-size: .875rem; }
.detail-template-preview { border-top: 1px solid #e5ecf4; padding-top: .9rem; }
.detail-sidebar .ticket-preview { font-size: .8rem; padding: 1rem; margin-bottom: 0; }
.detail-sidebar .ticket-preview h3 { font-size: 1.1rem; }
.detail-empty { background: #f5f8fc; border-radius: .7rem; padding: 1.3rem; }
.detail-empty h3 { font-size: 1.05rem; }
.detail-empty p { color: #63798e; font-size: .85rem; margin-bottom: 0; }
.detail-back { margin: 1.5rem 0; font-size: .875rem; }
.event-detail-workspace :focus-visible { outline: 3px solid #c26900; outline-offset: 4px; }
@media(max-width:850px) {
    .detail-columns { grid-template-columns: 1fr; }
    .detail-sidebar { grid-template-columns: repeat(2,minmax(0,1fr)); align-items: start; }
    .detail-heading { flex-direction: column; gap: 1rem; }
}
@media(max-width:650px) {
    main:has(.event-detail-workspace) { margin: 1.5rem auto; padding: 0 1rem; }
    .detail-header-actions { width: 100%; justify-content: flex-start; }
    .detail-header-actions a { flex: 1; }
    .detail-metrics, .detail-facts, .detail-sidebar { grid-template-columns: 1fr; }
    .detail-metrics { gap: .7rem; }
    .detail-panel { padding: 1.1rem; }
    .detail-section-heading { flex-wrap: wrap; }
    .detail-ticket-card { padding: 1rem; }
    .detail-ticket-heading { flex-direction: column; gap: .8rem; }
    .detail-price { text-align: left; }
    .detail-window dl { grid-template-columns: 1fr; gap: .5rem; }
}
main:has(.events-workspace) { max-width: 72rem; background: transparent; padding: 0 1.5rem; }
.events-workspace { overflow-wrap: anywhere; }
.events-breadcrumb { color: #667b90; font-size: .85rem; margin-bottom: 1.4rem; }
.events-breadcrumb a { color: #375d86; text-decoration: none; }
.events-breadcrumb span { margin: 0 .4rem; }
.events-heading { display: flex; justify-content: space-between; align-items: center; gap: 1.5rem; margin-bottom: 1.7rem; }
.events-eyebrow { font-size: .75rem; font-weight: 750; color: #41617e; letter-spacing: .14em; margin-bottom: .5rem; }
.events-heading h1 { font-size: 2.4rem; letter-spacing: -.03em; margin-bottom: .5rem; }
.events-heading > div > p:last-child { color: #52677c; margin: 0; line-height: 1.6; }
.events-primary { display: inline-flex; justify-content: space-between; gap: 1.5rem; align-items: center; background: #174d86; color: white; padding: .8rem 1.2rem; border-radius: .5rem; text-decoration: none; white-space: nowrap; font-weight: 650; }
.events-primary:hover { color: white; background: #123d69; }
.events-overview { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1rem; margin-bottom: 1.5rem; }
.events-overview > div { background: white; border: 1px solid #d8e2ed; border-radius: .75rem; padding: 1rem 1.3rem; }
.events-overview strong { display: block; font-size: 1.8rem; }
.events-overview span { color: #52677c; font-size: .85rem; }
.events-filters { display: flex; flex-wrap: wrap; gap: 1rem; align-items: flex-end; padding: 1.2rem; border: 1px solid #d8e2ed; background: white; border-radius: .75rem; }
.events-filters > div:first-child { flex: 1 1 18rem; }
.events-filters > div:nth-child(2) { flex: 0 1 12rem; }
.events-filters label { font-size: .85rem; font-weight: 650; margin: 0 0 .45rem; }
.events-filters input, .events-filters select { width: 100%; max-width: none; margin: 0; padding: .7rem; border: 1px solid #9dafc0; border-radius: .35rem; min-height: 2.85rem; }
.events-filters button { border-radius: .35rem; min-height: 2.85rem; padding: .7rem 1rem; }
.events-filters > a { color: #375d86; padding: .7rem 0; font-size: .875rem; }
.events-filters .validation-summary-errors { flex-basis: 100%; }
.events-results-heading { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin: 1.7rem 0 1rem; }
.events-results-heading h2 { font-size: 1.25rem; margin: 0; }
.events-results-heading span { color: #667b90; font-size: .85rem; }
.events-list { display: grid; gap: 1rem; }
.event-list-card { display: flex; gap: 1.5rem; background: white; border: 1px solid #d8e2ed; border-radius: .85rem; padding: 1.5rem; }
.event-calendar { display: flex; flex-direction: column; align-items: center; justify-content: center; align-self: flex-start; min-width: 5rem; background: #edf4fc; border: 1px solid #d9e7f5; border-radius: .7rem; color: #234f7b; padding: .6rem .7rem; }
.event-calendar span { text-transform: uppercase; letter-spacing: .06em; font-size: .75rem; font-weight: 750; }
.event-calendar strong { font-size: 2rem; line-height: 1.25; }
.event-calendar small { color: #5c7590; font-size: .75rem; }
.event-card-content { flex: 1; min-width: 0; }
.event-card-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; }
.event-card-top h3 { font-size: 1.25rem; margin: 0 0 .4rem; }
.event-card-top h3 a { color: #173e65; text-decoration: none; }
.event-card-top h3 a:hover { text-decoration: underline; }
.event-organizer { color: #667b90; font-size: .875rem; margin: 0; }
.event-badges { display: flex; flex-wrap: wrap; gap: .5rem; }
.event-badge { display: inline-block; padding: .25rem .6rem; border-radius: 1rem; background: #edf1f6; color: #50667b; font-size: .75rem; white-space: nowrap; }
.event-state-published { background: #e4f4ed; color: #14593a; }
.event-state-draft { background: #fff1d6; color: #795415; }
.event-state-cancelled { background: #fce9e8; color: #90302a; }
.event-card-facts { display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: 1rem; margin: 1.2rem 0; }
.event-card-facts dt { color: #667b90; font-size: .75rem; font-weight: 500; margin-bottom: .35rem; }
.event-card-facts dd { margin: 0; font-size: .9rem; }
.event-card-facts dd span { display: block; color: #667b90; font-size: .75rem; margin-top: .25rem; }
.event-card-bottom { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: .8rem; border-top: 1px solid #e7edf3; padding-top: 1rem; }
.event-access { color: #69798a; font-size: .8rem; margin: 0; }
.event-access span { margin-right: .3rem; }
.event-access-enabled { color: #146651; }
.event-actions { display: flex; align-items: center; flex-wrap: wrap; gap: .8rem; }
.event-actions a { color: #234f7b; text-decoration: none; font-size: .85rem; padding: .55rem .7rem; }
.event-actions a:hover { text-decoration: underline; }
.event-actions .event-action-primary { background: #edf4fc; border: 1px solid #ccdeef; border-radius: .4rem; font-weight: 650; }
.events-empty { text-align: center; border: 1px dashed #bdcddd; background: white; border-radius: .85rem; padding: 3rem 1.5rem; }
.events-empty h3 { font-size: 1.3rem; }
.events-empty p { color: #52677c; margin: .7rem auto 0; max-width: 32rem; }
.events-empty-symbol { display: inline-block; padding: .6rem 1rem; background: #eaf2fb; color: #234f7b; border-radius: .7rem; margin-bottom: 1rem; font-weight: 750; }
.events-footnote { color: #65778a; font-size: .8rem; line-height: 1.6; margin-top: 1.3rem; }
.events-workspace :focus-visible { outline: 3px solid #c26900; outline-offset: 4px; }
@media(max-width:650px) {
    main:has(.events-workspace) { margin: 1.5rem auto; padding: 0 1rem; }
    .events-heading { flex-direction: column; align-items: stretch; gap: 1rem; }
    .events-overview { grid-template-columns: repeat(2,minmax(0,1fr)); gap: .7rem; }
    .events-filters { align-items: stretch; gap: .8rem; }
    .events-filters > div:first-child, .events-filters > div:nth-child(2) { flex: 1 1 100%; }
    .events-filters button { flex: 1; }
    .events-filters > a { flex: 1; text-align: center; }
    .event-list-card { padding: 1rem; gap: .8rem; }
    .event-calendar { min-width: 3.5rem; padding: .5rem; }
    .event-calendar strong { font-size: 1.7rem; }
    .event-card-top { flex-direction: column; gap: .7rem; }
    .event-card-facts { grid-template-columns: 1fr; gap: .8rem; }
    .event-card-bottom { align-items: stretch; }
    .event-actions { width: 100%; align-items: stretch; flex-direction: column; gap: .3rem; }
    .event-actions a { text-align: center; }
}
main:has(.home-workspace) { max-width: 72rem; background: transparent; padding: 0 1.5rem; }
.home-workspace { overflow-wrap: anywhere; }
.home-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; }
.home-eyebrow { font-size: .75rem; color: #41617e; letter-spacing: .14em; font-weight: 750; margin: 0 0 .6rem; }
.home-heading h1 { font-size: clamp(1.9rem,3vw,2.5rem); margin: 0 0 .6rem; letter-spacing: -.03em; }
.home-subtitle { color: #52677c; margin: 0; line-height: 1.6; }
.home-logout { background: white; color: #234a71; border: 1px solid #b7c9da; border-radius: .5rem; padding: .65rem 1rem; white-space: nowrap; }
.home-logout:hover { background: #e8eff6; }
.home-account { color: #52677c; font-size: .85rem; margin: .9rem 0 1.8rem; }
.home-highlight { display: flex; justify-content: space-between; align-items: center; gap: 2rem; background: #173e65; color: #fff; border-radius: 1rem; padding: 2rem; margin-bottom: 2rem; }
.home-highlight > div { max-width: 40rem; }
.home-tag { font-size: .7rem; letter-spacing: .12em; font-weight: 750; color: #cae4ff; }
.home-highlight h2 { font-size: 1.7rem; margin: .7rem 0; letter-spacing: -.02em; }
.home-highlight p { color: #deebf8; margin: 0; line-height: 1.7; font-size: .95rem; }
.home-primary-action { display: inline-flex; gap: 1.5rem; align-items: center; padding: .85rem 1.2rem; background: #fff; color: #173e65; border-radius: .5rem; font-weight: 650; text-decoration: none; white-space: nowrap; }
.home-primary-action:hover { background: #e8f3ff; color: #173e65; }
.home-section-heading h2 { font-size: 1.35rem; margin: 0; }
.home-section-heading p { color: #52677c; font-size: .9rem; margin: .4rem 0 1.2rem; }
.home-card-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; }
.home-card { position: relative; background: #fff; border: 1px solid #d8e2ed; border-radius: .85rem; padding: 1.5rem; min-height: 13rem; transition: border-color .15s,box-shadow .15s; }
.home-card-featured { grid-column: span 2; background: #f5f9fe; }
.home-card:hover, .home-card:focus-within { border-color: #7398bc; box-shadow: 0 4px 16px #173e650d; }
.home-card-icon { display: inline-flex; align-items: center; justify-content: center; width: 2.6rem; height: 2.6rem; border-radius: .7rem; background: #eaf2fb; color: #174d86; font-weight: 750; margin-bottom: 1rem; }
.home-icon-teal { background: #e7f4f1; color: #146651; }
.home-icon-plum { background: #f0ebf7; color: #684387; }
.home-card h3 { font-size: 1.05rem; margin: 0 0 .7rem; padding-right: .5rem; }
.home-card h3 a { color: #173e65; text-decoration: none; }
.home-card h3 a::after { content: ''; position: absolute; inset: 0; border-radius: .85rem; }
.home-card p { color: #52677c; line-height: 1.6; font-size: .875rem; margin: 0; }
.home-card-arrow { position: absolute; right: 1.4rem; top: 1.6rem; color: #6e87a1; font-size: 1.1rem; }
.home-account-panel { display: grid; grid-template-columns: 1fr 1.2fr; gap: 2rem; background: #fff; border: 1px solid #d8e2ed; border-radius: .85rem; padding: 1.5rem; margin-top: 1.5rem; }
.home-account-panel h2 { font-size: 1.15rem; margin-bottom: .6rem; }
.home-account-panel p { color: #52677c; font-size: .875rem; margin: 0; line-height: 1.6; }
.home-account-links { display: flex; flex-direction: column; gap: .7rem; }
.home-account-links a { display: flex; justify-content: space-between; gap: .5rem; color: #234f7b; text-decoration: none; font-size: .9rem; padding-bottom: .6rem; border-bottom: 1px solid #edf1f6; }
.home-account-links a:last-child { border-bottom: 0; padding-bottom: 0; }
.home-account-links a:hover { text-decoration: underline; }
.home-footnote { color: #65778a; font-size: .8rem; line-height: 1.6; margin: 1.2rem 0; }
.home-workspace :focus-visible { outline: 3px solid #c26900; outline-offset: 4px; }
@media(max-width: 850px) { .home-card-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width: 650px) {
    main:has(.home-workspace) { margin: 1.5rem auto; padding: 0 1rem; }
    .home-highlight { flex-direction: column; align-items: stretch; padding: 1.4rem; gap: 1.2rem; }
    .home-primary-action { justify-content: space-between; }
    .home-card-grid, .home-account-panel { grid-template-columns: 1fr; }
    .home-card-featured { grid-column: auto; }
    .home-card { min-height: 0; padding: 1.3rem; }
    .home-card-icon { margin-bottom: .8rem; }
    .home-account-panel { gap: 1.2rem; }
    .home-heading { gap: .7rem; }
    .home-logout { padding: .6rem .8rem; }
}
main:has(.inventory-workspace) { max-width: 72rem; }
.inventory-workspace { overflow-wrap: anywhere; min-width: 0; }
.inventory-eyebrow { color: #375d86; font-size: .8rem; letter-spacing: .12em; font-weight: 700; margin-bottom: .4rem; }
.inventory-subtitle { color: #53677c; margin-bottom: 1.5rem; }
.inventory-metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .8rem; margin: 1.4rem 0; }
.inventory-metrics > div { background: #eef4fa; border: 1px solid #dae5ef; border-radius: .7rem; padding: 1rem; }
.inventory-metrics strong { display: block; font-size: 1.8rem; }
.inventory-metrics span { font-size: .85rem; color: #4c6176; }
.inventory-checks, .inventory-records { border: 1px solid #d9e2eb; border-radius: .65rem; padding: 1rem; margin: 1.2rem 0; }
.inventory-workspace summary { font-weight: 650; cursor: pointer; }
.inventory-workspace details[open] > summary { margin-bottom: 1rem; }
.inventory-steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .7rem; margin: 1.5rem 0 2rem; }
.inventory-steps a { display: flex; align-items: flex-start; gap: .6rem; padding: 1rem; border: 1px solid #cad7e4; border-radius: .7rem; color: #193f66; text-decoration: none; }
.inventory-steps b { background: #e8f0f8; border-radius: 50%; padding: .1rem .55rem; }
.inventory-steps small { display: block; font-size: .75rem; margin-top: .3rem; }
.inventory-steps a[aria-current=step] { background: #174d86; color: white; border-color: #174d86; }
.inventory-steps a[aria-current=step] b { background: white; color: #174d86; }
.inventory-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
.inventory-card { border: 1px solid #d9e2eb; border-radius: .8rem; padding: 1.3rem; background: #fff; overflow-wrap: anywhere; }
.inventory-card h3, .inventory-card h4 { font-size: 1.25rem; }
.inventory-card input:not([type=radio]) { width: 100%; max-width: 100%; box-sizing: border-box; border: 1px solid #9dafc0; border-radius: .35rem; }
.inventory-card button { border-radius: .4rem; margin-top: .5rem; }
.inventory-card label { font-weight: 600; font-size: .9rem; }
.inventory-help { color: #52677c; font-size: .85rem; margin-top: .8rem; line-height: 1.6; }
.inventory-badge { background: #edf1f6; color: #314d68; border-radius: 1rem; padding: .25rem .6rem; font-size: .8rem; display: inline-block; }
.inventory-badge-ready { background: #e4f4ed; color: #14593a; }
.inventory-agent-picker { display: flex; flex-wrap: wrap; gap: .7rem; margin: 1rem 0 1.5rem; }
.inventory-agent-picker a { border: 1px solid #bacbdc; border-radius: .6rem; padding: .7rem 1rem; text-decoration: none; color: #174d86; overflow-wrap: anywhere; }
.inventory-agent-picker span { display: block; font-size: .8rem; margin-top: .25rem; }
.inventory-agent-picker a[aria-current=true] { background: #eaf3fc; border: 2px solid #174d86; }
.inventory-next { display: flex; justify-content: flex-end; margin: 1.5rem 0; }
.inventory-button { display: inline-block; background: #174d86; color: white; padding: .8rem 1.2rem; border-radius: .4rem; text-decoration: none; }
.inventory-button:hover { background: #103b69; color: white; }
.inventory-card-actions { display: flex; flex-direction: column; gap: .7rem; border-top: 1px solid #e2e9f0; margin-top: 1rem; padding-top: 1rem; font-size: .85rem; }
.inventory-empty { padding: 1.5rem; background: #f3f6fa; border-radius: .7rem; }
.inventory-destinations { margin-bottom: 1rem; }
.inventory-destinations legend { font-size: 1rem; font-weight: 650; }
.inventory-destinations input { display: inline; margin-right: .4rem; }
.inventory-workspace button:disabled { opacity: .55; cursor: not-allowed; }
.inventory-workspace :focus-visible { outline: 3px solid #c26900; outline-offset: 3px; }
@media(max-width: 650px) {
    main:has(.inventory-workspace) { margin: 1rem auto; padding: 1rem; }
    .inventory-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .inventory-grid, .inventory-steps { grid-template-columns: 1fr; }
    .inventory-steps { gap: .5rem; margin-bottom: 1.5rem; }
    .inventory-steps a { padding: .7rem; }
    .inventory-steps small { margin-top: .1rem; }
    .inventory-next a, .inventory-card button { width: 100%; text-align: center; }
}
/* Reports: scoped filters, reconciled totals and keyboard-scrollable records. */
main:has(.reports-workspace) { max-width: 78rem; background: transparent; padding: 0 1.5rem; }
.reports-workspace { min-width: 0; overflow-wrap: anywhere; }
.reports-breadcrumb { color: #65778a; font-size: .85rem; margin-bottom: 1.5rem; }
.reports-heading, .reports-section-heading { display: flex; justify-content: space-between; align-items: center; gap: 1.5rem; margin-bottom: 1.5rem; }
.reports-heading h1 { font-size: clamp(1.8rem,3vw,2.4rem); margin: 0; letter-spacing: -.03em; }
.reports-heading p:not(.home-eyebrow), .reports-section-heading p { color: #52677c; margin: .6rem 0 0; }
.reports-secondary { display: inline-block; color: #174d86; border: 1px solid #b4c7d9; border-radius: .5rem; background: white; padding: .75rem 1rem; text-decoration: none; font-size: .9rem; white-space: nowrap; }
.reports-secondary:hover { background: #eaf2fb; color: #173e65; }
.reports-panel { background: white; border: 1px solid #d8e2ed; border-radius: .85rem; padding: 1.5rem; margin-bottom: 1.5rem; min-width: 0; }
.reports-workspace h2 { font-size: 1.2rem; margin: 0 0 1rem; }
.reports-filters { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; }
.reports-workspace label { font-size: .85rem; font-weight: 600; margin: 0 0 .4rem; display: block; }
.reports-workspace input, .reports-workspace select { box-sizing: border-box; width: 100%; max-width: 100%; min-width: 0; border: 1px solid #a7b9cb; border-radius: .4rem; background: white; padding: .7rem; margin: 0; color: #17324e; }
.reports-dates { border-top: 1px solid #e2e9f0; margin-top: 1.3rem; padding-top: 1rem; }
.reports-workspace summary { cursor: pointer; font-weight: 650; }
.reports-dates p, .reports-note, .reports-collections p { font-size: .85rem; line-height: 1.6; color: #52677c; }
.reports-date-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1rem; }
.reports-actions { display: flex; align-items: center; gap: 1.3rem; margin-top: 1.2rem; }
.reports-workspace button { border-radius: .45rem; margin: 0; }
.reports-metrics { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; }
.reports-metrics > div { border: 1px solid #d8e2ed; background: white; border-radius: .8rem; padding: 1.3rem; }
.reports-metrics span, .reports-metrics small { display: block; color: #52677c; font-size: .85rem; }
.reports-metrics strong { display: block; font-size: 2rem; margin: .4rem 0; }
.reports-metrics .reports-active { background: #edf7f3; border-color: #c9e2d7; }
.reports-collections { display: grid; grid-template-columns: 1.5fr 1fr; gap: 2rem; margin-top: 1.5rem; background: #eef4fa; }
.reports-collections p { margin-bottom: 0; }
.reports-payment { display: flex; gap: 2rem; align-items: center; flex-wrap: wrap; }
.reports-payment span { color: #52677c; font-size: .85rem; }
.reports-payment strong { display: block; color: #173e65; font-size: 1.2rem; margin-top: .5rem; }
.reports-totals { overflow-x: auto; }
.reports-totals[open] summary { margin-bottom: 1.5rem; }
.reports-workspace table { width: 100%; border-collapse: collapse; font-size: .85rem; }
.reports-workspace th { text-align: left; color: #52677c; font-size: .75rem; background: #f4f7fa; }
.reports-workspace td, .reports-workspace th { padding: .9rem .7rem; border-bottom: 1px solid #e2e9f0; vertical-align: top; }
.reports-table-scroll { overflow-x: auto; }
.reports-table-scroll table { min-width: 68rem; table-layout: fixed; }
.reports-table-scroll th:first-child { width: 13rem; }
.reports-table-scroll th:nth-child(4) { width: 12rem; }
.reports-table-scroll th:nth-child(7), .reports-table-scroll th:nth-child(8) { width: 9rem; }
.reports-table-scroll td:first-child { font-family: ui-monospace,monospace; font-size: .75rem; line-height: 1.7; }
.reports-table-scroll tbody tr:hover { background: #f8fbff; }
.reports-status { display: inline-block; font-weight: 600; }
.reports-count { background: #edf1f6; border-radius: 1rem; font-size: .8rem; padding: .2rem .6rem; margin-left: .4rem; }
.reports-empty { text-align: center; padding: 2rem 1rem; background: #f5f8fb; border-radius: .6rem; }
.reports-empty h3 { font-size: 1.1rem; }
.reports-workspace :focus-visible { outline: 3px solid #c26900; outline-offset: 3px; }
@media(max-width: 750px) {
 .reports-heading, .reports-section-heading { align-items: flex-start; flex-direction: column; gap: 1rem; }
 .reports-filters, .reports-date-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .reports-collections { grid-template-columns: 1fr; gap: 1rem; }
}
@media(max-width: 480px) {
 main:has(.reports-workspace) { margin: 1.5rem auto; padding: 0 1rem; }
 .reports-panel { padding: 1rem; }
 .reports-filters, .reports-date-grid { grid-template-columns: 1fr; }
 .reports-metrics { gap: .5rem; }
 .reports-metrics > div { padding: .8rem .5rem; }
 .reports-metrics strong { font-size: 1.65rem; }
 .reports-metrics small { font-size: .75rem; }
}
.reports-heading { background: transparent; color: #15283f; padding: 0; }
.reports-totals table { min-width: 34rem; }
.orders-metrics { margin-bottom: 1.5rem; }
.orders-metrics .orders-money { font-size: clamp(1.15rem,2vw,1.8rem); }
.orders-table { table-layout: fixed; }
.orders-table th:first-child { width: 30%; }
.orders-table th:nth-child(2) { width: 22%; }
.orders-table td > span, .orders-table time span { display: block; margin-top: .4rem; }
.orders-table td > strong { display: block; }
.orders-reference { display: block; font-family: ui-monospace,monospace; font-size: .75rem; margin-top: .8rem; line-height: 1.6; }
.orders-ticket-link { display: inline-block; padding: .55rem .75rem; background: #e8f1fc; border: 1px solid #b8cfe6; border-radius: .45rem; color: #174d86; font-weight: 650; text-decoration: none; }
.orders-ticket-link:hover { background: #d5e7fa; }
.orders-active { color: #17613f; }
@media(max-width: 750px) {
 .orders-table, .orders-table tbody { display: block; }
 .orders-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
 .orders-table tr { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); border: 1px solid #d8e2ed; border-radius: .7rem; margin-top: 1rem; padding: .5rem; gap: .5rem; }
 .orders-table td { display: block; border: 0; padding: .6rem; }
 .orders-table td:first-child { grid-column: 1 / -1; border-bottom: 1px solid #e2e9f0; padding-bottom: 1rem; }
 .orders-metrics { grid-template-columns: 1fr; }
}
.sale-reference { font-family: ui-monospace,monospace; font-size: .85rem; overflow-wrap: anywhere; }
.sale-metrics { margin-bottom: 1.5rem; }
.sale-metrics .sale-total { font-size: clamp(1.2rem,2vw,1.8rem); }
.sale-layout { display: grid; grid-template-columns: minmax(0,1.8fr) minmax(0,1fr); gap: 1.5rem; }
.sale-main, .sale-sidebar { min-width: 0; }
.sale-panel-heading, .sale-ticket-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; }
.sale-panel-heading a { font-size: .85rem; }
.sale-facts { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.3rem; margin-bottom: 0; }
.sale-facts dt, .sale-billing dt { color: #52677c; font-size: .8rem; margin-bottom: .4rem; }
.sale-facts dd, .sale-billing dd { margin: 0; font-size: .95rem; }
.sale-facts dd span { display: block; color: #52677c; font-size: .85rem; margin-top: .3rem; }
.sale-ticket h2 { font-family: ui-monospace,monospace; font-size: .95rem; line-height: 1.6; overflow-wrap: anywhere; }
.sale-ticket-heading > div { min-width: 0; }
.sale-badge { border-radius: 1rem; padding: .3rem .65rem; font-size: .8rem; white-space: nowrap; }
.sale-badge-active { color: #165638; background: #e0f1e8; }
.sale-badge-cancelled { color: #90302a; background: #fce9e8; }
.sale-cancel-form { border-top: 1px solid #e2e9f0; margin-top: 1.2rem; padding-top: 1rem; }
.sale-cancel-form summary { color: #90302a; font-size: .85rem; }
.sale-cancel-form button { margin-top: .8rem; }
.sale-danger { background: #92352d; }
.sale-cancellation { background: #fff3f1; padding: 1rem; border-radius: .5rem; font-size: .85rem; margin: .5rem 0 1rem; }
.sale-cancellation p { margin-bottom: 0; white-space: pre-wrap; }
.sale-feedback { background: #e0f1e8; color: #165638; padding: 1rem; border: 1px solid #bddccb; border-radius: .5rem; }
.sale-email-address { font-weight: 650; font-size: .9rem; }
.sale-deliveries { border-top: 1px solid #e2e9f0; padding-top: 1rem; margin-top: 1rem; font-size: .85rem; }
.sale-delivery, .sale-correction { padding: 1rem 0; border-bottom: 1px solid #e2e9f0; }
.sale-delivery p { margin: .4rem 0; color: #52677c; }
.sale-delivery small { color: #52677c; }
.sale-billing > div { display: flex; justify-content: space-between; gap: 1rem; padding: .6rem 0; }
.sale-document-actions { display: flex; flex-direction: column; gap: .7rem; }
.sale-document-actions button { width: 100%; white-space: normal; }
@media(max-width: 850px) { .sale-layout { grid-template-columns: 1fr; } .sale-sidebar { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; } }
@media(max-width: 550px) { .sale-sidebar, .sale-facts, .sale-metrics { grid-template-columns: 1fr; } .sale-panel-heading { flex-wrap: wrap; } .sale-ticket-heading { flex-direction: column; margin-bottom: 1rem; } }
.agent-shortcuts { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; margin: 1.5rem 0; }
.agent-allocation-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
.agent-allocation { margin: 0; }
.agent-allocation h3 { font-size: 1.3rem; }
.agent-stock { display: flex; gap: 2rem; flex-wrap: wrap; padding: 1rem 0; margin-bottom: 1rem; }
.agent-stock strong { display: block; font-size: 1.45rem; color: #173e65; }
.agent-stock span { display: block; font-size: .8rem; color: #52677c; margin-top: .3rem; }
.agent-allocation .inventory-button { display: block; text-align: center; }
.issue-layout { display: grid; grid-template-columns: minmax(0,1.8fr) minmax(0,1fr); gap: 1.5rem; align-items: start; }
.issue-form { min-width: 0; }
.issue-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
.issue-fields > div:last-child { grid-column: 1 / -1; }
.issue-fields textarea { box-sizing: border-box; max-width: 100%; border: 1px solid #a7b9cb; border-radius: .4rem; margin: 0; }
.issue-step { display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: #e8f1fc; color: #174d86; width: 1.8rem; height: 1.8rem; font-size: .85rem; margin-right: .4rem; }
.issue-summary { position: sticky; top: 1rem; background: #eef4fa; }
.issue-summary h2 { line-height: 1.5; }
.issue-price { font-size: 1.5rem; font-weight: 650; }
.issue-price span { display: block; font-size: .8rem; font-weight: 400; color: #52677c; margin-top: .3rem; }
.issue-confirm > p { font-size: .9rem; line-height: 1.6; }
.issue-confirm button { width: 100%; }
.issue-confirm .reports-note { margin-top: 1rem; margin-bottom: 0; }
@media(max-width: 750px) { .issue-layout { grid-template-columns: 1fr; } .issue-summary { position: static; grid-row: 1; } .agent-allocation-grid { grid-template-columns: 1fr; } }
@media(max-width: 480px) { .issue-fields { grid-template-columns: 1fr; } }
.agents-metrics { margin-bottom: 1.5rem; }
.agents-guidance { background: #eef4fa; }
.agents-guidance p, .agents-guidance li { font-size: .9rem; line-height: 1.7; color: #52677c; }
.agents-guidance li { margin-bottom: .8rem; }
.agents-row { display: grid; grid-template-columns: minmax(0,1fr) auto auto; align-items: center; gap: 1.5rem; border-top: 1px solid #e2e9f0; padding: 1.2rem 0; }
.agents-row:last-child { padding-bottom: 0; }
.agents-row h3 { font-size: 1rem; margin: 0 0 .5rem; }
.agents-row h3 a { color: #174d86; }
.agents-row p { margin: 0; font-size: .9rem; color: #52677c; }
.agents-fields { display: grid; gap: 1.2rem; }
.agents-workspace .password-field { margin: 0; }
.agents-workspace .password-field input { flex: 1 1 12rem; }
.agents-workspace .agents-active { display: flex; align-items: center; gap: .7rem; margin-top: 1.4rem; }
.agents-workspace .agents-active input { width: 1.2rem; height: 1.2rem; }
.agents-workspace aside .reports-secondary { white-space: normal; }
@media(max-width: 550px) { .agents-row { grid-template-columns: minmax(0,1fr) auto; gap: 1rem; } .agents-row > a { grid-column: 1 / -1; text-align: center; } }
.access-layout { display: grid; grid-template-columns: minmax(0,1.6fr) minmax(0,1fr); gap: 1.5rem; align-items: start; }
.access-layout > * { min-width: 0; }
.access-fields { display: grid; gap: 1.2rem; margin-top: 1.3rem; }
.access-workspace .password-field { margin: 0; }
.access-workspace .password-field input { flex: 1 1 12rem; }
.access-workspace .password-toggle { flex-shrink: 0; }
.access-impact { background: #eef4fa; border-radius: .5rem; padding: 1rem; margin: 1.2rem 0; font-size: .85rem; }
.access-impact ul { margin: .6rem 0 0; padding-left: 1.3rem; color: #52677c; line-height: 1.8; }
.access-recovery { border-top: 1px solid #e2e9f0; padding-top: 1rem; font-size: .9rem; }
.access-recovery summary { color: #90302a; }
@media(max-width: 750px) { .access-layout { grid-template-columns: 1fr; } }
.billing-layout { display: grid; grid-template-columns: minmax(0,1.8fr) minmax(0,1fr); gap: 1.5rem; align-items: start; }
.billing-form, .billing-sidebar { min-width: 0; }
.billing-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.2rem; }
.billing-fields > div:has(textarea), .billing-fields > div:has(#Input_LegalName), .billing-fields > div:has(#Input_DocumentType), .billing-fields > div:has(#Input_Pricing) { grid-column: 1 / -1; }
.billing-fields textarea { box-sizing: border-box; max-width: 100%; border: 1px solid #a7b9cb; border-radius: .4rem; margin: 0; }
.billing-explanation { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; background: #eef4fa; padding: 1rem; border-radius: .5rem; margin-top: 1.5rem; font-size: .85rem; }
.billing-explanation p { color: #52677c; line-height: 1.7; margin: .5rem 0 0; }
.billing-components { font-size: .85rem; margin: 0; }
.billing-components dt { margin-top: 1rem; }
.billing-components dd { color: #52677c; line-height: 1.7; margin: .4rem 0 0; }
@media(max-width: 850px) { .billing-layout { grid-template-columns: 1fr; } .billing-sidebar { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; } }
@media(max-width: 550px) { .billing-fields, .billing-sidebar, .billing-explanation { grid-template-columns: 1fr; } }
.organizers-row { display: grid; grid-template-columns: minmax(0,1fr) auto auto; align-items: center; gap: 1.5rem; border-top: 1px solid #e2e9f0; padding: 1.2rem 0; }
.organizers-row h3 { font-size: 1.1rem; margin: 0 0 .5rem; }
.organizers-row p, .organizers-agent-row p { margin: 0; font-size: .85rem; color: #52677c; }
.organizers-status { display: flex; flex-wrap: wrap; gap: .5rem; }
.organizers-detail-status { margin-bottom: 1.5rem; }
.organizers-workspace .organizers-active { display: flex; align-items: center; gap: .7rem; margin-top: 1.4rem; }
.organizers-workspace .organizers-active input { width: 1.2rem; height: 1.2rem; }
.organizers-workspace .password-field input { flex: 1 1 12rem; }
.organizers-admin-name { font-weight: 650; }
.organizers-reset { margin: 1rem 0 0; font-size: .85rem; }
.organizers-agent-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; border-top: 1px solid #e2e9f0; padding: 1rem 0; }
.organizers-agent-row > div { min-width: 0; }
.organizers-agent-row p { margin-top: .4rem; }
@media(max-width: 750px) { .organizers-row { grid-template-columns: 1fr; gap: 1rem; } .organizers-row > a { text-align: center; } }
.venue-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; }
.venue-card { padding: 1.3rem; border: 1px solid #d8e2ed; border-radius: .7rem; display: flex; flex-direction: column; align-items: flex-start; }
.venue-city { display: inline-block; border-radius: 1rem; padding: .25rem .6rem; background: #eaf2fb; color: #375d86; font-size: .75rem; }
.venue-card h3 { font-size: 1.15rem; margin: 1rem 0 .7rem; }
.venue-card p { color: #52677c; font-size: .9rem; line-height: 1.6; flex: 1; }
.venue-card > a { margin-top: .5rem; }
.venues-workspace textarea { box-sizing: border-box; border: 1px solid #a7b9cb; border-radius: .4rem; max-width: 100%; margin: 0; }
@media(max-width: 900px) { .venue-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width: 550px) { .venue-grid { grid-template-columns: 1fr; } }
.config-layout { display: grid; grid-template-columns: minmax(0,1.9fr) minmax(0,1fr); gap: 1.5rem; align-items: start; }
.config-layout > form, .config-layout > aside { min-width: 0; }
.config-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.2rem; }
.config-wide { grid-column: 1 / -1; }
.config-workspace textarea { box-sizing: border-box; max-width: 100%; margin: 0; border: 1px solid #a7b9cb; border-radius: .4rem; }
.config-workspace .config-checkbox, .config-checks label { display: flex; align-items: center; gap: .7rem; margin: 1.2rem 0; }
.config-workspace input[type=checkbox] { width: 1.2rem; height: 1.2rem; margin: 0; flex-shrink: 0; }
.config-payments { margin-top: 1.5rem; }
.config-payments legend { font-size: 1rem; font-weight: 650; }
.config-checks { display: flex; gap: 2rem; }
.config-checks label { margin: .5rem 0; }
.config-zone { background: #eef4fa; border-radius: .5rem; padding: .8rem; font-size: .9rem; }
.config-save .reports-note { margin: 1rem 0 0; }
@media(max-width: 850px) { .config-layout { grid-template-columns: 1fr; } }
@media(max-width: 550px) { .config-fields { grid-template-columns: 1fr; } .config-save button { width: 100%; } }
.templates-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
.template-card { margin: 0; }
.template-card > p:not(.home-eyebrow) { color: #52677c; font-size: .9rem; }
.template-actions { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; margin-top: 1rem; font-size: .9rem; }
.template-versions { border-top: 1px solid #e2e9f0; padding-top: 1rem; margin-top: 1.3rem; font-size: .85rem; }
.template-versions ul { list-style: none; padding: 0; margin: .7rem 0 0; }
.template-versions li { display: flex; justify-content: space-between; gap: 1rem; padding: .6rem 0; }
.template-versions span { color: #52677c; }
.templates-workspace textarea { box-sizing: border-box; max-width: 100%; margin: 0; border: 1px solid #a7b9cb; border-radius: .4rem; }
.templates-workspace .ticket-preview { margin: 1rem 0; }
@media(max-width: 650px) { .templates-grid { grid-template-columns: 1fr; } }
.audit-filters { display: grid; grid-template-columns: 1fr 2fr; gap: 1rem; }
.audit-table { table-layout: fixed; }
.audit-id { font-family: ui-monospace,monospace; font-size: .8rem; }
.audit-action { font-weight: 650; color: #234f7b; }
.delivery-heading { display: flex; justify-content: space-between; align-items: center; gap: .7rem; }
.delivery-heading > span { color: #52677c; font-size: .8rem; }
.sale-delivery .delivery-guidance { padding: .7rem; background: #eef4fa; border-radius: .4rem; line-height: 1.6; }
.delivery-times { margin: .8rem 0; font-size: .8rem; }
.delivery-times > div { margin-top: .7rem; }
.delivery-times dt { color: #52677c; font-weight: 500; }
.delivery-times dd { margin: .2rem 0 0; }
.delivery-refresh { display: inline-block; margin-top: 1rem; }
@media(max-width: 650px) {
 .audit-filters { grid-template-columns: 1fr; }
 .audit-table, .audit-table tbody { display: block; }
 .audit-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
 .audit-table tr { display: block; border: 1px solid #d8e2ed; border-radius: .6rem; padding: .6rem; margin-top: 1rem; }
 .audit-workspace .audit-table td { display: block; border: 0; padding: .5rem; }
 .audit-table td::before { content: attr(data-label); display: block; font-family: system-ui,sans-serif; font-size: .75rem; color: #52677c; margin-bottom: .3rem; }
}
.auth-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: center; max-width: 66rem; margin: 2rem auto; }
.auth-introduction { padding: 1.5rem; }
.auth-introduction h2 { font-size: clamp(1.8rem,3vw,2.5rem); letter-spacing: -.03em; line-height: 1.25; }
.auth-introduction > p:not(.home-eyebrow) { color: #52677c; line-height: 1.8; }
.auth-note { margin-top: 2rem; border-left: 3px solid #adc8e2; padding-left: 1rem; color: #52677c; font-size: .9rem; line-height: 1.7; }
.auth-form-panel h1, .auth-single h1 { font-size: 1.9rem; }
.auth-submit { width: 100%; margin-top: 1.3rem !important; }
.auth-help { border-top: 1px solid #e2e9f0; margin-top: 1.5rem; padding-top: 1rem; font-size: .85rem; }
.auth-help p { margin: 1rem 0 0; }
.auth-workspace .password-field { margin: 0; }
.auth-workspace .password-field input { flex: 1 1 12rem; }
.auth-single { max-width: 32rem; margin: 2rem auto; }
.auth-workspace .auth-checkbox { display: flex; gap: .7rem; align-items: center; margin-top: 1.2rem; }
.auth-workspace input[type=checkbox] { width: 1.2rem; height: 1.2rem; margin: 0; flex-shrink: 0; }
.auth-setup-steps { padding-left: 1.3rem; line-height: 1.8; font-size: .9rem; }
.auth-setup-steps li { margin-bottom: 1rem; }
.auth-secret { padding: 1rem; background: #eef4fa; border: 1px solid #cadbec; border-radius: .4rem; overflow-wrap: anywhere; margin: .8rem 0; }
.auth-recovery-codes { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .7rem; padding-left: 1.2rem; margin: 1.5rem 0; }
.contact-workspace textarea { box-sizing: border-box; max-width: 100%; margin: 0; border: 1px solid #a7b9cb; border-radius: .4rem; }
@media(max-width: 750px) { .auth-layout { grid-template-columns: 1fr; gap: 1rem; margin: 0; } .auth-introduction { padding: 0; } .auth-note { margin-top: 1rem; } }
.skip-link { position: fixed; top: .5rem; left: .5rem; transform: translateY(-200%); z-index: 1000; background: white; color: #174d86; padding: .8rem 1rem; border: 2px solid #174d86; border-radius: .4rem; }
.skip-link:focus { transform: translateY(0); }
.utility-panel { max-width: 40rem; margin: 2rem auto; }
.utility-panel h1 { font-size: 2rem; }
.utility-panel > p:not(.home-eyebrow) { line-height: 1.7; }
.utility-panel > a { margin-top: .7rem; }