.hqProgress{height:8px;border-radius:999px;background:#e9edf0;overflow:hidden;margin:14px 0}.hqProgress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--gold),#e79532)}.hqCardTop,.hqCardActions,.hqActions{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.hqCardActions{justify-content:flex-start;margin-top:16px}.hqEventCard h3,.hqAreaCard h3,.hqShiftCard h3{font-size:22px;margin:15px 0 5px}.hqWarning,.hqGood{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:900}.hqWarning{background:#fff0e6;color:#9b461f}.hqGood{background:#e9f8ef;color:#23663d}.hqStatus{text-transform:capitalize}.hq-completed{background:#e9f8ef;color:#23663d}.hq-blocked,.hq-cancelled{background:#fff0f0;color:#8c3939}.hq-live{background:#eaf3ff;color:#245a8d}.hqBack{align-self:flex-start;margin-left:-8px}.hqEventHero{display:grid;grid-template-columns:1fr minmax(180px,280px);align-items:end;gap:25px}.hqEventHero h2{margin:18px 0 8px}.hqHeroProgress{text-align:right}.hqHeroProgress strong,.hqHeroProgress span{display:block}.hqHeroProgress strong{font-size:46px}.hqHeroProgress .hqProgress{background:rgba(255,255,255,.2)}.hqAlertBar{display:flex;flex-wrap:wrap;align-items:center;gap:9px;padding:13px 16px;border:1px solid #f0c8ad;border-radius:14px;background:#fff7f1;color:#7e3b1e}.hqAlertBar span{padding:5px 8px;border-radius:999px;background:#fff}.hqTabs{display:flex;gap:7px;overflow:auto;border-bottom:1px solid var(--line);padding:0 2px}.hqTabs button{border:0;border-radius:11px 11px 0 0;background:transparent;color:var(--muted);font-weight:850;padding:12px 16px;white-space:nowrap}.hqTabs button.active{background:#fff;color:var(--ink);box-shadow:inset 0 -3px var(--gold)}.hqMetricGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.hqMetricGrid article{display:flex;flex-direction:column}.hqMetricGrid strong{font-size:34px}.hqMetricGrid span{color:var(--muted);font-size:12px}.hqAlertList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:16px}.hqAlertList button{border:1px solid var(--line);border-radius:12px;background:#fff;text-align:left;padding:12px}.hqAlertList strong,.hqAlertList span{display:block}.hqAlertList span{margin-top:3px;color:var(--muted);font-size:12px}.hqAreaPreview{margin-top:14px}.hqAreaBlock{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);gap:14px}.hqAreaDetails{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px}.hqAreaDetails h3{margin-top:0}.hqLineItem,.hqRotaRow{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 0;border-top:1px solid var(--line)}.hqLineItem small,.hqRotaRow small,.hqTimelineItem small,.hqMemberChecks small{display:block;color:var(--muted);margin-top:4px}.hqTimeline{padding-top:8px}.hqTimelineItem{display:grid;grid-template-columns:100px 18px 1fr;gap:12px;min-height:90px}.hqTimelineItem time{text-align:right;font-weight:900}.hqTimelineDot{position:relative;width:12px;height:12px;border-radius:50%;margin-top:5px;background:var(--gold);box-shadow:0 0 0 4px var(--goldsoft)}.hqTimelineDot:after{content:"";position:absolute;top:16px;bottom:-73px;left:5px;width:2px;background:var(--line)}.hqTimelineItem:last-child .hqTimelineDot:after{display:none}.hqTimelineItem strong{display:block;font-size:17px;margin-top:8px}.hqRotaGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.hqShiftCard.needsCover{border-color:#efc2a5;box-shadow:0 10px 30px rgba(143,70,26,.08)}.hqPeople{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}.hqPeople span{border:1px solid var(--line);border-radius:999px;padding:6px 9px;font-size:11px;background:#fafbfc}.hqMyRota{margin:18px 0}.hqRotaRow>div:first-child{min-width:0}.hqRotaRow .hqActions{justify-content:flex-end}.hqCheckbox{display:grid!important;grid-template-columns:auto 1fr!important;align-items:center;justify-content:start}.hqCheckbox input{width:18px;height:18px}.hqMemberChecks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:380px;overflow:auto}.hqMemberChecks label{display:grid!important;grid-template-columns:auto 1fr!important;align-items:center!important;border:1px solid var(--line);border-radius:12px;padding:10px!important}.hqMemberChecks input{width:18px;height:18px}@media(max-width:950px){.hqMetricGrid{grid-template-columns:repeat(2,1fr)}.hqAreaBlock{grid-template-columns:1fr}.hqRotaGrid{grid-template-columns:1fr}}@media(max-width:700px){.hqEventHero{grid-template-columns:1fr}.hqHeroProgress{text-align:left}.hqAlertList,.hqMemberChecks{grid-template-columns:1fr}.hqLineItem,.hqRotaRow{align-items:flex-start;flex-direction:column}.hqRotaRow .hqActions{justify-content:flex-start}.hqTimelineItem{grid-template-columns:75px 14px 1fr}.hqMetricGrid{grid-template-columns:repeat(2,1fr)}}