/* Sugarcoat HQ v0.11.11.3.13.7.3 — Bookings visual redesign.
   Presentation only. Builds on the current Home visual system. */

/* ========================
   Bookings control centre
   ======================== */
#booking{--booking-panel:#11131f;--booking-panel-2:#151827;--booking-line:#2a2e42;--booking-muted:#969aab}
#booking>.hero,#booking > .btn.ghost{display:none!important}
.v0111143-booking-head{margin-top:8px;margin-bottom:14px}
.v0111143-booking-head-top{align-items:center!important;gap:20px!important}
.v0111143-booking-head-top h1{font-size:32px!important;letter-spacing:-.045em!important}
.v0111143-booking-head-top .sub{max-width:390px;font-size:13px;line-height:1.45}
.v0111143-booking-actions{justify-content:flex-end;align-items:center}
.v0111143-booking-actions .btn{min-height:42px;font-weight:850}
.v0111143-booking-actions .v01185-add-booking,.v0111143-booking-actions .v0114-euphonix-add{background:linear-gradient(90deg,#f344d7,#8d5cff)!important;border-color:transparent!important;color:#fff!important}
.v0111143-booking-head .v0111-search{height:42px;min-width:300px;background:#10121d;border-color:#303448;box-shadow:inset 0 1px 0 rgba(255,255,255,.015)}
.v0111143-booking-filters{padding:12px 0 5px;gap:8px}
.v0111143-booking-filters .v0111-filter{background:#141725;border-color:#303448;color:#d9dbe5;padding:10px 13px;border-radius:11px}
.v0111143-booking-filters .v0111-filter.active{background:linear-gradient(90deg,#ca37db,#8958ff)!important;color:#fff!important;border-color:#b54be5!important;box-shadow:0 8px 24px rgba(151,64,234,.16)}
.v0111143-booking-filters .v0111-filter span{display:inline-grid;place-items:center;min-width:21px;height:21px;padding:0 6px;margin-left:4px;border-radius:999px;background:rgba(255,255,255,.09);font-size:10px}

.v0111143-booking-list{display:grid;gap:13px}
.v0111143-section{margin:0!important;border:1px solid var(--booking-line)!important;border-radius:16px!important;background:linear-gradient(180deg,rgba(19,21,34,.99),rgba(15,17,28,.99))!important;overflow:hidden!important;box-shadow:0 14px 36px rgba(0,0,0,.10)}
.v0111143-section>.v0111-section-head{padding:14px 16px 13px;border-bottom:1px solid var(--booking-line);background:rgba(255,255,255,.008)}
.v0111143-section>.v0111-section-head h2{margin:0;font-size:17px;letter-spacing:-.02em}
.v0111143-section>.v0111-section-head p{margin:4px 0 0;color:var(--booking-muted);font-size:11px}
.v0111143-section[data-section-tone="attention"]>.v0111-section-head{box-shadow:inset 3px 0 0 #ff536c}
.v0111143-section[data-section-tone="enquiry"]>.v0111-section-head{box-shadow:inset 3px 0 0 #ffbb3e}
.v0111143-section[data-section-tone="upcoming"]>.v0111-section-head{box-shadow:inset 3px 0 0 #54e58b}
.v0111143-section[data-section-tone="later"]>.v0111-section-head{box-shadow:inset 3px 0 0 #4e9eff}
.v0111143-section[data-section-tone="postgig"]>.v0111-section-head{box-shadow:inset 3px 0 0 #ffbb3e}
.v0111143-section .v0111-section-body{padding:0 10px 7px}

.v0111143-row{grid-template-columns:auto minmax(235px,1.5fr) 64px 104px minmax(160px,1fr) minmax(190px,1.2fr) auto!important;gap:13px!important;padding:9px 7px!important;border-top:1px solid var(--booking-line)!important;border-radius:0!important;min-height:64px;transition:background .15s ease,transform .15s ease}
.v0111143-row:first-child{border-top:0!important}
.v0111143-row:hover{background:rgba(255,255,255,.025)!important}
.v0111143-row>.v0111-status-dot{margin-left:3px}
.v0111143-row-client{display:grid!important;grid-template-columns:44px minmax(0,1fr);gap:11px;align-items:center;min-width:0}
.v0111143-client-copy{min-width:0;display:block}
.v0111143-client-copy strong{display:block;font-size:13px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v0111143-client-copy small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v0111143-row-art{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;overflow:hidden;background:#171a29;border:1px solid rgba(255,255,255,.04)}
.v0111143-row-art.visual-wedding{background:radial-gradient(circle at 38% 30%,rgba(240,83,215,.18),transparent 58%),#1a1427}
.v0111143-row-art.visual-party{background:radial-gradient(circle at 38% 30%,rgba(192,88,255,.18),transparent 58%),#181428}
.v0111143-row-art.visual-corporate{background:radial-gradient(circle at 38% 30%,rgba(75,148,255,.18),transparent 58%),#121927}
.v0111143-row-art.visual-public{background:radial-gradient(circle at 38% 30%,rgba(27,210,235,.17),transparent 58%),#111c25}
.v0111143-art-img.row{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.30))}
.v0111143-art-fallback{font-size:20px;color:#b9bcd0}
.v0111143-row-date{display:grid;place-items:center}
.v0111143-date-tile{width:48px;height:49px;border-radius:11px;background:#1b1e2e;border:1px solid #292d41;display:grid;place-items:center;padding:4px}
.v0111143-date-tile strong{font-size:18px;line-height:1}.v0111143-date-tile small{font-size:8px!important;margin:0!important;color:#9da1b2!important;letter-spacing:.08em}
.v0111143-row-type{display:flex;align-items:center}.v0111143-type-badge,.v0111143-event-pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:900;border:1px solid rgba(255,255,255,.07);white-space:nowrap}
.v0111143-type-badge.wedding,.v0111143-event-pill.wedding{background:rgba(231,74,211,.15);color:#ff9fe9;border-color:rgba(231,74,211,.3)}
.v0111143-type-badge.party,.v0111143-event-pill.party{background:rgba(198,78,255,.14);color:#e2a1ff;border-color:rgba(198,78,255,.3)}
.v0111143-type-badge.corporate,.v0111143-event-pill.corporate{background:rgba(75,133,255,.14);color:#a8c6ff;border-color:rgba(75,133,255,.3)}
.v0111143-type-badge.public,.v0111143-event-pill.public{background:rgba(0,200,225,.12);color:#5be8fb;border-color:rgba(0,200,225,.32)}
.v0111143-type-badge.booking,.v0111143-event-pill.booking{background:rgba(141,92,255,.13);color:#cbbaff;border-color:rgba(141,92,255,.28)}
.v0111143-row-venue{font-size:12px;color:#e2e3e9;line-height:1.35}
.v0111143-row-status .v0111-badge{margin-bottom:3px}.v0111143-row-status .v0111-next{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v0111143-row-open .btn{background:#22263a;border:1px solid #30354c;padding:9px 12px;border-radius:10px;font-weight:900}
.v0111143-postgig-row{padding:11px 14px!important}

/* ========================
   Booking detail / overview
   ======================== */
#bookingDetail{--detail-line:#2b2f43;--detail-panel:#121420;--detail-panel-2:#171a28}
#bookingDetail>.v0111143-back{margin:1px 0 11px;padding:8px 10px!important;background:transparent!important;border-color:transparent!important;color:#b8bbca}
#bookingDetail>.v0111143-back:hover{background:#171927!important;border-color:#2b2f43!important;color:#fff}
#bookingDetailContent.v0111143-booking-detail>.hero.v0111143-detail-shell{position:relative;overflow:hidden;border:1px solid #37314b!important;background:linear-gradient(135deg,#181625,#141623)!important;box-shadow:0 18px 44px rgba(0,0,0,.16)}
#bookingDetailContent>.hero.v0111143-detail-shell.visual-wedding{background:radial-gradient(circle at 8% 10%,rgba(239,75,218,.17),transparent 32%),radial-gradient(circle at 72% 0%,rgba(121,71,232,.14),transparent 38%),linear-gradient(135deg,#1a1427,#131622 70%)!important}
#bookingDetailContent>.hero.v0111143-detail-shell.visual-party{background:radial-gradient(circle at 8% 10%,rgba(198,78,255,.18),transparent 32%),radial-gradient(circle at 72% 0%,rgba(111,69,228,.14),transparent 38%),linear-gradient(135deg,#181426,#131622 70%)!important}
#bookingDetailContent>.hero.v0111143-detail-shell.visual-corporate{background:radial-gradient(circle at 8% 10%,rgba(72,132,255,.18),transparent 32%),radial-gradient(circle at 72% 0%,rgba(106,78,239,.12),transparent 38%),linear-gradient(135deg,#121927,#131622 70%)!important}
#bookingDetailContent>.hero.v0111143-detail-shell.visual-public{background:radial-gradient(circle at 8% 10%,rgba(0,202,228,.16),transparent 32%),radial-gradient(circle at 72% 0%,rgba(97,75,223,.12),transparent 38%),linear-gradient(135deg,#101b25,#131622 70%)!important}
.v0111143-detail-hero{grid-template-columns:174px minmax(0,1fr) minmax(285px,.42fr)!important;align-items:stretch}
.v0111143-detail-art{display:grid;place-items:center;padding:17px 8px 12px 18px;position:relative;overflow:hidden}
.v0111143-detail-art::after{content:'';position:absolute;inset:16px;border-radius:18px;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.08),transparent 58%);pointer-events:none}
.v0111143-art-img.detail{width:148px;height:132px;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(0,0,0,.32));position:relative;z-index:1}
.v0111143-detail-main{padding:20px 14px 20px 10px!important;align-self:center}
.v0111143-detail-main>.row:first-child{align-items:center!important;justify-content:flex-start!important;gap:8px}
.v0111143-detail-main>.row:first-child>div:first-child{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.v0111143-detail-main>.row:first-child>.v0111-booking-actions{margin-left:auto}
.v0111143-detail-main h1{font-size:31px!important;margin:7px 0 5px!important}
.v0111143-detail-main .meta-line{font-size:12px!important;color:#d7d9e4!important;margin:8px 0!important}
.v0111143-detail-main .client-line{font-size:11px!important;margin-top:12px!important;gap:13px!important}
.v0111143-detail-next{background:linear-gradient(145deg,rgba(77,53,17,.43),rgba(40,29,18,.26))!important;border-left:1px solid rgba(255,190,72,.20)!important;padding:20px!important;display:flex;flex-direction:column;justify-content:center}
.v0111143-detail-next .eyebrow{color:#d6c49c}.v0111143-detail-next h3{font-size:16px!important}.v0111143-detail-next p{font-size:11px!important;line-height:1.45!important}
.v0111143-stage{margin:0 20px 4px!important;padding-bottom:14px!important}
.v0111143-tabs{margin-top:11px!important;border:1px solid #292d40!important;background:#0f111a!important;box-shadow:0 8px 28px rgba(0,0,0,.08)}
.v0111143-tabs .booking-tab{font-weight:850;color:#a9acbb}
.v0111143-tabs .booking-tab.active{background:linear-gradient(90deg,#f344d7,#8d5cff)!important;color:#fff!important;box-shadow:0 7px 18px rgba(173,63,235,.13)}
.booking-tab-panel[data-panel="overview"].active{gap:13px!important}
.v0111143-overview-card{background:linear-gradient(180deg,#131522,#10131e)!important;border-color:#2b2f43!important;border-radius:16px!important;padding:16px!important;box-shadow:0 12px 32px rgba(0,0,0,.08)}
.v0111143-overview-card>h3{display:flex;align-items:center;gap:9px;font-size:15px!important;margin-bottom:13px!important}.v0111143-overview-card>h3::before{content:'•';width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:13px;font-weight:900;background:#24283d;color:#c6cbde;flex:0 0 auto}.v0111143-overview-card.role-booking>h3::before{content:'▦';background:rgba(158,75,247,.16);color:#cc9eff}.v0111143-overview-card.role-client>h3::before{content:'●';background:rgba(90,119,255,.15);color:#aac1ff}.v0111143-overview-card.role-money>h3::before{content:'£';background:rgba(84,229,139,.13);color:#79eca5}.v0111143-overview-card.role-planning>h3::before{content:'✦';background:rgba(243,68,215,.14);color:#ff98ea}.v0111143-overview-card.role-actions>h3::before{content:'✓';background:rgba(141,92,255,.16);color:#cebaff}.v0111143-overview-card.role-activity>h3::before{content:'◷';background:rgba(255,187,62,.13);color:#ffd170}
.v0111143-overview-card.role-money{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.v0111143-overview-card.role-money>h3{grid-column:1/-1}.v0111143-overview-card.role-money .v0111-mini-status{margin:0!important}
.v0111143-overview-card.role-planning{display:grid;gap:7px}.v0111143-overview-card.role-planning .v0111-mini-status{margin:0!important}
.v0111143-overview-card .v0111-mini-status{background:#171a27!important;border-color:#292d41!important}
.v0111143-overview-card.role-actions{background:linear-gradient(180deg,rgba(25,22,40,.98),rgba(16,18,29,.98))!important;border-color:#34304c!important}
.v0111143-overview-card .v0111-action-line{background:#171a28!important;border:1px solid rgba(255,255,255,.025);padding:10px!important}
.v0111143-overview-card .v0111-action-number{background:linear-gradient(135deg,#c43cdb,#7e5bff)!important}

@media(max-width:1040px){
  .v0111143-row{grid-template-columns:auto minmax(210px,1.35fr) 60px minmax(145px,.9fr) minmax(175px,1.05fr) auto!important}
  .v0111143-row>.v0111143-row-type{display:none!important}
  .v0111143-detail-hero{grid-template-columns:145px minmax(0,1fr)!important}
  .v0111143-detail-next{grid-column:1/-1!important;border-left:0!important;border-top:1px solid rgba(255,190,72,.18)!important;display:block!important;padding:14px 18px!important}
  .v0111143-detail-art{padding-left:14px}.v0111143-art-img.detail{width:125px;height:115px}
}

@media(max-width:650px){
  .v0111143-booking-head{margin-top:2px}.v0111143-booking-head-top h1{font-size:25px!important}.v0111143-booking-head-top .sub{font-size:11px}.v0111143-booking-actions{width:100%;display:grid!important;grid-template-columns:1fr 1fr}.v0111143-booking-actions .v0111-search{display:none!important}.v0111143-booking-actions .btn{min-width:0!important;width:100%!important;padding:9px 7px!important;font-size:10px!important}.v0111143-booking-filters{padding-top:7px}
  .v0111143-section>.v0111-section-head{padding:12px 13px}.v0111143-section>.v0111-section-head h2{font-size:15px}.v0111143-section .v0111-section-body{padding:0 7px 6px}
  .v0111143-row{display:grid!important;grid-template-columns:9px 44px minmax(0,1fr) 52px!important;gap:8px!important;padding:10px 5px!important;min-height:72px}
  .v0111143-row>.v0111-status-dot{grid-column:1;grid-row:1/3;margin:0!important;align-self:center}
  .v0111143-row-client{grid-column:2/4!important;grid-row:1!important;grid-template-columns:38px minmax(0,1fr)!important;gap:8px!important}
  .v0111143-row-art{width:38px;height:38px;border-radius:10px}.v0111143-art-img.row{width:36px;height:36px}.v0111143-client-copy strong{font-size:12px!important}.v0111143-client-copy small{font-size:9px!important}
  .v0111143-row-date{grid-column:4!important;grid-row:1/3!important;display:grid!important}.v0111143-date-tile{width:45px;height:46px}.v0111143-date-tile strong{font-size:16px}
  .v0111143-row>.v0111143-row-type,.v0111143-row>.v0111143-row-venue{display:none!important}
  .v0111143-row-status{grid-column:2/4!important;grid-row:2!important;display:flex!important;align-items:center;gap:7px;min-width:0}.v0111143-row-status .v0111-badge{margin:0!important;white-space:nowrap}.v0111143-row-status .v0111-next{margin:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9px!important}
  .v0111143-row-open{display:none!important}

  #bookingDetail>.v0111143-back{font-size:11px;margin-bottom:6px}
  .v0111143-detail-hero{display:grid!important;grid-template-columns:minmax(0,1fr) 112px!important}
  .v0111143-detail-art{grid-column:2;grid-row:1;padding:8px 9px 4px 0;align-self:start}.v0111143-detail-art::after{inset:8px}.v0111143-art-img.detail{width:108px;height:98px}
  .v0111143-detail-main{grid-column:1;grid-row:1;padding:13px 4px 13px 14px!important;align-self:center}.v0111143-detail-main h1{font-size:23px!important}.v0111143-detail-main .meta-line{font-size:10px!important;display:block!important}.v0111143-detail-main .meta-line span{display:block;margin-top:3px}.v0111143-detail-main .client-line{display:none!important}.v0111143-detail-main>.row:first-child>.v0111-booking-actions{display:none!important}.v0111143-event-pill{font-size:8px;padding:4px 7px}
  .v0111143-detail-next{grid-column:1/-1!important;grid-row:2;padding:12px 13px!important}.v0111143-detail-next h3{font-size:14px!important}.v0111143-detail-next p{font-size:10px!important;margin:4px 0}.v0111143-detail-next .btn{margin-top:6px!important;padding:9px!important}
  .v0111143-stage{margin:0 12px 3px!important;padding-bottom:11px!important}
  .v0111143-tabs{margin-top:8px!important}
  .booking-tab-panel[data-panel="overview"].active{grid-template-columns:1fr!important;gap:9px!important}
  .v0111143-overview-card{padding:13px!important;border-radius:14px!important}.v0111143-overview-card>h3{font-size:14px!important}.v0111143-overview-card>h3::before{width:28px;height:28px}
  .v0111143-overview-card.role-money{grid-template-columns:1fr!important}.v0111143-overview-card.role-money>h3{grid-column:1}
}