/* 27 REGION 3.29.2. Template-neutral surfaces, orange active underline. */
.cs27-shop-navigation{--shop-accent:#ff6038;--shop-text:#edf0f1;--shop-muted:#a7afb5;margin:24px 0 0;width:100%;min-width:0;box-sizing:border-box}
.cs27-shop-tabs,.cs27-weapon-tabs{display:flex;align-items:stretch;gap:4px;max-width:100%;min-width:0;margin:0;padding:6px;background:#25292c;border:1px solid #363d41;border-radius:30px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#4c555a transparent}
.cs27-shop-tabs>a,.cs27-weapon-tabs>a{box-sizing:border-box;position:relative;display:flex;flex:1 0 auto;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:12px 16px;border:0;border-radius:22px;background:transparent;color:#a7afb5;font:600 12px/1.4 'Segoe UI',Arial,sans-serif;text-decoration:none;white-space:nowrap;box-shadow:none;transform:none;transition:color .15s ease,background-color .15s ease}
.cs27-shop-tabs>a::after,.cs27-weapon-tabs>a::after{content:'';position:absolute;bottom:3px;left:calc(50% - 10px);width:20px;height:2px;border-radius:2px;background:transparent}
.cs27-shop-tabs>a[aria-current="page"],.cs27-weapon-tabs>a[aria-current="page"]{color:#ff9775;background:#ff60380b}
.cs27-shop-tabs>a[aria-current="page"]::after,.cs27-weapon-tabs>a[aria-current="page"]::after{background:#ff6038}
.cs27-shop-tabs>a:hover,.cs27-weapon-tabs>a:hover{color:#fff;background:#ffffff08;transform:none;box-shadow:none}
.cs27-shop-navigation a:focus-visible,.cs27-weapon-tabs>a:focus-visible{outline:2px solid #ff9775;outline-offset:-3px}
.cs27-shop-nav-links{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:10px 12px 0}
.cs27-shop-nav-links>a{font:500 12px/1.5 'Segoe UI',Arial,sans-serif;color:#a7afb5;text-decoration:none}
.cs27-shop-nav-links>a:hover,.cs27-shop-nav-links>a[aria-current="page"]{color:#ff9775}
.cs27-shop-hub>.cs27-shop-navigation{margin:0 0 24px}
.cs27-donation-page>.cs27-shop-navigation{margin:0 0 24px}
.cs27-weapon-tabs{margin:0 0 20px;border-radius:26px}
.cs27-weapon-tabs>a{flex:1 0 auto;padding-inline:14px}
.cs27-weapon-tabs small{font:500 10px/1 'Segoe UI',Arial,sans-serif;padding:4px 6px;min-width:19px;border-radius:6px;color:inherit;background:#ffffff08;text-align:center}
/* The legacy table uses one shared variable for headings and row columns. */
body[data-template="cs27Reg"][data-cs27-ui="3271"] .cs27-admins-page :is(#cs27-table-stats,[id^="cs27-table-admins-"]){--cs27-columns:110px minmax(130px,1fr) minmax(0,1.8fr)}
body[data-template="cs27Reg"][data-cs27-ui="3271"] .cs27-admins-page :is(#cs27-table-stats,[id^="cs27-table-admins-"])>.table-adaptive .table-row>.row>.cs27-field-services{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:10px!important;padding:16px!important;cursor:default}
.cs27-admins-page .cs27-service-groups{display:grid;gap:8px;width:100%;min-width:0;max-width:100%}
.cs27-admins-page .cs27-service-tags{display:flex!important;flex-wrap:wrap!important;align-items:flex-start!important;gap:6px!important;list-style:none!important;margin:0!important;padding:0!important;width:100%!important;min-width:0!important}
.cs27-admins-page .cs27-service-tag{position:static!important;display:inline-flex!important;align-items:baseline!important;flex-wrap:wrap!important;gap:4px 6px!important;float:none!important;width:auto!important;min-width:0!important;max-width:100%!important;margin:0!important;padding:6px 9px!important;border:1px solid #3c4447!important;border-radius:7px!important;background:#2a3032!important;color:#e2e7e9!important;font:500 12px/1.4 'Segoe UI',Arial,sans-serif!important;white-space:normal!important;overflow-wrap:anywhere!important;box-sizing:border-box!important}
.cs27-admins-page .cs27-service-tag::before,.cs27-admins-page .cs27-service-tag::after{display:none!important;content:none!important}
.cs27-admins-page .cs27-service-tag>small{font:400 10px/1.4 'Segoe UI',Arial,sans-serif!important;color:#abb5ba!important;text-transform:none!important}
.cs27-admins-page .cs27-service-tag>span{position:static!important;display:inline!important;color:inherit!important;font:inherit!important;white-space:normal!important;overflow-wrap:anywhere!important}
.cs27-admins-page .cs27-service-tag--privilege{border-color:#714330!important;background:#3a2c26!important;color:#ffb497!important;font-weight:600!important}
.cs27-admins-page .cs27-services-details{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;width:auto!important;min-height:30px!important;padding:2px 0!important;margin:0!important;border:0!important;border-radius:4px!important;background:transparent!important;box-shadow:none!important;transform:none!important;color:#b7c1c6!important;font:500 11px/1.4 'Segoe UI',Arial,sans-serif!important;text-align:left!important;text-decoration:none!important;cursor:pointer}
.cs27-admins-page .cs27-services-details:hover{color:#ffad8d!important;transform:none!important;background:transparent!important}
.cs27-admins-page .cs27-services-details:focus-visible{outline:2px solid #ff9775!important;outline-offset:4px!important}
.cs27-admins-page .cs27-services-details svg{width:13px!important;height:13px!important;flex:0 0 13px!important}
.cs27-admins-page [data-services-source][hidden]{display:none!important}
@media(max-width:767px){
 .cs27-shop-tabs{border-radius:20px;gap:2px;padding:4px}
 .cs27-shop-tabs>a{flex:0 0 auto;padding-inline:14px}
 .cs27-weapon-tabs{border-radius:20px;padding:4px;gap:2px}
 .cs27-weapon-tabs>a{padding-inline:10px;font-size:11px}
 .cs27-shop-navigation{margin-top:20px}
 body[data-template="cs27Reg"][data-cs27-ui="3271"] .cs27-admins-page :is(#cs27-table-stats,[id^="cs27-table-admins-"])>.table-adaptive .table-row>.row>.cs27-field-services{grid-column:1/-1!important;padding-top:8px!important}
 .cs27-admins-page .cs27-service-tag{font-size:11px!important}
}
@media(prefers-reduced-motion:reduce){.cs27-shop-tabs>a,.cs27-weapon-tabs>a{transition:none}}

body[data-template="cs27Reg"] #cs27-market.s27 .cs27-shop-tabs>a,body[data-template="cs27Reg"] #cs27-market.s27 .cs27-weapon-tabs>a{color:#a7afb5}
body[data-template="cs27Reg"] #cs27-market.s27 :is(.cs27-shop-tabs,.cs27-weapon-tabs)>a[aria-current="page"]{color:#ff9775}
body[data-template="cs27Reg"] #cs27-market.s27 :is(.cs27-shop-tabs,.cs27-weapon-tabs)>a:hover{color:#fff}
