/* Release 360 · compact premium gig-finder command bar. */

.guide-61-page { font-family: "DM Sans", Arial, sans-serif; }

.event-finder { padding-top: 38px !important; }
.event-finder > .section-shell { max-width: 1420px; }

.finder-61-head {
  margin: 0 0 14px !important;
  display: block !important;
}

.finder-61-head > div { max-width: 760px; }
.finder-61-head h2 {
  margin: 5px 0 7px !important;
  font-size: clamp(42px, 5vw, 72px) !important;
  line-height: .86 !important;
  letter-spacing: -.035em !important;
}

.finder-61-head p {
  max-width: 620px;
  margin: 0;
  color: rgba(255,255,255,.68);
  font-size: 12px;
  line-height: 1.5;
}

.finder-command-copy,
.finder-route-steps,
.market-profile,
.market-network-stats,
.finder-live-command,
.finder-search-assurance,
.market-rate-note,
.devon-pilot-network,
.global-discovery-engine { display: none !important; }

.finder-61 {
  margin: 0 !important;
  padding: 15px !important;
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  gap: 10px !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  border-radius: 19px !important;
  background:
    radial-gradient(circle at 8% 0, rgba(241,38,60,.16), transparent 28%),
    linear-gradient(145deg, rgba(20,18,20,.98), rgba(7,7,8,.98)) !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.38), inset 0 1px rgba(255,255,255,.055) !important;
}

.finder-61 label > span,
.finder-quick-launch > span {
  margin-bottom: 5px !important;
  color: rgba(255,255,255,.5) !important;
  font-size: 7px !important;
  font-weight: 900 !important;
  letter-spacing: .15em !important;
  text-transform: uppercase;
}

.finder-61 label input,
.finder-61 label select {
  min-height: 50px !important;
  border-color: rgba(255,255,255,.14) !important;
  border-radius: 11px !important;
  color: #fff !important;
  background-color: rgba(255,255,255,.035) !important;
  font-size: 11px !important;
  font-weight: 750 !important;
}

