/* Camera Club control sizing. Shared by public, member, and club admin pages. */
:root{--vcc-control-height:24px;--vcc-control-font:11px;--vcc-control-radius:8px}
body :is(button,.button,.btn,input,select,textarea){border-radius:8px!important;box-sizing:border-box!important}
body :is(button,.button,.btn,input[type=submit],input[type=button],input[type=reset]){height:24px!important;min-height:24px!important;font-size:11px!important;line-height:16px!important;padding-top:3px!important;padding-bottom:3px!important}
body :is(input:not([type]),input[type=text],input[type=email],input[type=password],input[type=search],input[type=tel],input[type=url],input[type=number],input[type=date],input[type=time],input[type=datetime-local]){height:24px!important;min-height:24px!important;font-size:11px!important;line-height:16px!important;padding-top:3px!important;padding-bottom:3px!important}
body textarea{font-size:11px!important}
body select:not([multiple]):not([size]),body select[size="1"]{height:24px!important;min-height:24px!important;width:auto;max-width:100%!important;min-width:0!important;flex:0 0 auto!important;font-size:11px!important;line-height:16px!important;padding:2px 24px 2px 6px!important;field-sizing:content}
body select option{min-height:20px!important;font-size:11px!important;line-height:20px!important;padding:0 4px!important}
body :is(.nav,.site-nav,.vcc-club-nav,.gallery-page-header,.gallery-mobile-page-header) :is(a:not(:has(img)),button){min-height:24px!important;font-size:11px!important;line-height:16px!important;border-radius:8px!important}
body :is(.nav,.site-nav,.vcc-club-nav) a,body :is(.gallery-page-header__links,.gallery-header-actions,.vcc-gallery-actions) a{height:24px!important;min-height:24px!important;padding:3px 10px!important;font-size:11px!important;line-height:16px!important}
body :is(.gallery-icon-button,.gallery-header-search__clear,.gallery-page-header__avatar,.vcc-icon-control){width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;max-width:24px!important;max-height:24px!important;flex:0 0 24px!important;padding:3px!important;border-radius:8px!important;display:inline-flex;align-items:center;justify-content:center}
body :is(.gallery-icon-button,.gallery-header-search__clear,.gallery-page-header__avatar,.vcc-icon-control) :is(svg,img){width:16px!important;height:16px!important;min-width:16px!important;max-width:16px!important;object-fit:contain}
body .gallery-icon-symbol{font-size:16px!important;line-height:16px!important}
body :is(.gallery-avatar-dropdown__icon,.gallery-mobile-page-header__actions) svg{width:16px!important;height:16px!important}
@supports (appearance:base-select){
 body select:not([multiple]):not([size]),body select[size="1"],body select:not([multiple]):not([size])::picker(select),body select[size="1"]::picker(select){appearance:base-select}
 body select:not([multiple]):not([size]),body select[size="1"]{padding:2px 4px!important;align-items:center;gap:4px}
 body select::picker-icon{width:16px;height:16px;line-height:16px;flex-shrink:0}
 body select::picker(select){font-size:11px;border:1px solid #b9b2a6;border-radius:8px;padding:4px 0;max-height:320px}
 body select option{min-height:20px!important;line-height:16px!important;padding:2px 4px!important;gap:4px;box-sizing:border-box}
 body select option::checkmark{width:12px;font-size:11px}
}
body a.event-action{height:24px!important;min-height:24px!important;padding:3px 10px!important;font-size:11px!important;line-height:16px!important;border-radius:8px!important}
@media(max-width:900px){
 html body .vcc-compact-gallery-header,html body .gallery-page-header.vcc-shared-header{border-radius:8px!important}
 html body .vcc-compact-gallery-header__top{grid-template-columns:minmax(0,1fr) auto 24px}
 html body .vcc-compact-gallery-menu summary{width:24px;height:24px;border-radius:8px}
 html body .vcc-compact-gallery-menu summary::before{font-size:16px;line-height:16px}
 html body .vcc-compact-gallery-menu__links{top:32px}
 html body .vcc-compact-gallery-menu__links :is(a,button){height:24px!important;min-height:24px!important;padding:3px 8px!important;font-size:11px!important;line-height:16px!important}
 html body .vcc-compact-gallery-search label{height:24px;min-height:24px;padding:0 6px;gap:6px;border-radius:8px}
 html body .vcc-compact-gallery-search svg{width:16px;height:16px;flex-basis:16px}
 html body .vcc-compact-gallery-search input{height:22px!important;min-height:22px!important;padding:2px 0!important}
 html body .gallery-page-header .gallery-header-search{display:flex!important;flex-wrap:wrap!important;gap:6px!important}
 html body .gallery-page-header .gallery-header-search > button:is([name],[type],.gallery-icon-button){width:auto!important;height:24px!important;min-height:24px!important;max-height:24px!important;min-width:0!important;padding:3px 8px!important;flex:0 0 auto!important;background-image:none!important;background:#f6f4ee!important;color:#302e2a!important;font-size:11px!important;line-height:16px!important;border:1px solid #b9b2a6!important;border-radius:8px!important;box-shadow:none!important}
 html body .gallery-page-header .gallery-header-search > button.gallery-icon-button:is([name],[type]){width:24px!important;min-width:24px!important;max-width:24px!important;padding:3px!important;flex-basis:24px!important}
 html body .gallery-page-header .gallery-header-search > button:is([name],[type]) :is(svg,.gallery-icon-symbol){opacity:1!important;width:16px!important;height:16px!important;min-width:16px!important;font-size:16px!important;line-height:16px!important}
 html body .gallery-page-header .gallery-header-search > button.is-active:is([name],[type]){background:#292723!important;color:#fff!important}
}
/* Compact display rules must never reveal controls hidden by page behavior. */
body [hidden]{display:none!important}
@media(max-width:900px){
 html body .gallery-page-header .gallery-header-search > button[name][value]{height:24px!important;min-height:24px!important;max-height:24px!important;background-image:none!important;background-color:#f6f4ee!important;color:#302e2a!important;font-size:11px!important;line-height:16px!important}
 html body .gallery-page-header .gallery-header-search > button[name][value].is-active{background-color:#292723!important;color:#fff!important}
}