/* PERF3 extracted head style 1 */
:root{
 --bg:#090d10;--panel:#10161b;--panel2:#171f25;--line:#26313a;--text:#f6f8f9;--muted:#98a5ad;
 --green:#7df58b;--green2:#3ddc70;--warn:#ffd166;--red:#ff7a7a;--blue:#79b8ff
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}
.app{max-width:480px;margin:0 auto;min-height:100vh;padding-bottom:88px}
.topbar{position:sticky;top:0;padding-top:max(14px,env(safe-area-inset-top));z-index:20;background:rgba(9,13,16,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.logo{display:flex;align-items:center;gap:10px;font-weight:950;letter-spacing:.13em;font-size:23px}.brandmark{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:8px;background:linear-gradient(180deg,var(--green),#59e776);color:#071008;font-size:16px;line-height:1;font-weight:1000;letter-spacing:0;box-shadow:0 0 0 1px rgba(255,255,255,.05) inset}.brandmarkimg{display:block;width:28px;height:40px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(125,245,139,.14))}.tag{font-size:10px;color:var(--muted);letter-spacing:.08em}.who{font-size:10px;color:var(--muted);max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.page{padding:16px}.hidden{display:none!important}
.card{background:var(--panel);border:1px solid var(--line);border-radius:19px;padding:16px;margin-top:13px}
.hero{min-height:285px;border-radius:24px;border:1px solid var(--line);overflow:hidden;padding:22px;display:flex;flex-direction:column;justify-content:flex-end;background:
linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.80)),
url('https://images.unsplash.com/photo-1501386761578-eac5c94b800a?auto=format&fit=crop&w=1200&q=82') center/cover}
.hero h1{font-size:38px;line-height:.98;margin:0 0 10px;letter-spacing:-.04em}.hero p{margin:0;color:#e0e7ea;max-width:340px}
h2,h3{margin-top:0}h2{font-size:24px}h3{font-size:18px}
label{display:block;font-size:11px;color:var(--muted);margin:11px 0 6px;text-transform:uppercase;letter-spacing:.04em}
input,select,textarea{width:100%;background:var(--panel2);border:1px solid var(--line);color:var(--text);border-radius:12px;padding:13px;font-size:15px;outline:none}
textarea{min-height:92px;resize:vertical}
.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
/* UX27AX — booking form only: long performance label/input must not be squeezed on phones. */
.booking-event-meta-row>div{min-width:0}
@media(max-width:640px){.booking-event-meta-row{grid-template-columns:1fr}.booking-event-meta-row>div>label{min-height:0}}
/* v6.115 — narrowly scoped visual alignment for fee fields only. */
.fee-align-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.fee-align-row>div{min-width:0}
.fee-align-row>div>label{min-height:32px;display:flex;align-items:flex-end;overflow-wrap:anywhere}
/* v6.121 — tax locality selector only: keep mobile tax fields readable without touching global form rows. */
.tax-locality-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.tax-locality-row>div{min-width:0}
@media(max-width:520px){.tax-locality-row{grid-template-columns:1fr}}
/* v6.122 — scoped alignment for residence/tax-country pair only. */
.tax-country-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.tax-country-row>div{min-width:0}
.tax-country-row>div>label{min-height:32px;display:flex;align-items:flex-end;overflow-wrap:anywhere}
/* UX27T — keep city/postal pairs visually aligned on narrow screens without changing other form rows. */
.financial-city-postal-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end}
.financial-city-postal-row>div{min-width:0}
.financial-city-postal-row>div>label{min-height:32px;display:flex;align-items:flex-end;overflow-wrap:anywhere}
.financial-city-postal-row input{min-height:58px}
.btn{width:100%;border:0;border-radius:13px;padding:14px 16px;font-weight:900;font-size:14px;cursor:pointer;margin-top:11px}
.primary{background:var(--green);color:#061008}.ghost{background:transparent;color:var(--text);border:1px solid var(--line)}.danger{background:#321719;color:var(--red);border:1px solid #5a2529}
.smallbtn{width:auto;padding:9px 11px;margin:0;font-size:12px}
.note{font-size:12px;color:var(--muted);line-height:1.5}
.badge{display:inline-block;padding:6px 9px;border-radius:999px;background:#17351e;color:var(--green);font-size:11px;font-weight:900}
.badge.warn{background:#342d16;color:var(--warn)}.badge.red{background:#351919;color:var(--red)}.badge.blue{background:#172b3b;color:var(--blue)}
.categories{display:flex;gap:8px;overflow:auto;padding:4px 0 2px}.chip{white-space:nowrap;background:var(--panel2);border:1px solid var(--line);color:#dfe7ea;border-radius:999px;padding:9px 12px;font-size:12px;cursor:pointer}.chip.active{border-color:var(--green);color:var(--green)}
.artist-grid{display:grid;gap:12px;margin-top:12px}
.artist-card{background:linear-gradient(180deg,#131b20,#0f1519);border:1px solid var(--line);border-radius:19px;overflow:hidden}
.artist-cover{height:180px;background:linear-gradient(135deg,#1e2b30,#0b1114);position:relative;background-size:cover;background-position:center}
.artist-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.78))}
.artist-initial{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:64px;font-weight:950;color:#dce6e9;opacity:.7}
.artist-body{padding:14px}.artist-title{font-size:21px;font-weight:950}.artist-meta{color:var(--muted);font-size:12px;margin:3px 0}.artist-price{font-size:18px;font-weight:900;margin-top:8px}
.artist-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.profile-hero{height:250px;border-radius:21px;background:linear-gradient(135deg,#1d2a31,#0a1013);background-size:cover;background-position:center;position:relative;overflow:hidden;border:1px solid var(--line)}
.profile-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.88))}
.profile-overlay{position:absolute;left:18px;right:18px;bottom:17px;z-index:2}.profile-overlay h1{margin:0;font-size:31px}.profile-overlay p{margin:4px 0 0;color:#dce4e7}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.stat{background:var(--panel2);border:1px solid var(--line);border-radius:13px;padding:11px}.stat strong{display:block;font-size:16px}.stat span{font-size:9px;color:var(--muted);text-transform:uppercase}
.req{border-top:1px solid var(--line);padding:13px 0}.req:first-child{border-top:0}.req h4{margin:0 0 4px}
.actions{display:flex;gap:8px;margin-top:9px}.actions .btn{flex:1;margin:0}
.sumrow{display:flex;justify-content:space-between;gap:16px;padding:6px 0;color:#dde5e8}.hg-finance-separator{border-top:1px solid rgba(255,255,255,.10);margin:7px 0 5px}.sumrow.total{border-top:1px solid var(--line);padding-top:12px;margin-top:8px;font-weight:950;font-size:18px}.sumrow.total.hg-finance-grand{border-top:2px solid rgba(255,255,255,.24);padding-top:13px;margin-top:9px}
.contract{font-size:13px;line-height:1.55;color:#d8e0e4;background:#0c1216;border:1px solid var(--line);padding:14px;border-radius:12px;max-height:310px;overflow:auto;white-space:pre-line}
.contract-lang-en{display:none;white-space:pre-line}
.contract-lang-hr{display:block;white-space:pre-line}
html[data-livent-lang="en"] .contract-lang-en{display:block}
html[data-livent-lang="en"] .contract-lang-hr{display:none}
html[data-livent-lang="hr"] .contract-lang-en{display:none}
html[data-livent-lang="hr"] .contract-lang-hr{display:block}
.contract-meta-lang-en{display:none}
.contract-meta-lang-hr{display:inline}
html[data-livent-lang="en"] .contract-meta-lang-en{display:inline}
html[data-livent-lang="en"] .contract-meta-lang-hr{display:none}
html[data-livent-lang="hr"] .contract-meta-lang-en{display:none}
html[data-livent-lang="hr"] .contract-meta-lang-hr{display:inline}

.nav{position:fixed;padding-bottom:max(11px,env(safe-area-inset-bottom));z-index:30;bottom:0;left:50%;transform:translateX(-50%);width:min(480px,100%);display:grid;grid-template-columns:repeat(5,1fr);background:#0c1115;border-top:1px solid var(--line);padding:8px 5px 11px}
.nav button{border:0;background:none;color:var(--muted);font-size:10px;padding:3px;position:relative}.nav b{display:block;color:#e5ecef;font-size:18px;margin-bottom:2px}
.back{border:0;background:none;color:var(--muted);padding:0;font-size:13px;margin-bottom:12px}
.navbadge{position:absolute;top:-1px;right:19%;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--red);color:white;font-size:10px;font-weight:950;display:flex;align-items:center;justify-content:center}
.toast{position:fixed;z-index:60;left:50%;bottom:86px;transform:translateX(-50%) translateY(24px);width:min(430px,calc(100% - 28px));background:#17211b;border:1px solid #347044;border-radius:15px;padding:13px 15px;box-shadow:0 14px 40px rgba(0,0,0,.45);opacity:0;pointer-events:none;transition:.22s}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.toast strong{display:block;color:var(--green);margin-bottom:3px}
.offerline{border-left:2px solid var(--line);padding:0 0 16px 14px;margin-left:7px}
.offerline:last-child{padding-bottom:0}
.offerstatus{font-size:11px;color:var(--muted);margin-top:7px}
.offerstatus.opened{color:var(--green)}
.calendar-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.calendar-head button{width:auto;margin:0}
.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}
.cal-dow{text-align:center;font-size:10px;color:var(--muted);padding:6px 0;font-weight:800}
.cal-day{aspect-ratio:1/1;border:1px solid var(--line);background:var(--panel2);border-radius:10px;color:var(--text);display:flex;align-items:center;justify-content:center;position:relative;font-size:12px;cursor:pointer}
.cal-day.other{opacity:.28}
.cal-day.today{border-color:var(--green)}
.cal-day.booked{background:#14331c;border-color:#2d7140;color:var(--green);font-weight:900}
.cal-day.hold{background:#172b3b;border-color:#37678a;color:var(--blue);font-weight:900}
.cal-day.blocked{background:#351919;border-color:#6b2a2f;color:#ff9b9b;font-weight:900}
.cal-day.both{background:#342d16;border-color:#77631f;color:var(--warn);font-weight:900}
.cal-dot{position:absolute;bottom:5px;width:5px;height:5px;border-radius:999px;background:currentColor}
.legend{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.legend span{font-size:11px;color:var(--muted)}
.uploadbox{border:1px dashed var(--line);background:#0d1418;border-radius:14px;padding:12px;margin-top:9px}
.uploadbox input[type=file]{padding:8px;background:transparent}
.uploadstate{font-size:11px;color:var(--muted);margin-top:7px}
.uploadstate.ready{color:var(--green)}
.file-input-accessible{
 position:absolute!important;
 width:1px!important;
 height:1px!important;
 padding:0!important;
 margin:-1px!important;
 overflow:hidden!important;
 clip:rect(0,0,0,0)!important;
 white-space:nowrap!important;
 border:0!important;
 opacity:0!important;
}

.signup-role-switch{
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:10px;
 margin:8px 0 4px;
}
.signup-role-btn{
 min-height:54px;
 border:1px solid var(--line);
 border-radius:14px;
 background:var(--panel2);
 color:var(--text);
 font-weight:850;
 font-size:14px;
 padding:10px;
 cursor:pointer;
}
.signup-role-btn.active{
 background:var(--green);
 border-color:var(--green);
 color:#07100a;
}
.booking-doc-upload{
 margin-top:12px;
 padding:14px;
 border:1px dashed var(--line);
 border-radius:15px;
 background:#0c1317;
}
.booking-doc-upload strong{display:block;font-size:16px;margin-bottom:4px}
.booking-doc-state{margin:9px 0;color:var(--muted);font-size:13px}
.booking-doc-state.ready{color:var(--green)}
.file-picker-label{
 display:flex!important;
 align-items:center!important;
 justify-content:center!important;
 width:100%!important;
 min-height:47px!important;
 margin:0!important;
 cursor:pointer!important;
 user-select:none!important;
}

.appmodal{position:fixed;z-index:100;inset:0;background:rgba(0,0,0,.72);display:flex;align-items:flex-end;justify-content:center;padding:16px}
.appmodal.hidden{display:none}
.appmodal-card{width:min(480px,100%);background:#11181d;border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:0 22px 60px rgba(0,0,0,.55);max-height:82vh;overflow:auto}
.appmodal-card h2{margin:4px 0 7px}
.appmodal-card .actions{margin-top:14px}
.appmodal-card .actions .btn{min-height:50px}

.identity-title{font-size:32px;font-weight:950;letter-spacing:-.03em;line-height:1.05;margin:4px 0}
.identity-sub{font-size:13px;color:var(--muted);margin-top:4px}
.docgrid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}
.docbtn{border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:14px;padding:13px;text-align:left;min-height:76px;cursor:pointer}
.docbtn strong{display:block;font-size:13px;margin-bottom:5px}.docbtn span{font-size:10px;color:var(--muted)}
.docbtn.ready{border-color:#2e6c3d}.docbtn.ready strong{color:var(--green)}
.docbtn.missing{opacity:.62}
.document-notice{
  margin:0 0 12px;
  padding:12px 14px;
  border:1px solid #24567a;
  border-radius:13px;
  background:#10283a;
  color:#dcecff;
}
.document-notice strong{display:block;color:#8bc8ff;margin-bottom:4px}

.section-title{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}
.namecard{background:linear-gradient(180deg,#152029,#10161b);border:1px solid var(--line);border-radius:18px;padding:16px;margin-top:12px}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.auth-tab{border:1px solid var(--line);background:var(--panel2);color:var(--muted);padding:11px;border-radius:12px;font-weight:800}.auth-tab.active{color:#071008;background:var(--green);border-color:var(--green)}
.quoteBox{background:#0c1216;border:1px solid var(--line);border-radius:14px;padding:13px;margin-top:10px}.quoteBig{font-size:28px;font-weight:950;margin:4px 0}.locknote{display:flex;gap:8px;align-items:flex-start;background:#111b17;border:1px solid #244d32;border-radius:12px;padding:10px;margin-top:10px}.statusline{display:flex;gap:5px;flex-wrap:wrap;margin:10px 0}.step{font-size:10px;border:1px solid var(--line);border-radius:999px;padding:5px 7px;color:var(--muted)}.step.on{color:var(--green);border-color:#2f7441}

.lang-switch{display:inline-flex;align-items:center;gap:3px;margin-left:8px;padding:3px;border:1px solid var(--line);border-radius:999px;background:#0d1418}
.lang-switch button{transition:background .12s ease,color .12s ease,box-shadow .12s ease;width:auto!important;margin:0!important;border:0;background:transparent;color:var(--muted);font-size:10px;font-weight:900;padding:5px 8px;border-radius:999px;line-height:1}
.lang-switch button.active,
.lang-switch button[aria-pressed="true"]{
  background:var(--green)!important;
  color:#07100a!important;
  box-shadow:0 0 0 2px rgba(125,245,139,.16);
}
html[data-livent-lang="hr"] #langHR,
html[data-livent-lang="en"] #langEN{
  background:#75ef87!important;
  color:#07100a!important;
  box-shadow:0 0 0 2px rgba(117,239,135,.22)!important;
}
html[data-livent-lang="hr"] #langEN,
html[data-livent-lang="en"] #langHR{
  background:transparent!important;
  color:var(--muted)!important;
  box-shadow:none!important;
}

.header-right{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0}
.header-right #who{max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.public-cal{margin-top:14px}
.public-cal-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.public-cal-head h3{margin:0;text-align:center;flex:1}
.public-cal-nav{width:44px!important;min-height:42px!important;margin:0!important;padding:0!important}
.public-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.public-cal-dow{font-size:10px;color:var(--muted);text-align:center;padding:3px 0;font-weight:850}
.public-cal-day{aspect-ratio:1/1;border:1px solid var(--line);border-radius:11px;background:#11181d;color:var(--text);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;padding:0}
.public-cal-day.other,.public-cal-day.past{opacity:.28}
.public-cal-day.free:not(.past):not(.other){
  border-color:#344047;
  color:#eef3f5;
  background:#11181d;
  cursor:pointer;
}
.public-cal-day.hold{
  background:#1266a0;
  border:2px solid #5db6f1;
  color:#fff;
  box-shadow:0 0 0 2px rgba(18,102,160,.18);
}
.public-cal-day.booked{
  background:#45ad59;
  border:2px solid #8bf49a;
  color:#07100a;
  font-weight:950;
  box-shadow:0 0 0 2px rgba(69,173,89,.20);
}
.public-cal-day.blocked{
  background:#a9343b;
  border:2px solid #ff8489;
  color:#fff;
  font-weight:950;
}
.public-cal-day.selected{
  outline:3px solid var(--green);
  outline-offset:2px;
}
.public-cal-legend{display:flex;gap:9px;flex-wrap:wrap;margin-top:11px}
.public-cal-legend span{font-size:10px;color:var(--muted)}
.public-cal-choice{margin-top:12px;padding:11px;border:1px solid var(--line);border-radius:13px;background:#0d1418}
.cal-lang-en{display:none}
.cal-lang-hr{display:inline}
html[data-livent-lang="en"] .cal-lang-en{display:inline}
html[data-livent-lang="en"] .cal-lang-hr{display:none}
html[data-livent-lang="hr"] .cal-lang-en{display:none}
html[data-livent-lang="hr"] .cal-lang-hr{display:inline}

/* v6.76: selected-date panel contains both complete language variants.
   CSS, not render timing, decides which one is visible. */
.public-cal-choice .selected-choice-en,
.public-cal-choice .selected-choice-hr{display:none}
html[data-livent-lang="en"] .public-cal-choice .selected-choice-en{display:block}
html[data-livent-lang="hr"] .public-cal-choice .selected-choice-hr{display:block}

.date-display{
  width:100%;min-height:47px;background:var(--panel2);border:1px solid var(--line);
  color:var(--text);border-radius:12px;padding:13px;font-size:15px;text-align:left;cursor:pointer
}
.date-display.placeholder{color:#7f8a91}
.manager-artist-card{border:1px solid var(--line);border-radius:16px;padding:14px;margin:10px 0;background:var(--panel2)}
.manager-artist-photo{width:64px;height:64px;border-radius:16px;object-fit:cover;border:1px solid var(--line);background:#141a1f}
.manager-status-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px}
.manager-invite-box{word-break:break-all;background:#0c1115;border:1px solid var(--line);border-radius:12px;padding:11px;font-size:12px;margin-top:8px}
.approval-profile-photo{width:100%;max-height:420px;object-fit:cover;border-radius:18px;border:1px solid var(--line)}

.booking-tabs{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:7px;
  margin:12px 0 10px;
}
.booking-tab{
  border:1px solid var(--line);
  background:var(--panel2);
  color:var(--muted);
  border-radius:12px;
  padding:10px 6px;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
  line-height:1.15;
}
.booking-tab.active{
  border-color:var(--green);
  color:var(--green);
  background:#17351e;
}
.booking-tab-count{
  display:block;
  margin-top:4px;
  font-size:14px;
  color:inherit;
}
.booking-manage{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:10px;
}
.booking-manage .btn{
  width:auto;
  margin:0;
  padding:9px 12px;
  font-size:11px;
}


/* HOOKAGIG v6.60 — app-native replacement for Android SELECT popup.
   The original select values remain in the DOM for all existing booking logic. */
.bookagig-hidden-select{
  position:absolute!important;
  width:1px!important;height:1px!important;
  opacity:0!important;pointer-events:none!important;
  overflow:hidden!important;
}
.bookagig-select-display{
  width:100%;
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  background:var(--panel2);
  border:1px solid var(--line);
  color:var(--text);
  border-radius:12px;
  padding:13px;
  font-size:15px;
  text-align:left;
  cursor:pointer;
}
.bookagig-select-display .bookagig-select-chevron{
  flex:0 0 auto;
  color:var(--muted);
  font-size:18px;
  line-height:1;
}
.bookagig-select-overlay{
  position:fixed;
  inset:0;
  z-index:10000;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  background:rgba(0,0,0,.64);
  padding:14px;
}
.bookagig-select-sheet{
  width:min(100%,480px);
  max-height:min(72vh,620px);
  overflow:auto;
  background:#10161b;
  border:1px solid var(--line);
  border-radius:22px;
  padding:14px;
  box-shadow:0 -14px 44px rgba(0,0,0,.42);
}
.bookagig-select-sheet-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:5px 3px 11px;
}
.bookagig-select-sheet-title{
  font-size:18px;
  font-weight:900;
}
.bookagig-select-close{
  width:38px;height:38px;
  border-radius:50%;
  border:1px solid var(--line);
  background:var(--panel2);
  color:var(--text);
  font-size:22px;
  line-height:1;
}
.bookagig-select-option{
  width:100%;
  border:1px solid var(--line);
  background:var(--panel2);
  color:var(--text);
  border-radius:13px;
  padding:14px 15px;
  margin:7px 0 0;
  text-align:left;
  font-size:16px;
  font-weight:750;
}
.bookagig-select-option.selected{
  border-color:var(--green);
  color:var(--green);
  background:#17351e;
}

.dp-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.dp-head h3{margin:0;flex:1;text-align:center;font-size:22px}
.dp-nav{width:44px!important;min-height:42px!important;margin:0!important;padding:0!important}
.dp-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.dp-dow{text-align:center;color:var(--muted);font-size:10px;font-weight:850;padding:5px 0}
.dp-day{
  aspect-ratio:1/1;border:1px solid var(--line);border-radius:11px;background:var(--panel2);
  color:var(--text);display:flex;align-items:center;justify-content:center;font-size:13px;
  font-weight:800;padding:0;margin:0;cursor:pointer
}
.dp-day.other{opacity:.3}
.dp-day.selected{background:#367ca4;border:2px solid #7ac6ef;color:#fff}
.dp-day.today:not(.selected){outline:2px solid var(--green);outline-offset:1px}
.dp-selected{font-size:13px;color:#dce5e9;text-align:center;margin:8px 0 4px;min-height:20px}
.dp-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:14px}
.dp-actions .btn{margin:0}

.public-cal-day.booked::after,
.public-cal-day.hold::after,
.public-cal-day.blocked::after{
  content:'';
  position:absolute;
  width:6px;height:6px;border-radius:50%;
  bottom:5px;right:5px;
  background:currentColor;
  opacity:.95;
}
.public-cal-day{position:relative}



/* HOOKAGIG v6.77 — MY CALENDAR DATE LANGUAGE FIX + v6.76 HARD LANGUAGE TOGGLE FIX + DUPLICATE CTA FIX + DESKTOP WEB LAYOUT
   Desktop-only presentation. Mobile layout and application logic are unchanged. */
@media (min-width: 980px){
  body{
    background:
      radial-gradient(circle at 80% 0%,rgba(61,220,112,.055),transparent 32rem),
      var(--bg);
  }
  .app{
    max-width:none;
    width:100%;
    margin:0;
    min-height:100vh;
    padding:0 0 0 228px;
  }
  .topbar{
    min-height:82px;
    padding:18px 30px;
    border-bottom:1px solid var(--line);
    box-shadow:0 8px 30px rgba(0,0,0,.12);
  }
  .logo{font-size:26px}
  .brandmark{width:31px;height:31px;border-radius:9px;font-size:18px}
  .tag{font-size:11px;margin-top:2px}
  .who{font-size:12px;max-width:280px}
  .header-right #who{max-width:280px}
  .lang-switch button{font-size:11px;padding:6px 10px}

  .page{
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:30px 36px 58px;
  }
  .page > section:not(.hidden){
    width:100%;
    max-width:1120px;
    margin-left:auto;
    margin-right:auto;
  }
  .page > #home:not(.hidden){max-width:1240px}
  .page > #artistProfile:not(.hidden){max-width:1180px}
  .page > #adminDash:not(.hidden){max-width:1240px}

  .card{
    border-radius:18px;
    padding:21px 23px;
    margin-top:16px;
    box-shadow:0 10px 28px rgba(0,0,0,.10);
  }
  h2{font-size:28px}
  h3{font-size:19px}
  input,select,textarea,.date-display,.bookagig-select-display{font-size:15px}
  .btn{width:auto;min-width:148px}
  .card > .btn:not(.smallbtn),
  #auth .btn,
  #pending .btn,
  #bookingForm .btn,
  #managerArtistEditor .btn,
  #account .btn,
  #deal .btn,
  #offerEditor .btn,
  #contractViewer .btn{width:100%}
  .actions .btn{width:auto;min-width:0}

  /* Turn the existing bottom navigation into a desktop sidebar. */
  .nav{
    top:0;
    left:0;
    bottom:0;
    transform:none;
    width:228px;
    height:100vh;
    grid-template-columns:1fr;
    grid-auto-rows:min-content;
    align-content:start;
    gap:7px;
    padding:112px 15px 22px;
    background:#0c1115;
    border-top:0;
    border-right:1px solid var(--line);
    box-shadow:14px 0 40px rgba(0,0,0,.12);
  }
  .nav::before{display:none}
  .nav button{
    width:100%;
    min-height:50px;
    display:flex;
    align-items:center;
    gap:13px;
    border:1px solid transparent;
    border-radius:13px;
    background:transparent;
    color:#c9d2d6;
    font-size:13px;
    font-weight:800;
    padding:10px 13px;
    text-align:left;
  }
  .nav button:hover{
    background:var(--panel2);
    border-color:var(--line);
    color:var(--text);
  }
  .nav b{
    width:26px;
    margin:0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
  }
  .navbadge{top:3px;right:8px}

  /* Homepage becomes a web landing/search page instead of a phone stack. */
  #home:not(.hidden){
    display:grid;
    grid-template-columns:minmax(0,1.22fr) minmax(360px,.78fr);
    gap:20px;
    align-items:start;
  }
  #home > .hero{grid-column:1;grid-row:1}
  #home > .card:nth-of-type(1){grid-column:2;grid-row:1;margin-top:0;min-height:100%}
  #home > .card:nth-of-type(2){grid-column:1 / -1;margin-top:0}
  .hero{
    min-height:410px;
    padding:38px;
    border-radius:25px;
  }
  .hero h1{font-size:58px;max-width:640px}
  .hero p{font-size:16px;max-width:560px;line-height:1.55}
  .artist-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
  .artist-cover{height:210px}

  .stats{gap:14px;margin-top:16px}
  .stat{padding:17px 18px;border-radius:15px}
  .stat strong{font-size:24px}
  .stat span{font-size:10px}

  /* Desktop dashboard cards use the available width without becoming oversized. */
  #organizerDash:not(.hidden),
  #artistDash:not(.hidden),
  #managerDash:not(.hidden){max-width:1060px}
  .identity-title{font-size:38px}

  #bookingForm:not(.hidden),
  #managerArtistEditor:not(.hidden),
  #account:not(.hidden),
  #offerEditor:not(.hidden){max-width:880px}
  #bookings:not(.hidden),
  #artistBookings:not(.hidden),
  #calendarPage:not(.hidden),
  #deal:not(.hidden),
  #offerHistory:not(.hidden){max-width:1040px}

  .booking-tabs{grid-template-columns:repeat(3,minmax(150px,1fr));gap:10px}
  .booking-tab{font-size:12px;padding:12px 9px}
  .booking-tab-count{font-size:16px}

  .calendar-grid,.public-cal-grid,.dp-grid{gap:8px}
  .cal-day,.public-cal-day,.dp-day{max-height:74px;aspect-ratio:1/1}

  /* Desktop dialogs are centered windows, not mobile bottom sheets. */
  .appmodal{align-items:center;padding:26px}
  .appmodal-card{width:min(620px,calc(100vw - 300px));border-radius:20px;padding:23px;max-height:80vh}
  .bookagig-select-overlay{align-items:center;padding-left:260px}
  .bookagig-select-sheet{width:min(560px,calc(100vw - 320px));max-height:70vh;border-radius:20px;box-shadow:0 20px 55px rgba(0,0,0,.48)}
  .toast{
    left:auto;
    right:28px;
    bottom:28px;
    transform:translateY(24px);
    width:min(430px,calc(100% - 300px));
  }
  .toast.show{transform:translateY(0)}
}

@media (min-width: 980px) and (max-width: 1180px){
  .app{padding-left:198px}
  .nav{width:198px;padding-left:11px;padding-right:11px}
  .page{padding-left:24px;padding-right:24px}
  #home:not(.hidden){grid-template-columns:1fr}
  #home > .hero,
  #home > .card:nth-of-type(1),
  #home > .card:nth-of-type(2){grid-column:1;grid-row:auto}
  #home > .card:nth-of-type(1){min-height:auto}
  .artist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bookagig-select-overlay{padding-left:210px}
}



/* HOOKAGIG v6.78 — SAFE VISUAL POLISH ONLY
   CSS-only refinements. No booking/Supabase/application logic changed. */
html{scroll-behavior:smooth}
body{
  line-height:1.45;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
button,input,select,textarea{font:inherit}
input,select,textarea,.date-display,.bookagig-select-display,.docbtn,.booking-tab,.auth-tab,.chip,.btn,.artist-card,.manager-artist-card,.namecard,.quoteBox,.uploadbox,.booking-doc-upload,.public-cal-choice,.profile-hero,.appmodal-card{
  transition:border-color .16s ease, background-color .16s ease, color .16s ease, box-shadow .18s ease, transform .18s ease, opacity .16s ease;
}
/* v6.128 — auth tab active state must switch in the same frame. */
.auth-tab{transition:box-shadow .18s ease,transform .18s ease,opacity .16s ease}
input::placeholder,textarea::placeholder{color:#7f8b92}
input:focus,select:focus,textarea:focus,.date-display:focus,.bookagig-select-display:focus,
button:focus-visible,.chip:focus-visible,.auth-tab:focus-visible,.booking-tab:focus-visible,.docbtn:focus-visible,.public-cal-day:focus-visible,.cal-day:focus-visible,.dp-day:focus-visible{
  outline:none;
  border-color:#49de79;
  box-shadow:0 0 0 3px rgba(125,245,139,.16);
}
.card,.artist-card,.manager-artist-card,.namecard,.quoteBox,.uploadbox,.booking-doc-upload,.public-cal-choice,.profile-hero,.appmodal-card{
  box-shadow:0 10px 28px rgba(0,0,0,.10);
}
.topbar{box-shadow:0 10px 24px rgba(0,0,0,.10)}
.note{line-height:1.6}
label{font-weight:700}
.btn{
  letter-spacing:.01em;
  box-shadow:0 8px 18px rgba(0,0,0,.10);
}
.primary{box-shadow:0 10px 22px rgba(61,220,112,.14)}
.ghost{background:rgba(255,255,255,.01)}
.badge,.booking-tab-count{letter-spacing:.02em}
.artist-title,.identity-title,.profile-overlay h1,.hero h1{letter-spacing:-.035em}
.sumrow{align-items:flex-start}
.section-title{font-weight:800}
.back{display:inline-flex;align-items:center;gap:7px}
.public-cal-choice strong,.booking-doc-upload strong,.document-notice strong{letter-spacing:.01em}
.file-picker-label{font-weight:800}
@media (hover:hover){
  .btn:hover{transform:translateY(-1px)}
  .primary:hover{filter:saturate(1.05) brightness(1.02)}
  .ghost:hover,.docbtn:hover,.auth-tab:hover,.booking-tab:hover,.chip:hover,.bookagig-select-option:hover{
    border-color:#314047;
    background:#1a2329;
  }
  /* UX26U — active auth tab must remain green even while pointer is still over it. */
  .auth-tab.active:hover,
  .auth-tab.active:focus-visible,
  .auth-tab.active:active{
    color:#071008;
    background:var(--green);
    border-color:var(--green);
  }
  .artist-card:hover,.manager-artist-card:hover,.namecard:hover,.quoteBox:hover,.uploadbox:hover,.booking-doc-upload:hover,.public-cal-choice:hover{
    transform:translateY(-2px);
    border-color:#314047;
    box-shadow:0 16px 34px rgba(0,0,0,.16);
  }
  .public-cal-day.free:not(.past):not(.other):hover,
  .cal-day:hover,
  .dp-day:hover{
    border-color:#3b474f;
    transform:translateY(-1px);
  }
}
.btn:active,.chip:active,.auth-tab:active,.booking-tab:active,.docbtn:active,.public-cal-day:active,.cal-day:active,.dp-day:active{
  transform:translateY(1px);
}
@media (min-width:980px){
  .page{padding-top:34px;padding-bottom:68px}
  .card{padding:22px 24px;border-radius:20px}
  .hero{box-shadow:0 18px 42px rgba(0,0,0,.18)}
  .artist-card{border-radius:20px}
  .artist-body{padding:16px}
  .artist-meta{font-size:12.5px;line-height:1.5}
  .booking-tab{border-radius:14px}
  .public-cal-choice{padding:14px 15px}
  .nav button{border-radius:14px}
  .nav button:hover{transform:none}
  .topbar{padding-top:20px;padding-bottom:20px}
}



/* HOOKAGIG v6.137 — DESKTOP HOME REFINED TO MATCH THE APPROVED MOCKUP SAFELY.
   Homepage visual refinement only. Booking logic, Supabase, forms and mobile/tablet flows stay intact. */
.desktop-home-trust{display:none}
.home-search-benefits,.home-featured-head,.home-section-kicker,.desktop-trust-copy,.desktop-trust-metric{display:flex}
.home-search-benefits{gap:10px;flex-wrap:wrap;margin-top:12px}
.home-search-benefits span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:8px 11px;
  border-radius:999px;
  background:rgba(184,255,61,.06);
  border:1px solid rgba(184,255,61,.12);
  color:#d8e0e2;
  font-size:12px;
}
.home-search-benefits b{color:#b8ff3d;font-size:14px}
.home-featured-head{
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0 0 10px;
}
.home-section-kicker{
  align-items:center;
  gap:8px;
  color:#aeb8bc;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.12em;
  margin-bottom:8px;
}
.home-section-kicker::before{
  content:'';
  width:18px;
  height:1px;
  background:rgba(184,255,61,.8);
}
.home-featured-head h3{margin:0;font-size:25px}
.home-featured-head p{margin:6px 0 0;color:#94a4aa;font-size:13px}
.home-view-all{white-space:nowrap}
.desktop-trust-copy{flex:1;flex-direction:column;align-items:flex-start}
.desktop-trust-metric{flex-direction:column;align-items:flex-end;justify-content:center;text-align:right;min-width:72px}
.desktop-trust-metric b{font-size:22px;line-height:1;color:#b8ff3d;letter-spacing:-.03em}
.desktop-trust-metric small{font-size:10px;color:#9ba7ac;text-transform:uppercase;letter-spacing:.1em;margin-top:4px}
.home-directory-note{margin:6px 0 0;color:#96a3a8;font-size:12px}
@media (max-width:1180px){
  .home-featured-head{flex-wrap:wrap}
  .home-featured-head h3{font-size:21px}
  .home-search-benefits span{font-size:11px;padding:7px 10px}
}
@media (min-width:1181px){
  .app{padding-left:214px}
  .page{max-width:1500px;padding:22px 34px 56px}
  .page > #home:not(.hidden){max-width:1280px}

  .topbar{
    min-height:72px;
    padding:15px 30px;
    justify-content:flex-end;
    background:rgba(7,11,14,.93);
    border-bottom:1px solid rgba(145,166,176,.14);
  }
  .topbar > div:first-child{
    position:fixed;
    left:22px;
    top:18px;
    z-index:35;
    width:172px;
  }
  .topbar .logo{font-size:21px;gap:8px}
  .topbar .brandmarkimg{width:27px;height:36px}
  .topbar .tag{font-size:8px;margin-left:35px;margin-top:-3px;letter-spacing:.1em}
  .topbar .header-right{margin-left:auto}

  .nav{
    width:214px;
    padding:94px 14px 92px;
    gap:6px;
    background:linear-gradient(180deg,#0b1013 0%,#0a0e11 100%);
    box-shadow:12px 0 34px rgba(0,0,0,.16);
  }
  .nav::before{display:none}
  .nav button{min-height:46px;padding:9px 13px;border-radius:11px;font-size:12px}
  .nav b{width:24px;font-size:18px}
  body:has(#home:not(.hidden)) .nav button:first-child,
  body:has(#bookings:not(.hidden)) .nav button:nth-child(2),
  body:has(#artistBookings:not(.hidden)) .nav button:nth-child(2),
  body:has(#calendarPage:not(.hidden)) .nav button:nth-child(3),
  body:has(#organizerDash:not(.hidden)) .nav button:nth-child(4),
  body:has(#artistDash:not(.hidden)) .nav button:nth-child(4),
  body:has(#managerDash:not(.hidden)) .nav button:nth-child(4),
  body:has(#adminDash:not(.hidden)) .nav button:nth-child(4),
  body:has(#account:not(.hidden)) .nav button:nth-child(5){
    background:linear-gradient(90deg,rgba(180,255,47,.10),rgba(255,255,255,.025));
    border-color:rgba(180,255,47,.12);
    color:#f5f8f6;
    box-shadow:inset 2px 0 0 #b7ff39;
  }
  body:has(#home:not(.hidden)) .nav button:first-child b,
  body:has(#bookings:not(.hidden)) .nav button:nth-child(2) b,
  body:has(#artistBookings:not(.hidden)) .nav button:nth-child(2) b,
  body:has(#calendarPage:not(.hidden)) .nav button:nth-child(3) b,
  body:has(#organizerDash:not(.hidden)) .nav button:nth-child(4) b,
  body:has(#artistDash:not(.hidden)) .nav button:nth-child(4) b,
  body:has(#managerDash:not(.hidden)) .nav button:nth-child(4) b,
  body:has(#adminDash:not(.hidden)) .nav button:nth-child(4) b,
  body:has(#account:not(.hidden)) .nav button:nth-child(5) b{color:#b7ff39}

  #home:not(.hidden){display:block}
  #home > .hero{
    position:relative;
    min-height:328px;
    padding:44px 38px 118px;
    border-radius:22px;
    border:1px solid rgba(151,170,180,.16);
    justify-content:flex-start;
    background:
      linear-gradient(90deg,#090d10 0%,rgba(9,13,16,.97) 30%,rgba(9,13,16,.74) 52%,rgba(9,13,16,.18) 100%),
      url('/icons/desktop-hero-crowd-d21s.jpg?v=21s') right center/cover no-repeat;
    box-shadow:0 20px 50px rgba(0,0,0,.22);
  }
  #home > .hero::after{
    content:'';
    position:absolute;
    inset:auto 0 0 0;
    height:88px;
    background:linear-gradient(180deg,transparent,rgba(8,12,15,.58));
    pointer-events:none;
  }
  #home > .hero h1{font-size:58px;line-height:.96;max-width:640px;margin:0 0 14px;position:relative;z-index:1}
  #home > .hero h1 .hero-accent{color:#b8ff3d}
  #home > .hero p{font-size:16px;line-height:1.5;max-width:440px;color:#c5cdd1;position:relative;z-index:1}

  #home > .home-search-card{
    position:relative;
    z-index:4;
    margin:-92px 22px 18px;
    min-height:auto;
    padding:18px 20px 16px;
    display:grid;
    grid-template-columns:minmax(255px,1.15fr) minmax(408px,1.45fr) 236px;
    grid-template-rows:auto auto auto;
    column-gap:14px;
    row-gap:6px;
    align-items:end;
    border-radius:18px;
    background:rgba(18,24,28,.96);
    border:1px solid rgba(142,160,169,.17);
    box-shadow:0 18px 40px rgba(0,0,0,.34);
    backdrop-filter:blur(12px);
  }
  #home > .home-search-card > label{grid-column:1;grid-row:1;margin:0 0 3px;font-size:10px;letter-spacing:.1em}
  #home > .home-search-card > #homeSearch{grid-column:1;grid-row:2;margin:0;height:52px}
  #home > .home-search-card > .row{grid-column:2;grid-row:1 / 3;margin:0;gap:12px;align-items:end}
  #home > .home-search-card > .row label{margin-top:0;font-size:10px;letter-spacing:.1em}
  #home > .home-search-card > .row input,
  #home > .home-search-card > .row .date-display{height:52px;margin:0}
  #home > .home-search-card > .btn{grid-column:3;grid-row:1 / 3;width:100%;height:52px;margin:0;min-width:0;border-radius:13px;font-size:13px}
  #home > .home-search-card > .home-search-benefits{grid-column:1 / -1;grid-row:3;margin-top:2px}

  .desktop-home-trust{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
    margin:0 22px 22px;
  }
  .desktop-trust-card{
    min-height:114px;
    display:flex;
    align-items:center;
    gap:15px;
    padding:18px 18px;
    background:linear-gradient(180deg,#12191d,#0f1518);
    border:1px solid rgba(145,166,176,.14);
    border-radius:16px;
    box-shadow:0 10px 26px rgba(0,0,0,.12);
  }
  .desktop-trust-icon{
    flex:0 0 52px;
    width:52px;height:52px;
    display:grid;place-items:center;
    border-radius:50%;
    color:#b8ff3d;
    font-size:24px;font-weight:950;
    border:1px solid rgba(184,255,61,.26);
    background:rgba(184,255,61,.045);
    box-shadow:0 0 24px rgba(184,255,61,.07);
  }
  .desktop-trust-card strong{display:block;font-size:16px;margin-bottom:4px}
  .desktop-trust-card .desktop-trust-copy > span{display:block;color:var(--muted);font-size:11px;line-height:1.38}

  #home > .home-featured-card{
    margin:0 22px;
    padding:0 0 30px;
    background:transparent;
    border:0;
    box-shadow:none;
  }
  #home .categories{margin:0 0 10px}
  #home .chip{padding:7px 11px;font-size:10px}
  #home .artist-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:12px}
  #home .artist-card{position:relative;border-radius:16px;background:#11181c;box-shadow:0 10px 24px rgba(0,0,0,.14)}
  #home .artist-cover{height:172px}
  #home .artist-head .badge{position:absolute;left:10px;top:10px;z-index:3;font-size:8px;padding:5px 7px;background:rgba(8,12,15,.78);backdrop-filter:blur(6px)}
  #home .artist-body{padding:12px 13px 13px}
  #home .artist-title{font-size:16px;line-height:1.15}
  #home .artist-meta{font-size:10.8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #home .artist-price{font-size:12px;margin-top:6px;color:#c9d1d5}
  #home .artist-card .btn{width:100%;min-width:0;margin-top:10px;padding:9px 10px;font-size:10px;border-radius:10px}
}



/* UX26Y — discovery filters without disturbing approved Home layout */
.discovery-toggle-wrap{grid-column:1/-1;margin-top:2px;display:flex;justify-content:flex-start}
.discovery-toggle{border:1px solid rgba(162,237,32,.35);background:rgba(162,237,32,.045);color:#a2ed20;font-weight:900;font-size:11px;letter-spacing:.045em;padding:8px 12px;border-radius:999px;cursor:pointer;transition:.18s ease}
.discovery-toggle:hover{border-color:rgba(162,237,32,.7);background:rgba(162,237,32,.08);transform:translateY(-1px)}
.discovery-advanced{grid-column:1/-1;border-top:1px solid rgba(110,145,160,.14);padding-top:10px;margin-top:1px}
.discovery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:end;width:100%;min-width:0}
.discovery-grid>div{min-width:0;max-width:100%}.discovery-grid label{margin-top:0;font-size:10px;letter-spacing:.08em}.discovery-grid select,.discovery-grid .bookagig-select-display{margin:0;height:44px;width:100%;min-width:0;max-width:100%;box-sizing:border-box}
.discovery-advanced{width:100%;min-width:0;box-sizing:border-box;padding-bottom:4px}

.discovery-price-custom{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.discovery-price-custom input{height:44px;margin:0;min-width:0}
.discovery-price-custom.hidden{display:none!important}
@media(max-width:860px){.discovery-price-custom{grid-template-columns:1fr 1fr}}

.discovery-offer-editor{display:grid;gap:10px;margin-top:10px}.discovery-offer-row{border:1px solid var(--line);background:var(--panel2);border-radius:14px;padding:12px}
.discovery-offer-fields{display:grid;grid-template-columns:1.05fr 1.38fr .82fr .68fr .68fr auto;gap:8px;align-items:end}.discovery-offer-fields label{margin-top:0;font-size:10px}.discovery-offer-fields>div{min-width:0}.discovery-offer-fields select{min-width:0;font-size:12px;padding-left:10px;padding-right:28px}
.discovery-offer-fields input,.discovery-offer-fields select{margin:0}.discovery-price-inline{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.discovery-price-chip{border:1px solid var(--line);border-radius:999px;padding:6px 9px;font-size:11px;color:#dce4e7;background:#11191d}
.artist-match{font-size:11px;margin-top:7px;color:#b8ff3d;font-weight:800}.discovery-profile-list{display:grid;gap:8px;margin:10px 0 0}.discovery-profile-offer{border:1px solid var(--line);border-radius:13px;padding:10px 12px;background:var(--panel2);display:flex;justify-content:space-between;gap:12px;align-items:center}.discovery-profile-offer small{display:block;color:var(--muted);margin-top:2px}
@media(min-width:861px){#home>.home-search-card>.discovery-toggle-wrap{grid-row:4}#home>.home-search-card>.discovery-advanced{grid-row:5}}
/* UX27D — discovery-only column widening. Nothing else on Home is changed. */
@media(min-width:861px){
  #home>.home-search-card>.discovery-advanced{
    width:calc(100% + 40px)!important;
    max-width:none!important;
    margin-left:-20px!important;
    margin-right:-20px!important;
    padding-left:20px!important;
    padding-right:20px!important;
    padding-bottom:14px!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }
  .discovery-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:12px!important;
    width:100%!important;
  }
  .discovery-grid>div{min-width:0!important;width:100%!important}
  .discovery-grid>div:last-child{grid-column:auto!important}
  .discovery-grid select,.discovery-grid .bookagig-select-display{width:100%!important;max-width:none!important}
}
/* UX27E — signed-in desktop discovery viewport clamp only.
   The app shell includes a fixed sidebar, so the Home section can be wider than
   the actually visible content area. Clamp ONLY the discovery panel to that
   visible area so the Budget column cannot run off-screen. */
@media(min-width:861px){
  body:not(.guest-mode) #home>.home-search-card>.discovery-advanced{
    width:min(100%,calc(100vw - 326px))!important;
    max-width:calc(100vw - 326px)!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
    justify-self:start!important;
    overflow:visible!important;
  }
  body:not(.guest-mode) #home .discovery-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    width:100%!important;
    gap:12px!important;
  }
}
@media(max-width:860px){.discovery-grid{grid-template-columns:1fr}.discovery-toggle-wrap{margin-top:4px}.discovery-offer-fields{grid-template-columns:1fr 1fr}.discovery-offer-fields .discovery-remove{grid-column:1/-1}.discovery-profile-offer{align-items:flex-start;flex-direction:column}}
@media(max-width:540px){.discovery-offer-fields{grid-template-columns:1fr}.discovery-offer-fields .discovery-remove{grid-column:auto}}

/* UX27F — discovery select vertical clipping fix only.
   Root cause: global select padding (13px top + 13px bottom) was combined with
   a forced 44px control height, leaving too little line box for the selected
   value on desktop/Windows Chrome. Keep layout/width/logic unchanged; only
   give these three Home discovery controls enough vertical room. */
#home .discovery-grid select,
#home .discovery-grid .bookagig-select-display{
  height:54px!important;
  min-height:54px!important;
  line-height:1.25!important;
  padding-top:13px!important;
  padding-bottom:13px!important;
}

/* STAGING UX 2026-09-02 — public guest home + searchable country/city selectors. */
.guest-actions{display:none;align-items:center;gap:8px}
.guest-actions .btn{width:auto;margin:0;padding:9px 14px;min-height:38px}
body.guest-mode .guest-actions{display:flex}
body.guest-mode #who{display:none}
.searchable-select-wrap{position:relative;margin-top:6px}
.searchable-select-input{width:100%;padding-right:40px!important;margin:0!important}
.searchable-select-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--muted);font-size:16px}
.searchable-select-menu{position:absolute;z-index:80;left:0;right:0;top:calc(100% + 6px);max-height:250px;overflow:auto;background:#11191d;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 44px rgba(0,0,0,.48);padding:5px}
.searchable-select-menu.hidden{display:none!important}
.searchable-select-option{display:block;width:100%;text-align:left;border:0;background:transparent;color:var(--text);padding:10px 11px;border-radius:9px;font:inherit;cursor:pointer}
.searchable-select-option:hover,.searchable-select-option.active{background:#1a252a;color:#fff}
.searchable-select-empty{padding:11px;color:var(--muted);font-size:12px}
select.hookagig-search-source{display:none!important}
@media (min-width:1181px){
 body.guest-mode .app{padding-left:0}
 body.guest-mode .page{max-width:1350px;margin:0 auto;padding-left:34px;padding-right:34px}
 body.guest-mode .page > #home:not(.hidden){max-width:1280px;margin:0 auto}
 body.guest-mode .topbar{padding-left:230px}
}
@media (max-width:700px){
 /* UX13 — guest mobile header: keep brand and auth actions on separate rows. */
 body.guest-mode .topbar{flex-wrap:wrap;align-items:flex-start;gap:8px;padding:12px 14px}
 body.guest-mode .topbar>div:first-child{flex:1 1 100%;min-width:0}
 body.guest-mode .topbar .logo{font-size:21px;gap:7px;white-space:nowrap}
 body.guest-mode .topbar .brandmarkimg{width:25px;height:35px}
 body.guest-mode .topbar .tag{font-size:9px}
 body.guest-mode .topbar .header-right{width:100%;margin-left:0;justify-content:space-between;gap:7px}
 body.guest-mode .guest-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;flex:1 1 auto;min-width:0}
 body.guest-mode .guest-actions .btn{width:100%;min-width:0;padding:9px 8px;font-size:10px}
 body.guest-mode .lang-switch{margin-left:0;flex:0 0 auto}
}
/* UX13 — keep signup Country / Nationality fields aligned even when one label wraps. */
.signup-country-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.signup-country-row>div{min-width:0}
.signup-country-row>div>label{min-height:34px;display:flex;align-items:flex-end;overflow-wrap:anywhere}
@media(max-width:520px){.signup-country-row>div>label{min-height:40px}}
.booking-unread-link{border:0;background:transparent;padding:0;margin:0;cursor:pointer;text-align:left}
.booking-net-note{margin-top:-1px;margin-bottom:8px;font-weight:800;letter-spacing:.02em}

/* STAGING UX2 2026-09-03 — guest desktop centering + pointer consistency only. */
select,.date-display,.bookagig-select-display,button,.btn,.chip,.auth-tab,.booking-tab{cursor:pointer}
.searchable-select-input{cursor:text}
@media (min-width:980px){
 body.guest-mode .app{padding-left:0!important;max-width:none!important}
 body.guest-mode .page{width:100%;max-width:1440px;margin-left:auto!important;margin-right:auto!important;padding-left:34px;padding-right:34px}
 body.guest-mode .page > #home:not(.hidden){width:100%;max-width:1280px;margin-left:auto!important;margin-right:auto!important}
 body.guest-mode .page > #auth:not(.hidden){width:100%;max-width:900px;margin-left:auto!important;margin-right:auto!important}
 body.guest-mode .topbar{width:100%;padding-left:30px!important;padding-right:30px!important}
 body.guest-mode .topbar > div:first-child{position:static!important;width:auto!important;margin-right:auto}
 body.guest-mode .topbar .header-right{margin-left:auto}
}


/* HOOKAGIG UX17 — compact calendar / readable status cells / expandable tax detail */
#calendarPage .calendar-grid{gap:6px}
#calendarPage .cal-day{
  aspect-ratio:auto;
  min-height:54px;
  padding:6px 4px;
  flex-direction:column;
  justify-content:center;
  gap:4px;
}
#calendarPage .cal-day-number{font-size:13px;font-weight:850;line-height:1}
#calendarPage .cal-day-state{
  display:block;
  max-width:100%;
  font-size:8.5px;
  line-height:1.1;
  letter-spacing:.03em;
  text-transform:uppercase;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  opacity:.92;
}
#calendarPage .cal-dot{display:none}
.calendar-agenda{margin-top:14px;display:grid;gap:8px}
.calendar-agenda-item{
  border:1px solid var(--line);
  background:var(--panel2);
  border-radius:13px;
  padding:10px 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  cursor:pointer;
}
.calendar-agenda-item:hover{border-color:#314047}
.calendar-agenda-main{min-width:0}
.calendar-agenda-title{font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.calendar-agenda-sub{font-size:11px;color:var(--muted);margin-top:2px}
.calendar-agenda-status{font-size:10px;font-weight:850;white-space:nowrap}
.tax-breakdown{margin-top:8px;border-top:1px solid var(--line);padding-top:8px}
.tax-breakdown summary{cursor:pointer;color:var(--muted);font-weight:750;font-size:12px}
.tax-breakdown .sumrow{font-size:12px}
@media(max-width:720px){
  #calendarPage .card{padding-left:14px;padding-right:14px}
  #calendarPage .calendar-grid{gap:3px}
  #calendarPage .cal-dow{font-size:9px}
  #calendarPage .cal-day{min-height:42px;border-radius:8px;padding:4px 2px;gap:3px}
  #calendarPage .cal-day-number{font-size:11px}
  #calendarPage .cal-day-state{font-size:6.8px;letter-spacing:0}
  .calendar-agenda-item{padding:9px 10px}
}


/* HOOKAGIG UX19 — COMPACT CALENDAR ONLY
   CSS-only. No booking, finance, language, database or payment logic changed. */
#calendarPage .card:has(#calendarGrid){
  padding-top:16px;
  padding-bottom:16px;
}
#calendarPage .calendar-head,
#calendarPage #calendarGrid,
#calendarPage #calendarLegend,
#calendarPage #calendarMonthAgenda{
  width:min(100%,680px);
  margin-left:auto;
  margin-right:auto;
}
#calendarPage .calendar-head{margin-bottom:8px}
#calendarPage .calendar-grid{gap:4px}
#calendarPage .cal-dow{font-size:9px;padding:4px 0}
#calendarPage .cal-day{
  min-height:46px;
  max-height:52px;
  padding:4px 3px;
  border-radius:8px;
  gap:3px;
}
#calendarPage .cal-day-number{font-size:12px}
#calendarPage .cal-day-state{font-size:7.4px;line-height:1;letter-spacing:0}
#calendarPage .legend{margin-top:8px;gap:9px;justify-content:center}
#calendarPage .legend span{font-size:9.5px}
#calendarPage .calendar-agenda{margin-top:10px;gap:6px}
#calendarPage .calendar-agenda-item{padding:8px 10px;border-radius:10px}
#calendarPage .calendar-agenda-title{font-size:12px}
#calendarPage .calendar-agenda-sub{font-size:10px}
#calendarPage .calendar-agenda-status{font-size:9px}

@media(min-width:721px){
  #calendarPage .cal-day{min-height:48px;max-height:54px}
}

@media(max-width:720px){
  #calendarPage .card:has(#calendarGrid){padding:12px 9px}
  #calendarPage .calendar-head{margin-bottom:6px}
  #calendarPage .calendar-head h2,
  #calendarPage .calendar-head h3{font-size:16px}
  #calendarPage .calendar-head button{min-height:32px;padding:5px 8px;font-size:10px}
  #calendarPage .calendar-grid{gap:2px}
  #calendarPage .cal-dow{font-size:7.8px;padding:3px 0}
  #calendarPage .cal-day{
    min-height:34px;
    max-height:38px;
    padding:3px 1px;
    border-radius:6px;
    gap:2px;
  }
  #calendarPage .cal-day-number{font-size:10px}
  #calendarPage .cal-day-state{font-size:5.7px;line-height:1;max-width:100%}
  #calendarPage .legend{margin-top:6px;gap:6px}
  #calendarPage .legend span{font-size:7.8px}
  #calendarPage .calendar-agenda{margin-top:8px;gap:5px}
  #calendarPage .calendar-agenda-item{padding:7px 8px;border-radius:9px}
  #calendarPage .calendar-agenda-title{font-size:11px}
  #calendarPage .calendar-agenda-sub{font-size:9px}
  #calendarPage .calendar-agenda-status{font-size:8px}
}


/* HOOKAGIG UX20 — COMPACT BOOKINGS LIST
   Presentation only. Existing booking actions remain inside expandable details. */
.booking-month-group{margin:18px 0 8px}
.booking-month-label{
  display:flex;align-items:center;gap:10px;
  color:var(--muted);font-size:11px;font-weight:900;
  letter-spacing:.10em;text-transform:uppercase
}
.booking-month-label:after{content:"";height:1px;background:var(--line);flex:1}


/* HOOKAGIG UX27CT — BOOKINGS BY MONTH ACCORDION
   Presentation only: existing booking rows/actions remain unchanged inside each month. */
.booking-month-accordion{
  border:1px solid var(--line);
  background:rgba(18,27,32,.55);
  border-radius:14px;
  margin:10px 0;
  overflow:hidden
}
.booking-month-accordion[open]{border-color:#34474e;background:rgba(18,27,32,.72)}
.booking-month-summary{
  list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;
  min-height:58px;padding:13px 15px;user-select:none
}
.booking-month-summary::-webkit-details-marker{display:none}
.booking-month-summary:hover{background:rgba(255,255,255,.025)}
.booking-month-title{
  min-width:0;flex:1;color:#d9e2e6;font-size:14px;font-weight:950;
  letter-spacing:.095em;text-transform:uppercase
}
.booking-month-meta{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.booking-month-count{color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.booking-month-alert{
  display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:4px 9px;
  border:1px solid rgba(245,190,73,.38);border-radius:999px;background:rgba(245,190,73,.08);
  color:#f4cb72;font-size:9px;font-weight:950;letter-spacing:.04em;white-space:nowrap
}
.booking-month-alert.message-unread{border-color:rgba(255,93,99,.55);background:rgba(255,93,99,.10);color:#ff9094}
.booking-month-action{
  display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:4px 9px;
  border:1px solid rgba(245,190,73,.32);border-radius:999px;background:rgba(245,190,73,.06);
  color:#f0c66c;font-size:9px;font-weight:950;letter-spacing:.04em;white-space:nowrap
}
.booking-month-chevron{color:var(--muted);font-size:25px;line-height:1;transition:transform .16s ease}
.booking-month-accordion[open]>.booking-month-summary .booking-month-chevron{transform:rotate(90deg)}
.booking-month-items{padding:0 10px 10px;border-top:1px solid var(--line)}
.booking-month-items>.booking-compact:first-child{margin-top:10px}
.booking-month-items>.booking-compact:last-child{margin-bottom:0}
@media(max-width:720px){
  .booking-month-accordion{margin:8px 0;border-radius:13px}
  .booking-month-summary{min-height:54px;padding:11px 12px;gap:8px}
  .booking-month-title{font-size:13px;letter-spacing:.075em}
  .booking-month-meta{gap:5px}
  .booking-month-count{font-size:9px}
  .booking-month-alert,.booking-month-action{min-height:22px;padding:3px 7px;font-size:8px}
  .booking-month-chevron{font-size:22px}
  .booking-month-items{padding:0 7px 8px}
}
.booking-compact{
  border:1px solid var(--line);
  background:var(--panel2);
  border-radius:13px;
  margin:7px 0;
  overflow:hidden
}
.booking-compact[open]{border-color:#34474e}
.booking-compact-summary{
  list-style:none;
  cursor:pointer;
  display:grid;
  grid-template-columns:70px minmax(150px,1.15fr) minmax(190px,1.5fr) auto;
  align-items:center;
  gap:12px;
  padding:11px 13px;
  min-height:62px
}
.booking-compact-summary::-webkit-details-marker{display:none}
.booking-compact-summary:hover{background:rgba(255,255,255,.025)}
.booking-compact-date{
  text-align:center;border-right:1px solid var(--line);padding-right:11px
}
.booking-compact-day{font-size:22px;font-weight:950;line-height:1}
.booking-compact-weekday{
  margin-top:4px;color:var(--muted);font-size:9px;font-weight:850;text-transform:uppercase
}
.booking-compact-party{
  min-width:0;font-size:17px;font-weight:900;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}
.booking-compact-event{
  min-width:0;color:var(--muted);font-size:12.5px;line-height:1.35;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}
.booking-compact-event strong{color:var(--text);font-weight:800}
.booking-compact-right{
  display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap
}
.booking-mini-badge{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:25px;padding:4px 8px;border-radius:999px;
  border:1px solid var(--line);font-size:9px;font-weight:900;
  line-height:1.05;white-space:nowrap
}
.booking-mini-badge.ok{color:#78ef91;border-color:#315e3b;background:#102b18}
.booking-mini-badge.warn{color:#ffd36a;border-color:#5e512a;background:#2a2410}
.booking-mini-badge.blue{color:#87c4ff;border-color:#294e6a;background:#11283a}
.booking-mini-badge.red{color:#ff8b91;border-color:#623238;background:#2d1417}
.booking-notif-count{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:25px;height:25px;padding:0 6px;border-radius:999px;
  background:#ff7078;color:#111;font-size:10px;font-weight:950
}
.booking-compact-chevron{
  font-size:18px;color:var(--muted);transition:transform .15s ease
}
.booking-compact[open] .booking-compact-chevron{transform:rotate(90deg)}
.booking-compact-details{
  border-top:1px solid var(--line);
  padding:14px
}
.booking-compact-details>.req{
  margin:0;border:0;padding:0;background:transparent;box-shadow:none
}
.booking-list-hint{margin:8px 0 14px;color:var(--muted);font-size:11px}

@media(max-width:800px){
  .booking-compact-summary{
    grid-template-columns:50px minmax(0,1fr) auto;
    grid-template-areas:
      "date party right"
      "date event right";
    gap:3px 9px;padding:10px;min-height:66px
  }
  .booking-compact-date{grid-area:date;padding-right:8px}
  .booking-compact-party{grid-area:party;font-size:16px}
  .booking-compact-event{grid-area:event;font-size:12px}
  .booking-compact-right{grid-area:right;max-width:112px;gap:4px}
  .booking-compact-day{font-size:19px}
  .booking-mini-badge{font-size:7.5px;min-height:21px;padding:3px 6px;max-width:92px;overflow:hidden;text-overflow:ellipsis}
  .booking-notif-count{min-width:21px;height:21px;font-size:9px}
  .booking-compact-chevron{font-size:15px}
  .booking-compact-details{padding:11px}
  .booking-month-group{margin-top:15px}
}


/* HOOKAGIG UX21 — COMPACT SHELL & DASHBOARD
   Visual density only. Guest/auth screen and all booking/finance logic stay unchanged. */

body:not(.guest-mode) .topbar{
  padding-top:max(8px,env(safe-area-inset-top));
  padding-bottom:8px;
}
body:not(.guest-mode) .topbar .logo{font-size:20px;gap:7px}
body:not(.guest-mode) .topbar .brandmarkimg{width:24px;height:32px}
body:not(.guest-mode) .topbar .tag{font-size:8px;line-height:1.1}
body:not(.guest-mode) .topbar .who{font-size:9px}
body:not(.guest-mode) .topbar .lang-switch{padding:2px;margin-left:5px}
body:not(.guest-mode) .topbar .lang-switch button{padding:4px 7px;font-size:9px}

#organizerDash>.card:first-child,
#artistDash>.card:first-child,
#managerDash>.card:first-child{padding:13px 15px;margin-top:8px}

#organizerDash>.card:first-child .identity-title,
#artistDash>.card:first-child .identity-title{font-size:26px}

#organizerDash>.card:first-child .note,
#artistDash>.card:first-child .note,
#managerDash>.card:first-child .note{margin:5px 0}

#managerDash>.card:first-child h2{margin-bottom:5px}

#organizerDash>.stats,
#artistDash>.stats,
#managerDash>.stats{margin-top:8px;gap:7px}

#organizerDash .stat,
#artistDash .stat,
#managerDash .stat{padding:8px 10px;min-height:54px}

#organizerDash .stat strong,
#artistDash .stat strong,
#managerDash .stat strong{font-size:18px}

#organizerDash>.card:not(:first-child),
#artistDash>.card:not(:first-child),
#managerDash>.card:not(:first-child){padding:13px 15px;margin-top:9px}

#organizerDash>.card h3,
#artistDash>.card h3,
#managerDash>.card h3{font-size:16px}

#organizerDash .smallbtn,
#artistDash .smallbtn,
#managerDash .smallbtn{padding:7px 9px;font-size:10px}

.dashboard-booking-row{
  width:100%;
  border:1px solid var(--line);
  background:var(--panel2);
  color:var(--text);
  border-radius:11px;
  padding:8px 10px;
  margin:5px 0;
  cursor:pointer;
  display:grid;
  grid-template-columns:44px minmax(120px,1.1fr) minmax(150px,1.4fr) auto;
  gap:9px;
  align-items:center;
  text-align:left;
}
.dashboard-booking-row:hover{border-color:#3a4a52;background:#192229}
.dashboard-booking-date{text-align:center;border-right:1px solid var(--line);padding-right:8px}
.dashboard-booking-date b{display:block;font-size:18px;line-height:1}
.dashboard-booking-date small{display:block;margin-top:3px;color:var(--muted);font-size:8px;font-weight:850;text-transform:uppercase}
.dashboard-booking-main{min-width:0;font-size:15px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dashboard-booking-sub{min-width:0;color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dashboard-booking-state{display:flex;justify-content:flex-end;align-items:center;gap:4px;flex-wrap:wrap}
.dashboard-booking-arrow{color:var(--muted);font-size:15px;margin-left:2px}
#organizerDash .booking-month-group,
#artistDash .booking-month-group{margin:11px 0 5px}
#organizerDash .booking-month-label,
#artistDash .booking-month-label{font-size:9px}
#organizerDash .booking-month-accordion,
#artistDash .booking-month-accordion{margin:7px 0}
#organizerDash .booking-month-summary,
#artistDash .booking-month-summary{min-height:52px;padding:10px 12px}
#organizerDash .booking-month-items,
#artistDash .booking-month-items{padding:0 7px 7px}

@media(min-width:980px){
  body:not(.guest-mode) .topbar{min-height:58px!important;padding:9px 24px!important}
  body:not(.guest-mode) .topbar .logo{font-size:19px!important}
  body:not(.guest-mode) .topbar .brandmarkimg{width:23px!important;height:31px!important}
  body:not(.guest-mode) .topbar .tag{font-size:7px!important;margin-top:-2px!important}
  .page{padding-top:14px!important;padding-bottom:42px!important}

  #managerDash .manager-artist-card{
    display:grid;
    grid-template-columns:minmax(220px,1fr) auto minmax(250px,auto);
    align-items:center;
    gap:11px;
    padding:9px 11px;
    margin:6px 0;
    border-radius:12px;
  }
  #managerDash .manager-artist-photo{width:46px;height:46px;border-radius:11px}
  #managerDash .manager-status-row{margin-top:0;justify-content:center;gap:5px}
  #managerDash .manager-artist-card .actions{margin-top:0;justify-content:flex-end}
  #managerDash .manager-artist-card .actions .btn{min-width:0;padding:8px 10px;font-size:10px}

  .topbar > div:first-child{top:10px!important}
  .nav{padding-top:76px!important}
}
@media(min-width:1181px){
  .topbar{min-height:58px!important;padding:9px 24px!important}
  .topbar > div:first-child{top:10px!important}
  .nav{padding-top:76px!important}
}
@media(max-width:800px){
  .dashboard-booking-row{
    grid-template-columns:39px minmax(0,1fr) auto;
    grid-template-areas:"date main state" "date sub state";
    padding:8px;gap:2px 8px;min-height:55px
  }
  .dashboard-booking-date{grid-area:date;padding-right:6px}
  .dashboard-booking-main{grid-area:main;font-size:14px}
  .dashboard-booking-sub{grid-area:sub;font-size:10.5px}
  .dashboard-booking-state{grid-area:state;max-width:104px}
  .dashboard-booking-date b{font-size:16px}
  #organizerDash>.card:not(:first-child),
  #artistDash>.card:not(:first-child),
  #managerDash>.card:not(:first-child){padding:11px 12px}
}


/* HOOKAGIG UX23 — PROFILE & ACCESS POLISH */

/* Header logout: always reachable after sign-in, never shown to guests. */
.header-logout{
  display:none;
  width:auto!important;
  min-width:0!important;
  padding:6px 9px!important;
  margin:0!important;
  font-size:9px!important;
  line-height:1!important;
  white-space:nowrap;
}
body:not(.guest-mode) .header-logout{display:inline-flex}
body.guest-mode .header-logout{display:none}

/* On the actual auth screen there is no need to repeat LOGIN / SIGN UP in the header. */
body.guest-auth-mode #guestActions{display:none}

/* Login / registration should fit without avoidable scrolling. */
body.guest-auth-mode .topbar{
  min-height:56px!important;
  padding:8px 18px!important;
}
body.guest-auth-mode .topbar .logo{font-size:19px!important;gap:7px!important}
body.guest-auth-mode .topbar .brandmarkimg{width:23px!important;height:31px!important}
body.guest-auth-mode .topbar .tag{font-size:7px!important;line-height:1!important}
body.guest-auth-mode .page{
  padding-top:10px!important;
  padding-bottom:24px!important;
}
body.guest-auth-mode #auth{
  max-width:900px;
  margin:0 auto;
}
body.guest-auth-mode #auth>.back{
  margin:0 0 6px!important;
  padding:4px 0!important;
  font-size:11px!important;
}
body.guest-auth-mode #auth>.card{
  padding:14px 18px!important;
  margin-top:0!important;
}
body.guest-auth-mode #auth .auth-tabs{
  margin-bottom:9px!important;
  gap:6px!important;
}
body.guest-auth-mode #auth .auth-tab{
  min-height:37px!important;
  padding:7px 10px!important;
  font-size:11px!important;
}
body.guest-auth-mode #auth h2{
  font-size:24px!important;
  margin:7px 0 9px!important;
}
body.guest-auth-mode #auth label{
  margin-top:7px!important;
  margin-bottom:3px!important;
  font-size:9px!important;
}
body.guest-auth-mode #auth input,
body.guest-auth-mode #auth select,
body.guest-auth-mode #auth .bookagig-select-display{
  min-height:40px!important;
  padding:8px 11px!important;
}
body.guest-auth-mode #auth #authAction{
  min-height:42px!important;
  margin-top:11px!important;
}
body.guest-auth-mode #auth> .card > .note:last-child{
  margin:8px 0 0!important;
  font-size:9px!important;
  line-height:1.3!important;
}
body.guest-auth-mode #signupExtra .signup-role-switch{
  gap:6px!important;
}
body.guest-auth-mode #signupExtra .signup-role-btn{
  min-height:40px!important;
  padding:7px 6px!important;
}
body.guest-auth-mode #signupExtra .signup-country-row{
  margin-top:7px!important;
}
body.guest-auth-mode #signupExtra .note{
  margin:6px 0!important;
  font-size:9px!important;
}

/* Keep faces/head area visible more reliably on public Artist imagery. */
.artist-cover{
  background-position:center 24%!important;
}
.profile-hero{
  background-position:center 22%!important;
}
.approval-profile-photo,
.manager-artist-photo{
  object-position:center 22%!important;
}
#profilePhotoPreviewImg,
#managerArtistPhotoPreviewImg{
  object-position:center 22%!important;
}

/* Explain profile defaults without adding another large card. */
.profile-default-docs-intro{
  margin:9px 0 12px;
  padding:9px 11px;
  border:1px solid var(--line);
  border-radius:11px;
  background:var(--panel2);
}
.profile-default-docs-intro>strong{
  display:block;
  font-size:10px;
  letter-spacing:.05em;
  color:#86f39a;
}
.profile-default-docs-intro .note{
  margin:4px 0 0!important;
  line-height:1.4;
}

@media(max-width:720px){
  .header-logout{
    padding:5px 7px!important;
    font-size:8px!important;
  }
  body.guest-auth-mode .topbar{
    padding:7px 10px!important;
    min-height:53px!important;
  }
  body.guest-auth-mode .topbar .logo{font-size:17px!important}
  body.guest-auth-mode .topbar .brandmarkimg{width:21px!important;height:28px!important}
  body.guest-auth-mode #auth>.card{padding:12px!important}
  body.guest-auth-mode #auth h2{font-size:22px!important}
}


/* UX26K — isolated mobile polish only; no booking/document/payment logic. */
@media(max-width:700px){
  body.guest-auth-mode .topbar .header-right{justify-content:flex-end!important;}
  .verification-identity-row{grid-template-columns:1fr!important;}
  .signup-contract-identity-row{grid-template-columns:1fr!important;}
}


/* HOOKAGIG DEV UX26M — APPROVED PUBLIC WEB HOME AT LAPTOP WIDTHS
   Scoped to guest/public home only. Extends the already-approved v6.137 desktop
   landing design to 980–1180 CSS px so common laptop/browser zoom settings do
   not fall back to the older bright stacked hero. No booking/Supabase/app logic changed. */
@media (min-width:980px) and (max-width:1180px){
  body.guest-mode .app{padding-left:0}
  body.guest-mode .page{max-width:1350px;margin:0 auto;padding-left:34px;padding-right:34px}
  body.guest-mode .page > #home:not(.hidden){max-width:1280px;margin:0 auto}

  body.guest-mode #home:not(.hidden){display:block}
  body.guest-mode #home > .hero{
    position:relative;
    min-height:328px;
    padding:44px 38px 118px;
    border-radius:22px;
    border:1px solid rgba(151,170,180,.16);
    justify-content:flex-start;
    background:
      linear-gradient(90deg,#090d10 0%,rgba(9,13,16,.97) 30%,rgba(9,13,16,.74) 52%,rgba(9,13,16,.18) 100%),
      url('/icons/desktop-hero-crowd-d21s.jpg?v=21s') right center/cover no-repeat;
    box-shadow:0 20px 50px rgba(0,0,0,.22);
  }
  body.guest-mode #home > .hero::after{
    content:'';
    position:absolute;
    inset:auto 0 0 0;
    height:88px;
    background:linear-gradient(180deg,transparent,rgba(8,12,15,.58));
    pointer-events:none;
  }
  body.guest-mode #home > .hero h1{font-size:58px;line-height:.96;max-width:640px;margin:0 0 14px;position:relative;z-index:1}
  body.guest-mode #home > .hero h1 .hero-accent{color:#b8ff3d}
  body.guest-mode #home > .hero p{font-size:16px;line-height:1.5;max-width:440px;color:#c5cdd1;position:relative;z-index:1}

  body.guest-mode #home > .home-search-card{
    position:relative;
    z-index:4;
    margin:-92px 22px 18px;
    min-height:auto;
    padding:18px 20px 16px;
    display:grid;
    grid-template-columns:minmax(230px,1.15fr) minmax(360px,1.45fr) minmax(190px,236px);
    grid-template-rows:auto auto auto;
    column-gap:14px;
    row-gap:6px;
    align-items:end;
    border-radius:18px;
    background:rgba(18,24,28,.96);
    border:1px solid rgba(142,160,169,.17);
    box-shadow:0 18px 40px rgba(0,0,0,.34);
    backdrop-filter:blur(12px);
  }
  body.guest-mode #home > .home-search-card > label{grid-column:1;grid-row:1;margin:0 0 3px;font-size:10px;letter-spacing:.1em}
  body.guest-mode #home > .home-search-card > #homeSearch{grid-column:1;grid-row:2;margin:0;height:52px}
  body.guest-mode #home > .home-search-card > .row{grid-column:2;grid-row:1 / 3;margin:0;gap:12px;align-items:end}
  body.guest-mode #home > .home-search-card > .row label{margin-top:0;font-size:10px;letter-spacing:.1em}
  body.guest-mode #home > .home-search-card > .row input,
  body.guest-mode #home > .home-search-card > .row .date-display{height:52px;margin:0}
  body.guest-mode #home > .home-search-card > .btn{grid-column:3;grid-row:1 / 3;width:100%;height:52px;margin:0;min-width:0;border-radius:13px;font-size:13px}
  body.guest-mode #home > .home-search-card > .home-search-benefits{grid-column:1 / -1;grid-row:3;margin-top:2px}

  body.guest-mode .desktop-home-trust{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
    margin:0 22px 22px;
  }
  body.guest-mode .desktop-trust-card{
    min-height:114px;
    display:flex;
    align-items:center;
    gap:15px;
    padding:18px;
    background:linear-gradient(180deg,#12191d,#0f1518);
    border:1px solid rgba(145,166,176,.14);
    border-radius:16px;
    box-shadow:0 10px 26px rgba(0,0,0,.12);
  }
  body.guest-mode .desktop-trust-icon{
    flex:0 0 52px;width:52px;height:52px;display:grid;place-items:center;border-radius:50%;
    color:#b8ff3d;font-size:24px;font-weight:950;border:1px solid rgba(184,255,61,.26);
    background:rgba(184,255,61,.045);box-shadow:0 0 24px rgba(184,255,61,.07);
  }
  body.guest-mode .desktop-trust-card strong{display:block;font-size:16px;margin-bottom:4px}
  body.guest-mode .desktop-trust-card .desktop-trust-copy > span{display:block;color:var(--muted);font-size:11px;line-height:1.38}

  body.guest-mode #home > .home-featured-card{
    margin:0 22px;
    padding:0 0 30px;
    background:transparent;
    border:0;
    box-shadow:none;
  }
  body.guest-mode #home .categories{margin:0 0 10px}
  body.guest-mode #home .chip{padding:7px 11px;font-size:10px}
  body.guest-mode #home .artist-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:12px}
  body.guest-mode #home .artist-card{position:relative;border-radius:16px;background:#11181c;box-shadow:0 10px 24px rgba(0,0,0,.14)}
  body.guest-mode #home .artist-cover{height:172px}
  body.guest-mode #home .artist-head .badge{position:absolute;left:10px;top:10px;z-index:3;font-size:8px;padding:5px 7px;background:rgba(8,12,15,.78);backdrop-filter:blur(6px)}
  body.guest-mode #home .artist-body{padding:12px 13px 13px}
  body.guest-mode #home .artist-title{font-size:16px;line-height:1.15}
  body.guest-mode #home .artist-meta{font-size:10.8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.guest-mode #home .artist-price{font-size:12px;margin-top:6px;color:#c9d1d5}
  body.guest-mode #home .artist-card .btn{width:100%;min-width:0;margin-top:10px;padding:9px 10px;font-size:10px;border-radius:10px}
}


.booking-chat-locked{padding:16px;border:1px solid var(--line);border-radius:14px;font-weight:800;opacity:.85;margin-top:10px}
.booking-chat-tools{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.booking-chat-delete-check{display:block;margin-top:7px;font-size:11px;font-weight:800}.booking-chat-msg.deleted{opacity:.7;font-style:italic}
.manager-chat-notif{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:7px 10px;background:rgba(122,255,47,.15);border:1px solid rgba(122,255,47,.45);font-weight:900;cursor:pointer}
.manager-chat-notif.message-unread{background:rgba(255,93,99,.11);border-color:rgba(255,93,99,.55);color:#ff9094;box-shadow:0 0 0 1px rgba(255,93,99,.035)}

/* UX27BA — compact booking workflow without smaller typography */
#deal>.deal-workflow-card{padding-top:18px}
#deal>.deal-workflow-card>h2{margin:0 0 12px;font-size:28px;line-height:1.15}
#deal #dealHeader .namecard{padding:16px 18px!important}
#deal #dealHeader .identity-title{font-size:30px!important;line-height:1.05!important;margin-top:3px}
#deal #dealHeader .identity-sub{font-size:15px!important;line-height:1.35!important}
#deal #dealHeader .section-title{font-size:13px!important;line-height:1.2!important}
#deal #dealHeader .namecard img{width:44px!important;height:44px!important;margin:6px 0!important;border-radius:11px!important}
#deal #dealStatus{margin:9px 0 4px!important;gap:6px!important}
#deal #dealStatus .step{font-size:11px!important;padding:5px 9px!important}
.contract-action-block{margin-top:10px;padding:13px 14px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.018)}
.contract-action-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;font-size:16px}
.contract-action-block .btn{margin:0!important;min-height:48px;font-size:14px!important}
@media(max-width:720px){
 #deal>.deal-workflow-card{padding:14px 12px}
 #deal>.deal-workflow-card>h2{font-size:24px}
 #deal #dealHeader .namecard{padding:13px 14px!important}
 #deal #dealHeader .identity-title{font-size:27px!important}
 #deal #dealHeader .identity-sub{font-size:15px!important}
 #deal #dealStatus{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}
 #deal #dealStatus .step{font-size:10.5px!important;white-space:nowrap}
 .contract-action-head{font-size:15px}
}

/* UX28K carried-forward compact onboarding/locked-field styles */
.signup-vat-choice{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px;padding:12px 13px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}
.signup-vat-copy{min-width:0;display:flex;flex-direction:column;gap:3px}
.signup-vat-copy strong{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--text)}
.signup-vat-copy span{font-size:11px;line-height:1.35;color:var(--muted)}
.signup-vat-toggle{margin:0;display:flex;align-items:center;gap:8px;flex:0 0 auto;cursor:pointer;text-transform:none;letter-spacing:0}
.signup-vat-toggle input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.signup-vat-control{width:42px;height:24px;border-radius:999px;background:#2a343b;border:1px solid #3b4850;padding:2px;display:inline-flex;align-items:center;transition:.18s}
.signup-vat-control>span{width:18px;height:18px;border-radius:50%;background:#f6f8f9;display:block;transition:.18s}
.signup-vat-toggle input:checked + .signup-vat-control{background:var(--green2);border-color:var(--green)}
.signup-vat-toggle input:checked + .signup-vat-control>span{transform:translateX(18px);background:#061008}
.signup-vat-toggle input:focus-visible + .signup-vat-control{outline:2px solid var(--blue);outline-offset:2px}
.signup-vat-toggle b{min-width:24px;font-size:11px;color:var(--muted);text-align:left}
.signup-vat-toggle input:checked ~ b{color:var(--green)}
@media(max-width:390px){.signup-vat-choice{align-items:flex-start;flex-direction:column}.signup-vat-toggle{align-self:flex-start}}
label.checkline:has(#signupPlatformAgreement){
 display:flex;
 align-items:flex-start;
 gap:10px;
 text-transform:none;
 letter-spacing:0;
 line-height:1.45;
}
#signupPlatformAgreement{
 width:22px!important;
 height:22px!important;
 min-width:22px;
 flex:0 0 22px;
 margin:0;
 padding:0;
 accent-color:var(--green2);
 cursor:pointer;
}
#signupPlatformAgreementText{
 display:block;
 padding-top:1px;
}
#signupPlatformAgreementText[data-i18n-skip="true"] .agreement-copy-hr,
#signupAgreementNote[data-i18n-skip="true"] .agreement-copy-hr{display:inline}
#signupPlatformAgreementText[data-i18n-skip="true"] .agreement-copy-en,
#signupAgreementNote[data-i18n-skip="true"] .agreement-copy-en{display:none}
html[data-livent-lang="en"] #signupPlatformAgreementText[data-i18n-skip="true"] .agreement-copy-hr,
html[data-livent-lang="en"] #signupAgreementNote[data-i18n-skip="true"] .agreement-copy-hr{display:none}
html[data-livent-lang="en"] #signupPlatformAgreementText[data-i18n-skip="true"] .agreement-copy-en,
html[data-livent-lang="en"] #signupAgreementNote[data-i18n-skip="true"] .agreement-copy-en{display:inline}

.signup-agreement-box{margin-top:12px;padding:13px;border:1px solid var(--line);border-radius:14px;background:rgba(162,237,32,.035)}
.signup-agreement-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}
.signup-agreement-head strong{font-size:12px;letter-spacing:.05em;text-transform:uppercase}
.signup-agreement-variant{font-size:11px;color:var(--muted);line-height:1.35}
.signup-agreement-open{min-height:38px!important;padding:8px 11px!important;white-space:nowrap}
#signupAgreementModal{overflow:hidden}
#signupAgreementModal .appmodal-card{width:min(980px,calc(100vw - 44px));height:min(94dvh,900px);max-height:94dvh;overflow:hidden;display:flex;flex-direction:column}
#signupAgreementBody{white-space:pre-wrap;font:13px/1.55 inherit;color:var(--text);background:#0c1317;border:1px solid var(--line);border-radius:12px;padding:14px;min-height:0;flex:1 1 auto;overflow-y:auto;overflow-x:hidden;margin-top:12px;overscroll-behavior:contain;scrollbar-gutter:stable}
#signupAgreementModal .signup-agreement-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px;flex:0 0 auto}
body.hookagig-agreement-open{overflow:hidden!important}
@media(max-width:640px){.signup-agreement-head{align-items:flex-start;flex-direction:column}.signup-agreement-open{width:100%}#signupAgreementModal .appmodal-card{width:calc(100vw - 18px);height:94dvh;max-height:94dvh}}

.signup-role-switch{}
.bookagig-select-display.bookagig-locked-display{
  cursor:default;
}
.bookagig-select-display.bookagig-locked-display .bookagig-select-chevron{
  display:none;
}
.bookagig-select-overlay{}


.hookagig-recurring{margin-top:10px}.hookagig-recurring-toggle{display:flex;align-items:center;gap:9px;font-weight:800;cursor:pointer}.hookagig-recurring-toggle input{width:18px;height:18px;margin:0}.hookagig-weekdays{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.hookagig-weekday{border:1px solid #d9dde3;background:transparent;border-radius:999px;padding:7px 10px;font-weight:800;cursor:pointer}.hookagig-weekday.active{background:#111;color:#fff;border-color:#111}
.hookagig-cadence-choice{margin:0 0 15px}.hookagig-cadence-choice>strong{display:block;margin:0 0 8px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.hookagig-cadence-buttons{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border:1px solid var(--line);border-radius:14px;background:#0c1418}.hookagig-cadence-btn{-webkit-appearance:none!important;appearance:none!important;min-height:42px;margin:0!important;padding:9px 13px!important;border:1px solid transparent!important;border-radius:10px!important;background:transparent!important;color:var(--muted)!important;font:800 13px/1.15 inherit!important;box-shadow:none!important;cursor:pointer}.hookagig-cadence-btn.active{background:linear-gradient(135deg,#a7ff3f,#69e77b)!important;border-color:rgba(164,255,63,.8)!important;color:#071008!important;box-shadow:0 7px 18px rgba(96,235,113,.16)!important}.hookagig-weekday{-webkit-appearance:none!important;appearance:none!important;border:1px solid var(--line)!important;background:#121c21!important;color:var(--muted)!important;border-radius:10px!important;min-width:43px;padding:9px 10px!important;font:800 12px/1 inherit!important;box-shadow:none!important}.hookagig-weekday.active{background:rgba(162,237,32,.14)!important;color:#b8ff3d!important;border-color:rgba(162,237,32,.62)!important}.booking-schedule-summary{margin:8px 0 16px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:rgba(111,238,129,.06);font-weight:800}
.recurring-request-summary{margin:12px 0;padding:14px 16px;border:1px solid rgba(162,237,32,.38);border-radius:14px;background:rgba(162,237,32,.07)}
.recurring-request-summary strong{display:block;color:#b8ff3d;margin-bottom:6px}.recurring-request-summary .note{line-height:1.55}
.recurring-offer-mode{margin:14px 0;padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(111,238,129,.05)}
.recurring-offer-mode.hidden{display:none}.recurring-offer-total{margin-top:10px;font-weight:900;color:var(--green);line-height:1.45}
#home .hookagig-recurring{margin:10px 0 2px;padding:13px 14px;border:1px solid rgba(142,160,169,.16);border-radius:14px;background:rgba(7,13,16,.34)}
#home .hookagig-recurring:has(#recurringBookingFields.hidden){display:none}
#home .hookagig-weekdays{gap:7px;margin-top:10px}
#home #recurringPreview{margin:10px 0 0!important;color:var(--muted);font-size:12px}
#home .discovery-grid input{height:54px!important;margin:0;width:100%;min-width:0;box-sizing:border-box}
@media(min-width:861px){
  #home>.home-search-card>.hookagig-cadence-choice{grid-column:1/-1;grid-row:1;margin:0 0 5px;display:flex;align-items:center;gap:14px}
  #home>.home-search-card>.hookagig-cadence-choice>strong{margin:0;white-space:nowrap}
  #home>.home-search-card>.hookagig-cadence-choice>.hookagig-cadence-buttons{width:330px}
  #home>.home-search-card>label{grid-column:1!important;grid-row:2!important}
  #home>.home-search-card>#homeSearch{grid-column:1!important;grid-row:3!important}
  #home>.home-search-card>.row{grid-column:2!important;grid-row:2/4!important}
  #home>.home-search-card>.btn{grid-column:3!important;grid-row:2/4!important}
  #home>.home-search-card>.hookagig-recurring{grid-column:1/-1;grid-row:4;margin-top:5px}
  #home>.home-search-card>.discovery-toggle-wrap{grid-column:1/-1;grid-row:5!important}
  #home>.home-search-card>.discovery-advanced{grid-column:1/-1;grid-row:6!important}
  #home .discovery-grid,body:not(.guest-mode) #home .discovery-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:860px){
  .hookagig-cadence-choice>strong{font-size:11px}
  .hookagig-cadence-btn{min-height:40px!important;font-size:12px!important;padding:8px!important}
  #home .hookagig-recurring{padding:12px 11px}
  #home .hookagig-weekdays{display:grid;grid-template-columns:repeat(4,1fr)}
  #home .hookagig-weekday{min-width:0;width:100%;padding:10px 4px!important}
}


/* PERF3 extracted head style 2 id=ux26o-ultra-compact-public-home */
/* HOOKAGIG DEV UX26O — ultra-compact public header + non-duplicated trust row. */
@media (min-width:980px){
 body.guest-mode .topbar{min-height:42px!important;padding-top:3px!important;padding-bottom:3px!important}
 body.guest-mode .topbar .logo{font-size:18px!important;gap:6px!important}
 body.guest-mode .topbar .brandmarkimg{width:20px!important;height:27px!important}
 body.guest-mode .topbar .tag{font-size:6.5px!important;line-height:1!important;margin-top:-3px!important}
 body.guest-mode .guest-actions{gap:8px!important}
 body.guest-mode .guest-actions .btn{min-height:29px!important;padding:5px 12px!important;font-size:10px!important;border-radius:10px!important}
 body.guest-mode .topbar .lang-switch{padding:2px!important}
 body.guest-mode .topbar .lang-switch button{padding:4px 8px!important;font-size:9px!important}
 body.guest-mode #home > .home-search-card > .home-search-benefits{display:none!important}
 body.guest-mode #home > .home-search-card{padding-bottom:13px!important;margin-bottom:14px!important}
 body.guest-mode .desktop-home-trust{gap:12px!important;margin:0 34px 16px!important}
 body.guest-mode .desktop-trust-card{min-height:68px!important;gap:10px!important;padding:9px 12px!important;border-radius:13px!important}
 body.guest-mode .desktop-trust-icon{flex:0 0 36px!important;width:36px!important;height:36px!important;font-size:17px!important}
 body.guest-mode .desktop-trust-card strong{font-size:13px!important;margin-bottom:1px!important}
 body.guest-mode .desktop-trust-card .desktop-trust-copy > span{font-size:9px!important;line-height:1.22!important}
 body.guest-mode .desktop-trust-metric{margin-left:auto!important}
 body.guest-mode .desktop-trust-metric b{font-size:19px!important}
 body.guest-mode .desktop-trust-metric small{font-size:7px!important}
}


/* PERF3 extracted head style 3 id=ux26p-vivid-home-registration-city */
/* HOOKAGIG DEV UX26P — stronger approved public-home color treatment. */
@media (min-width:980px){
 body.guest-mode #home > .hero{
   background:
    linear-gradient(90deg,#05090c 0%,rgba(5,9,12,.92) 26%,rgba(5,9,12,.50) 49%,rgba(5,9,12,.06) 100%),
    url('/icons/desktop-hero-crowd-d21s.jpg?v=21s') right center/cover no-repeat!important;
   border-color:rgba(166,193,205,.22)!important;
   box-shadow:0 22px 54px rgba(0,0,0,.32),0 0 48px rgba(55,141,214,.055)!important;
 }
 body.guest-mode #home > .hero h1 .hero-accent{color:#adff00!important;text-shadow:0 0 20px rgba(173,255,0,.10)}
 body.guest-mode #home > .home-search-card{
   background:linear-gradient(180deg,rgba(18,30,40,.97),rgba(11,20,27,.98))!important;
   border-color:rgba(93,154,198,.27)!important;
   box-shadow:0 18px 44px rgba(0,0,0,.40),0 0 36px rgba(54,139,205,.07)!important;
 }
 body.guest-mode .desktop-trust-card{
   background:linear-gradient(180deg,#10202a,#0b171e)!important;
   border-color:rgba(85,146,186,.23)!important;
 }
 body.guest-mode .desktop-trust-icon{color:#adff00!important;border-color:rgba(173,255,0,.32)!important;background:rgba(173,255,0,.06)!important}
 body.guest-mode .btn.primary{background:linear-gradient(180deg,#b7ff20,#8df000)!important;color:#071007!important;box-shadow:0 8px 24px rgba(150,255,0,.14)!important}
}
/* Registration city autocomplete: same dark dropdown language as the app. */
#signupCityWrap{position:relative}
#signupCityMenu{position:absolute;z-index:10020;left:0;right:0;top:calc(100% + 5px);max-height:220px;overflow:auto;background:#10181d;border:1px solid rgba(145,166,176,.28);border-radius:12px;box-shadow:0 18px 38px rgba(0,0,0,.45);padding:5px}
#signupCityMenu.hidden{display:none!important}
.signup-city-option{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;border:0;background:transparent;color:#e8eef0;text-align:left;padding:9px 10px;border-radius:9px;cursor:pointer;font:inherit}
.signup-city-option:hover,.signup-city-option.active{background:rgba(173,255,0,.08);color:#fff}
.signup-city-option small{color:#9aa8ae;font-size:10px;white-space:nowrap}
.signup-city-empty{padding:10px;color:#9aa8ae;font-size:11px}

/* HOOKAGIG DEV UX26Q — refined public-home intensity + reliable home navigation. */
.hookagig-home-logo{cursor:pointer;user-select:none}
.hookagig-home-logo:focus-visible{outline:2px solid rgba(164,238,30,.75);outline-offset:5px;border-radius:8px}
@media (min-width:980px){
 body.guest-mode #home > .hero{
   background:
    linear-gradient(90deg,#05090c 0%,rgba(5,9,12,.86) 26%,rgba(5,9,12,.39) 49%,rgba(5,9,12,.025) 100%),
    url('/icons/desktop-hero-crowd-d21s.jpg?v=21s') right center/cover no-repeat!important;
   border-color:rgba(160,184,194,.18)!important;
   box-shadow:0 20px 48px rgba(0,0,0,.30),0 0 34px rgba(55,141,214,.035)!important;
 }
 body.guest-mode #home > .hero h1 .hero-accent{color:#a8f51c!important;text-shadow:0 0 15px rgba(168,245,28,.07)!important}
 body.guest-mode #home > .home-search-card{
   background:linear-gradient(180deg,rgba(17,27,34,.975),rgba(11,18,23,.985))!important;
   border-color:rgba(108,145,164,.21)!important;
   box-shadow:0 16px 38px rgba(0,0,0,.36),0 0 26px rgba(54,139,205,.035)!important;
 }
 body.guest-mode .desktop-trust-card{
   background:linear-gradient(180deg,#101b21,#0c151a)!important;
   border-color:rgba(105,139,156,.18)!important;
 }
 body.guest-mode .desktop-trust-icon{color:#a8f51c!important;border-color:rgba(168,245,28,.25)!important;background:rgba(168,245,28,.045)!important}
 body.guest-mode .btn.primary{background:linear-gradient(180deg,#aef21f,#8fd70b)!important;color:#071007!important;box-shadow:0 7px 19px rgba(150,235,20,.09)!important}
}

/* HOOKAGIG DEV UX26R — final public-home tone + auth/home cleanup. */
@media (min-width:980px){
 body.guest-mode #home > .hero{
   background:
    linear-gradient(90deg,#05090c 0%,rgba(5,9,12,.82) 24%,rgba(5,9,12,.30) 47%,rgba(5,9,12,0) 100%),
    url('/icons/desktop-hero-crowd-d21s.jpg?v=21s') right center/cover no-repeat!important;
   border-color:rgba(150,174,184,.16)!important;
   box-shadow:0 18px 42px rgba(0,0,0,.28)!important;
 }
 body.guest-mode #home > .hero h1 .hero-accent{color:#a2ed20!important;text-shadow:none!important}
 body.guest-mode #home > .home-search-card{
   background:linear-gradient(180deg,rgba(16,25,31,.975),rgba(11,18,22,.985))!important;
   border-color:rgba(100,132,148,.18)!important;
   box-shadow:0 14px 34px rgba(0,0,0,.33)!important;
 }
 body.guest-mode .desktop-trust-card{
   background:linear-gradient(180deg,#0f191e,#0b1418)!important;
   border-color:rgba(96,126,140,.16)!important;
 }
 body.guest-mode .desktop-trust-icon{color:#a2ed20!important;border-color:rgba(162,237,32,.20)!important;background:rgba(162,237,32,.03)!important}
 body.guest-mode .btn.primary{background:linear-gradient(180deg,#a6ed27,#8bd215)!important;color:#071007!important;box-shadow:0 6px 16px rgba(145,220,20,.065)!important}
}

/* HOOKAGIG DEV UX26V — signed-in home visual alignment only.
   Reuses the approved public-home crowd asset and green accent, while keeping
   the in-app hero compact so dashboard content remains close to the fold. */
@media (min-width:980px){
 body:not(.guest-mode) #home > .hero{
   min-height:250px!important;
   padding:34px 36px!important;
   justify-content:flex-end!important;
   background:
    linear-gradient(90deg,#05090c 0%,rgba(5,9,12,.80) 25%,rgba(5,9,12,.30) 49%,rgba(5,9,12,0) 100%),
    url('/icons/desktop-hero-crowd-d21s.jpg?v=21s') right center/cover no-repeat!important;
   border:0!important;
   box-shadow:0 16px 36px rgba(0,0,0,.24)!important;
 }
 body:not(.guest-mode) #home > .hero::after{height:58px!important;background:linear-gradient(180deg,transparent,rgba(8,12,15,.34))!important}
 body:not(.guest-mode) #home > .hero h1{font-size:48px!important;line-height:.97!important;margin:0 0 10px!important;max-width:590px!important}
 body:not(.guest-mode) #home > .hero h1 .hero-accent{color:#a2ed20!important;text-shadow:none!important}
 body:not(.guest-mode) #home > .hero p{font-size:15px!important;line-height:1.45!important;max-width:520px!important;color:#d2d9dc!important}
}

/* HOOKAGIG DEV UX27L — surgical HR VAT label + mobile hero accent parity only.
   No finance calculations, booking logic, Supabase, discovery or image changes. */

/* HOOKAGIG DEV UX27K — mobile home hero image parity only.
   Use the same approved crowd asset as desktop; no layout/app logic changes. */
@media (max-width:979px){
  #home > .hero{
    background:
      linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.80)),
      url('/icons/desktop-hero-crowd.jpg?v=27k') center/cover no-repeat!important;
  }
}

/* HOOKAGIG DEV UX27O — regression-safe final polish over UX27N.
   Fixes calendar alignment/readability, verified HR label, verification city/postal completeness behavior, and mobile city/postal alignment.
   No booking/finance/payment/Supabase/discovery logic changes. */

/* HOOKAGIG DEV UX27N — final staging polish only:
   preserve expanded booking rows on HR/EN, verification city autocomplete/postal autofill,
   verified-label localization and modest desktop content-width refinement.
   No booking, finance, payment, Supabase or discovery logic changes. */
#verificationCityWrap{position:relative}
#verificationCityMenu{position:absolute;z-index:10020;left:0;right:0;top:calc(100% + 5px);max-height:220px;overflow:auto;background:#10181d;border:1px solid rgba(145,166,176,.28);border-radius:12px;box-shadow:0 18px 38px rgba(0,0,0,.45);padding:5px}
#verificationCityMenu.hidden{display:none!important}
.payout-city-menu{position:absolute;z-index:10020;left:0;right:0;top:calc(100% + 5px);max-height:220px;overflow:auto;background:#10181d;border:1px solid rgba(145,166,176,.28);border-radius:12px;box-shadow:0 18px 38px rgba(0,0,0,.45);padding:5px}
.payout-city-menu.hidden{display:none!important}
/* UX27O — surgical visual fixes only. */
#calendarPage .card:has(#calendarGrid) > .calendar-grid{
  width:min(100%,680px);
  margin-left:auto;
  margin-right:auto;
}
#calendarPage .calendar-agenda-item,
#calendarPage .calendar-agenda-title,
#calendarPage .calendar-agenda-status{color:var(--text)!important}
#calendarPage .calendar-agenda-sub{color:var(--muted)!important}
@media(max-width:720px){
  .verification-city-postal-row>div>label{
    min-height:38px;
    display:flex;
    align-items:flex-end;
  }
  .verification-city-postal-row input{min-height:58px}
}
/* UX27O: revert UX27N desktop width expansion to the previously stable layout. */


/* PERF3 extracted head style 4 id=ux27ajAccordionCss */
/* UX27AJ — one-line accordion system. Functional logic is unchanged. */
.hg-accordion{padding:0!important;overflow:hidden;margin:10px 0!important;border-radius:16px}
.hg-accordion-summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:54px;padding:0 18px;cursor:pointer;font-size:16px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;color:var(--text);user-select:none}
.hg-accordion-summary::-webkit-details-marker{display:none}
.hg-accordion-summary::marker{display:none;content:""}
.hg-accordion-summary:hover{background:rgba(255,255,255,.025)}
.hg-accordion[open]>.hg-accordion-summary{border-bottom:1px solid var(--line)}
.hg-accordion-chevron{font-size:28px;line-height:1;font-weight:400;transform:rotate(0deg);transition:transform .16s ease;color:var(--muted)}
.hg-accordion[open]>.hg-accordion-summary .hg-accordion-chevron{transform:rotate(90deg)}
.hg-accordion-body{padding:18px}
.hg-accordion-summary-main{display:flex;align-items:center;gap:10px;min-width:0}
.hg-accordion-summary-side{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.hg-accordion-status{display:inline-flex;align-items:center;min-height:26px;padding:3px 9px;border-radius:999px;border:1px solid rgba(122,242,139,.28);background:rgba(122,242,139,.09);color:#8df59b;font-size:11px;font-weight:900;letter-spacing:.045em;white-space:nowrap}
.hg-accordion-status.blue{border-color:rgba(83,183,255,.25);background:rgba(83,183,255,.09);color:#8bc9ff}
.hg-accordion-status.warn{border-color:rgba(255,193,74,.28);background:rgba(255,193,74,.09);color:#ffd27a}
.hg-accordion-status.muted{border-color:var(--line);background:rgba(255,255,255,.025);color:var(--muted)}
.hg-action-accordion>.hg-accordion-summary{box-shadow:inset 3px 0 0 rgba(122,242,139,.72)}
.hg-finance-body>.card{margin:0 0 10px!important;padding:0 0 14px!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.hg-finance-body>.card:last-child{margin-bottom:0!important;padding-bottom:0!important;border-bottom:0!important}
.hg-finance-body>.card>h3{font-size:18px}
.hg-accordion-body .sumrow{font-size:15px}
.hg-accordion-body .sumrow.total{font-size:17px}
.hg-accordion-body .note{font-size:14px;line-height:1.5}
/* Static secondary sections on Account / Manager / Admin use the same interaction. */
.hg-auto-accordion>.hg-accordion-summary{font-size:16px}
.hg-auto-accordion>.hg-accordion-body{padding:18px}
@media(max-width:700px){
 .hg-accordion-summary{min-height:52px;padding:0 14px;font-size:15px}
 .hg-accordion-body{padding:14px}
 .hg-accordion-body .sumrow{font-size:15px}
}


/* PERF3 extracted head style 5 id=ux27anFinalPaymentDueCss */
.hg-final-payment-due{background:var(--red)!important;color:#160707!important;border:1px solid #ff9a9a!important;font-weight:950!important;box-shadow:0 8px 22px rgba(255,122,122,.18)!important}
.hg-accordion-status.red{background:#351919!important;color:var(--red)!important}
/* UX27AY — global unresolved action indicator.
   Independent from notification read/unread state: it stays visible until the
   underlying booking action is actually resolved. */
.global-action-alert{
  position:fixed;right:14px;bottom:84px;z-index:58;width:min(390px,calc(100vw - 28px));
  padding:0;border:0;background:transparent;text-align:left;filter:drop-shadow(0 14px 28px rgba(0,0,0,.38));
}
.global-action-alert.hidden{display:none!important}
.global-action-alert-card{
  display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:11px;align-items:center;
  width:100%;padding:12px 13px;border-radius:15px;cursor:pointer;color:#f5f8f6;
  background:linear-gradient(135deg,rgba(30,37,25,.98),rgba(14,20,17,.98));
  border:1px solid rgba(184,255,61,.48);box-shadow:0 0 0 1px rgba(184,255,61,.06) inset,0 0 24px rgba(184,255,61,.13);
}
.global-action-alert-card:active{transform:translateY(1px)}
.global-action-pulse{
  width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:950;font-size:19px;
  color:#10150c;background:#b8ff3d;box-shadow:0 0 0 0 rgba(184,255,61,.48);animation:hookagigActionPulse 1.8s infinite;
}
.global-action-copy{min-width:0}
.global-action-kicker{display:block;color:#b8ff3d;font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;margin-bottom:3px}
.global-action-title{display:block;font-size:13px;font-weight:900;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.global-action-meta{display:block;color:#b7c0c3;font-size:11px;line-height:1.3;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.global-action-count{min-width:28px;height:28px;padding:0 7px;border-radius:999px;display:grid;place-items:center;background:#ff5d63;color:white;font-size:12px;font-weight:950}
@keyframes hookagigActionPulse{0%{box-shadow:0 0 0 0 rgba(184,255,61,.46)}65%{box-shadow:0 0 0 10px rgba(184,255,61,0)}100%{box-shadow:0 0 0 0 rgba(184,255,61,0)}}
@media (min-width:1181px){.global-action-alert{right:24px;bottom:24px;width:390px}}


/* PERF3 extracted head style 6 id=ux27bkSubtleAtmosphereCss */
/* HOOKAGIG DEV UX27BM — premium veil + mobile stability + larger desktop nav icons.
   Visual-only. Based directly on UX27BH. No layout geometry or app logic changes. */
.nav b svg{
  width:23px;height:23px;display:block;
  fill:none;stroke:currentColor;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round;
}
@media (min-width:980px){
  body:not(.guest-mode){
    background:
      linear-gradient(90deg,rgba(7,11,14,.82) 0%,rgba(7,11,14,.90) 27%,rgba(7,11,14,.94) 50%,rgba(7,11,14,.90) 73%,rgba(7,11,14,.82) 100%),
      linear-gradient(rgba(8,12,15,.78),rgba(8,12,15,.88)),
      url('/icons/desktop-hero-crowd-d21s.jpg?v=21s') center 26%/cover fixed no-repeat,
      var(--bg)!important;
  }
  /* Dark veil keeps the photo atmospheric rather than colourful. */
  body:not(.guest-mode)::before{
    content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;
    background:
      radial-gradient(ellipse at 50% 44%,rgba(5,9,12,.56) 0%,rgba(5,9,12,.42) 30%,rgba(5,9,12,.12) 61%,transparent 78%),
      radial-gradient(circle at 77% 17%,rgba(201,160,92,.045),transparent 29rem),
      rgba(5,9,12,.12);
  }
  .topbar{background:rgba(9,13,16,.91)!important;backdrop-filter:blur(14px)}
  .nav{background:linear-gradient(180deg,rgba(10,15,19,.985),rgba(8,13,17,.975))!important;backdrop-filter:blur(14px)}
  .nav b{color:#d8e0e4}
  body:has(#home:not(.hidden)) .nav button:first-child b,
  body:has(#bookings:not(.hidden)) .nav button:nth-child(2) b,
  body:has(#artistBookings:not(.hidden)) .nav button:nth-child(2) b,
  body:has(#calendarPage:not(.hidden)) .nav button:nth-child(3) b,
  body:has(#organizerDash:not(.hidden)) .nav button:nth-child(4) b,
  body:has(#artistDash:not(.hidden)) .nav button:nth-child(4) b,
  body:has(#managerDash:not(.hidden)) .nav button:nth-child(4) b,
  body:has(#adminDash:not(.hidden)) .nav button:nth-child(4) b,
  body:has(#account:not(.hidden)) .nav button:nth-child(5) b{color:#b7ff39}
}
@media (max-width:979px){
  /* No decorative photo on mobile. Preserve the original clean UX27BH background. */
  body{background:var(--bg)!important}
  body::before{display:none!important}
  .nav b{
    width:auto!important;height:auto!important;min-width:0!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    margin:0 auto 4px!important;color:#d9e1e5!important;
  }
  .nav b svg{width:24px!important;height:24px!important}
  .nav button{overflow:visible!important}
  body:has(#home:not(.hidden)) .nav button:first-child b,
  body:has(#bookings:not(.hidden)) .nav button:nth-child(2) b,
  body:has(#artistBookings:not(.hidden)) .nav button:nth-child(2) b,
  body:has(#calendarPage:not(.hidden)) .nav button:nth-child(3) b,
  body:has(#organizerDash:not(.hidden)) .nav button:nth-child(4) b,
  body:has(#artistDash:not(.hidden)) .nav button:nth-child(4) b,
  body:has(#managerDash:not(.hidden)) .nav button:nth-child(4) b,
  body:has(#adminDash:not(.hidden)) .nav button:nth-child(4) b,
  body:has(#account:not(.hidden)) .nav button:nth-child(5) b{color:#b7ff39!important}

  /* UX27BM — mobile visual stability. Keep bottom nav locked and stop late
     content changes from shifting the viewport while screens are opening. */
  html,body{overflow-anchor:none!important}
  .page{
    min-height:calc(100dvh - 150px);
    overflow-anchor:none!important;
  }
  .page > section{overflow-anchor:none!important}
  .nav{
    min-height:0!important;
    padding:7px 5px max(8px,env(safe-area-inset-bottom))!important;
    contain:layout paint;
  }
  .nav button{
    min-height:54px!important;
    padding:5px 2px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
    line-height:1.15!important;
  }
  .nav b{margin:0 auto 2px!important}
  .nav button,.nav b,.nav b svg{transition:none!important}
  .card,.dashboard-booking-row,.booking-compact,.stat{
    transform:none!important;
  }
}


/* PERF3 extracted head style 7 id=ux27daExplicitWorkflowCss */
/* UX27DC overlay: calmer action emphasis + contract auto-reveal, no business-rule changes. */
/* HOOKAGIG DEV UX27DA — explicit end-to-end guidance only.
   Red = this user must act; amber = another party/process must act; green = complete. */
.booking-guidance-card{margin:10px 0;padding:14px 16px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.018)}
.booking-guidance-card.action{border-color:rgba(255,93,99,.38);background:rgba(255,255,255,.016);box-shadow:0 0 0 1px rgba(255,93,99,.025)}
.booking-guidance-card.waiting{border-color:rgba(255,193,74,.20);background:rgba(255,255,255,.014);box-shadow:none}
.booking-guidance-card.done{border-color:rgba(122,242,139,.30);background:rgba(122,242,139,.035);box-shadow:inset 4px 0 0 rgba(122,242,139,.72)}
.booking-guidance-kicker{font-size:10px;font-weight:950;letter-spacing:.10em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.booking-guidance-card.action .booking-guidance-kicker{color:#ff8e92}.booking-guidance-card.waiting .booking-guidance-kicker{color:rgba(255,210,122,.78)}.booking-guidance-card.done .booking-guidance-kicker{color:#8df59b}
.booking-guidance-title{font-size:16px;font-weight:950;line-height:1.25}.booking-guidance-detail{margin-top:5px;color:#c5ced1;font-size:13px;line-height:1.5}
.booking-guidance-card.waiting .booking-guidance-title{font-size:15px;font-weight:800;line-height:1.35;color:#eef2f3}
.booking-guidance-card.waiting .booking-guidance-detail{margin-top:4px;color:#aeb8bc;font-size:12.5px;line-height:1.48}
.contract-action-help{margin:-2px 0 10px;color:#c5ced1;font-size:13px;line-height:1.5}
.contract-action-block.needs-action{border-color:rgba(255,93,99,.46);background:rgba(255,255,255,.018);box-shadow:0 0 0 1px rgba(255,93,99,.03)}
.contract-action-block.waiting-state{border-color:rgba(255,193,74,.34);background:rgba(255,193,74,.045);box-shadow:inset 4px 0 0 rgba(255,193,74,.8)}
.contract-action-block.complete-state{border-color:rgba(122,242,139,.30);background:rgba(122,242,139,.035);box-shadow:inset 4px 0 0 rgba(122,242,139,.72)}
.hg-needs-action>.hg-accordion-summary{box-shadow:inset 2px 0 0 rgba(255,93,99,.72);background:rgba(255,93,99,.012)}
.hg-waiting-state>.hg-accordion-summary{box-shadow:inset 4px 0 0 rgba(255,193,74,.8);background:rgba(255,193,74,.025)}
.hg-complete-state>.hg-accordion-summary{box-shadow:inset 4px 0 0 rgba(122,242,139,.68)}
.workflow-inline-note{display:flex;flex-direction:column;gap:3px;margin:0 0 12px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);font-size:13px;line-height:1.45}
.workflow-inline-note.action{border-color:rgba(255,93,99,.45);background:rgba(255,93,99,.06)}.workflow-inline-note.waiting{border-color:rgba(255,193,74,.28);background:rgba(255,193,74,.045)}.workflow-inline-note.done{border-color:rgba(122,242,139,.25);background:rgba(122,242,139,.04)}
.workflow-inline-note strong{font-size:10px;letter-spacing:.08em;text-transform:uppercase}.workflow-inline-note span{color:#c5ced1}
.workflow-action-card{border-color:rgba(255,93,99,.38)!important;background:rgba(255,255,255,.016)!important;box-shadow:none!important}.workflow-wait-card{border-color:rgba(255,193,74,.30)!important;box-shadow:inset 3px 0 0 rgba(255,193,74,.68)!important}
.badge.red,.booking-mini-badge.red{background:#351919!important;border-color:rgba(255,93,99,.55)!important;color:#ff9094!important}
#deal .hg-accordion-status{white-space:normal;text-align:right;justify-content:flex-end;line-height:1.2;max-width:min(52vw,460px)}
#contractPane{scroll-margin-top:22px}
.contract-open-hint{margin:4px 0 10px;padding:9px 11px;border:1px solid rgba(183,255,57,.20);border-radius:11px;background:rgba(183,255,57,.035);color:#c7d0d4;font-size:12.5px;line-height:1.45}
.contract-open-hint strong{color:#e8edef}
#contractPane.contract-pane-focus .contract{border-color:rgba(183,255,57,.45);box-shadow:0 0 0 2px rgba(183,255,57,.08);transition:border-color .25s ease,box-shadow .25s ease}
.hgu-managed-state{margin-top:9px;padding:10px 12px;border:1px solid rgba(255,193,74,.24);border-radius:13px;background:rgba(255,193,74,.035);color:#c9d1d4;font-size:12.5px;line-height:1.5}
.hgu-managed-state.verified{border-color:rgba(122,242,139,.25);background:rgba(122,242,139,.04)}
.hgu-managed-state .btn{width:auto!important;margin:8px 0 0!important;padding:9px 13px!important}
.hgu-proof-box{display:block!important}

@media(max-width:700px){.booking-guidance-card{padding:12px 13px}.booking-guidance-title{font-size:15px}.booking-guidance-detail,.contract-action-help{font-size:12.5px}#deal .hg-accordion-summary{min-height:58px}#deal .hg-accordion-status{max-width:52vw;font-size:10px}.booking-mini-badge.red{max-width:180px;white-space:normal;line-height:1.2;text-align:center}}


/* PERF3 extracted head style 8 id=hookagig-v198al12-language-identical-home */
@media (min-width:980px){
  /* Language changes may change copy length, but never the geometry of Home. */
  body:not(.guest-mode) #home > .hero{
    height:250px!important;
    min-height:250px!important;
  }
  body:not(.guest-mode) #home > .hero h1{
    font-size:48px!important;
    line-height:.97!important;
    min-height:94px!important;
    max-height:94px!important;
    margin:0 0 10px!important;
  }
  body:not(.guest-mode) #home > .hero p{
    font-size:15px!important;
    line-height:1.45!important;
    min-height:22px!important;
    max-height:44px!important;
  }

  /* The cadence row is fixed-size so longer English labels cannot make the card taller. */
  body:not(.guest-mode) #home > .home-search-card > .hookagig-cadence-choice{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 330px!important;
    align-items:center!important;
    gap:14px!important;
    min-height:42px!important;
    margin:0 0 5px!important;
  }
  body:not(.guest-mode) #home #homeCadenceTitle{
    margin:0!important;
    font-size:12px!important;
    line-height:1.15!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body:not(.guest-mode) #home .hookagig-cadence-buttons{
    width:330px!important;
    height:42px!important;
    min-height:42px!important;
  }
  body:not(.guest-mode) #home .hookagig-cadence-btn{
    height:34px!important;
    min-height:34px!important;
    padding:7px 9px!important;
    font-size:11px!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  /* Prevent translated labels from introducing an extra row/height. */
  body:not(.guest-mode) #home > .home-search-card > label,
  body:not(.guest-mode) #home > .home-search-card > .row label{
    min-height:12px!important;
    line-height:1.1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body:not(.guest-mode) #home .discovery-toggle{
    white-space:nowrap!important;
    min-height:34px!important;
    line-height:1!important;
  }
}


/* PERF3 extracted head style 9 id=hookagig-v198al17-home-recurring-embedded-css */
/* AL17 — Home recurring entry only. Embedded inside the real document. */
#home>.home-search-card>.hookagig-cadence-choice{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  gap:0!important;min-height:36px!important;margin:0 0 7px!important;
}
#home .hookagig-cadence-buttons{
  display:block!important;width:auto!important;max-width:100%!important;height:auto!important;min-height:0!important;
  padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;
}
#home #homeCadenceRecurring{
  width:234px!important;max-width:100%!important;min-width:234px!important;height:36px!important;min-height:36px!important;
  margin:0!important;padding:7px 12px!important;border:1px solid rgba(162,237,32,.32)!important;
  border-radius:999px!important;background:rgba(162,237,32,.04)!important;color:#b8ff3d!important;
  box-shadow:none!important;font-size:11px!important;font-weight:900!important;line-height:1!important;
  letter-spacing:.02em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
#home #homeCadenceRecurring.active,#home #homeCadenceRecurring[aria-pressed="true"]{
  border-color:rgba(162,237,32,.62)!important;background:rgba(162,237,32,.12)!important;color:#d8ff86!important;
}
@media(max-width:520px){
  #home>.home-search-card>.hookagig-cadence-choice{min-height:40px!important;margin-bottom:6px!important}
  #home .hookagig-cadence-buttons{width:100%!important}
  #home #homeCadenceRecurring{width:100%!important;min-width:0!important;height:40px!important;min-height:40px!important;padding:8px 10px!important;font-size:10.5px!important;text-align:center!important}
}


/* PERF3 extracted head style 10 id=hookagig-v198al21-precision-search-language-geometry */
/* AL21 — desktop-only geometry lock for the Home precision-search toggle. */
@media (min-width:861px){
  #home #discoveryToggleBtn{
    width:396px!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
}


/* PERF3 extracted head style 11 id=hookagig-v198d16d-booking-access-css */
.booking-access-shell{max-width:960px;margin:0 auto}.booking-access-hero{display:grid;gap:10px}.booking-access-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.booking-access-meta .card{margin:0}.booking-access-member{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.booking-access-member:last-child{border-bottom:0}.booking-access-member-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.booking-access-invite-link{word-break:break-all;font-size:12px}.booking-access-chat-list{max-height:420px;overflow:auto;display:flex;flex-direction:column;gap:8px;padding:6px 0}.booking-access-chat-msg{max-width:82%;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.03)}.booking-access-chat-msg.mine{align-self:flex-end}.booking-access-chat-msg.theirs{align-self:flex-start}.booking-access-chat-meta{font-size:11px;opacity:.7;margin-top:5px}.booking-access-compose{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end;margin-top:10px}.booking-access-compose textarea{min-height:72px}.booking-access-admin-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:8px}.booking-access-suggestion{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 0;border-bottom:1px solid var(--line)}@media(max-width:760px){.booking-access-meta,.booking-access-admin-grid{grid-template-columns:1fr}.booking-access-member{grid-template-columns:1fr}.booking-access-member-actions{justify-content:flex-start}.booking-access-compose{grid-template-columns:1fr}.booking-access-chat-msg{max-width:92%}}
.booking-access-calendar-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.booking-access-calendar-nav{display:flex;gap:6px}.booking-access-calendar-week,.booking-access-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.booking-access-calendar-week span{text-align:center;font-size:11px;opacity:.65;font-weight:800}.booking-access-calendar-day{min-height:54px;border:1px solid var(--line);border-radius:10px;padding:6px;background:rgba(255,255,255,.02);font-size:12px}.booking-access-calendar-day.other{opacity:.28}.booking-access-calendar-day.has-gig{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.06)}.booking-access-calendar-day .daynum{font-weight:900}.booking-access-calendar-dot{display:block;width:7px;height:7px;border-radius:999px;background:currentColor;margin-top:5px}.booking-access-schedule-row{width:100%;text-align:left;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025);padding:10px 12px;margin-top:7px;color:inherit}.booking-access-schedule-row strong{display:block}.booking-access-schedule-row .note{margin-top:3px}@media(max-width:560px){.booking-access-calendar-day{min-height:45px;padding:5px}.booking-access-calendar-grid,.booking-access-calendar-week{gap:3px}}


/* PERF3 extracted head style 12 id=hookagig-d16g-managed-artist-polish */
#bookingAccess .d16g-portal-hero{position:relative;overflow:hidden;padding:20px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));border-radius:18px}
#bookingAccess .d16g-portal-hero:after{content:"";position:absolute;right:-70px;top:-80px;width:190px;height:190px;border-radius:50%;background:rgba(255,255,255,.045);pointer-events:none}
#bookingAccess .d16g-portal-title{margin:10px 0 4px;font-size:clamp(25px,4vw,38px);line-height:1.05}
#bookingAccess .d16g-portal-sub{max-width:700px;margin:0;line-height:1.55;opacity:.78}
#bookingAccess .d16g-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px}
#bookingAccess .d16g-stat{padding:11px 12px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025)}
#bookingAccess .d16g-stat strong{display:block;font-size:19px;margin-top:3px}
#bookingAccess .d16g-booking-list{display:grid;gap:8px;margin-top:10px}
#bookingAccess .d16g-booking-row{width:100%;display:grid;grid-template-columns:88px minmax(0,1fr) auto;gap:12px;align-items:center;text-align:left;padding:12px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025);color:inherit}
#bookingAccess .d16g-booking-row:hover{background:rgba(255,255,255,.055)}
#bookingAccess .d16g-booking-date{font-weight:900;font-size:14px}.d16g-booking-date small{display:block;font-weight:600;opacity:.62;margin-top:2px}
#bookingAccess .d16g-booking-main strong{display:block;font-size:15px}.d16g-booking-main .note{margin-top:3px}
#bookingAccess .d16g-finance-card{border-color:rgba(255,255,255,.18);background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.015))}
#bookingAccess .d16g-finance-total{margin-top:8px;padding-top:12px;border-top:1px solid rgba(255,255,255,.16)}
#bookingAccess .d16g-finance-total strong{font-size:21px}
#bookingAccess .d16g-support-line{padding-left:10px;border-left:2px solid rgba(255,255,255,.14)}
#bookingAccess .d16g-access-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid var(--line);border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.04em}
@media(max-width:700px){#bookingAccess .d16g-stat-grid{grid-template-columns:1fr 1fr}#bookingAccess .d16g-booking-row{grid-template-columns:70px minmax(0,1fr)}#bookingAccess .d16g-booking-row>.badge{grid-column:1/-1;justify-self:start}}
@media(max-width:480px){#bookingAccess .d16g-stat-grid{grid-template-columns:1fr}#bookingAccess .d16g-portal-hero{padding:16px}}


/* PERF3 extracted head style 13 id=hookagig-v198d16i-managed-portal-style */
.d16i-managed-portal{display:grid;gap:14px}.d16i-managed-hero{background:linear-gradient(180deg,rgba(50,170,110,.12),rgba(14,20,24,.98))}.d16i-managed-hero h2{margin:10px 0 6px;font-size:30px}.d16i-booking-list{display:grid;gap:9px;margin-top:12px}.d16i-booking-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:14px;padding:13px;color:inherit}.d16i-booking-row strong{display:block;font-size:16px}.d16i-booking-row small{display:block;margin-top:5px;color:var(--muted);font-size:13px}.d16i-empty{padding:12px;border:1px dashed var(--line);border-radius:14px}.d16i-finance .sumrow{margin-top:10px}.d16i-own-total{margin-top:14px;padding:14px;border-radius:14px;border:1px solid rgba(92,235,137,.55);background:rgba(45,180,95,.12);display:flex;justify-content:space-between;gap:12px;align-items:center}.d16i-own-total strong{font-size:20px}.booking-access-calendar-day.has-gig{background:rgba(42,184,91,.22)!important;border:2px solid #47dc7a!important;box-shadow:inset 0 0 0 1px rgba(71,220,122,.25),0 0 14px rgba(71,220,122,.12)}.booking-access-calendar-day.has-gig .daynum{font-weight:900;color:#fff}.booking-access-calendar-dot{display:block!important;width:auto!important;height:auto!important;border-radius:999px!important;margin:5px 4px 0!important;padding:2px 5px!important;font-size:8px!important;line-height:1.15!important;background:#42d978!important;color:#07140b!important;font-weight:900!important}.booking-access-calendar-day.gig-rescheduled{border-color:#e8b449!important;background:rgba(232,180,73,.18)!important}.booking-access-calendar-day.gig-cancelled{border-color:#df6666!important;background:rgba(223,102,102,.15)!important;opacity:.82}@media(max-width:600px){.d16i-own-total{align-items:flex-start;flex-direction:column}.d16i-managed-hero h2{font-size:26px}}
/* HOOKAGIG v6.198D16L — universal monthly performance columns */
#bookingAccess .d16l-months{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding:4px 2px 10px;margin-top:12px;-webkit-overflow-scrolling:touch}
#bookingAccess .d16l-month{flex:0 0 min(320px,84vw);scroll-snap-align:start;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.018);padding:12px}
#bookingAccess .d16l-month-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px;padding-bottom:8px;border-bottom:1px solid var(--line)}
#bookingAccess .d16l-month-head strong{font-size:15px;text-transform:capitalize}
#bookingAccess .d16l-month-count{font-size:10px;font-weight:900;opacity:.65}
#bookingAccess .d16l-month-list{display:grid;gap:8px;max-height:360px;overflow-y:auto;overscroll-behavior:contain;padding-right:3px;-webkit-overflow-scrolling:touch}
#bookingAccess .d16l-gig{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;text-align:left;border:1px solid rgba(255,255,255,.10);border-radius:12px;background:rgba(255,255,255,.025);padding:11px;color:inherit}
#bookingAccess .d16l-gig:hover{background:rgba(255,255,255,.05)}
#bookingAccess .d16l-gig strong{display:block;font-size:14px;line-height:1.25}.d16l-gig small{display:block;margin-top:4px;color:var(--muted);font-size:11px;line-height:1.35}
#bookingAccess .d16l-gig .badge{justify-self:end;align-self:start}
#bookingAccess .d16l-empty{padding:12px;border:1px dashed var(--line);border-radius:13px;color:var(--muted)}
#bookingAccess .d16m-managed-archive{margin-top:12px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.015);overflow:hidden}
#bookingAccess .d16m-managed-archive>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;padding:11px 13px;cursor:pointer;font-size:11px;font-weight:900;letter-spacing:.07em;color:var(--muted)}
#bookingAccess .d16m-managed-archive>summary::-webkit-details-marker{display:none}
#bookingAccess .d16m-managed-archive-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 7px;border:1px solid var(--line);border-radius:999px;color:var(--text);font-size:10px}
#bookingAccess .d16m-managed-archive-body{padding:0 10px 10px;border-top:1px solid var(--line)}
#bookingAccess .booking-access-suggestion{display:grid!important;grid-template-columns:minmax(0,1fr) 142px!important;align-items:center!important;gap:12px!important}
#bookingAccess .booking-access-suggestion .btn{width:100%!important;margin:0!important;min-height:52px!important}
@media(max-width:560px){#bookingAccess .d16l-month{flex-basis:86vw}#bookingAccess .booking-access-suggestion{grid-template-columns:minmax(0,1fr) 128px!important;gap:8px!important}}


/* PERF3 extracted head style 14 id=hookagig-v198d21w-music-styles-css */
.music-style-field{min-width:0}
.music-style-picker{position:relative}
.music-style-picker-trigger{width:100%;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);padding:11px 13px;font:inherit;cursor:pointer}
.music-style-picker-trigger:hover{border-color:rgba(162,237,32,.55)}
.music-style-picker-summary{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.music-style-picker-chevron{flex:0 0 auto;color:var(--muted)}
.music-style-picker-menu{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:0 10px 28px rgba(0,0,0,.18);position:relative;z-index:20}
.music-style-picker-menu.hidden{display:none!important}
.music-style-option{width:auto!important;min-height:36px!important;margin:0!important;padding:7px 10px!important;border:1px solid var(--line)!important;border-radius:999px!important;background:transparent!important;color:var(--text)!important;font-weight:700!important;cursor:pointer}
.music-style-option.active{background:#a2ed20!important;border-color:#a2ed20!important;color:#07100a!important}
.music-style-note{margin:6px 0 0}
#home #homeMusicStyle{height:52px;margin:0;width:100%;min-width:0;box-sizing:border-box}
@media(max-width:560px){.music-style-picker-menu{gap:6px;padding:8px}.music-style-option{font-size:13px!important;padding:7px 9px!important}}


/* PERF5V3Q — diagnostic: disable desktop-only expensive paint/composite atmosphere.
   Layout/geometry/business logic unchanged. Mobile unchanged. */
@media (min-width:980px){
  body:not(.guest-mode){background:var(--bg)!important}
  body:not(.guest-mode)::before{display:none!important}
  body:not(.guest-mode) .topbar,
  body:not(.guest-mode) .nav{
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
}


/* IMG8 — navless booking-access shell. Structural only; normal role layouts remain unchanged. */
@media (min-width:980px){
  html[data-hg-access-navless="1"] body:not(.guest-mode) .app{padding-left:0!important;}
  html[data-hg-access-navless="1"] body:not(.guest-mode) .bookagig-select-overlay{padding-left:0!important;}
}

/* D23A PHOTOHERO1 — public Artist smart hero only. Home/search cards remain unchanged. */
.profile-hero.hg-smart-hero{
  height:clamp(290px,31vw,410px);
  background:#0b1114;
  isolation:isolate;
}
.profile-hero.hg-smart-hero .profile-hero-backdrop{
  position:absolute;
  inset:-20px;
  z-index:0;
  background-size:cover;
  background-position:center 22%;
  filter:blur(18px) brightness(.56) saturate(.92);
  transform:scale(1.06);
  opacity:.74;
  pointer-events:none;
}
.profile-hero.hg-smart-hero .profile-hero-image{
  position:absolute;
  inset:0;
  z-index:1;
  width:100%;
  height:100%;
  display:block;
  opacity:0;
  transition:opacity .14s ease;
  object-position:center 22%;
}
.profile-hero.hg-smart-hero.hg-hero-ready .profile-hero-image{opacity:1}
.profile-hero.hg-smart-hero.hg-hero-cover .profile-hero-image{object-fit:cover}
.profile-hero.hg-smart-hero.hg-hero-contain .profile-hero-image{
  object-fit:contain;
  object-position:center center;
}
.profile-hero.hg-smart-hero.hg-hero-contain .profile-hero-backdrop{opacity:.66}
.profile-hero.hg-smart-hero.hg-hero-error .profile-hero-image,
.profile-hero.hg-smart-hero.hg-hero-error .profile-hero-backdrop{display:none}
.profile-hero.hg-smart-hero:after{z-index:2;pointer-events:none}
.profile-hero.hg-smart-hero .profile-overlay{z-index:3}
@media(max-width:760px){
  .profile-hero.hg-smart-hero{height:clamp(250px,72vw,340px)}
  .profile-hero.hg-smart-hero .profile-hero-backdrop{filter:blur(15px) brightness(.54) saturate(.9)}
}



/* SANELLAPARITY3 — clearer shared authenticated panel boundaries. Home is intentionally excluded. */
html[data-hg-perf3-mode="user"] main.page>section:not(#home) .card,
html[data-hg-perf3-mode="user"] main.page>section:not(#home) .manager-artist-card,
html[data-hg-perf3-mode="user"] main.page>section:not(#home) .namecard,
html[data-hg-perf3-mode="user"] main.page>section:not(#home) .quoteBox,
html[data-hg-perf3-mode="user"] main.page>section:not(#home) .uploadbox,
html[data-hg-perf3-mode="user"] main.page>section:not(#home) .stat{border-width:2px}


/* STABLE16 — access landing only. The original universal D16L rules above remain untouched. */
#bookingAccess .d16i-managed-portal .hg-access-landing-panel{padding:0!important;overflow:hidden;scroll-margin-top:96px}
#bookingAccess .d16i-managed-portal .hg-access-landing-panel-head{appearance:none;-webkit-appearance:none;width:100%;border:0;background:transparent;color:inherit;display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;min-height:72px;padding:13px 16px;cursor:pointer}
#bookingAccess .d16i-managed-portal .hg-access-landing-panel-head>span:first-child{display:grid;gap:4px;min-width:0}
#bookingAccess .d16i-managed-portal .hg-access-landing-panel-head strong{font-size:17px;line-height:1.25}
#bookingAccess .d16i-managed-portal .hg-access-landing-panel-side{display:flex;align-items:center;gap:10px;flex:0 0 auto}
#bookingAccess .d16i-managed-portal .hg-access-landing-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 7px;border:1px solid var(--line);border-radius:999px;font-size:10px;font-weight:900}
#bookingAccess .d16i-managed-portal .hg-access-landing-chevron{font-size:28px;line-height:1;color:var(--muted);transition:transform .16s ease}
#bookingAccess .d16i-managed-portal .hg-access-landing-panel.is-open .hg-access-landing-chevron{transform:rotate(90deg)}
#bookingAccess .d16i-managed-portal .hg-access-landing-panel.is-open .hg-access-landing-panel-head{border-bottom:1px solid var(--line)}
#bookingAccess .d16i-managed-portal .hg-access-landing-panel-body{padding:14px 16px 16px}
#bookingAccess .d16i-managed-portal .hg-access-bookings-scroll{max-height:min(54vh,560px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;padding-right:3px}
#bookingAccess .d16i-managed-portal .hg-access-bookings-scroll>.d16l-months,
#bookingAccess .d16i-managed-portal .hg-access-bookings-scroll>.d16m-managed-active>.d16l-months,
#bookingAccess .d16i-managed-portal .hg-access-bookings-scroll .d16m-managed-archive-body>.d16l-months{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;overflow:visible;scroll-snap-type:none;padding:0;margin:0}
#bookingAccess .d16i-managed-portal .hg-access-bookings-scroll .d16l-month{min-width:0;width:100%;box-sizing:border-box;flex:none}
#bookingAccess .d16i-managed-portal .hg-access-bookings-scroll .d16l-month-list{max-height:none;overflow:visible;padding-right:0}
#bookingAccess .d16i-managed-portal #bookingAccessLandingRepresentationBody>.card{margin:0;border:0;background:transparent;box-shadow:none;padding:0}
#bookingAccess .d16i-managed-portal #bookingAccessLandingRepresentationBody>.card>.section-title{display:none}
@media(max-width:560px){#bookingAccess .d16i-managed-portal .hg-access-landing-panel-head{min-height:66px;padding:11px 13px}#bookingAccess .d16i-managed-portal .hg-access-landing-panel-head strong{font-size:16px}#bookingAccess .d16i-managed-portal .hg-access-landing-panel-body{padding:12px 13px 14px}#bookingAccess .d16i-managed-portal .hg-access-bookings-scroll{max-height:52vh}}