.finder-location { grid-column: 1 / 8 !important; }
.finder-quick-launch {
  grid-column: 8 / -1 !important;
  min-width: 0;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 6px !important;
  align-self: end;
}
.finder-quick-launch > span { grid-column: 1 / -1; }
.finder-quick-launch button {
  min-width: 0;
  min-height: 50px !important;
  padding: 0 6px !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  border-radius: 11px !important;
  color: rgba(255,255,255,.78) !important;
  background: rgba(255,255,255,.03) !important;
  box-shadow: none !important;
  transform: none !important;
}
.finder-quick-launch button b {
  overflow: hidden;
  font-size: 8px !important;
  letter-spacing: .05em !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.finder-quick-launch button:is(:hover, :focus-visible),
.finder-quick-launch button.is-active {
  border-color: rgba(255,86,101,.8) !important;
  color: #fff !important;
  background: linear-gradient(135deg, rgba(241,38,60,.48), rgba(140,6,20,.36)) !important;
  box-shadow: 0 0 0 3px rgba(241,38,60,.08) !important;
}

.finder-when { grid-column: span 2 !important; }
.finder-date-primary { grid-column: span 2 !important; }
.finder-calendar-button { grid-column: span 2 !important; }
.finder-genre { grid-column: span 2 !important; }
.finder-radius { grid-column: span 2 !important; }
.finder-scene { grid-column: span 2 !important; }

.finder-61 .button,
.finder-61 .near-me-button,
.finder-calendar-button {
  min-height: 52px !important;
  border-radius: 11px !important;
}

.finder-calendar-button {
  align-self: end;
  padding: 7px 12px !important;
  display: grid;
  place-content: center;
  gap: 2px;
  border: 1px solid rgba(255,255,255,.14) !important;
  color: #fff !important;
  background: rgba(255,255,255,.035) !important;
  box-shadow: none !important;
}
.finder-calendar-button::after { display: none !important; }
.finder-calendar-button b { font-size: 8px; letter-spacing: .09em; }
.finder-calendar-button small { color: rgba(255,255,255,.42); font-size: 7px; }
.finder-calendar-button[aria-expanded="true"] {
  border-color: rgba(244,215,134,.62) !important;
  color: #f4d786 !important;
}

.finder-61 .button[data-search-submit] {
  grid-column: 1 / 7 !important;
  min-height: 58px !important;
  border: 1px solid rgba(255,128,140,.72) !important;
  background: radial-gradient(circle at 90% 0, rgba(255,255,255,.25), transparent 30%), linear-gradient(112deg,#f22b43,#8c0718) !important;
  box-shadow: 0 14px 34px rgba(225,25,46,.3), inset 0 1px rgba(255,255,255,.18) !important;
  font-size: 10px !important;
}

.finder-61 .near-me-button {
  grid-column: 7 / -1 !important;
  position: relative;
  overflow: visible !important;
  border: 1px solid rgba(88,255,164,.8) !important;
  color: #f7fff9 !important;
  background: radial-gradient(circle at 88% 0, rgba(255,255,255,.22), transparent 30%), linear-gradient(115deg,#087c43,#10b967) !important;
  box-shadow: 0 12px 32px rgba(12,183,101,.25), 0 0 0 1px rgba(70,255,152,.1) inset !important;
  animation: ll1LocationPulse 2.2s ease-in-out infinite;
}
.finder-61 .near-me-button > i {
  border-color: #fff !important;
  box-shadow: 0 0 0 4px rgba(255,255,255,.12), 0 0 22px rgba(255,255,255,.36) !important;
}
.finder-61 .near-me-button b { font-size: 10px !important; letter-spacing: .08em; }
.finder-61 .near-me-button small { color: rgba(255,255,255,.75) !important; font-size: 7px !important; }

.finder-more {
  grid-column: 1 / -1 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
.finder-more > summary {
  width: max-content;
  min-height: 30px !important;
  padding: 0 4px !important;
  color: rgba(255,255,255,.48) !important;
  font-size: 7px !important;
}

.gig-diary[hidden] { display: none !important; }
.gig-diary:not([hidden]) {
  grid-column: 1 / -1;
  width: min(740px, 100%);
  margin: 2px 0 0 !important;
  padding: 13px !important;
  border: 1px solid rgba(244,215,134,.28) !important;
  border-radius: 15px !important;
  background: linear-gradient(145deg, rgba(22,19,18,.99), rgba(8,8,9,.99)) !important;
  box-shadow: 0 20px 50px rgba(0,0,0,.34) !important;
}
.gig-diary-shell {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: 240px minmax(0, 1fr) !important;
  gap: 9px 14px !important;
}
.gig-diary-head {
  grid-column: 1;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}
.gig-diary-head h2 { font-size: 30px !important; }
.gig-diary-head p { margin-top: 5px !important; font-size: 8px !important; }
.gig-diary-head > button {
  flex: 0 0 auto;
  padding: 6px 7px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 7px;
  color: rgba(255,255,255,.62);
  background: rgba(255,255,255,.03);
  font-size: 7px;
  font-weight: 900;
}
.gig-diary-picker {
  grid-column: 1 !important;
  grid-template-columns: 1fr !important;
  padding: 9px !important;
}
.gig-diary-picker input,
.gig-diary-picker .button { min-height: 40px !important; }
.gig-diary-calendar {
  grid-column: 2 !important;
  grid-row: 1 / span 3 !important;
  border-radius: 11px !important;
}
.gig-diary-calendar > header { min-height: 48px !important; }
.gig-diary-calendar > header b { font-size: 18px !important; }
.gig-calendar-weekdays { padding-top: 7px !important; }
.gig-calendar-days { min-height: 164px !important; padding-bottom: 8px !important; }
.gig-calendar-days button,
.gig-calendar-days i { min-height: 25px !important; }
.gig-diary-calendar > footer {
  min-height: 34px !important;
  overflow: hidden;
}
.gig-diary-calendar > footer b {
  max-width: 58%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.gig-diary-selection {
  grid-column: 1 !important;
  min-height: 40px !important;
  padding: 8px 10px !important;
  display: grid !important;
  gap: 2px !important;
}
.gig-diary-selection b { font-size: 14px !important; }
.gig-diary-selection span { font-size: 7px !important; }

@keyframes ll1LocationPulse {
  0%, 100% { box-shadow: 0 12px 32px rgba(12,183,101,.22), 0 0 0 0 rgba(70,255,152,.26); }
  50% { box-shadow: 0 15px 40px rgba(12,183,101,.34), 0 0 0 6px rgba(70,255,152,0); }
}

@media (max-width: 980px) {
  .finder-location,
  .finder-quick-launch { grid-column: 1 / -1 !important; }
  .finder-when,
  .finder-date-primary,
  .finder-calendar-button,
  .finder-genre,
  .finder-radius,
  .finder-scene { grid-column: span 4 !important; }
}

@media (max-width: 700px) {
  .event-finder { padding-top: 30px !important; }
  .finder-61-head h2 { font-size: clamp(42px, 14vw, 60px) !important; }
  .finder-61 { padding: 11px !important; border-radius: 15px !important; }
  .finder-quick-launch { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  .finder-quick-launch button { min-height: 43px !important; }
  .finder-when,
  .finder-date-primary,
  .finder-calendar-button,
  .finder-genre,
  .finder-radius,
  .finder-scene { grid-column: span 6 !important; }
  .finder-61 .button[data-search-submit],
  .finder-61 .near-me-button { grid-column: 1 / -1 !important; }
  .gig-diary:not([hidden]) { padding: 10px !important; }
  .gig-diary-shell { grid-template-columns: 1fr !important; }
  .gig-diary-head,
  .gig-diary-picker,
  .gig-diary-calendar,
  .gig-diary-selection { grid-column: 1 !important; grid-row: auto !important; }
  .gig-diary-head h2 { font-size: 27px !important; }
}

@media (max-width: 430px) {
  .finder-when,
  .finder-date-primary,
  .finder-calendar-button,
  .finder-genre,
  .finder-radius,
  .finder-scene { grid-column: 1 / -1 !important; }
  .finder-quick-launch { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

@media (prefers-reduced-motion: reduce) {
  .finder-61 .near-me-button { animation: none; }
}