/* Brushed-steel Vault finish. Same first-declared layer as vault-compact so it outranks legacy !important rules. */ @layer gl-home-first{ html body #tab-vault.vs-on .vc-heading .vs-toolbar [data-go="add"]{color:var(--vs-on-orange)!important;-webkit-text-fill-color:var(--vs-on-orange)!important} :root{--vs-steel-1:oklch(.80 .006 250);--vs-steel-2:oklch(.68 .008 250);--vs-steel-3:oklch(.56 .01 250);--vs-edge:oklch(.38 .01 250);--vs-well:oklch(.19 .006 250);--vs-well-2:oklch(.24 .007 250);--vs-cream:oklch(.95 .02 85);--vs-mute:oklch(.80 .012 85);--vs-dark:oklch(.18 .006 250);--vs-orange:oklch(.70 .19 45);--vs-orange-hi:oklch(.78 .17 55);--vs-on-orange:oklch(.16 .01 40);--vs-cyan:oklch(.83 .11 190);--vs-countdown-text:oklch(1 0 0); --vs-brush:repeating-linear-gradient(0deg,oklch(1 0 0/.07) 0 1px,oklch(0 0 0/.05) 1px 2px,oklch(1 0 0/.03) 2px 3px),linear-gradient(180deg,var(--vs-steel-1),var(--vs-steel-2) 55%,var(--vs-steel-3)); --vs-bevel:inset 0 1px 0 oklch(1 0 0/.6),inset 0 -2px 0 oklch(0 0 0/.25),0 2px 6px oklch(0 0 0/.35); --vs-recess:inset 0 2px 6px oklch(0 0 0/.7),inset 0 0 0 1px oklch(0 0 0/.6),0 1px 0 oklch(1 0 0/.35); --vs-nut:radial-gradient(circle at 50% 50%,oklch(.35 .01 250) 0 22%,oklch(.86 .005 250) 24% 30%,oklch(.62 .008 250) 32% 100%);} html body #tab-vault.vs-on.vc-open{position:relative!important;background:var(--vs-brush)!important;border:14px solid var(--vs-steel-2)!important;border-image:none!important;border-radius:10px!important;box-shadow:var(--vs-bevel),0 0 0 2px var(--vs-edge)!important;padding:16px 22px 22px!important;color:var(--vs-dark)!important} html body #tab-vault.vs-on.vc-open>.ux-vault-hardware{display:none!important} /* Large hex nuts at the frame corners */ html body #tab-vault.vs-on.vc-open::before,html body #tab-vault.vs-on.vc-open::after,html body #tab-vault.vs-on .vs-switch::before,html body #tab-vault.vs-on .vs-switch::after{content:""!important;position:absolute!important;width:30px!important;height:30px!important;background:var(--vs-nut)!important;clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%)!important;filter:drop-shadow(0 2px 2px oklch(0 0 0/.5))!important;z-index:3!important;pointer-events:none!important} html body #tab-vault.vs-on.vc-open::before{top:-22px!important;left:-22px!important} html body #tab-vault.vs-on.vc-open::after{top:-22px!important;right:-22px!important} /* Hero */ html body #tab-vault.vs-on.vc-open>.vc-heading{background:var(--vs-well)!important;box-shadow:var(--vs-recess)!important;border-radius:6px!important;padding:16px 20px!important;color:var(--vs-cream)!important;gap:18px!important} html body #tab-vault.vs-on .vc-heading>div{flex:1!important} html body #tab-vault.vs-on .vc-heading span{color:var(--vs-mute)!important;letter-spacing:.16em!important;border-left:3px solid var(--vs-orange)!important;padding-left:8px!important} html body #tab-vault.vs-on .vc-heading h2{font-size:clamp(34px,5vw,64px)!important;color:var(--vs-cream)!important;text-transform:uppercase!important;line-height:.95!important} html body #tab-vault.vs-on .vc-heading h2 em{color:var(--vs-orange-hi)!important} html body #tab-vault.vs-on .vc-heading p{color:var(--vs-cream)!important} html body #tab-vault.vs-on .vc-heading [data-go="add"]{background:var(--vs-orange)!important;color:var(--vs-on-orange)!important;border:0!important;border-radius:6px!important;font:800 14px/1 Archivo,sans-serif!important;text-transform:uppercase!important;padding:14px 18px!important;box-shadow:var(--vs-bevel)!important} html body #tab-vault.vs-on .vs-plaque{border-left:2px solid var(--vs-orange)!important;padding-left:10px!important;font:600 10px/1.35 Archivo,sans-serif!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:var(--vs-mute)!important} /* Statistics then thick steel rails */ html body #tab-vault.vs-on #vstrip{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important;margin:12px 0 0!important;padding:0!important;background:none!important;border:0!important} html body #tab-vault.vs-on #vstrip>div{background:var(--vs-well)!important;box-shadow:var(--vs-recess)!important;border-radius:5px!important;padding:10px 14px!important;border:0!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important} html body #tab-vault.vs-on #vstrip b{font:400 30px/1 'Archivo Black',sans-serif!important;color:var(--vs-orange-hi)!important} html body #tab-vault.vs-on #vstrip span{font:700 12px/1.3 Archivo,sans-serif!important;text-transform:uppercase!important;color:var(--vs-cream)!important;letter-spacing:.04em!important} html body #tab-vault.vs-on .vs-switch{position:relative!important;display:flex!important;align-items:center!important;gap:14px!important;margin:22px -22px 0!important;padding:16px 38px!important;background:var(--vs-brush)!important;border-top:12px solid var(--vs-steel-3)!important;border-bottom:12px solid var(--vs-steel-3)!important;box-shadow:inset 0 2px 0 oklch(1 0 0/.4),0 3px 8px oklch(0 0 0/.35)!important} html body #tab-vault.vs-on .vs-switch::before{left:4px!important;top:50%!important;transform:translateY(-50%)!important} html body #tab-vault.vs-on .vs-switch::after{right:4px!important;top:50%!important;transform:translateY(-50%)!important} html body #tab-vault.vs-on .vs-switch>p{margin:0!important;flex:0 1 190px!important;font:600 13px/1.35 Archivo,sans-serif!important;color:var(--vs-dark)!important} html body #tab-vault.vs-on .vs-switch-btns{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;flex:1!important} html body #tab-vault.vs-on .vs-switch button,html body #tab-vault.vs-on .vs-tools button{all:unset!important;box-sizing:border-box!important;cursor:pointer!important;background:var(--vs-well)!important;color:var(--vs-cream)!important;border-radius:6px!important;box-shadow:var(--vs-bevel)!important;padding:10px 14px!important;min-height:44px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;font-family:Archivo,sans-serif!important} html body #tab-vault.vs-on .vs-switch button b{font:800 14px/1.2 Archivo,sans-serif!important;text-transform:uppercase!important} html body #tab-vault.vs-on .vs-switch button small{font:500 11px/1.3 Archivo,sans-serif!important;color:var(--vs-mute)!important} html body #tab-vault.vs-on .vs-switch button[aria-selected="true"]{background:var(--vs-orange)!important;color:var(--vs-on-orange)!important} html body #tab-vault.vs-on .vs-switch button[aria-selected="true"] small{color:var(--vs-on-orange)!important} html body #tab-vault.vs-on .vs-tools{display:flex!important;gap:8px!important} html body #tab-vault.vs-on .vs-tools button{font:800 12px/1 Archivo,sans-serif!important;text-transform:uppercase!important;padding:10px 14px!important} html body #tab-vault.vs-on button:focus-visible{outline:3px solid var(--vs-cyan)!important;outline-offset:2px!important} /* Content well (shortened inside the frame) */ html body #tab-vault.vs-on #vault,html body #tab-vault.vs-on .vs-panes>section:not([hidden]){margin-top:14px!important;background:var(--vs-well)!important;box-shadow:var(--vs-recess)!important;border-radius:6px!important;padding:10px!important;color:var(--vs-cream)!important} html body #tab-vault.vs-on:not([data-vs-view="date"]) #vault,html body #tab-vault.vs-on:not([data-vs-view="date"]) .vc-filter-drawer{display:none!important} html body #tab-vault.vs-on .vs-panes>section[hidden]{display:none!important} html body #tab-vault.vs-on .vc-year{background:var(--vs-well-2)!important;border:1px solid oklch(.4 .01 250)!important} html body #tab-vault.vs-on .vc-year>summary{background:linear-gradient(180deg,oklch(.30 .008 250),oklch(.24 .007 250))!important} html body #tab-vault.vs-on .vc-year[data-vc-period="past"] .vc-gig{filter:saturate(.7)!important} html body #tab-vault.vs-on .vc-filter-drawer{margin-top:12px!important;background:var(--vs-well)!important;color:var(--vs-cream)!important;border-radius:6px!important;box-shadow:var(--vs-recess)!important} /* Shared list pieces */ html body #tab-vault.vs-on .vs-panehead{display:flex!important;align-items:baseline!important;justify-content:space-between!important;gap:10px!important;padding:6px 6px 10px!important;border-bottom:1px solid oklch(.4 .01 250)!important;margin-bottom:8px!important} html body #tab-vault.vs-on .vs-panehead h3{margin:0!important;font:400 22px/1.1 'Archivo Black',sans-serif!important;text-transform:uppercase!important;color:var(--vs-cream)!important} html body #tab-vault.vs-on .vs-panehead span{font:600 12px/1.3 Archivo,sans-serif!important;color:var(--vs-mute)!important;text-transform:uppercase!important} html body #tab-vault.vs-on .vs-panehead .vs-sel-label{color:var(--vs-orange-hi)!important;border-left:3px solid var(--vs-orange)!important;padding-left:6px!important} html body #tab-vault.vs-on .vs-date{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:52px!important;min-height:52px!important;flex:none!important;background:var(--vs-cream)!important;color:var(--vs-dark)!important;border-radius:4px!important} html body #tab-vault.vs-on .vs-date b{font:400 22px/1 'Archivo Black',sans-serif!important} html body #tab-vault.vs-on .vs-date i{font:800 11px/1.2 Archivo,sans-serif!important;font-style:normal!important;text-transform:uppercase!important} html body #tab-vault.vs-on .vs-thumb{width:96px!important;height:56px!important;flex:none!important;overflow:hidden!important;border-radius:4px!important;background:var(--vs-well-2)!important} html body #tab-vault.vs-on .vs-thumb img,html body #tab-vault.vs-on .vs-pick-art img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important} html body #tab-vault.vs-on .vs-ph{display:grid!important;place-items:center!important;width:100%!important;height:100%!important;font:400 20px/1 'Archivo Black',sans-serif!important;color:var(--vs-orange-hi)!important} html body #tab-vault.vs-on .vs-name{display:flex!important;flex-direction:column!important;min-width:0!important;flex:1!important;text-align:left!important} html body #tab-vault.vs-on .vs-name strong{font:800 16px/1.2 Archivo,sans-serif!important;text-transform:uppercase!important;color:var(--vs-cream)!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important} html body #tab-vault.vs-on .vs-name span{font:500 13px/1.3 Archivo,sans-serif!important;color:var(--vs-mute)!important} html body #tab-vault.vs-on .vs-act{all:unset!important;box-sizing:border-box!important;cursor:pointer!important;background:var(--vs-orange)!important;color:var(--vs-on-orange)!important;font:800 13px/1 Archivo,sans-serif!important;text-transform:uppercase!important;padding:12px 16px!important;border-radius:6px!important;box-shadow:var(--vs-bevel)!important;white-space:nowrap!important;text-align:center!important} html body #tab-vault.vs-on .vs-act-quiet{background:var(--vs-steel-1)!important;color:var(--vs-dark)!important} html body #tab-vault.vs-on .vs-empty{padding:24px!important;text-align:center!important;color:var(--vs-mute)!important} /* Countdown */ html body #tab-vault.vs-on .vs-cd-list{list-style:none!important;margin:0!important;padding:0!important;display:grid!important;gap:8px!important;max-height:62vh!important;overflow:auto!important} html body #tab-vault.vs-on .vs-cd{display:flex!important;align-items:center!important;gap:14px!important;padding:8px 10px!important;background:var(--vs-well-2)!important;border-radius:5px!important;border-left:4px solid var(--vs-orange)!important} html body #tab-vault.vs-on .vs-when{display:flex!important;flex-direction:column!important;align-items:center!important;gap:4px!important;min-width:130px!important} html body #tab-vault.vs-on .vs-when b{font:400 18px/1.1 'Archivo Black',sans-serif!important;color:var(--vs-orange-hi)!important;text-transform:uppercase!important} html body #tab-vault.vs-on .vs-type{font:700 11px/1 Archivo,sans-serif!important;font-style:normal!important;text-transform:uppercase!important;border:1px solid var(--vs-mute)!important;color:var(--vs-cream)!important;padding:3px 7px!important;border-radius:3px!important} html body #tab-vault.vs-on .vs-type.vs-fest{border-color:var(--vs-cyan)!important;color:var(--vs-cyan)!important} html body #tab-vault.vs-on .vs-cd-next{padding:14px!important;background:linear-gradient(90deg,oklch(.30 .05 45),var(--vs-well-2))!important;border-left-width:8px!important} html body #tab-vault.vs-on .vs-cd-next .vs-thumb{width:150px!important;height:84px!important} html body #tab-vault.vs-on .vs-cd-next .vs-when b{font-size:28px!important} html body #tab-vault.vs-on .vs-cd-next .vs-name strong{font-size:20px!important} /* Calendar + reused Coming months card */ html body #tab-vault.vs-on .vs-calendar:not([hidden]){display:grid!important;grid-template-columns:minmax(0,2.2fr) minmax(280px,1fr)!important;gap:14px!important;align-items:start!important} html body #tab-vault.vs-on .vs-calhead{display:flex!important;align-items:center!important;gap:10px!important;margin-bottom:10px!important} html body #tab-vault.vs-on .vs-calhead h3{flex:1!important;margin:0!important;font:400 22px/1 'Archivo Black',sans-serif!important;text-transform:uppercase!important;color:var(--vs-cream)!important;text-align:center!important} html body #tab-vault.vs-on .vs-calhead button,html body #tab-vault.vs-on .vs-reset{all:unset!important;box-sizing:border-box!important;cursor:pointer!important;min-width:40px!important;min-height:40px!important;padding:8px 12px!important;text-align:center!important;border:1px solid var(--vs-mute)!important;border-radius:5px!important;color:var(--vs-cream)!important;font:800 13px/1.4 Archivo,sans-serif!important;text-transform:uppercase!important} html body #tab-vault.vs-on .vs-year{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important} html body #tab-vault.vs-on .vs-month{background:var(--vs-well-2)!important;border:1px solid oklch(.38 .01 250)!important;border-radius:5px!important;padding:6px!important} html body #tab-vault.vs-on .vs-month-sel{border-color:var(--vs-orange)!important} html body #tab-vault.vs-on .vs-mname{all:unset!important;cursor:pointer!important;display:block!important;width:100%!important;text-align:center!important;font:800 12px/1.6 Archivo,sans-serif!important;text-transform:uppercase!important;color:var(--vs-cream)!important} html body #tab-vault.vs-on .vs-grid{display:grid!important;grid-template-columns:repeat(7,1fr)!important;gap:1px!important;text-align:center!important} html body #tab-vault.vs-on .vs-grid>*{font:500 10px/1.9 Archivo,sans-serif!important;color:var(--vs-mute)!important} html body #tab-vault.vs-on .vs-dow{font-weight:800!important;color:var(--vs-cream)!important} html body #tab-vault.vs-on .vs-day.vs-has{all:unset!important;cursor:pointer!important;position:relative!important;font:800 10px/1.9 Archivo,sans-serif!important;color:var(--vs-cream)!important;text-align:center!important;border-radius:3px!important} html body #tab-vault.vs-on .vs-day.vs-has::after{content:""!important;position:absolute!important;left:50%!important;bottom:0!important;width:5px!important;height:5px!important;margin-left:-2.5px!important;border-radius:50%!important;background:var(--vs-orange)!important} html body #tab-vault.vs-on .vs-day.vs-today{outline:1px solid var(--vs-cream)!important} html body #tab-vault.vs-on .vs-day.vs-sel{background:var(--vs-orange)!important;color:var(--vs-on-orange)!important} html body #tab-vault.vs-on .vs-day.vs-sel::after{background:var(--vs-on-orange)!important} html body #tab-vault.vs-on .vs-month-big .vs-grid{gap:4px!important} html body #tab-vault.vs-on .vs-month-big .vs-grid>*{font-size:16px!important;line-height:2.6!important} html body #tab-vault.vs-on .vs-month-big .vs-day.vs-has i{display:none!important} html body #tab-vault.vs-on .vs-coming{background:var(--vs-well-2)!important;border-radius:6px!important;padding:10px!important;border:1px solid oklch(.4 .01 250)!important} html body #tab-vault.vs-on .vs-mini{all:unset!important;box-sizing:border-box!important;cursor:pointer!important;display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;padding:6px!important;border-bottom:1px solid oklch(.36 .01 250)!important} html body #tab-vault.vs-on .vs-mini>b{font:800 12px/1.2 Archivo,sans-serif!important;color:var(--vs-orange-hi)!important;text-transform:uppercase!important;white-space:nowrap!important} html body #tab-vault.vs-on .vs-pick{display:flex!important;flex-direction:column!important;gap:10px!important;margin-bottom:10px!important} html body #tab-vault.vs-on .vs-pick-art{position:relative!important;height:170px!important;border-radius:5px!important;overflow:hidden!important;background:var(--vs-well)!important} html body #tab-vault.vs-on .vs-pick-date{position:absolute!important;left:8px!important;top:8px!important;display:flex!important;flex-direction:column!important;align-items:center!important;background:var(--vs-cream)!important;color:var(--vs-dark)!important;padding:6px 10px!important;border-radius:4px!important} html body #tab-vault.vs-on .vs-pick-date b{font:400 26px/1 'Archivo Black',sans-serif!important} html body #tab-vault.vs-on .vs-pick-date i,html body #tab-vault.vs-on .vs-pick-date small{font:800 11px/1.2 Archivo,sans-serif!important;font-style:normal!important;text-transform:uppercase!important} html body #tab-vault.vs-on .vs-pick-info strong{display:block!important;font:400 22px/1.1 'Archivo Black',sans-serif!important;text-transform:uppercase!important;color:var(--vs-cream)!important} html body #tab-vault.vs-on .vs-pick-info p{margin:4px 0!important;font:500 14px/1.35 Archivo,sans-serif!important;color:var(--vs-mute)!important} html body #tab-vault.vs-on .vs-pick-when b{color:var(--vs-orange-hi)!important;text-transform:uppercase!important} html body #tab-vault.vs-on .vs-pick-info .vs-act{display:block!important;margin-top:10px!important;width:100%!important} @media (max-width:760px){ html body #tab-vault.vs-on.vc-open{border-width:8px!important;padding:10px 10px 16px!important} html body #tab-vault.vs-on.vc-open::before{top:-16px!important;left:-16px!important}html body #tab-vault.vs-on.vc-open::after{top:-16px!important;right:-16px!important} html body #tab-vault.vs-on .vs-plaque{display:none!important} html body #tab-vault.vs-on.vc-open>.vc-heading{padding:12px!important} html body #tab-vault.vs-on #vstrip{gap:5px!important} html body #tab-vault.vs-on #vstrip>div{padding:7px 5px!important} html body #tab-vault.vs-on #vstrip b{font-size:20px!important} html body #tab-vault.vs-on #vstrip span{font-size:9px!important} html body #tab-vault.vs-on .vs-switch{flex-wrap:wrap!important;margin:16px -10px 0!important;padding:12px 30px!important;border-width:9px 0!important} html body #tab-vault.vs-on .vs-switch::before,html body #tab-vault.vs-on .vs-switch::after{width:22px!important;height:22px!important} html body #tab-vault.vs-on .vs-switch>p{flex-basis:100%!important;text-align:center!important} html body #tab-vault.vs-on .vs-switch button small{display:none!important} html body #tab-vault.vs-on .vs-switch button b{font-size:11px!important;text-align:center!important} html body #tab-vault.vs-on .vs-tools{width:100%!important;justify-content:center!important} html body #tab-vault.vs-on .vs-calendar:not([hidden]){grid-template-columns:1fr!important} html body #tab-vault.vs-on .vs-year{grid-template-columns:repeat(3,minmax(0,1fr))!important} html body #tab-vault.vs-on .vs-cd{flex-wrap:wrap!important;gap:8px!important} html body #tab-vault.vs-on .vs-thumb{width:64px!important;height:52px!important} html body #tab-vault.vs-on .vs-cd-next .vs-thumb{width:84px!important;height:60px!important} html body #tab-vault.vs-on .vs-when{min-width:0!important;align-items:flex-start!important} html body #tab-vault.vs-on .vs-cd .vs-act{flex:1 0 100%!important} html body #tab-vault.vs-on .vs-cd-list{max-height:none!important} } } @layer gl-home-first{html body #tab-vault.vs-on:not(.vc-open) .vs-switch,html body #tab-vault.vs-on:not(.vc-open) .vs-panes{display:none!important}} /* Existing Vault section tabs presented as the steel header menu (same buttons, same handlers). */ @layer gl-home-first{ html body.mygigz .tabs[role=tablist]:has(+#tab-vault.vs-on:not([hidden])),html body.mygigz .tabs[role=tablist]{gap:8px!important;border:0!important;padding:0 0 10px!important} html body.mygigz .tabs[role=tablist] button{all:unset!important;box-sizing:border-box!important;cursor:pointer!important;padding:11px 18px!important;min-height:42px!important;border-radius:5px!important;background:var(--vs-brush)!important;color:var(--vs-dark)!important;box-shadow:var(--vs-bevel)!important;font:800 13px/1.2 Archivo,sans-serif!important;text-transform:uppercase!important;letter-spacing:.03em!important;display:inline-flex!important;align-items:center!important;white-space:nowrap!important} html body.mygigz .tabs[role=tablist] button[aria-selected="true"]{background:var(--vs-orange)!important;color:var(--vs-on-orange)!important} html body.mygigz .tabs[role=tablist] button .gp-label{display:inline!important;padding:0!important;color:inherit!important;-webkit-text-fill-color:currentColor!important;word-spacing:normal!important} html body.mygigz .tabs[role=tablist] button .gp-arrow,html body.mygigz .tabs[role=tablist] button .gp-swipe-fill,html body.mygigz .tabs[role=tablist] button img{display:none!important} html body.mygigz .tabs[role=tablist] button:focus-visible{outline:3px solid var(--vs-cyan)!important;outline-offset:2px!important} } @layer gl-home-first{html body.mygigz .tabs[role=tablist] button>span.o{margin-left:.32em!important;color:inherit!important;-webkit-text-fill-color:currentColor!important;background:none!important;border:0!important;padding:0!important;box-shadow:none!important;-webkit-text-stroke:0!important}} @layer gl-home-first{ /* Phones: the shared ticket slider gesture keeps working inside its own row */ html body #tab-vault.vs-on .vs-act.gp-swipe{position:relative!important;overflow:hidden!important;display:block!important;width:100%!important;min-height:48px!important;padding:0!important;flex:1 0 100%!important;contain:paint!important} @media (max-width:760px){ html body #tab-vault.vs-on .vs-cd{display:grid!important;grid-template-columns:52px 64px minmax(0,1fr)!important;align-items:center!important} html body #tab-vault.vs-on .vs-cd .vs-when{grid-column:1/-1!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important} html body #tab-vault.vs-on .vs-cd .vs-act{grid-column:1/-1!important} html body #tab-vault.vs-on .vs-cd-next{grid-template-columns:52px 84px minmax(0,1fr)!important} html body #tab-vault.vs-on .vs-cd-next .vs-when b{font-size:22px!important} html body #tab-vault.vs-on .vs-calhead{flex-wrap:wrap!important} html body #tab-vault.vs-on .vs-calhead h3{font-size:18px!important} html body #tab-vault.vs-on .vs-calhead .vs-todaybtn{order:5!important;flex:1 0 100%!important} html body #tab-vault.vs-on .vs-year{grid-template-columns:repeat(2,minmax(0,1fr))!important} html body #tab-vault.vs-on .vs-panehead{flex-wrap:wrap!important} html body #tab-vault.vs-on .vs-panehead h3{font-size:18px!important} html body #tab-vault.vs-on .vs-month-big .vs-grid>*{font-size:14px!important;line-height:2.4!important} }} @layer gl-home-first{html body #tab-vault.vs-on.vc-open>.vc-heading{display:flex!important;position:relative!important;visibility:visible!important;pointer-events:auto!important} @media (max-width:760px){html body #tab-vault.vs-on.vc-open>.vc-heading{flex-wrap:nowrap!important;align-items:center!important}html body #tab-vault.vs-on .vc-heading h2{font-size:30px!important}html body #tab-vault.vs-on .vc-heading [data-go="add"]{padding:11px 12px!important;font-size:12px!important;white-space:nowrap!important}}} /* v2: discreet icon tabs, symbol switcher, Date view table to mockup */ @layer gl-home-first{ html body.mygigz .tabs[role=tablist]{gap:6px!important;padding:0 0 8px!important;flex-wrap:wrap!important} html body.mygigz .tabs[role=tablist] button{padding:5px 11px 5px 8px!important;min-height:30px!important;font:700 11px/1 Archivo,sans-serif!important;gap:6px!important;border-radius:999px!important;background:var(--vs-well)!important;color:var(--vs-cream)!important;box-shadow:inset 0 0 0 1px oklch(.45 .01 250)!important} html body.mygigz .tabs[role=tablist] button[aria-selected="true"]{background:var(--vs-orange)!important;color:var(--vs-on-orange)!important;box-shadow:none!important} html body.mygigz .tabs[role=tablist] button svg{display:block!important;width:15px!important;height:15px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important} html body #tab-vault.vs-on .vs-switch button{flex-direction:row!important;align-items:center!important;gap:10px!important} html body #tab-vault.vs-on .vs-switch button svg{width:24px!important;height:24px!important;flex:none!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important} html body #tab-vault.vs-on .vs-switch button[aria-selected="true"] b{font-size:18px!important} html body #tab-vault.vs-on .vs-switch-note{margin:0!important;flex:0 1 200px!important;font:500 13px/1.35 Archivo,sans-serif!important;color:var(--vs-dark)!important} html body #tab-vault.vs-on #vault{display:none!important} /* Date view */ html body #tab-vault.vs-on .vs-datev{padding:8px!important;display:grid!important;gap:8px!important} html body #tab-vault.vs-on .vs-yr{background:var(--vs-well-2)!important;border:1px solid oklch(.40 .01 250)!important;border-radius:5px!important;overflow:hidden!important} html body #tab-vault.vs-on .vs-yr>summary{display:flex!important;align-items:center!important;gap:20px!important;padding:8px 16px!important;cursor:pointer!important;list-style:none!important;background:linear-gradient(180deg,oklch(.30 .008 250),oklch(.22 .007 250))!important;color:var(--vs-cream)!important} html body #tab-vault.vs-on .vs-yr>summary strong{font:400 30px/1 'Archivo Black',sans-serif!important;text-transform:uppercase!important} html body #tab-vault.vs-on .vs-yr>summary>span:not(.vs-chev){font:600 13px/1.3 Archivo,sans-serif!important;text-transform:uppercase!important;letter-spacing:.06em!important;color:var(--vs-cream)!important} html body #tab-vault.vs-on .vs-chev{font:400 26px/1 Archivo,sans-serif!important;color:var(--vs-orange-hi)!important;transition:transform .15s!important} html body #tab-vault.vs-on .vs-yr[open]>summary>.vs-chev{transform:rotate(90deg)!important} html body #tab-vault.vs-on .vs-thead,html body #tab-vault.vs-on .vs-row{display:grid!important;grid-template-columns:72px 128px minmax(150px,1.6fr) minmax(100px,1fr) minmax(100px,1fr) 110px 110px 28px!important;align-items:center!important;gap:14px!important;padding:5px 14px!important} html body #tab-vault.vs-on .vs-thead{background:var(--vs-brush)!important;padding-block:6px!important} html body #tab-vault.vs-on .vs-thead span{font:800 11px/1 Archivo,sans-serif!important;text-transform:uppercase!important;color:var(--vs-dark)!important;letter-spacing:.04em!important} html body #tab-vault.vs-on .vs-mhead{padding:7px 14px 5px!important;font:400 17px/1 'Archivo Black',sans-serif!important;text-transform:uppercase!important;color:var(--vs-cream)!important;background:oklch(.27 .007 250)!important} html body #tab-vault.vs-on .vs-row{all:unset!important;box-sizing:border-box!important;display:grid!important;grid-template-columns:72px 128px minmax(150px,1.6fr) minmax(100px,1fr) minmax(100px,1fr) 110px 110px 28px!important;align-items:center!important;gap:14px!important;padding:5px 14px!important;width:100%!important;cursor:pointer!important;border-top:1px solid oklch(.33 .01 250)!important;background:var(--vs-well)!important;color:var(--vs-cream)!important} html body #tab-vault.vs-on .vs-row:hover{background:oklch(.25 .02 45)!important} html body #tab-vault.vs-on .vs-row:focus-visible{outline:3px solid var(--vs-cyan)!important;outline-offset:-3px!important} html body #tab-vault.vs-on .vs-row .vs-date{width:56px!important;min-height:42px!important} html body #tab-vault.vs-on .vs-row .vs-date b{font-size:18px!important} html body #tab-vault.vs-on .vs-row .vs-thumb{width:120px!important;height:42px!important} html body #tab-vault.vs-on .vs-row .vs-name strong{font-size:14px!important} html body #tab-vault.vs-on .vs-mob-venue{display:none!important} html body #tab-vault.vs-on .vs-c-venue,html body #tab-vault.vs-on .vs-c-city{font:500 14px/1.3 Archivo,sans-serif!important;color:var(--vs-cream)!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important} html body #tab-vault.vs-on .vs-c-status{font:800 13px/1 Archivo,sans-serif!important;text-transform:uppercase!important;color:var(--vs-cream)!important} html body #tab-vault.vs-on .vs-c-status.vs-st-tonight{color:var(--vs-orange-hi)!important} html body #tab-vault.vs-on .vs-c-status.vs-st-recorded{color:var(--vs-steel-1)!important} html body #tab-vault.vs-on .vs-c-days{display:flex!important;flex-direction:column!important;gap:2px!important;font:800 14px/1.1 Archivo,sans-serif!important;text-transform:uppercase!important;color:var(--vs-orange-hi)!important} html body #tab-vault.vs-on .vs-c-days em{font:600 12px/1 Archivo,sans-serif!important;font-style:normal!important;color:var(--vs-cyan)!important;text-transform:none!important} html body #tab-vault.vs-on .vs-row-past .vs-date{background:var(--vs-steel-1)!important} html body #tab-vault.vs-on .vs-row-past .vs-c-days{color:var(--vs-mute)!important} @media (min-width:761px){html body #tab-vault.vs-on .vs-datev{max-height:calc(100vh - 160px)!important;overflow:auto!important}} @media (max-width:760px){ html body.mygigz .tabs[role=tablist]{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important} html body.mygigz .tabs[role=tablist] button{flex-direction:column!important;justify-content:center!important;padding:5px 2px!important;border-radius:8px!important;font-size:9px!important;text-align:center!important;white-space:normal!important;line-height:1.1!important;min-height:40px!important} html body #tab-vault.vs-on .vs-switch-note{display:none!important} html body #tab-vault.vs-on .vs-switch button{flex-direction:column!important;gap:4px!important;padding:7px 4px!important} html body #tab-vault.vs-on .vs-switch button svg{width:20px!important;height:20px!important} html body #tab-vault.vs-on .vs-switch button[aria-selected="true"] b{font-size:11px!important} html body #tab-vault.vs-on .vs-thead,html body #tab-vault.vs-on .vs-c-venue,html body #tab-vault.vs-on .vs-c-city,html body #tab-vault.vs-on .vs-c-status{display:none!important} html body #tab-vault.vs-on .vs-row{grid-template-columns:46px 64px minmax(0,1fr) auto 14px!important;gap:8px!important;padding:5px 8px!important} html body #tab-vault.vs-on .vs-row .vs-date{width:44px!important;min-height:40px!important} html body #tab-vault.vs-on .vs-row .vs-thumb{width:64px!important;height:40px!important} html body #tab-vault.vs-on .vs-mob-venue{display:block!important} html body #tab-vault.vs-on .vs-name>span:not(.vs-mob-venue){display:none!important} html body #tab-vault.vs-on .vs-c-days{font-size:12px!important;align-items:flex-end!important} html body #tab-vault.vs-on .vs-yr>summary{gap:10px!important;padding:6px 10px!important} html body #tab-vault.vs-on .vs-yr>summary strong{font-size:20px!important} html body #tab-vault.vs-on .vs-yr>summary>span:not(.vs-chev){font-size:10px!important} html body #tab-vault.vs-on .vs-mhead{font-size:14px!important;padding:6px 8px 4px!important} /* Search fields at 16px so phones never zoom in */ html body.mygigz input,html body.mygigz select,html body.mygigz textarea{font-size:16px!important} }} @layer gl-home-first{html body.mygigz .tabs[role=tablist] .vs-ts{display:none!important} @media (max-width:760px){html body.mygigz .tabs[role=tablist] .vs-tl{display:none!important}html body.mygigz .tabs[role=tablist] .vs-ts{display:block!important}}} @layer gl-home-first{html body.mygigz #q,html body.mygigz #vsort,html body.mygigz .vc-filter-drawer select,html body.mygigz .vc-filter-drawer input{font-size:16px!important}} /* v3: desktop Date view exactly per mockup */ @layer gl-home-first{ html body #tab-vault.vs-on .vs-sw-t{display:flex!important;flex-direction:column!important;gap:3px!important;text-align:left!important} html body #tab-vault.vs-on .vs-switch button small{display:block!important;font:500 12px/1.3 Archivo,sans-serif!important;color:var(--vs-mute)!important} html body #tab-vault.vs-on .vs-switch button[aria-selected="true"] b{font-size:15px!important} html body #tab-vault.vs-on .vs-switch button{padding:10px 18px!important;justify-content:center!important;gap:16px!important} html body #tab-vault.vs-on .vs-switch button svg{width:32px!important;height:32px!important} html body #tab-vault.vs-on .vs-switch-note{display:none!important} html body #tab-vault.vs-on .vs-switch>p{flex:0 0 auto!important;font-size:14px!important;font-weight:500!important} html body #tab-vault.vs-on .vc-heading .vs-tools{display:flex!important;gap:6px!important;margin-left:8px!important} html body #tab-vault.vs-on .vc-heading .vs-tools button{all:unset!important;cursor:pointer!important;font:700 11px/1 Archivo,sans-serif!important;text-transform:uppercase!important;color:var(--vs-cream)!important;border:1px solid oklch(.5 .01 250)!important;border-radius:5px!important;padding:8px 10px!important} html body #tab-vault.vs-on .vs-datev{display:grid!important;grid-template-columns:minmax(0,2.2fr) minmax(300px,1fr)!important;gap:16px!important;align-items:start!important;background:none!important;box-shadow:none!important;padding:0!important} html body #tab-vault.vs-on .vs-dlist{display:grid!important;gap:6px!important;background:var(--vs-well)!important;box-shadow:var(--vs-recess)!important;border-radius:6px!important;padding:6px!important;max-height:calc(100vh - 150px)!important;overflow:auto!important} html body #tab-vault.vs-on .vs-thead,html body #tab-vault.vs-on .vs-row{grid-template-columns:72px 124px minmax(160px,1.4fr) minmax(120px,1.2fr) 140px 24px!important;gap:16px!important} html body #tab-vault.vs-on .vs-thead span:nth-child(5),html body #tab-vault.vs-on .vs-row .vs-c-days{text-align:right!important;align-items:flex-end!important} html body #tab-vault.vs-on .vs-mhead{display:none!important} html body #tab-vault.vs-on .vs-row{padding:3px 14px!important} html body #tab-vault.vs-on .vs-row .vs-date{min-height:34px!important;width:50px!important} html body #tab-vault.vs-on .vs-row .vs-date b{font-size:16px!important} html body #tab-vault.vs-on .vs-row .vs-date i{font-size:9px!important} html body #tab-vault.vs-on .vs-row .vs-thumb{height:34px!important} html body #tab-vault.vs-on .vs-c-days.vs-st-recorded{color:var(--vs-steel-1)!important} html body #tab-vault.vs-on .vs-upnext{background:var(--vs-well)!important;box-shadow:var(--vs-recess)!important;border-radius:6px!important;padding:12px!important;display:grid!important;gap:6px!important;color:var(--vs-cream)!important} html body #tab-vault.vs-on .vs-upnext>header{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:2px 4px 8px!important} html body #tab-vault.vs-on .vs-upnext h3{margin:0!important;font:400 26px/1 'Archivo Black',sans-serif!important;text-transform:uppercase!important;color:var(--vs-cream)!important} html body #tab-vault.vs-on .vs-upnext>header span{display:flex!important;align-items:center!important;gap:8px!important;font:600 12px/1 Archivo,sans-serif!important;text-transform:uppercase!important;letter-spacing:.08em!important;color:var(--vs-cream)!important} html body #tab-vault.vs-on .vs-upnext>header svg{width:20px!important;height:20px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important} html body #tab-vault.vs-on .vs-un{all:unset!important;box-sizing:border-box!important;cursor:pointer!important;display:grid!important;grid-template-columns:54px 76px minmax(0,1fr) auto 14px!important;align-items:center!important;gap:10px!important;padding:6px!important;background:var(--vs-well-2)!important;border-radius:4px!important;width:100%!important} html body #tab-vault.vs-on .vs-un .vs-thumb{width:76px!important;height:52px!important} html body #tab-vault.vs-on .vs-un .vs-name strong{font-size:13px!important} html body #tab-vault.vs-on .vs-un .vs-c-days{align-items:flex-end!important;font-size:13px!important} html body #tab-vault.vs-on .vs-un:focus-visible{outline:3px solid var(--vs-cyan)!important} html body #tab-vault.vs-on .vs-best{display:flex!important;align-items:center!important;gap:16px!important;padding:14px 8px!important} html body #tab-vault.vs-on .vs-best-n{display:flex!important;flex-direction:column!important;font:600 12px/1.2 Archivo,sans-serif!important;text-transform:uppercase!important;color:var(--vs-cream)!important;padding-right:16px!important;border-right:2px solid var(--vs-orange)!important} html body #tab-vault.vs-on .vs-best-n b{font:400 30px/1 'Archivo Black',sans-serif!important;color:var(--vs-cream)!important} html body #tab-vault.vs-on .vs-best-t{font:800 14px/1.3 Archivo,sans-serif!important;text-transform:uppercase!important;color:var(--vs-cream)!important} html body #tab-vault.vs-on .vs-quote{display:flex!important;align-items:center!important;gap:14px!important;padding:14px!important;border:1px solid oklch(.5 .01 250)!important;border-radius:4px!important} html body #tab-vault.vs-on .vs-quote i{flex:1!important;height:40px!important;background:repeating-linear-gradient(90deg,var(--vs-orange) 0 2px,transparent 2px 5px)!important;-webkit-mask:radial-gradient(ellipse 50% 50% at 50% 50%,#000 30%,transparent 72%)!important;mask:radial-gradient(ellipse 50% 50% at 50% 50%,#000 30%,transparent 72%)!important} html body #tab-vault.vs-on .vs-quote span{font:600 12px/1.5 Archivo,sans-serif!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:var(--vs-cream)!important;border-right:2px solid var(--vs-orange)!important;padding-right:10px!important} @media (max-width:1100px){html body #tab-vault.vs-on .vs-datev{grid-template-columns:1fr!important}html body #tab-vault.vs-on .vs-upnext{display:none!important}} @media (max-width:760px){ html body #tab-vault.vs-on .vs-mhead{display:block!important} html body #tab-vault.vs-on .vs-row{grid-template-columns:46px 64px minmax(0,1fr) auto 14px!important;gap:8px!important;padding:5px 8px!important} html body #tab-vault.vs-on .vs-dlist{max-height:none!important} html body #tab-vault.vs-on .vs-switch button small{display:none!important} html body #tab-vault.vs-on .vs-switch button svg{width:20px!important;height:20px!important} html body #tab-vault.vs-on .vs-switch button{padding:7px 4px!important;gap:4px!important} html body #tab-vault.vs-on .vs-sw-t{text-align:center!important} html body #tab-vault.vs-on .vc-heading .vs-tools{display:none!important} }} @layer gl-home-first{@media (min-width:761px){ html body #tab-vault.vs-on.vc-open>.vc-heading{min-height:0!important;padding:14px 26px!important;align-items:center!important} html body #tab-vault.vs-on .vc-heading h2{font-size:clamp(48px,5vw,72px)!important;margin:4px 0!important} html body #tab-vault.vs-on .vc-heading [data-go="add"],html body #tab-vault.vs-on .vc-heading .vs-tools{align-self:center!important} html body #tab-vault.vs-on.vc-open{padding-top:12px!important} html body #tab-vault.vs-on .vs-switch{margin-top:12px!important;padding-block:10px!important} html body #tab-vault.vs-on .vs-dlist{max-height:calc(100vh - 120px)!important} }} @layer gl-home-first{html body #tab-vault.vs-on .vs-ds{display:none!important} @media (max-width:760px){html body #tab-vault.vs-on .vs-dl{display:none!important}html body #tab-vault.vs-on .vs-ds{display:inline!important}html body #tab-vault.vs-on .vs-switch button[aria-selected="true"] b{font-size:11px!important}html body #tab-vault.vs-on .vs-row .vs-name strong{font-size:13px!important}}} /* v4: phone Date view exactly per mobile mockup */ @layer gl-home-first{ html body #tab-vault.vs-on .vs-sw-mob{display:none!important} @media (max-width:760px){ html body.mygigz .tabs[role=tablist]{display:none!important} html body #tab-vault.vs-on.vc-open{border-width:6px!important;padding:6px 6px 12px!important;border-radius:8px!important} html body #tab-vault.vs-on.vc-open>.vc-heading{padding:10px 12px!important;gap:10px!important;background:linear-gradient(180deg,oklch(.24 .006 250),var(--vs-well))!important} html body #tab-vault.vs-on .vc-heading>div>span{display:none!important} html body #tab-vault.vs-on .vc-heading h2{font-size:34px!important;margin:0!important} html body #tab-vault.vs-on .vc-heading p{font-size:14px!important} html body #tab-vault.vs-on .vc-heading [data-go="add"]{font-size:14px!important;padding:13px 14px!important} html body #tab-vault.vs-on #vstrip{margin-top:8px!important;gap:5px!important} html body #tab-vault.vs-on #vstrip>div{padding:7px 7px!important} html body #tab-vault.vs-on #vstrip b{font-size:22px!important} html body #tab-vault.vs-on #vstrip span{font-size:8.5px!important;letter-spacing:.02em!important;line-height:1.15!important} html body #tab-vault.vs-on .vs-switch{display:block!important;margin:10px -6px 0!important;padding:6px 34px 10px!important;border-width:6px 0!important;border-radius:6px!important} html body #tab-vault.vs-on .vs-switch>p:first-child{display:none!important} html body #tab-vault.vs-on .vs-sw-mob{display:block!important;margin:0 0 5px!important;text-align:center!important;font:600 12px/1.2 Archivo,sans-serif!important;color:var(--vs-dark)!important} html body #tab-vault.vs-on .vs-switch-btns{gap:5px!important} html body #tab-vault.vs-on .vs-switch button{flex-direction:row!important;gap:5px!important;padding:6px 6px!important;min-height:36px!important} html body #tab-vault.vs-on .vs-switch button svg{width:17px!important;height:17px!important} html body #tab-vault.vs-on .vs-switch button b,html body #tab-vault.vs-on .vs-switch button[aria-selected="true"] b{font-size:9.5px!important;line-height:1.1!important} html body #tab-vault.vs-on .vs-switch::before,html body #tab-vault.vs-on .vs-switch::after{width:26px!important;height:26px!important} html body #tab-vault.vs-on .vs-datev{margin-top:10px!important} html body #tab-vault.vs-on .vs-dlist{padding:0!important;gap:5px!important;background:none!important;box-shadow:none!important} html body #tab-vault.vs-on .vs-yr>summary{position:relative!important;padding:6px 34px 6px 12px!important;background:var(--vs-brush)!important;color:var(--vs-dark)!important;border-radius:5px!important} html body #tab-vault.vs-on .vs-yr>summary strong{font-size:22px!important;color:var(--vs-dark)!important} html body #tab-vault.vs-on .vs-yr>summary>span:not(.vs-chev){color:var(--vs-dark)!important;font-size:9.5px!important;font-weight:800!important} html body #tab-vault.vs-on .vs-yr>summary::after{content:""!important;position:absolute!important;right:6px!important;top:50%!important;width:20px!important;height:20px!important;margin-top:-10px!important;background:var(--vs-nut)!important;clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%)!important} html body #tab-vault.vs-on .vs-yr>summary .vs-chev{color:oklch(.55 .19 40)!important} html body #tab-vault.vs-on .vs-yr[open]{background:var(--vs-well)!important} html body #tab-vault.vs-on .vs-mhead{background:linear-gradient(180deg,oklch(.36 .008 250),oklch(.28 .007 250))!important;font-size:15px!important;padding:6px 12px 4px!important} html body #tab-vault.vs-on .vs-row{grid-template-columns:40px 70px minmax(0,1fr) auto 12px!important;gap:9px!important;padding:3px 8px!important;background:var(--vs-well)!important} html body #tab-vault.vs-on .vs-row .vs-date{width:40px!important;min-height:38px!important} html body #tab-vault.vs-on .vs-row .vs-date b{font-size:15px!important} html body #tab-vault.vs-on .vs-row .vs-date i{font-size:8px!important} html body #tab-vault.vs-on .vs-row .vs-thumb{width:70px!important;height:40px!important;border-radius:2px!important} html body #tab-vault.vs-on .vs-row .vs-name strong{font-size:11.5px!important} html body #tab-vault.vs-on .vs-row .vs-name span{font-size:11.5px!important} html body #tab-vault.vs-on .vs-row .vs-name>span:not(.vs-mob-venue){display:none!important} html body #tab-vault.vs-on .vs-dl{display:inline!important}html body #tab-vault.vs-on .vs-ds{display:none!important} html body #tab-vault.vs-on .vs-row .vs-c-days{font-size:9.5px!important;align-items:flex-end!important;text-align:right!important} html body #tab-vault.vs-on .vs-row .vs-c-days em{font-size:12px!important} html body #tab-vault.vs-on .vs-row .vs-chev{font-size:22px!important} }} /* v5: desktop density per mockup — whole vault fits one screen */ @layer gl-home-first{@media (min-width:761px){ html body.mygigz .tabs[role=tablist]{margin:6px auto 6px!important} html body.mygigz .tabs[role=tablist] button{padding:6px 12px!important;font-size:11px!important} html body #tab-vault.vs-on.vc-open{padding:8px 12px 10px!important} html body #tab-vault.vs-on.vc-open>.vc-heading{padding:10px 22px!important;min-height:0!important;gap:18px!important} html body #tab-vault.vs-on .vc-heading>div>span{font-size:11px!important;margin:0 0 2px!important} html body #tab-vault.vs-on .vc-heading h2{font-size:clamp(34px,3.6vw,56px)!important;line-height:.95!important;margin:0!important} html body #tab-vault.vs-on .vc-heading p{font-size:14px!important;margin:2px 0 0!important} html body #tab-vault.vs-on .vc-heading [data-go="add"]{padding:10px 18px!important;font-size:14px!important} html body #tab-vault.vs-on .vc-heading button:not([data-go="add"]){padding:5px 10px!important;font-size:11px!important} html body #tab-vault.vs-on #vstrip{margin-top:6px!important;gap:10px!important} html body #tab-vault.vs-on #vstrip>div{padding:6px 16px!important;min-height:0!important} html body #tab-vault.vs-on #vstrip b{font-size:24px!important;line-height:1!important} html body #tab-vault.vs-on #vstrip span{font-size:12px!important} html body #tab-vault.vs-on .vs-switch{margin-top:6px!important;padding:6px 40px!important;min-height:0!important} html body #tab-vault.vs-on .vs-switch>p:first-child{font-size:13px!important} html body #tab-vault.vs-on .vs-switch button{padding:6px 14px!important;min-height:0!important} html body #tab-vault.vs-on .vs-switch button svg{width:24px!important;height:24px!important} html body #tab-vault.vs-on .vs-switch button b{font-size:13px!important} html body #tab-vault.vs-on .vs-switch button small,html body #tab-vault.vs-on .vs-switch button span{font-size:11px!important;line-height:1.25!important} html body #tab-vault.vs-on .vs-datev,html body #tab-vault.vs-on .vs-countv,html body #tab-vault.vs-on .vs-calv{margin-top:6px!important;max-height:calc(100vh - 330px)!important;min-height:260px!important} html body #tab-vault.vs-on .vs-yr>summary{padding:3px 14px!important} html body #tab-vault.vs-on .vs-yr>summary strong{font-size:24px!important} html body #tab-vault.vs-on .vs-yr>summary>span:not(.vs-chev){font-size:11px!important} html body #tab-vault.vs-on .vs-thead{padding:3px 14px!important;font-size:10.5px!important} html body #tab-vault.vs-on .vs-row{padding:1px 14px!important;min-height:0!important} html body #tab-vault.vs-on .vs-row .vs-date{width:56px!important;min-height:32px!important} html body #tab-vault.vs-on .vs-row .vs-date b{font-size:15px!important} html body #tab-vault.vs-on .vs-row .vs-date i{font-size:8px!important} html body #tab-vault.vs-on .vs-row .vs-thumb{width:110px!important;height:32px!important} html body #tab-vault.vs-on .vs-row .vs-name strong,html body #tab-vault.vs-on .vs-row{font-size:12.5px!important} html body #tab-vault.vs-on .vs-row .vs-name span{font-size:11px!important} html body #tab-vault.vs-on .vs-upnext{padding:8px!important;gap:4px!important} html body #tab-vault.vs-on .vs-upnext h3{font-size:22px!important} html body #tab-vault.vs-on .vs-upnext .vs-row,html body #tab-vault.vs-on .vs-upnext>button{padding:3px 8px!important} html body #tab-vault.vs-on .vs-upnext .vs-date{min-height:40px!important;width:46px!important} html body #tab-vault.vs-on .vs-upnext .vs-thumb{height:40px!important;width:56px!important} }} /* v6: Countdown view = month-grouped table per mockup */ @layer gl-home-first{ html body #tab-vault.vs-on .vs-countdown{background:none!important;padding:0!important;box-shadow:none!important} html body #tab-vault.vs-on .vs-cdt .vs-c-st{font:800 12.5px/1.2 Archivo,sans-serif!important;text-transform:uppercase!important;color:var(--vs-cream)!important;text-align:left!important} html body #tab-vault.vs-on .vs-cdt .vs-st-tonight{color:oklch(.72 .19 45)!important} html body #tab-vault.vs-on .vs-cdt .vs-c-city{color:var(--vs-cream)!important;font-size:13px!important;text-align:left!important} html body #tab-vault.vs-on .vs-cdt .vs-c-days{text-align:left!important;align-items:flex-start!important;text-transform:uppercase!important} html body #tab-vault.vs-on .vs-cdt .vs-mob-venue{display:none!important} @media (min-width:761px){ html body #tab-vault.vs-on .vs-cdt .vs-thead,html body #tab-vault.vs-on .vs-cdt .vs-row{grid-template-columns:62px 120px minmax(160px,1.3fr) minmax(110px,1fr) minmax(100px,.9fr) 130px 110px 24px!important;gap:16px!important} html body #tab-vault.vs-on .vs-cdt .vs-mobonly{display:none!important} html body #tab-vault.vs-on .vs-countdown{max-height:calc(100vh - 330px)!important;overflow:auto!important;margin-top:6px!important} } @media (max-width:760px){ html body #tab-vault.vs-on .vs-cdt .vs-thead,html body #tab-vault.vs-on .vs-cdt .vs-c-venue,html body #tab-vault.vs-on .vs-cdt .vs-c-city,html body #tab-vault.vs-on .vs-cdt .vs-c-st,html body #tab-vault.vs-on .vs-cdt .vs-deskonly{display:none!important} html body #tab-vault.vs-on .vs-cdt .vs-mob-venue{display:block!important} html body #tab-vault.vs-on .vs-cdt .vs-row{grid-template-columns:40px 70px minmax(0,1fr) auto 12px!important} html body #tab-vault.vs-on .vs-cdt .vs-c-days{align-items:flex-end!important;text-align:right!important} } html body #tab-vault.vs-on .vs-cdt .vs-thead span{text-align:left!important} @media (min-width:761px){html body #tab-vault.vs-on .vs-cdt .vs-mhead{display:block!important}} } /* v7: desktop — reclaim vertical space for more gig rows */ @layer gl-home-first{@media (min-width:761px){ html.gl-app body.mygigz .gl-top{padding-top:8px!important;padding-bottom:6px!important} html body.mygigz .tabs[role=tablist]{margin:4px 0 4px!important} html body #tab-vault.vs-on.vc-open{padding:4px 10px 6px!important} html body #tab-vault.vs-on.vc-open>.vc-heading{padding:6px 18px!important} html body #tab-vault.vs-on .vc-heading>div>span{font-size:10px!important;margin:0!important} html body #tab-vault.vs-on .vc-heading h2{font-size:clamp(30px,2.8vw,44px)!important} html body #tab-vault.vs-on .vc-heading p{font-size:13px!important;margin:0!important} html body #tab-vault.vs-on .vc-heading [data-go="add"]{padding:7px 14px!important} html body #tab-vault.vs-on #vstrip{margin-top:4px!important} html body #tab-vault.vs-on #vstrip>div{padding:3px 14px!important} html body #tab-vault.vs-on #vstrip b{font-size:20px!important} html body #tab-vault.vs-on #vstrip span{font-size:11px!important} html body #tab-vault.vs-on .vs-switch{margin-top:4px!important;padding:3px 36px!important} html body #tab-vault.vs-on .vs-switch button{padding:4px 12px!important} html body #tab-vault.vs-on .vs-switch button svg{width:20px!important;height:20px!important} html body #tab-vault.vs-on .vs-switch button b{font-size:12px!important} html body #tab-vault.vs-on .vs-switch button small,html body #tab-vault.vs-on .vs-switch button span{font-size:10.5px!important;line-height:1.2!important} html body #tab-vault.vs-on .vs-datev,html body #tab-vault.vs-on .vs-countdown,html body #tab-vault.vs-on .vs-calv{margin-top:4px!important;padding-top:4px!important;max-height:calc(100vh - 250px)!important} html.gl-app body.mygigz .gl-top{height:auto!important;min-height:0!important;align-items:center!important} html body #tab-vault.vs-on.vc-open>.vc-heading{margin-top:0!important} html body #tab-vault.vs-on .vs-panes{margin-top:4px!important;padding-top:0!important} html body #tab-vault.vs-on .vs-switch{margin-bottom:0!important;padding-bottom:3px!important} html body #tab-vault.vs-on .vs-switch{border-top-width:5px!important;border-bottom-width:5px!important} html body #tab-vault.vs-on .vs-panes>section.vs-datev,html body #tab-vault.vs-on .vs-panes>.vs-countdown,html body #tab-vault.vs-on .vs-panes>.vs-calendar{margin-top:0!important;padding-top:4px!important} html.gl-app body.mygigz::before{display:none!important} }} /* v9: one shared desktop width (1280px) for Home and Vault */ @layer gl-home-first{@media (min-width:1100px){ html.gl-app body.mygigz main.wrap:not(#z1):not(#z2):not(#z3){width:min(1280px,calc(100% - 48px))!important;max-width:1280px!important;margin-inline:auto!important;box-sizing:border-box!important} html.gl-app.gl-on-home body.mygigz #app .gl-acts:not(#z1):not(#z2){display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px 28px!important;align-items:start!important} html.gl-app.gl-on-home body.mygigz #app .gl-acts:not(#z1):not(#z2)>.hx-stats{grid-column:1/-1!important} }} /* v10: desktop — gigs get the screen; slim one-line controls */ @layer gl-home-first{@media (min-width:761px){ html body #tab-vault.vs-on .vs-plaque,html body #tab-vault.vs-on .vc-heading>div>span,html body #tab-vault.vs-on .vc-heading p,html body #tab-vault.vs-on .vs-switch>p,html body #tab-vault.vs-on .vs-switch small{display:none!important} html body #tab-vault.vs-on.vc-open>.vc-heading{padding:4px 14px!important;min-height:0!important} html body #tab-vault.vs-on .vc-heading h2{font-size:26px!important;line-height:1!important} html body #tab-vault.vs-on .vc-heading [data-go="add"]{padding:5px 12px!important;font-size:12px!important} html body #tab-vault.vs-on #vstrip{margin-top:4px!important;gap:6px!important} html body #tab-vault.vs-on #vstrip>div{display:flex!important;flex-direction:row!important;align-items:baseline!important;gap:8px!important;padding:3px 12px!important} html body #tab-vault.vs-on #vstrip b{font-size:17px!important} html body #tab-vault.vs-on #vstrip span{font-size:10.5px!important} html body #tab-vault.vs-on .vs-switch{margin-top:4px!important;padding:2px 30px!important;border-top-width:3px!important;border-bottom-width:3px!important} html body #tab-vault.vs-on .vs-switch::before,html body #tab-vault.vs-on .vs-switch::after{width:16px!important;height:16px!important} html body #tab-vault.vs-on .vs-switch button{padding:3px 10px!important;justify-content:center!important} html body #tab-vault.vs-on .vs-switch button svg{width:16px!important;height:16px!important} html body #tab-vault.vs-on .vs-switch button b,html body #tab-vault.vs-on .vs-switch button[aria-selected="true"] b{font-size:11.5px!important} html body #tab-vault.vs-on .vs-datev,html body #tab-vault.vs-on .vs-countdown,html body #tab-vault.vs-on .vs-calv{max-height:calc(100vh - 175px)!important} html body.mygigz .tabs[role=tablist]{margin:2px 0!important} }} /* v11: phone — wrapped names, thinner rows/cards, slide buttons */ @layer gl-home-first{@media (max-width:760px){ html body #tab-vault.vs-on .vs-row .vs-name strong{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important;line-height:1.15!important} html body #tab-vault.vs-on .vs-row{padding:2px 8px!important;min-height:0!important} html body #tab-vault.vs-on .vs-row .vs-date{min-height:32px!important} html body #tab-vault.vs-on .vs-row .vs-thumb{height:32px!important;width:60px!important} html body #tab-vault.vs-on .vs-row{grid-template-columns:38px 60px minmax(0,1fr) auto 10px!important;gap:8px!important} html body #tab-vault.vs-on .vs-mhead{padding:4px 10px 3px!important} html body #tab-vault.vs-on .vs-pick{display:grid!important;grid-template-columns:96px minmax(0,1fr)!important;gap:10px!important;padding:8px!important} html body #tab-vault.vs-on .vs-pick-art{height:96px!important;width:96px!important;aspect-ratio:auto!important} html body #tab-vault.vs-on .vs-pick-art img{width:100%!important;height:100%!important;object-fit:cover!important} html body #tab-vault.vs-on .vs-pick-date{transform:scale(.7)!important;transform-origin:top left!important} html body #tab-vault.vs-on .vs-pick-info strong{font-size:17px!important;white-space:normal!important;overflow-wrap:anywhere!important} html body #tab-vault.vs-on .vs-pick-info p{font-size:12px!important;margin:1px 0!important} html body #tab-vault.vs-on .vs-pick-info .vs-slide{grid-column:1/-1!important;margin-top:6px!important;width:100%!important} }} /* glowing centre Add button */ @keyframes gl-plus-glow{0%,100%{box-shadow:0 0 10px 2px oklch(.7 .19 45/.55),0 0 22px 6px oklch(.7 .19 45/.25)}50%{box-shadow:0 0 16px 4px oklch(.75 .2 45/.85),0 0 34px 10px oklch(.7 .19 45/.4)}} @layer gl-home-first{ html.gl-app body .gl-plus i{animation:gl-plus-glow 2.4s ease-in-out infinite!important;background:oklch(.7 .19 45)!important;color:oklch(.15 .01 60)!important} @media (prefers-reduced-motion:reduce){html.gl-app body .gl-plus i{animation:none!important;box-shadow:0 0 14px 4px oklch(.7 .19 45/.6)!important}} } @layer gl-home-first{@media (max-width:760px){ html body #tab-vault.vs-on .vc-name strong,html body #tab-vault.vs-on .vc-name>span{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important;-webkit-line-clamp:unset!important;line-height:1.15!important} html body #tab-vault.vs-on .vc-open{padding-block:3px!important;min-height:0!important} html body #tab-vault.vs-on .vc-thumb{height:32px!important} html body #tab-vault.vs-on .vc-date{min-height:32px!important} }} /* v12: calendar gig markers and Selected gig preview */ @layer gl-home-first{ html body #tab-vault.vs-on .vs-grid>.vs-day.vs-has{all:unset!important;box-sizing:border-box!important;cursor:pointer!important;position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-height:22px!important;border-radius:3px!important;font:800 10px/1.4 Archivo,sans-serif!important;color:var(--vs-cream)!important} html body #tab-vault.vs-on .vs-day.vs-has .vs-dn{color:inherit!important} html body #tab-vault.vs-on .vs-day.vs-has .vs-dot{display:block!important;width:6px!important;height:6px!important;border-radius:50%!important;background:var(--vs-orange)!important;box-shadow:0 0 6px var(--vs-orange)!important;margin-top:1px!important} html body #tab-vault.vs-on .vs-day.vs-has::after{content:none!important;display:none!important} html body #tab-vault.vs-on .vs-grid>.vs-day.vs-has.vs-sel{background:transparent!important;outline:2px solid var(--vs-orange)!important;outline-offset:-1px!important;color:var(--vs-cream)!important} html body #tab-vault.vs-on .vs-month-big .vs-grid>.vs-day.vs-has{font-size:16px!important;min-height:44px!important} html body #tab-vault.vs-on .vs-month-big .vs-day.vs-has .vs-dot{width:7px!important;height:7px!important} html body #tab-vault.vs-on .vs-selhead h3{border-left:4px solid var(--vs-orange)!important;padding-left:8px!important} html body #tab-vault.vs-on .vs-selhead{flex-direction:column!important;align-items:flex-start!important;gap:4px!important} html body #tab-vault.vs-on .vs-selhead span{text-transform:none!important} } /* v13: desktop — section tabs share the logo bar */ @layer gl-home-first{@media (min-width:1100px){ html.gl-app:not(.gl-on-home) body.mygigz .tabs[role=tablist]:not(#z1):not(#z2){position:relative!important;z-index:5!important;margin:-50px 230px 10px 200px!important;min-height:0!important;justify-content:center!important;flex-wrap:nowrap!important;pointer-events:none!important;border:0!important;background:transparent!important} html.gl-app:not(.gl-on-home) body.mygigz .tabs[role=tablist]:not(#z1):not(#z2)>*{pointer-events:auto!important} }} /* Countdown timing occupies the original compact date slot only. */ @layer gl-home-first{ html body #tab-vault.vs-on .vs-cdt .vs-row .vs-days-left{background:var(--vs-cream)!important;color:var(--vs-dark)!important} html body #tab-vault.vs-on .vs-cdt .vs-row .vs-days-left b,html body #tab-vault.vs-on .vs-cdt .vs-row .vs-days-left i{color:var(--vs-dark)!important;-webkit-text-fill-color:var(--vs-dark)!important} html body #tab-vault.vs-on .vs-cdt .vs-row .vs-days-left i{font-size:8px!important;white-space:nowrap!important} @media(min-width:761px){html body #tab-vault.vs-on .vs-cdt .vs-thead,html body #tab-vault.vs-on .vs-cdt .vs-row{grid-template-columns:62px 120px minmax(160px,1.3fr) minmax(110px,1fr) minmax(100px,.9fr) 130px 24px!important}} @media(max-width:760px){html body #tab-vault.vs-on .vs-cdt .vs-row{grid-template-columns:40px 60px minmax(0,1fr) 10px!important}} /* Social calendar: audience bar, me/buddy/together markers, buddy badges (v16). */ :root{--vs-green:oklch(.72 .19 145);--vs-green-dk:oklch(.42 .13 145)} html body #tab-vault.vs-on .vs-calendar:not([hidden]){grid-template-areas:"aud aud" "cal pick"!important;align-items:start!important} html body #tab-vault.vs-on .vs-audwrap{grid-area:aud!important;min-width:0!important} html body #tab-vault.vs-on .vs-cal{grid-area:cal!important}html body #tab-vault.vs-on .vs-coming{grid-area:pick!important} html body #tab-vault.vs-on .vs-aud{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:14px!important;padding:8px 12px!important;border-radius:6px!important;background:var(--vs-brush,var(--vs-steel-2))!important;border:1px solid var(--vs-edge)!important} html body #tab-vault.vs-on .vs-aud-q{margin:0!important;font:600 12px/1.3 Archivo,sans-serif!important;color:var(--vs-dark)!important} html body #tab-vault.vs-on .vs-aud-m{display:none!important} html body #tab-vault.vs-on .vs-aud-btns{display:flex!important;gap:8px!important} html body #tab-vault.vs-on .vs-aud-btns button{all:unset!important;box-sizing:border-box!important;cursor:pointer!important;display:flex!important;align-items:flex-start!important;gap:8px!important;flex:1 1 0!important;max-width:200px!important;padding:7px 10px!important;border-radius:4px!important;background:var(--vs-steel-1)!important;color:var(--vs-dark)!important;border:1px solid var(--vs-edge)!important;box-shadow:inset 0 1px 0 oklch(1 0 0/.5)!important} html body #tab-vault.vs-on .vs-aud-btns button[aria-checked=true]{background:var(--vs-orange)!important;color:var(--vs-on-orange)!important;border-color:var(--vs-orange-hi)!important} html body #tab-vault.vs-on .vs-aud-btns button:focus-visible{outline:2px solid var(--vs-cream)!important;outline-offset:2px!important} html body #tab-vault.vs-on .vs-aud-btns svg{flex:0 0 20px!important;width:20px!important;height:20px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important} html body #tab-vault.vs-on .vs-aud-btns b{display:block!important;font:800 12px/1.2 Archivo,sans-serif!important;text-transform:uppercase!important;color:inherit!important} html body #tab-vault.vs-on .vs-aud-btns small{display:block!important;font:500 10px/1.3 Archivo,sans-serif!important;color:inherit!important;margin-top:2px!important} html body #tab-vault.vs-on .vs-legend{display:flex!important;gap:14px!important;padding-left:14px!important;border-left:1px solid var(--vs-edge)!important} html body #tab-vault.vs-on .vs-legend>span{display:flex!important;align-items:center!important;gap:6px!important;font:600 11px/1.15 Archivo,sans-serif!important;color:var(--vs-dark)!important} html body #tab-vault.vs-on .vs-mk{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:26px!important;height:26px!important;border-radius:50%!important;font-style:normal!important;flex:0 0 auto!important} html body #tab-vault.vs-on .vs-mk svg{width:62%!important;height:62%!important;fill:currentColor!important;stroke:none!important} html body #tab-vault.vs-on .vs-mk-me{background:var(--vs-orange)!important;color:var(--vs-dark)!important} html body #tab-vault.vs-on .vs-mk-bud{background:var(--vs-green)!important;color:var(--vs-dark)!important} html body #tab-vault.vs-on .vs-mk-both{width:34px!important;background:linear-gradient(90deg,var(--vs-orange) 50%,var(--vs-green) 50%)!important;color:var(--vs-dark)!important;border-radius:13px!important;animation:vs-together 1.6s ease-in-out infinite!important} html body #tab-vault.vs-on .vs-mk-both svg{width:44%!important;margin:0 -2px!important} @keyframes vs-together{0%,100%{box-shadow:0 0 0 0 var(--vs-orange);filter:none}50%{box-shadow:0 0 0 4px var(--vs-green);filter:brightness(1.2)}} @media(prefers-reduced-motion:reduce){html body #tab-vault.vs-on .vs-mk-both{animation:none!important}} /* Day cells: marker replaces the old dot; selection is an orange outline. */ html body #tab-vault.vs-on .vs-day.vs-has::after{display:none!important} html body #tab-vault.vs-on .vs-day.vs-has{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;line-height:1!important} html body #tab-vault.vs-on .vs-day .vs-mk{width:13px!important;height:13px!important} html body #tab-vault.vs-on .vs-day .vs-mk-both{width:18px!important} html body #tab-vault.vs-on .vs-day.vs-has .vs-dn{font-size:8px!important} html body #tab-vault.vs-on .vs-month-big .vs-day .vs-mk{width:20px!important;height:20px!important} html body #tab-vault.vs-on .vs-month-big .vs-day .vs-mk-both{width:28px!important} html body #tab-vault.vs-on .vs-day.vs-sel{background:transparent!important;color:var(--vs-cream)!important;outline:2px solid var(--vs-orange)!important;outline-offset:-1px!important} /* Buddy badges on Date / Countdown / selected gig */ html body #tab-vault.vs-on .vs-buddies{display:inline-flex!important;gap:3px!important;margin-top:2px!important;flex-wrap:wrap!important} html body #tab-vault.vs-on .vs-bud{display:inline-flex!important;width:16px!important;height:16px!important;border-radius:50%!important;align-items:center!important;justify-content:center!important;background:var(--vs-green-dk)!important;color:var(--vs-cream)!important;font-style:normal!important} html body #tab-vault.vs-on .vs-bud{background:transparent!important;color:#3ecf6e!important} html body #tab-vault.vs-on .vs-bud-best{background:transparent!important;color:#f5c542!important} html body #tab-vault.vs-on .vs-bud svg{width:14px!important;height:14px!important} html body #tab-vault.vs-on .vs-bud svg{width:11px!important;height:11px!important;fill:currentColor!important;stroke:none!important} html body #tab-vault.vs-on .vs-name .vs-buddies{display:flex!important} html body #tab-vault.vs-on .vs-pick-bud{display:flex!important;align-items:center!important;gap:6px!important;color:var(--vs-cream)!important} html body #tab-vault.vs-on .vs-pick-info .vs-vt{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;margin-top:10px!important;min-height:44px!important;border-radius:4px!important;background:var(--vs-orange)!important;color:var(--vs-on-orange)!important;font:800 16px/1 Archivo,sans-serif!important;text-transform:uppercase!important;letter-spacing:.04em!important;border:0!important;cursor:pointer!important} html body #tab-vault.vs-on .vs-pick-info .vs-vt::after{content:" ›"!important;margin-left:8px!important} html body #tab-vault.vs-on .vs-pick-info .vs-vt+.vs-slide{display:none!important} @media(max-width:760px){ html body #tab-vault.vs-on .vs-calendar:not([hidden]){grid-template-areas:"aud" "cal" "pick"!important} html body #tab-vault.vs-on .vs-aud{grid-template-columns:1fr!important;gap:8px!important;background:var(--vs-well-2)!important} html body #tab-vault.vs-on .vs-aud-q{color:var(--vs-cream)!important;font-weight:700!important} html body #tab-vault.vs-on .vs-aud-d{display:none!important}html body #tab-vault.vs-on .vs-aud-m{display:inline!important} html body #tab-vault.vs-on .vs-aud-btns small{display:none!important} html body #tab-vault.vs-on .vs-aud-btns button{padding:9px 6px!important;align-items:center!important;justify-content:center!important;max-width:none!important} html body #tab-vault.vs-on .vs-aud-btns b{font-size:11px!important} html body #tab-vault.vs-on .vs-legend{border-left:0!important;padding-left:0!important;justify-content:space-between!important} html body #tab-vault.vs-on .vs-legend>span{color:var(--vs-cream)!important;font-size:10px!important} html body #tab-vault.vs-on .vs-pick-info .vs-vt{grid-column:1/-1!important} } html body #tab-vault.vs-on .vs-grid .vs-day.vs-has i.vs-mk{display:inline-flex!important;visibility:visible!important;opacity:1!important} html body #tab-vault.vs-on .vs-pick-info:has(.vs-vt) .vs-slide,html body #tab-vault.vs-on .vs-pick-info:has(.vs-vt) .gp-swipe-hint,html body #tab-vault.vs-on .vs-pick-info:has(.vs-vt) [data-gp-swipe]:not(.vs-vt){display:none!important} html body #tab-vault.vs-on .vs-panes .vs-row .vs-name>span.vs-buddies.vs-buddies,html body #tab-vault.vs-on .vs-pick-info .vs-buddies{display:inline-flex!important;width:auto!important;visibility:visible!important} html body #tab-vault.vs-on .vs-pick-info .vs-vt{display:flex!important} } /* v20: compact density pass — frame, hero, stats and view rail trimmed so more gig rows fit */ @layer gl-home-first{ html body #tab-vault.vs-on.vc-open{border-width:8px!important;padding:8px 12px 12px!important} html body #tab-vault.vs-on.vc-open::before,html body #tab-vault.vs-on.vc-open::after{width:20px!important;height:20px!important;top:-14px!important} html body #tab-vault.vs-on.vc-open::before{left:-14px!important}html body #tab-vault.vs-on.vc-open::after{right:-14px!important} html body #tab-vault.vs-on.vc-open>.vc-heading{padding:7px 12px!important;gap:10px!important;align-items:center!important} html body #tab-vault.vs-on .vc-heading h2{font-size:clamp(20px,2.4vw,28px)!important;line-height:1!important;margin:0!important} html body #tab-vault.vs-on .vc-heading span{font-size:10px!important} html body #tab-vault.vs-on .vc-heading p,html body #tab-vault.vs-on .vs-plaque{display:none!important} html body #tab-vault.vs-on .vc-heading [data-go="add"]{padding:8px 12px!important;font-size:12px!important} html body #tab-vault.vs-on #vstrip{gap:6px!important;margin-top:6px!important} html body #tab-vault.vs-on #vstrip>div{padding:5px 10px!important;flex-direction:row!important;align-items:baseline!important;gap:6px!important} html body #tab-vault.vs-on #vstrip b{font-size:18px!important} html body #tab-vault.vs-on #vstrip span{font-size:10px!important} html body #tab-vault.vs-on .vs-switch{margin:8px -12px 0!important;padding:5px 26px!important;border-top-width:4px!important;border-bottom-width:4px!important;gap:8px!important} html body #tab-vault.vs-on .vs-switch::before,html body #tab-vault.vs-on .vs-switch::after{width:16px!important;height:16px!important} html body #tab-vault.vs-on .vs-switch>p,html body #tab-vault.vs-on .vs-switch button small{display:none!important} html body #tab-vault.vs-on .vs-switch-btns{gap:6px!important} html body #tab-vault.vs-on .vs-switch button{min-height:30px!important;padding:5px 10px!important;align-items:center!important} html body #tab-vault.vs-on .vs-switch button b{font-size:12px!important} html body #tab-vault.vs-on .vs-tools button{min-height:30px!important;padding:6px 10px!important;font-size:11px!important} html body #tab-vault.vs-on #vault,html body #tab-vault.vs-on .vs-panes>section:not([hidden]){margin-top:8px!important;padding:6px!important} html body #tab-vault.vs-on .vs-panehead{padding:2px 4px 5px!important;margin-bottom:4px!important} html body #tab-vault.vs-on .vs-panehead h3{font-size:15px!important} html body #tab-vault.vs-on .vs-mhead{padding:3px 10px 2px!important} html body #tab-vault.vs-on .vs-row .vs-date{min-height:30px!important} html body #tab-vault.vs-on .vs-row .vs-date b{font-size:17px!important} html body #tab-vault.vs-on .vs-row .vs-name strong{font-size:13px!important;line-height:1.15!important} } @layer gl-home-first{@media (min-width:761px){ html body #tab-vault.vs-on .vs-datev{max-height:calc(100vh - 120px)!important} html body #tab-vault.vs-on .vs-row .vs-thumb{height:30px!important} }} @layer gl-home-first{@media (max-width:760px){ html body #tab-vault.vs-on.vc-open{border-width:5px!important;padding:6px 7px 8px!important;border-radius:8px!important} html body #tab-vault.vs-on.vc-open::before,html body #tab-vault.vs-on.vc-open::after{display:none!important} html body #tab-vault.vs-on.vc-open>.vc-heading{padding:5px 9px!important} html body #tab-vault.vs-on .vc-heading h2{font-size:20px!important} html body #tab-vault.vs-on .vc-heading [data-go="add"]{padding:7px 9px!important;font-size:11px!important} html body #tab-vault.vs-on #vstrip{gap:4px!important;margin-top:5px!important} html body #tab-vault.vs-on #vstrip>div{padding:4px 3px!important;flex-direction:column!important;align-items:center!important;gap:0!important} html body #tab-vault.vs-on #vstrip b{font-size:15px!important} html body #tab-vault.vs-on #vstrip span{font-size:8.5px!important;letter-spacing:0!important;text-align:center!important} html body #tab-vault.vs-on .vs-switch{margin:6px -7px 0!important;padding:4px 7px!important;border-top-width:3px!important;border-bottom-width:3px!important} html body #tab-vault.vs-on .vs-switch::before,html body #tab-vault.vs-on .vs-switch::after{display:none!important} html body #tab-vault.vs-on .vs-switch button{min-height:32px!important;padding:4px 6px!important} html body #tab-vault.vs-on #vault,html body #tab-vault.vs-on .vs-panes>section:not([hidden]){margin-top:6px!important;padding:4px!important} html body #tab-vault.vs-on .vs-row{padding:2px 6px!important} html body #tab-vault.vs-on .vs-row .vs-thumb{height:30px!important;width:54px!important} html body #tab-vault.vs-on .vs-row{grid-template-columns:38px 54px minmax(0,1fr) auto 10px!important;gap:7px!important} }} /* Compact view icons beside the unchanged Add gig, Filter and Sort actions. */ @layer gl-home-first{ html body #tab-vault.vs-on .vc-heading .vs-toolbar{display:flex!important;flex:0 1 auto!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;min-width:0!important;flex-wrap:wrap!important} html body #tab-vault.vs-on .vc-heading .vs-toolbar .vs-tools{display:flex!important;flex:none!important;width:auto!important;margin:0!important;gap:4px!important} html body #tab-vault.vs-on .vc-heading .vs-toolbar .vs-tools button{box-sizing:border-box!important;min-height:32px!important;padding:6px 8px!important} html body #tab-vault.vs-on .vc-heading .vs-toolbar .vs-switch{display:flex!important;position:static!important;flex:none!important;align-items:center!important;background:none!important;border:0!important;box-shadow:none!important;margin:0!important;padding:0!important;gap:0!important} html body #tab-vault.vs-on .vs-toolbar .vs-switch::before,html body #tab-vault.vs-on .vs-toolbar .vs-switch::after{display:none!important;content:none!important} html body #tab-vault.vs-on .vs-toolbar .vs-switch-btns{display:flex!important;flex:none!important;gap:4px!important} html body #tab-vault.vs-on .vc-heading .vs-toolbar .vs-switch button{box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:none!important;width:32px!important;height:32px!important;min-height:32px!important;padding:0!important;border-radius:4px!important;gap:0!important;background:var(--vs-well)!important;color:var(--vs-cream)!important;box-shadow:var(--vs-bevel)!important} html body #tab-vault.vs-on .vc-heading .vs-toolbar .vs-switch button[aria-selected="true"]{background:var(--vs-orange)!important;color:var(--vs-on-orange)!important} html body #tab-vault.vs-on .vc-heading .vs-toolbar .vs-switch button svg{display:block!important;width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important} @media(max-width:760px){ html body #tab-vault.vs-on.vc-open>.vc-heading{flex-wrap:wrap!important;gap:5px!important} html body #tab-vault.vs-on .vc-heading>.vs-toolbar{flex:1 0 100%!important;justify-content:space-between!important;gap:4px!important} html body #tab-vault.vs-on .vc-heading .vs-toolbar [data-go="add"]{white-space:nowrap!important;min-height:32px!important;padding:6px 8px!important;font-size:10px!important} html body #tab-vault.vs-on .vc-heading .vs-toolbar .vs-tools button{font-size:10px!important;padding:6px!important} } } /* v22 toolbar sections: Add gig | Filter/Sort | Views */ @layer gl-home-first{ html body #tab-vault.vs-on .vc-heading .vs-toolbar{gap:0!important} html body #tab-vault.vs-on .vc-heading .vs-toolbar>*{margin:0!important} html body #tab-vault.vs-on .vc-heading .vs-toolbar>*+*{margin-left:8px!important;padding-left:8px!important;border-left:1px solid rgba(245,236,218,.28)!important} html body #tab-vault.vs-on .vc-heading .vs-toolbar .vs-switch{gap:6px!important} html body #tab-vault.vs-on .vc-heading .vs-toolbar .vs-switch::before{display:block!important;content:"Views"!important;position:static!important;inset:auto!important;width:auto!important;height:auto!important;background:none!important;border:0!important;box-shadow:none!important;color:var(--vs-cream)!important;-webkit-text-fill-color:var(--vs-cream)!important;font:700 10px/1 inherit!important;font-size:10px!important;letter-spacing:.08em!important;text-transform:uppercase!important;opacity:.85} } /* v23 toolbar sections: wide gaps between Add gig | Filter/Sort | Views */ @layer gl-home-first{ html body #tab-vault#tab-vault.vs-on .vc-heading .vs-toolbar.vs-toolbar{gap:22px!important;column-gap:22px!important} html body #tab-vault#tab-vault.vs-on .vc-heading .vs-toolbar.vs-toolbar>.vs-tools,html body #tab-vault#tab-vault.vs-on .vc-heading .vs-toolbar.vs-toolbar>.vs-switch{margin:0!important;padding-left:22px!important;border-left:1px solid rgba(245,236,218,.35)!important} html body #tab-vault#tab-vault.vs-on .vc-heading .vs-toolbar.vs-toolbar>.vs-switch{gap:8px!important;overflow:visible!important} html body #tab-vault#tab-vault.vs-on .vc-heading .vs-toolbar.vs-toolbar>.vs-switch::before{font-family:inherit!important;font-weight:700!important;font-size:10px!important;line-height:32px!important;height:32px!important;white-space:nowrap!important;overflow:visible!important;transform:none!important;clip-path:none!important;mask:none!important;-webkit-mask:none!important;filter:none!important;opacity:1!important;margin:0!important;padding:0!important} @media(max-width:760px){ html body #tab-vault#tab-vault.vs-on .vc-heading .vs-toolbar.vs-toolbar{gap:10px!important;column-gap:10px!important;justify-content:flex-start!important} html body #tab-vault#tab-vault.vs-on .vc-heading .vs-toolbar.vs-toolbar>.vs-tools,html body #tab-vault#tab-vault.vs-on .vc-heading .vs-toolbar.vs-toolbar>.vs-switch{padding-left:10px!important} } } /* v24 single expanded Up next / clicked-gig box */ @layer gl-home-first{ html body #tab-vault.vs-on .vs-focus{align-self:start!important;display:flex!important;flex-direction:column!important;gap:8px!important} html body #tab-vault.vs-on .vs-focus>header{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:0!important} html body #tab-vault.vs-on .vs-focus h3{font-size:20px!important} html body #tab-vault.vs-on .vs-f-back{all:unset!important;cursor:pointer!important;padding:5px 10px!important;border:1px solid var(--vs-orange)!important;border-radius:6px!important;font:700 12px/1 Archivo,sans-serif!important;color:var(--vs-cream)!important} html body #tab-vault.vs-on .vs-f-art{width:100%!important;aspect-ratio:16/9!important;border-radius:6px!important;overflow:hidden!important;background:#111!important} html body #tab-vault.vs-on .vs-f-art>*,html body #tab-vault.vs-on .vs-f-art img{width:100%!important;height:100%!important;object-fit:cover!important;display:grid!important;place-items:center!important} html body #tab-vault.vs-on .vs-f-head{display:flex!important;gap:8px!important;align-items:center!important} html body #tab-vault.vs-on .vs-f-pill{padding:3px 8px!important;border:1.5px solid var(--vs-cyan)!important;border-radius:6px!important;font:800 11px/1.1 Archivo,sans-serif!important;text-transform:uppercase!important;color:var(--vs-cyan)!important} html body #tab-vault.vs-on .vs-f-head em{font:700 11px/1 Archivo,sans-serif!important;font-style:normal!important;text-transform:uppercase!important;color:var(--vs-orange)!important} html body #tab-vault.vs-on .vs-f-title{margin:0!important;font:800 18px/1.15 Archivo,sans-serif!important;color:var(--vs-cream)!important;overflow-wrap:anywhere!important} html body #tab-vault.vs-on .vs-f-facts{display:grid!important;gap:5px!important} html body #tab-vault.vs-on .vs-f-row{display:grid!important;grid-template-columns:70px 1fr!important;gap:8px!important;font:400 12.5px/1.3 Archivo,sans-serif!important;color:var(--vs-cream)!important} html body #tab-vault.vs-on .vs-f-row b{font-weight:700!important;text-transform:uppercase!important;font-size:10.5px!important;letter-spacing:.06em!important;color:var(--vs-orange)!important} html body #tab-vault.vs-on .vs-f-acts{display:grid!important;gap:6px!important;margin-top:4px!important} html body #tab-vault.vs-on .vs-f-open{all:unset!important;cursor:pointer!important;text-align:center!important;padding:9px!important;border:1.5px solid var(--vs-orange)!important;border-radius:8px!important;font:700 13px/1 Archivo,sans-serif!important;color:var(--vs-cream)!important} html body #tab-vault.vs-on .vs-row.vs-picked{outline:2px solid var(--vs-orange)!important;outline-offset:-2px!important} } @layer gl-home-first{ #tab-vault#tab-vault .vs-audmini{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important;margin:0 0 0 18px!important;padding:0 0 0 18px!important;border-left:1px solid rgba(243,238,228,.35)!important} #tab-vault#tab-vault .vs-audmini button{display:inline-flex!important;align-items:center!important;gap:6px!important;height:32px!important;padding:0 12px!important;margin:0!important;border-radius:8px!important;border:1px solid #4a4e54!important;background:#1b1d20!important;color:#f3eee4!important;font:700 12px/1 Archivo,sans-serif!important;text-transform:uppercase!important;letter-spacing:.04em!important;cursor:pointer!important;white-space:nowrap!important;box-shadow:none!important} #tab-vault#tab-vault .vs-audmini button[aria-checked=true]{background:#ff7a1a!important;border-color:#ff7a1a!important;color:#111!important} #tab-vault#tab-vault .vs-audmini svg{width:16px!important;height:16px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;flex:0 0 auto!important} #tab-vault#tab-vault .vs-aud .vs-aud-q,#tab-vault#tab-vault .vs-aud .vs-aud-btns{display:none!important} @media (max-width:640px){#tab-vault#tab-vault .vs-audmini{margin:6px 0 0!important;padding:0!important;border:0!important;width:100%!important}#tab-vault#tab-vault .vs-audmini button{height:30px!important;padding:0 9px!important;font-size:11px!important}} } @layer gl-home-first{ #tab-vault#tab-vault .vs-audmini{flex-wrap:nowrap!important;gap:4px!important;align-self:center!important;width:auto!important} #tab-vault#tab-vault .vs-audmini button{flex-direction:column!important;justify-content:center!important;gap:2px!important;height:auto!important;min-width:0!important;padding:3px 6px!important;border:0!important;background:transparent!important;border-radius:6px!important;font-size:9px!important;line-height:1.1!important;color:#f3eee4!important} #tab-vault#tab-vault .vs-audmini button[aria-checked=true]{background:transparent!important;color:#ff9a4d!important} #tab-vault#tab-vault .vs-audmini svg{width:18px!important;height:18px!important} @media (max-width:640px){#tab-vault#tab-vault .vs-audmini{width:auto!important;margin:0 0 0 auto!important}#tab-vault#tab-vault .vs-audmini button{height:auto!important;padding:2px 4px!important;font-size:9px!important}} } @layer gl-home-first{ html body #tab-vault.vs-on .vc-heading .vs-audmini button{box-sizing:border-box!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:2px!important;width:auto!important;height:auto!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important;color:var(--vs-cream)!important;font:700 9px/1 Archivo,sans-serif!important;text-transform:uppercase!important;letter-spacing:.04em!important} html body #tab-vault.vs-on .vc-heading .vs-audmini button svg{box-sizing:border-box!important;display:block!important;width:32px!important;height:32px!important;padding:7px!important;border-radius:4px!important;background:var(--vs-well)!important;box-shadow:var(--vs-bevel)!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important} html body #tab-vault.vs-on .vc-heading .vs-audmini button[aria-checked=true]{color:var(--vs-orange)!important} html body #tab-vault.vs-on .vc-heading .vs-audmini button[aria-checked=true] svg{outline:1px solid var(--vs-orange)!important} html body #tab-vault.vs-on .vc-heading .vs-audmini{gap:8px!important} } @layer gl-home-first{ html body #tab-vault.vs-on .vc-heading .vs-audmini button.gp-utility{min-height:0!important;width:auto!important;height:auto!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;color:var(--vs-cream)!important} html body #tab-vault.vs-on .vc-heading .vs-audmini button.gp-utility[aria-checked=true]{color:var(--vs-orange)!important} html body #tab-vault.vs-on .vc-heading .vs-audmini button.gp-utility::before,html body #tab-vault.vs-on .vc-heading .vs-audmini button.gp-utility::after{content:none!important;display:none!important} } @layer gl-home-first{ html body #tab-vault#tab-vault.vs-on .vc-heading .vs-audmini button.vs-audbtn svg{box-sizing:border-box!important;display:block!important;width:32px!important;height:32px!important;min-width:32px!important;max-width:none!important;padding:6px!important;margin:0!important;border-radius:4px!important;background:var(--vs-well,#24272b)!important;box-shadow:var(--vs-bevel)!important;fill:none!important;stroke:#f3eee4!important;stroke-width:2!important;transform:none!important;opacity:1!important} html body #tab-vault#tab-vault.vs-on .vc-heading .vs-audmini button.vs-audbtn svg *{fill:none!important;stroke:#f3eee4!important;stroke-width:2!important;vector-effect:none!important} html body #tab-vault#tab-vault.vs-on .vc-heading .vs-audmini button.vs-audbtn[aria-checked=true] svg{background:#ff7a1a!important;outline:0!important} html body #tab-vault#tab-vault.vs-on .vc-heading .vs-audmini button.vs-audbtn[aria-checked=true] svg *{stroke:#111!important} html body #tab-vault#tab-vault.vs-on .vc-heading .vs-audmini button.vs-audbtn span{border:0!important;padding:0!important;margin:0!important;background:none!important;box-shadow:none!important;font:700 10px/1 Archivo,sans-serif!important;color:#f3eee4!important;letter-spacing:.04em!important} html body #tab-vault#tab-vault.vs-on .vc-heading .vs-audmini button.vs-audbtn span::before,html body #tab-vault#tab-vault.vs-on .vc-heading .vs-audmini button.vs-audbtn span::after{content:none!important;display:none!important} html body #tab-vault#tab-vault.vs-on .vc-heading .vs-audmini button.vs-audbtn[aria-checked=true] span{color:#ff9a4d!important} } @layer gl-home-first{ /* Vault heading icon stats (mirror of #vstrip); privacy buttons removed from heading */ html body #tab-vault#tab-vault.vs-on.vs-has-hstats #vstrip{display:none!important} html body #tab-vault#tab-vault.vs-on .vc-heading>ul.vs-hstats{display:flex!important;flex:0 1 auto!important;flex-wrap:nowrap!important;gap:10px!important;list-style:none!important;margin:0 0 0 6px!important;padding:0 0 0 18px!important;border-left:1px solid rgba(243,238,228,.18)!important;align-items:center!important;min-width:0!important;background:none!important} html body #tab-vault#tab-vault.vs-on .vc-heading>ul.vs-hstats>li{display:grid!important;grid-template-columns:auto auto!important;grid-template-rows:auto auto!important;column-gap:10px!important;align-items:center!important;padding:7px 14px!important;margin:0!important;background:var(--vs-well)!important;border:1px solid rgba(243,238,228,.22)!important;border-radius:6px!important;box-shadow:var(--vs-recess)!important;list-style:none!important} html body #tab-vault#tab-vault.vs-on .vc-heading>ul.vs-hstats svg{grid-row:1/3!important;width:28px!important;height:28px!important;fill:none!important;stroke:var(--vs-orange-hi)!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important} html body #tab-vault#tab-vault.vs-on .vc-heading>ul.vs-hstats strong{font:400 26px/1 'Archivo Black',sans-serif!important;color:var(--vs-orange-hi)!important;text-align:center!important} html body #tab-vault#tab-vault.vs-on .vc-heading>ul.vs-hstats small{font:800 10px/1.2 Archivo,sans-serif!important;text-transform:uppercase!important;color:var(--vs-cream)!important;letter-spacing:.03em!important;text-align:center!important;border:0!important;padding:0!important} @media (max-width:1400px){html body #tab-vault#tab-vault.vs-on .vc-heading>ul.vs-hstats{gap:5px!important;padding-left:10px!important}html body #tab-vault#tab-vault.vs-on .vc-heading>ul.vs-hstats>li{padding:4px 8px!important;column-gap:6px!important}html body #tab-vault#tab-vault.vs-on .vc-heading>ul.vs-hstats svg{width:20px!important;height:20px!important}html body #tab-vault#tab-vault.vs-on .vc-heading>ul.vs-hstats strong{font-size:18px!important}} @media (max-width:1100px){html body #tab-vault#tab-vault.vs-on.vc-open>.vc-heading{flex-wrap:wrap!important}html body #tab-vault#tab-vault.vs-on .vc-heading>ul.vs-hstats{order:9!important;flex:1 0 100%!important;width:100%!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;margin:6px 0 0!important;padding:0!important;border:0!important}html body #tab-vault#tab-vault.vs-on .vc-heading>ul.vs-hstats>li{grid-template-columns:1fr!important;justify-items:center!important;row-gap:2px!important;padding:5px 2px!important}html body #tab-vault#tab-vault.vs-on .vc-heading>ul.vs-hstats svg{grid-row:auto!important;width:18px!important;height:18px!important}html body #tab-vault#tab-vault.vs-on .vc-heading>ul.vs-hstats strong{font-size:17px!important}html body #tab-vault#tab-vault.vs-on .vc-heading>ul.vs-hstats small{font-size:8px!important}} /* One-line desktop heading: compact Add / Filter / Sort / Views */ @media (min-width:1101px){ html body #tab-vault#tab-vault.vs-on.vc-open>.vc-heading{flex-wrap:nowrap!important;gap:12px!important} html body #tab-vault#tab-vault.vs-on .vc-heading>div:first-child{flex:0 0 auto!important} html body #tab-vault#tab-vault.vs-on .vc-heading .vs-plaque{display:none!important} html body #tab-vault#tab-vault.vs-on .vc-heading .vs-toolbar{flex:0 0 auto!important;flex-wrap:nowrap!important;gap:6px!important;margin-left:auto!important;align-items:center!important} html body #tab-vault#tab-vault.vs-on .vc-heading .vs-toolbar [data-go="add"]{padding:8px 12px!important;font-size:12px!important;min-height:0!important;white-space:nowrap!important} html body #tab-vault#tab-vault.vs-on .vc-heading .vs-toolbar .vs-tools{gap:4px!important;margin:0!important} html body #tab-vault#tab-vault.vs-on .vc-heading .vs-toolbar .vs-tools button{padding:6px 9px!important;min-height:30px!important;font-size:11px!important} html body #tab-vault#tab-vault.vs-on .vc-heading .vs-toolbar .vs-switch button{width:32px!important;height:32px!important;min-height:0!important;padding:0!important} html body #tab-vault#tab-vault.vs-on .vc-heading .vs-toolbar .vs-switch>p{font-size:11px!important;margin:0 4px 0 0!important} html body #tab-vault#tab-vault.vs-on .vc-heading>ul.vs-hstats{flex:0 1 auto!important} } @media (min-width:1101px){ html body #tab-vault#tab-vault.vs-on .vc-heading .vs-toolbar.vs-toolbar>*{flex:0 0 auto!important;width:auto!important;margin-top:0!important;margin-bottom:0!important;order:0!important} html body #tab-vault#tab-vault.vs-on .vc-heading .vs-toolbar.vs-toolbar .vs-switch{flex-basis:auto!important;padding:0 0 0 8px!important} } } @layer gl-home-first{ html body #tab-vault#tab-vault.vs-on .vc-heading{flex-wrap:nowrap!important;gap:12px!important} html body #tab-vault#tab-vault.vs-on .vc-heading>div:first-child{flex:0 0 auto!important} html body #tab-vault#tab-vault.vs-on .vc-heading>ul.vs-hstats{flex:0 0 auto!important;gap:6px!important;margin:0!important;padding-left:12px!important} html body #tab-vault#tab-vault.vs-on .vc-heading>ul.vs-hstats>li{padding:4px 8px!important;column-gap:6px!important} html body #tab-vault#tab-vault.vs-on .vc-heading>ul.vs-hstats svg{width:18px!important;height:18px!important} html body #tab-vault#tab-vault.vs-on .vc-heading>ul.vs-hstats strong{font-size:17px!important} html body #tab-vault#tab-vault.vs-on .vc-heading>ul.vs-hstats small{font-size:8px!important} html body #tab-vault#tab-vault.vs-on .vc-heading .vs-toolbar.vs-toolbar{flex:0 0 auto!important;gap:8px!important;column-gap:8px!important;margin-left:auto!important} html body #tab-vault#tab-vault.vs-on .vc-heading .vs-toolbar.vs-toolbar>.vs-tools,html body #tab-vault#tab-vault.vs-on .vc-heading .vs-toolbar.vs-toolbar>.vs-switch{padding-left:8px!important} html body #tab-vault#tab-vault.vs-on .vc-heading .vs-toolbar [data-go="add"]{padding:6px 9px!important;font-size:10px!important} html body #tab-vault#tab-vault.vs-on .vc-heading .vs-toolbar .vs-tools button{padding:5px 7px!important;min-height:28px!important;font-size:10px!important} html body #tab-vault#tab-vault.vs-on .vc-heading .vs-toolbar .vs-switch button{width:28px!important;height:28px!important} @media (max-width:1100px){html body #tab-vault#tab-vault.vs-on .vc-heading{flex-wrap:wrap!important}html body #tab-vault#tab-vault.vs-on .vc-heading>ul.vs-hstats{flex:1 0 100%!important;padding:0!important}} @media (min-width:1101px) and (max-width:1300px){html body #tab-vault#tab-vault.vs-on .vc-heading{gap:8px!important}html body #tab-vault#tab-vault.vs-on .vc-heading h2,html body #tab-vault#tab-vault.vs-on .vc-heading>div:first-child>*{font-size:22px!important}html body #tab-vault#tab-vault.vs-on .vc-heading>ul.vs-hstats{gap:4px!important;padding-left:8px!important}html body #tab-vault#tab-vault.vs-on .vc-heading>ul.vs-hstats>li{padding:4px 6px!important}} } /* v25 phone: "Views" label sits above its icons so the toolbar fits */ @layer gl-home-first{ @media(max-width:760px){ html body #tab-vault#tab-vault.vs-on .vc-heading .vs-toolbar.vs-toolbar>.vs-switch.vs-switch{flex-wrap:wrap!important;row-gap:4px!important;column-gap:6px!important;align-content:flex-start!important} html body #tab-vault#tab-vault.vs-on .vc-heading .vs-toolbar.vs-toolbar>.vs-switch.vs-switch::before{flex:0 0 100%!important;width:100%!important;height:auto!important;line-height:1!important;text-align:left!important} } } /* v26 phone: near-square Add gig button frees room for view icons */ @layer gl-home-first{ @media(max-width:760px){ html body #tab-vault#tab-vault.vs-on .vc-heading .vs-toolbar.vs-toolbar [data-go="add"]{width:58px!important;min-width:0!important;max-width:58px!important;height:52px!important;min-height:0!important;padding:4px!important;white-space:normal!important;text-align:center!important;font-size:11px!important;line-height:1.15!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 58px!important} html body #tab-vault#tab-vault.vs-on .vc-heading .vs-toolbar.vs-toolbar{flex-wrap:nowrap!important;gap:8px!important;column-gap:8px!important} html body #tab-vault#tab-vault.vs-on .vc-heading .vs-toolbar.vs-toolbar>.vs-tools,html body #tab-vault#tab-vault.vs-on .vc-heading .vs-toolbar.vs-toolbar>.vs-switch{padding-left:8px!important} html body #tab-vault#tab-vault.vs-on .vc-heading .vs-toolbar.vs-toolbar>.vs-switch{flex:1 1 auto!important;min-width:0!important} } } /* v27 phone: Add gig matches Filter/Sort size, reads "+ Gig" */ @layer gl-home-first{ @media(max-width:760px){ html body #tab-vault#tab-vault.vs-on .vc-heading .vs-toolbar.vs-toolbar [data-go="add"]{width:auto!important;max-width:none!important;flex:0 0 auto!important;height:auto!important;min-height:32px!important;padding:6px 10px!important;white-space:nowrap!important;font-size:0!important;line-height:1!important} html body #tab-vault#tab-vault.vs-on .vc-heading .vs-toolbar.vs-toolbar [data-go="add"] *{display:none!important} html body #tab-vault#tab-vault.vs-on .vc-heading .vs-toolbar.vs-toolbar [data-go="add"]::after{content:"+ Gig"!important;display:inline!important;font:800 12px/1 Archivo,sans-serif!important;text-transform:uppercase!important;color:var(--vs-on-orange)!important;-webkit-text-fill-color:var(--vs-on-orange)!important} } } /* Past gigs: went with / buddy also there */ .vs-past-bud{display:inline-flex;align-items:center;gap:5px;max-width:100%;} .vs-past-bud em{font-style:normal;font-size:11px;line-height:1.25;color:#7ee2a0;white-space:normal;} .vs-past-bud .vs-bud{flex:0 0 auto;} html body #tab-vault.vs-on .vs-mk-inline{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:30px!important;height:16px!important;flex:0 0 auto!important;vertical-align:middle!important;margin-right:4px!important} html body #tab-vault.vs-on .vs-mk-inline svg{width:11px!important;height:11px!important;fill:currentColor!important;stroke:none!important} html body #tab-vault.vs-on .vc-badges .vs-mk-inline{align-self:center!important} /* UX-023 pinned To check list */ html body #tab-vault.vs-on .vs-yr.vs-check{border:1px solid #f5a623!important;margin-bottom:10px!important} html body #tab-vault.vs-on .vs-yr.vs-check>summary strong{color:#f5a623!important;-webkit-text-fill-color:#f5a623!important} html body #tab-vault.vs-on .vs-check-hint{margin:6px 12px 8px!important;color:#e9e2d6!important;-webkit-text-fill-color:#e9e2d6!important;font:400 12px/1.4 Archivo,sans-serif!important} html body .gr-badge.gr-unverified{color:#cfc6b8!important;-webkit-text-fill-color:#cfc6b8!important}