/* SSO Citymall Daily Operations v8: Pro Shop & Equipment workspace. */
.pro-shop-categories { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:0 0 16px; }
.pro-shop-category { min-height:88px; padding:14px; border:1px solid #dce5ef; border-radius:14px; background:linear-gradient(145deg,#fff,#f8fbff); color:#213c59; text-align:left; box-shadow:0 7px 16px rgba(35,62,94,.05); transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease; }
.pro-shop-category:hover,.pro-shop-category:focus-visible { transform:translateY(-2px); border-color:#e3b315; box-shadow:0 12px 22px rgba(209,162,0,.12); outline:none; }
.pro-shop-category.active { border-color:#e5ae00; background:linear-gradient(135deg,#fff5c9,#fffdf5); box-shadow:inset 4px 0 #ffca28,0 10px 20px rgba(209,162,0,.1); }
.pro-shop-category b { display:block; color:#172b46; font:800 15px Outfit,sans-serif; }
.pro-shop-category small { display:block; margin-top:5px; color:#6a7e94; font-size:11px; line-height:1.3; }
.pro-shop-pagination { margin-bottom:12px; padding:0 2px; }
.pro-shop-pagination .filter-summary { color:#516b86; }
.pro-shop-pagination button:disabled { cursor:not-allowed; opacity:.48; }
body.dark-mode .pro-shop-category { border-color:#35465e; background:linear-gradient(145deg,#172234,#1c2a3d); color:#eff5ff; }
body.dark-mode .pro-shop-category b { color:#fff; }
body.dark-mode .pro-shop-category small { color:#b5c3d5; }
body.dark-mode .pro-shop-category.active { border-color:#f2c632; background:linear-gradient(145deg,#3a3420,#232c39); }
@media(max-width:1100px) { .pro-shop-categories { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:560px) { .pro-shop-categories { grid-template-columns:1fr; gap:8px; } .pro-shop-category { min-height:0; padding:12px; } .pro-shop-pagination { gap:8px; } .pro-shop-pagination>div:last-child { width:100%; justify-content:space-between; } .pro-shop-pagination button { min-width:0; padding:8px 10px; } }