/* Guardian event registration — scoped to the parent app's dark command shell. */
#nav{grid-template-columns:repeat(5,minmax(0,1fr))!important}
#nav button[data-view="events"]::before{content:"★"}

.guardian-event-heading{align-items:flex-start!important;margin-bottom:16px!important}
.guardian-event-heading .feature-icon{display:grid!important;place-items:center!important;width:50px!important;height:50px!important;border-radius:18px!important;font-size:1.45rem!important;font-weight:900!important}
.guardian-event-heading h2{margin:0!important}
.guardian-event-heading p{margin:5px 0 0!important}

.guardian-event-state,.guardian-event-notice,.guardian-event-preview{margin:0 0 14px;padding:15px 16px;border-width:1px;border-style:solid;border-radius:15px;line-height:1.55}
.guardian-event-state b{display:block;margin-bottom:10px}
.guardian-event-state button{width:100%;min-height:46px;margin-top:11px}
.guardian-event-state.checking,.guardian-event-state.loading{}
.guardian-event-state.error{}
.guardian-event-state.missing{}
.guardian-event-notice{font-weight:850}
.guardian-event-preview h2{margin:0 0 7px}
.guardian-event-preview p{margin:0!important}

.guardian-event-list{display:grid;gap:14px}
.guardian-event-card{scroll-margin:96px;padding:18px;border-width:1px;border-style:solid;border-left-width:5px;border-left-style:solid;border-radius:19px}
.guardian-event-card.status-closed,.guardian-event-card.status-archived{}
.guardian-event-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.guardian-event-card>header>div{min-width:0}
.guardian-event-card h3{margin:8px 0 5px;font-size:1.18rem;letter-spacing:-.025em;overflow-wrap:anywhere}
.guardian-event-card>header p{margin:0!important;font-size:.8rem}
.guardian-event-status,.guardian-event-child{display:inline-flex;align-items:center;width:max-content;max-width:100%;min-height:28px;padding:5px 9px;border-width:1px;border-style:solid;border-radius:999px;font-size:.73rem;font-weight:850}
.guardian-event-status.open{}
.guardian-event-status.closed,.guardian-event-status.archived{}
.guardian-event-child{flex:0 0 auto;white-space:nowrap}
.guardian-event-body{margin:16px 0!important;line-height:1.68!important;white-space:pre-wrap;overflow-wrap:anywhere}

.guardian-event-payment{display:grid;gap:8px;margin:14px 0;padding:15px;border-width:1px;border-style:solid;border-radius:15px}
.guardian-event-payment>b{font-size:.75rem;letter-spacing:.04em}
.guardian-event-payment>strong{font-size:1.15rem}
.guardian-event-payment dl{display:grid;gap:6px;margin:2px 0}
.guardian-event-payment dl>div{display:grid;grid-template-columns:70px minmax(0,1fr);gap:9px;padding-top:6px;border-top-width:1px;border-top-style:solid}
.guardian-event-payment dt{font-size:.75rem}
.guardian-event-payment dd{margin:0;overflow-wrap:anywhere}
.guardian-event-payment .account-number{font-variant-numeric:tabular-nums;letter-spacing:.025em}
.guardian-event-payment small{line-height:1.55}
.guardian-event-payment.not-required{grid-template-columns:auto 1fr;align-items:center}
.guardian-event-payment.not-required>b{}
.guardian-event-payment.not-required>strong{font-size:.95rem}

.guardian-event-application{margin-top:14px;padding:15px;border-width:1px;border-style:solid;border-radius:15px}
.guardian-event-application>header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.guardian-event-application>header span{font-size:.75rem;font-weight:800}
.guardian-event-application>header strong{text-align:right}
.guardian-event-application.confirmed>header strong{}
.guardian-event-application.cancelled>header strong{}
.guardian-event-application-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}
.guardian-event-application-meta span{padding:5px 8px;border-radius:999px;font-size:.7rem;font-weight:800}
.guardian-event-application-meta .payment.unpaid{}
.guardian-event-application-meta .payment.reported{}
.guardian-event-application-meta .payment.confirmed,.guardian-event-application-meta .registration.confirmed{}
.guardian-event-application-meta .registration.cancelled{}
.guardian-event-note,.guardian-event-waiting,.guardian-event-owner-warning,.guardian-event-closed-message{margin:11px 0 0!important;padding:10px 12px;border-radius:11px;line-height:1.55!important}
.guardian-event-owner-warning{border-left-width:4px;border-left-style:solid}
.guardian-event-closed-message{border-left-width:4px;border-left-style:solid}
.guardian-event-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px}
.guardian-event-actions button{min-height:48px}
.guardian-event-actions .primary,.guardian-event-apply .primary{}
.guardian-event-actions .danger{}

.guardian-event-apply{margin-top:14px;padding:15px;border-width:1px;border-style:solid;border-radius:15px}
.guardian-event-apply label{display:grid;gap:7px;font-size:.78rem;font-weight:850}
.guardian-event-apply label small{font-weight:700}
.guardian-event-apply textarea{width:100%;min-height:82px;padding:12px;border-width:1px;border-style:solid;border-radius:11px;font:inherit;line-height:1.55;resize:vertical}
.guardian-event-apply textarea:focus{outline-width:3px;outline-style:solid}
.guardian-event-apply button{width:100%;min-height:50px;margin-top:11px}
.guardian-event-card [data-event-result]{min-height:0;margin:9px 0 0!important;font-size:.78rem}
.guardian-event-card[data-update-saving] {opacity:.78}
.guardian-event-card[data-update-saving] button{cursor:wait}
.guardian-event-card.deep-linked{outline-width:3px;outline-style:solid}

.guardian-event-card button:focus-visible,.guardian-event-state button:focus-visible,.guardian-event-apply textarea:focus-visible{outline-width:3px!important;outline-style:solid!important;outline-offset:3px!important}

@media(max-width:560px){
  #nav button{font-size:8px!important}
  .guardian-event-card{padding:15px}
  .guardian-event-card>header{display:grid}
  .guardian-event-child{justify-self:start}
  .guardian-event-actions{grid-template-columns:1fr}
  .guardian-event-payment dl>div{grid-template-columns:62px minmax(0,1fr)}
}

@media(prefers-reduced-motion:no-preference){.guardian-event-card.deep-linked{animation:guardian-event-focus .45s ease-out}}
@media(prefers-reduced-motion:reduce){.guardian-event-card{scroll-behavior:auto}}
@keyframes guardian-event-focus{from{transform:translateY(8px);opacity:.72}to{transform:translateY(0);opacity:1}}
