@layer vault-compact {
:root {--vc-bg:oklch(.16 .005 30);--vc-panel:oklch(.19 .005 30);--vc-ink:oklch(.95 .012 85);--vc-muted:oklch(.79 .008 85);--vc-accent:oklch(.76 .16 45);--vc-line:oklch(.52 .09 45);--vc-cyan:oklch(.83 .11 190);--vc-red:oklch(.76 .13 25);}
html body #tab-vault .vc-heading{display:none!important}
html body #tab-vault.vc-open>.vault-doorhead{position:absolute!important;visibility:hidden!important;pointer-events:none!important}
html body #tab-vault.vc-open>.vc-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:12px 4px!important;background:var(--vc-bg)!important;color:var(--vc-ink)!important}
html body #tab-vault .vc-heading h2{font:400 36px/1.1 'Archivo Black',sans-serif!important;letter-spacing:0!important;margin:4px 0!important;color:var(--vc-ink)!important}
html body #tab-vault .vc-heading em{font-style:normal!important;color:var(--vc-accent)!important}
html body #tab-vault .vc-heading span{font:600 10px/1.3 Archivo,sans-serif!important;text-transform:uppercase!important;color:var(--vc-muted)!important;letter-spacing:0!important}
html body #tab-vault .vc-heading p{font:400 13px/1.3 Archivo,sans-serif!important;margin:0!important;color:var(--vc-ink)!important}
html body #tab-vault .vc-archive{display:block!important;gap:0!important;min-width:0!important;padding:0!important}
html body #tab-vault .vc-year{margin:6px 0!important;border:1px solid var(--vc-line)!important;border-radius:4px!important;background:var(--vc-bg)!important;color:var(--vc-ink)!important;padding:0!important}
html body #tab-vault .vc-year>summary{display:flex!important;gap:16px!important;align-items:center!important;padding:8px 12px!important;min-height:44px!important;cursor:pointer!important;list-style:none!important;background:var(--vc-panel)!important;color:var(--vc-ink)!important;font:500 13px/1.3 Archivo,sans-serif!important;letter-spacing:0!important}
html body #tab-vault .vc-year>summary strong{font:400 26px/1 'Archivo Black',sans-serif!important;color:var(--vc-ink)!important}
html body #tab-vault summary::-webkit-details-marker{display:none!important}
html body #tab-vault summary:focus-visible{outline:2px solid var(--vc-cyan)!important;outline-offset:2px!important}
html body #tab-vault .vc-chevron{font:400 26px/1 Archivo,sans-serif!important;color:var(--vc-accent)!important;transition:transform .15s!important;flex:none!important}
html body #tab-vault details[open]>summary>.vc-chevron{transform:rotate(90deg)!important}
html body #tab-vault .vc-year-gigs{padding:4px 6px!important}
html body #tab-vault .vc-gig{border:1px solid var(--vc-line)!important;border-radius:3px!important;margin:4px 0!important;padding:0!important;background:var(--vc-panel)!important;min-width:0!important}
html body #tab-vault .vc-gig>summary{display:grid!important;grid-template-columns:42px 88px minmax(0,1fr) auto 16px!important;align-items:center!important;gap:12px!important;min-height:62px!important;padding:5px 10px!important;list-style:none!important;cursor:pointer!important;background:var(--vc-bg)!important;color:var(--vc-ink)!important;text-transform:none!important;letter-spacing:0!important}
html body #tab-vault .vc-date{display:flex!important;flex-direction:column!important;align-items:center!important;font:500 11px/1.2 Archivo,sans-serif!important;text-transform:uppercase!important;color:var(--vc-ink)!important}
html body #tab-vault .vc-date b{font:400 22px/1.1 'Archivo Black',sans-serif!important;color:var(--vc-ink)!important}
html body #tab-vault .vc-thumb{width:88px!important;height:44px!important;overflow:hidden!important;display:block!important}
html body #tab-vault .vc-thumb img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
html body #tab-vault .vc-thumb .ph{width:100%!important;height:100%!important;min-height:0!important;background:var(--vc-panel)!important;color:var(--vc-accent)!important;display:grid!important;place-items:center!important}
html body #tab-vault .vc-name{min-width:0!important;display:block!important}
html body #tab-vault .vc-name strong{display:block!important;font:700 15px/1.25 Archivo,sans-serif!important;color:var(--vc-ink)!important;overflow-wrap:anywhere!important}
html body #tab-vault .vc-name>span{display:block!important;font:400 12px/1.4 Archivo,sans-serif!important;color:var(--vc-muted)!important;overflow-wrap:anywhere!important}
html body #tab-vault .vc-badges{display:flex!important;flex-direction:column!important;gap:2px!important;align-items:flex-end!important;font:500 11px/1.2 Archivo,sans-serif!important}
html body #tab-vault .vc-countdown{color:var(--vc-accent)!important;font-weight:700!important}
html body #tab-vault .vc-companion,html body #tab-vault .vc-festival{color:var(--vc-cyan)!important}
html body #tab-vault .nofee{color:var(--vc-ink)!important;font-size:11px!important}
html body #tab-vault .vc-detail{display:grid!important;grid-template-columns:minmax(140px,.8fr) minmax(0,1.2fr) minmax(0,1fr)!important;gap:18px!important;padding:16px!important;color:var(--vc-ink)!important;background:var(--vc-panel)!important}
html body #tab-vault .vc-art img{width:100%!important;max-height:270px!important;height:auto!important;object-fit:contain!important;display:block!important}
html body #tab-vault .vc-art .ph{min-height:160px!important;background:var(--vc-bg)!important;color:var(--vc-accent)!important;display:grid!important;place-items:center!important}
html body #tab-vault .vc-detail h3{font:700 20px/1.25 Archivo,sans-serif!important;color:var(--vc-ink)!important;margin:0 0 6px!important;letter-spacing:0!important;overflow-wrap:anywhere!important}
html body #tab-vault .vc-detail p,html body #tab-vault .vc-bill{font:400 13px/1.5 Archivo,sans-serif!important;margin:0 0 8px!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important;color:var(--vc-ink)!important;letter-spacing:0!important}
html body #tab-vault .vc-bill b,html body #tab-vault .vc-notes>b,html body #tab-vault .vc-visibility>b{font:700 11px/1.3 Archivo,sans-serif!important;text-transform:uppercase!important;color:var(--vc-muted)!important}
html body #tab-vault .vc-notes{border-left:1px solid var(--vc-line)!important;padding-left:16px!important;min-width:0!important}
html body #tab-vault .vc-visibility{margin-top:20px!important;padding-top:12px!important;border-top:1px solid var(--vc-line)!important}
html body #tab-vault .vc-actions{display:flex!important;gap:6px!important;flex-wrap:wrap!important;margin-top:12px!important}
html body #tab-vault .gp-utility,html body #tab-vault .vc-tools button{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:8px 10px!important;min-height:36px!important;height:auto!important;width:auto!important;max-width:100%!important;background:var(--vc-bg)!important;background-image:none!important;color:var(--vc-ink)!important;-webkit-text-fill-color:var(--vc-ink)!important;border:1px solid var(--vc-line)!important;border-radius:3px!important;box-shadow:none!important;font:600 12px/1.35 Archivo,sans-serif!important;letter-spacing:0!important;text-transform:none!important;white-space:normal!important;text-decoration:none!important}
html body #tab-vault .gp-utility::before,html body #tab-vault .gp-utility::after{display:none!important;content:none!important}
html body #tab-vault .vc-bill .bandlink{background:none!important;color:var(--vc-cyan)!important;-webkit-text-fill-color:var(--vc-cyan)!important;border:0!important;padding:2px 0!important;box-shadow:none!important;font:500 13px/1.4 Archivo,sans-serif!important;text-transform:none!important;letter-spacing:0!important}
html body #tab-vault .vc-tools{display:flex!important;flex-wrap:wrap!important;gap:8px!important;width:100%!important;align-items:center!important}
html body #tab-vault .vc-tools select,html body #tab-vault #q,html body #tab-vault #vsort{background:var(--vc-bg)!important;color:var(--vc-ink)!important;border:1px solid var(--vc-line)!important;border-radius:3px!important;min-height:38px!important;font:500 13px/1.3 Archivo,sans-serif!important;letter-spacing:0!important;min-width:0!important}
html body #tab-vault .vc-tools select{max-width:180px!important;padding:8px!important}
html body #tab-vault .vc-check{display:flex!important;align-items:center!important;gap:6px!important;color:var(--vc-ink)!important;font:500 12px/1.3 Archivo,sans-serif!important}
html body #tab-vault .vc-check input{width:16px!important;height:16px!important;appearance:auto!important}
html body #tab-vault #vstrip{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:6px!important;margin:8px 0!important}
html body #tab-vault #vstrip>div{display:block!important;background:var(--vc-bg)!important;border:1px solid var(--vc-line)!important;padding:9px 8px!important;text-align:left!important}
html body #tab-vault #vstrip b{color:var(--vc-accent)!important;font-size:24px!important}
html body #tab-vault #vstrip span{color:var(--vc-ink)!important;letter-spacing:0!important;font-size:10px!important}
html body #tab-vault .ux-filter-plate{gap:8px!important;margin:8px 0!important;padding:10px!important}
html body #tab-vault .vc-empty{padding:16px!important;color:var(--vc-ink)!important}
html body #tab-vault.vc-open #filters.chips button[data-f]{color:var(--vc-ink)!important;-webkit-text-fill-color:var(--vc-ink)!important;letter-spacing:0!important}
html body #tab-vault.vc-open #filters.chips button[data-f][aria-pressed="true"]{background:var(--vc-accent)!important;color:var(--vc-bg)!important;-webkit-text-fill-color:var(--vc-bg)!important}
@media(max-width:600px){
html body #tab-vault.vc-open .vc-heading h2{font-size:27px!important;white-space:nowrap!important}
html body #tab-vault.vc-open .vc-heading{flex-wrap:wrap!important}
html body #tab-vault.vc-open #filters.chips{display:flex!important;flex-wrap:nowrap!important;grid-template-columns:none!important;width:100%!important;gap:4px!important}
html body #tab-vault.vc-open #filters.chips button[data-f]{padding:7px 3px!important;min-height:34px!important;flex:1!important;width:auto!important;min-width:0!important;font-size:10px!important;letter-spacing:0!important}
html body #tab-vault.vc-open #q[type="search"]{max-width:none!important;width:calc(58% - 4px)!important;flex:1 1 calc(58% - 4px)!important;margin:0!important;padding:8px!important}
html body #tab-vault.vc-open select#vsort{width:calc(42% - 4px)!important;flex:1 1 calc(42% - 4px)!important;min-width:0!important;max-width:100%!important;padding:8px!important;font-size:11px!important}
html body #tab-vault .ux-filter-plate{display:flex!important;flex-wrap:wrap!important}
html body #tab-vault .vc-year>summary{gap:10px!important;padding:7px 8px!important}
html body #tab-vault .vc-year-extra{display:none!important}
html body #tab-vault .vc-gig>summary{grid-template-columns:32px 44px minmax(0,1fr) 14px!important;gap:7px!important;padding:6px!important;min-height:68px!important}
html body #tab-vault .vc-thumb{width:44px!important;height:44px!important}
html body #tab-vault .vc-name strong{font-size:13px!important}
html body #tab-vault .vc-name>span{font-size:11px!important}
html body #tab-vault .vc-badges{grid-column:3!important;flex-direction:row!important;align-items:center!important;flex-wrap:wrap!important;font-size:10px!important;gap:5px!important}
html body #tab-vault .vc-gig>summary>.vc-chevron{grid-column:4!important;grid-row:1/3!important}
html body #tab-vault .vc-gig>summary>.vc-date,html body #tab-vault .vc-gig>summary>.vc-thumb{grid-row:1/3!important}
html body #tab-vault .vc-detail{grid-template-columns:minmax(0,1fr)!important;gap:12px!important;padding:12px!important}
html body #tab-vault .vc-art img{max-height:220px!important}
html body #tab-vault .vc-notes{border-left:0!important;border-top:1px solid var(--vc-line)!important;padding:12px 0 0!important}
html body #tab-vault .vc-tools select{flex:1 1 28%!important;max-width:100%!important;width:0!important;font-size:11px!important}
html body #tab-vault #vstrip>div{padding:8px 5px!important}
html body #tab-vault #vstrip b{font-size:21px!important}
html body #tab-vault #vstrip span{font-size:9px!important}
}
@media(prefers-reduced-motion:reduce){html body #tab-vault .vc-chevron{transition:none!important}}
}
/* Inline legacy rules share the first layer: put the final compact phone grid last. */
@layer vault-compact {
:root{--vc-ivory:oklch(.95 .025 90);--vc-ivory-ink:oklch(.2 .01 40)}
html body #tab-vault.vc-open>.vc-heading{position:absolute!important;visibility:hidden!important;pointer-events:none!important}
html body #tab-vault .vc-filter-drawer{margin:12px 0!important;padding:0!important;background:var(--vc-bg)!important;color:var(--vc-ink)!important;border:0!important}
html body #tab-vault .vc-filter-drawer>summary{display:flex!important;justify-content:space-between!important;align-items:center!important;min-height:44px!important;padding:8px!important;font:600 13px/1.3 Archivo,sans-serif!important;background:var(--vc-bg)!important;color:var(--vc-ink)!important;cursor:pointer!important;list-style:none!important}
html body #tab-vault .vc-filter-drawer:not([open])>.ux-filter-plate{display:none!important}
html body #tab-vault #vstrip span{display:block!important;overflow-wrap:anywhere!important}
html body.mygigz #glBackBar,html body.mygigz #glAccountBar,html body.mygigz .gig-model-links{display:none!important}
html body #tab-vault .vc-gig>summary>.vc-date{background:var(--vc-ivory)!important;color:var(--vc-ivory-ink)!important;-webkit-text-fill-color:var(--vc-ivory-ink)!important;border-radius:3px!important;padding:5px 0!important;align-self:center!important}
html body #tab-vault .vc-gig>summary>.vc-date b,html body #tab-vault .vc-gig>summary>.vc-date span{color:var(--vc-ivory-ink)!important;-webkit-text-fill-color:var(--vc-ivory-ink)!important}
@media(max-width:600px){
html body #tab-vault.vc-open .ux-filter-plate{display:grid!important;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)!important;gap:7px!important}
html body #tab-vault.vc-open .ux-filter-plate #filters.chips{grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
html body #tab-vault.vc-open .ux-filter-plate #q[type="search"],html body #tab-vault.vc-open .ux-filter-plate select#vsort{width:100%!important;margin:0!important}
html body #tab-vault.vc-open .ux-filter-plate .vc-tools{grid-column:1/-1!important;gap:6px!important}
}
}
/* Shared scripts can register page-safety before the document's layers. */
@layer page-safety {
html.gl-app body.mygigz #glAccountBar.gl-account-bar,html body.mygigz #glBackBar.gl-backbar,html body.mygigz .gig-model-links{display:none!important}
html body.mygigz #app #tab-vault #vault.vc-archive{display:block!important;grid-template-columns:none!important;gap:0!important}
html body.mygigz #app #tab-vault #vstrip.gx-vstrip{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:5px!important}
html body.mygigz #app #tab-vault #vstrip.gx-vstrip>div{display:block!important;padding:8px 4px!important}
html body.mygigz #app #tab-vault #vstrip.gx-vstrip span{font-size:8px!important;letter-spacing:0!important;overflow-wrap:normal!important;hyphens:none!important}
html body.mygigz #app #tab-vault.vc-open>.vc-heading{position:absolute!important;visibility:hidden!important;pointer-events:none!important}
html body.mygigz #app #tab-vault .vc-filter-drawer:not([open])>.ux-filter-plate{display:none!important}
}