/* Important layer isolates gig details and public bands from legacy unlayered decoration. */
@layer gig-details {
:root{--gd-bg:#141211;--gd-surface:#211f1d;--gd-text:#f3ece0;--gd-muted:#c9bfb2;--gd-accent:#ff8a45;--gd-line:#4a433d;--gd-danger:#ffaaa4;--gd-overlay:#000b;--gd-font:"Archivo",system-ui,sans-serif}
:is(body.mygigz #modal,body[data-type="artist"]){color:var(--gd-text)!important;font-family:var(--gd-font)!important;letter-spacing:0!important}
body[data-type="artist"]{background:var(--gd-bg)!important}
body[data-type="artist"]::before,body[data-type="artist"]::after{display:none!important}
:is(body.mygigz #modalCard,body[data-type="artist"] #page) *{color:inherit!important;-webkit-text-fill-color:currentColor!important;text-shadow:none!important;letter-spacing:0!important;box-sizing:border-box;opacity:1!important}
body.mygigz #modal{z-index:100!important;background:var(--gd-overlay)!important;padding:24px 16px!important;overscroll-behavior:contain}
body.mygigz #modalCard{background:var(--gd-bg)!important;border:1px solid var(--gd-line)!important;border-image:none!important;outline:none!important;box-shadow:none!important;mask:none!important;-webkit-mask:none!important;clip-path:none!important;border-radius:0!important;padding:64px 24px 28px!important;color:var(--gd-text)!important}
:is(body.mygigz #modalCard,body[data-type="artist"] #page) :is(.panel,.detail,.gig-box){background:transparent!important;border:0!important;border-image:none!important;outline:none!important;mask:none!important;-webkit-mask:none!important;clip-path:none!important;box-shadow:none!important;border-radius:0!important;padding:20px 0!important;color:var(--gd-text)!important;border-top:1px solid var(--gd-line)!important}
:is(body.mygigz #modalCard,body[data-type="artist"] #page) :is(h1,h2,h3,h4){font-family:var(--gd-font)!important;color:var(--gd-text)!important;text-transform:none!important;font-weight:800!important;line-height:1.2!important;overflow-wrap:anywhere}
body.mygigz #modalCard h2{font-size:28px!important;margin:8px 0 16px!important}
body.mygigz #modalCard h3{font-size:18px!important}
:is(body.mygigz #modalCard,body[data-type="artist"] #page) :is(.who,.tm-muted,.notes,.small,.kick,.eyebrow,.detail span){color:var(--gd-muted)!important;font-size:14px!important;line-height:1.55!important}
:is(body.mygigz #modalCard,body[data-type="artist"] #page) :is(button,.button,.btn,label.button,.pill){background:var(--gd-surface)!important;background-image:none!important;border:1px solid var(--gd-line)!important;border-image:none!important;box-shadow:none!important;mask:none!important;-webkit-mask:none!important;filter:none!important;transform:none!important;border-radius:0!important;font:600 14px/1.4 var(--gd-font)!important;text-transform:none!important;text-decoration:none!important;color:var(--gd-text)!important;padding:10px 14px!important;min-height:44px!important;min-width:0!important;max-width:100%!important;width:auto!important;white-space:normal!important;cursor:pointer}
:is(body.mygigz #modalCard,body[data-type="artist"] #page) :is(button,.button,.btn)::before,:is(body.mygigz #modalCard,body[data-type="artist"] #page) :is(button,.button,.btn)::after{display:none!important}
:is(body.mygigz #modalCard,body[data-type="artist"] #page) :is(.bandlink,.linkbtn,.gig-btn){background:none!important;border:0!important;padding:4px 0!important;text-align:left!important;color:var(--gd-accent)!important}
body.mygigz #modalCard h2 .bandlink{font:inherit!important;min-height:0!important}
:is(body.mygigz #modalCard,body[data-type="artist"] #page) :is(.primary,[aria-pressed="true"]){background:var(--gd-accent)!important;color:var(--gd-bg)!important;border-color:var(--gd-accent)!important}
body.mygigz #modalCard .close{position:absolute!important;top:12px!important;right:12px!important;display:grid!important;place-items:center;width:44px!important;height:44px!important;padding:0!important;font-size:28px!important;background:transparent!important}
body.mygigz #modalCard [data-del]{color:var(--gd-danger)!important;background:transparent!important}
body.mygigz #modalCard .hero{display:grid!important;grid-template-columns:160px minmax(0,1fr)!important;gap:24px!important;align-items:start}
body.mygigz #modalCard .hero>img{width:160px!important;height:auto!important;max-height:260px!important;object-fit:contain!important;background:var(--gd-surface)!important}
body.mygigz #modalCard .hero>.ph{width:72px!important;height:72px!important;background:var(--gd-surface)!important;color:var(--gd-accent)!important;font:800 26px/1 var(--gd-font)!important;border:1px solid var(--gd-line)!important}
body.mygigz #modalCard .hero:has(>.ph){grid-template-columns:1fr!important;gap:16px!important}
body.mygigz #modalCard .facts{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px 12px!important;margin:18px 0!important;font-size:15px!important;line-height:1.5!important}
body.mygigz #modalCard .facts b{display:block!important;font-size:11px!important;color:var(--gd-muted)!important;margin-bottom:4px!important}
body.mygigz #modalCard .acts{display:flex!important;gap:10px!important;flex-wrap:wrap!important;margin-top:18px!important}
body.mygigz #modalCard .section{margin-top:24px!important;padding-top:20px!important;border-top:1px solid var(--gd-line)!important}
body.mygigz #modalCard .bh-row{gap:16px!important;line-height:1.5!important;border-color:var(--gd-line)!important}
body.mygigz #modalCard .bh-date{min-width:80px!important;font-size:13px!important}
:is(body.mygigz #modalCard,body[data-type="artist"] #page) :is(.chip,.nofee,.verified){background:transparent!important;border:1px solid var(--gd-line)!important;box-shadow:none!important;color:var(--gd-accent)!important;padding:5px 8px!important;font-size:12px!important}
:is(body.mygigz #modalCard,body[data-type="artist"] #page) :focus-visible{outline:2px solid var(--gd-accent)!important;outline-offset:3px!important}
body[data-type="artist"] #page .layout{gap:32px!important}
body[data-type="artist"] #page .p-hero{padding:12px 0 28px!important;align-items:start!important}
body[data-type="artist"] #page .p-hero h1{font-size:40px!important}
body[data-type="artist"] #page .p-img{border:0!important;object-fit:contain!important;background:var(--gd-surface)!important}
body[data-type="artist"] #page .show-row{border-color:var(--gd-line)!important;gap:12px!important;padding:18px 0!important}
body[data-type="artist"] #page .panel+.panel{margin-top:24px!important}
body[data-type="artist"] #page :is(input,select,textarea){background:var(--gd-surface)!important;color:var(--gd-text)!important;border:1px solid var(--gd-line)!important;min-height:44px}
body[data-type="artist"] #page :is(input,textarea)::placeholder{color:var(--gd-muted)!important;-webkit-text-fill-color:currentColor!important}
html.gl-app:has(#modal:not([hidden])) #gs-w,html.gl-app:has(#modal:not([hidden])) #gs-p{display:none!important}
@media(max-width:600px){
body.mygigz #modal{padding:12px!important}
body.mygigz #modalCard{padding:64px 20px 24px!important}
body.mygigz #modalCard .hero{grid-template-columns:1fr!important;gap:18px!important}
body.mygigz #modalCard .hero>img{width:100%!important;max-height:300px!important}
html.gl-app body.mygigz #modal{inset:0 0 calc(76px + env(safe-area-inset-bottom))!important;padding:0!important;background:var(--gd-bg)!important}
html.gl-app body.mygigz #modalCard{min-height:100%!important;border:0!important;padding:calc(64px + env(safe-area-inset-top)) 20px 32px!important}
html.gl-app body.mygigz #modalCard .close{top:calc(10px + env(safe-area-inset-top))!important}
body[data-type="artist"] #page .p-hero h1{font-size:30px!important}
body[data-type="artist"] #page .layout{gap:12px!important}
}
}
@layer gig-details {
body.mygigz #modalCard button.bandlink{background:none!important;border:0!important;padding:4px 0!important;text-align:left!important;color:var(--gd-accent)!important}
body.mygigz #modalCard button.close{background:transparent!important;padding:0!important;font-size:28px!important}
body[data-type="artist"] #page button.linkbtn,body[data-type="artist"] #page button.gig-btn{background:none!important;border:0!important;color:var(--gd-accent)!important;padding:4px 0!important}
html.gl-app body.mygigz .grid2{grid-template-columns:minmax(0,1fr)!important}
html.gl-app body.mygigz #mgOffline{display:none}
html.gl-app body.mg-offline #mgOffline{display:block}
}