/* UNIQUE Sports Fashion — main brand color #187ac5. Keep semantic status colors. */
:root{--uq-primary:#187ac5;--uq-primary-dark:#12639f;--uq-ink:#122b40;--uq-muted:#63768a;--uq-soft:#edf5fc;--uq-line:#e1e9ef;--primary:#187ac5;--primary-dark:#12639f;--primary-soft:rgba(24,122,197,.12);--bs-primary:#187ac5;--bs-primary-rgb:24,122,197;--bs-link-color:#187ac5;--bs-link-hover-color:#12639f;--store-primary:#187ac5;--primary-color:#187ac5}
body:not(.dark-theme){background:#f4f7fa;color:#243749}
body{font-family:Arial,'Segoe UI',system-ui,sans-serif}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #78baf0;outline-offset:3px}
.btn-primary,.btn-primary.disabled,.btn-primary:disabled,.bg-primary,.badge-primary{background-color:#187ac5!important;border-color:#187ac5!important;color:#fff!important}
.btn-primary:not(:disabled):hover,.btn-primary:not(:disabled):active,.btn-primary:not(:disabled):focus{background-color:#12639f!important;border-color:#12639f!important}
.btn-outline-primary{color:#187ac5!important;border-color:#187ac5!important}
.btn-outline-primary:hover,.btn-outline-primary.active,.page-item.active .page-link{background:#187ac5!important;color:#fff!important;border-color:#187ac5!important}
.text-primary,.breadcrumb-item a{color:#187ac5!important}
.custom-control-input:checked~.custom-control-label::before{background-color:#187ac5!important;border-color:#187ac5!important}
.form-control:focus,.vs--open .vs__dropdown-toggle{border-color:#187ac5!important;box-shadow:0 0 0 .18rem rgba(24,122,197,.13)!important}
.btn{border-radius:8px;font-weight:600}
.main-content-wrap{background:#f4f7fa!important}
.card,.section-card,.stat-card,.chart-card,.table-card,.filter-card{border-radius:14px!important;box-shadow:0 3px 18px rgba(27,53,79,.045)!important}
.section-header{border-inline-start:3px solid #187ac5;padding-inline-start:12px}
.section-icon,.section-title{color:#187ac5!important}
.table thead th{background:#f1f6fa!important;color:#344d64!important;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.035em}
.vertical-sidebar-header{min-height:108px!important;border-bottom:1px solid #e7edf3!important}
.vertical-sidebar .sidebar-logo{height:70px!important;width:86px!important;border-radius:8px!important;background:#fff!important;padding:6px!important;flex-shrink:0}
.vertical-sidebar .logo-image{max-width:100%!important;max-height:100%!important;width:100%!important;height:100%!important;object-fit:contain!important}
.company-name{font-size:20px!important;letter-spacing:1.6px;font-weight:800!important;color:#153b5b}
.company-name::after{content:'SPORTS FASHION';display:block;font-size:8px;line-height:1.7;letter-spacing:1.9px;color:#63768a}
.vertical-nav-menu .nav-item.active>.nav-link,.vertical-nav-menu .submenu-link.router-link-exact-active{background:#edf5fc!important;color:#187ac5!important;border-inline-start:3px solid #187ac5}
.vertical-top-nav,.main-header{border-bottom:1px solid #e1e9ef!important;box-shadow:0 2px 12px rgba(20,45,67,.035)!important}
.sidebar-left .navigation-left .nav-item.active .nav-item-hold{color:#187ac5!important}
.main-header .logo img{width:86px!important;max-height:62px!important;object-fit:contain}
.loader_logo img{max-width:150px!important;max-height:125px!important;object-fit:contain}
.app-footer img{max-width:68px;max-height:58px;object-fit:contain}
/* Sports dashboard feature strip. No synthetic sales figures. */
.uq-retail-hero{background:linear-gradient(112deg,#102c45 0%,#125388 68%,#187ac5 100%);color:#fff;border-radius:16px;min-height:230px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden;padding:32px 36px;margin-bottom:25px}
.uq-retail-hero::after{content:'';position:absolute;right:-160px;top:-200px;width:600px;height:600px;border:1px solid rgba(255,255,255,.1);border-radius:50%;box-shadow:0 0 0 33px rgba(255,255,255,.025),0 0 0 68px rgba(255,255,255,.025),0 0 0 104px rgba(255,255,255,.025);pointer-events:none}
.uq-hero-copy{position:relative;z-index:2;max-width:75%}.uq-eyebrow{font-size:10px;font-weight:700;letter-spacing:3px;color:#a8d8f7}
.uq-retail-hero h1{font-size:clamp(28px,3vw,44px);font-style:italic;font-weight:800;letter-spacing:-1px;line-height:1.15;color:#fff!important;margin:13px 0 9px}
.uq-retail-hero p{font-size:13px;color:#d2e5f4;margin:0 0 23px;line-height:1.6}
.uq-hero-actions{display:flex;gap:10px;flex-wrap:wrap}.uq-hero-action{border:1px solid rgba(255,255,255,.38);padding:10px 16px;border-radius:7px;color:#fff!important;font-size:12px;text-decoration:none!important;transition:background .15s}
.uq-hero-action-primary{background:#fff;color:#113a5b!important;border-color:#fff;font-weight:700}.uq-hero-action:hover{background:rgba(255,255,255,.14)}.uq-hero-action-primary:hover{background:#ddebfa}
.uq-hero-visual{width:255px;min-width:160px;align-self:stretch;position:relative;z-index:1}.uq-hero-visual img{position:absolute;width:245px;height:245px;object-fit:contain;right:-8px;top:-28px;transform:rotate(-12deg);mix-blend-mode:screen;opacity:.92;border-radius:50%}
.uq-motion-label{position:absolute;bottom:0;right:0;font-size:9px;letter-spacing:2.4px;color:#bde0f7}
.dashboard-header h2{font-size:22px!important}.dashboard-header .welcome-text{color:#61768a!important}
/* Apparel variant workflow. */
.uq-variant-builder{border:1px solid #cde2f3;background:#f2f8fd;padding:22px;border-radius:12px;margin-bottom:22px}
.uq-builder-title{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#143d5c;font-size:17px}.uq-builder-badge{font-size:10px;color:#187ac5;letter-spacing:2px;font-weight:800}
.uq-variant-builder>p{font-size:12px;color:#647b8d;line-height:1.7;margin:9px 0 12px}.uq-size-presets{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:15px}
.uq-size-presets button{border:1px solid #c5dcec;border-radius:6px;background:#fff;color:#305573;padding:6px 11px;font-size:11px;cursor:pointer}.uq-size-presets button:hover{background:#e5f0f9}
.uq-builder-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:0 0 15px}.uq-builder-field{display:block;font-size:11px;color:#38556d;margin:0;min-width:0}.uq-builder-field span{display:block;margin-bottom:6px;font-weight:600}.uq-builder-field input{width:100%;font-size:13px;height:40px;background:#fff}
.uq-builder-error{color:#b42335!important;margin-bottom:0!important}.uq-builder-status{color:#17603a!important;margin-bottom:0!important}
/* Login identity retains the original form, validation and session flow. */
.auth-page{background:#f3f7fa}.auth-hero{background:linear-gradient(145deg,#102c45 0%,#164f7c 55%,#187ac5 100%)!important;overflow:hidden}
.auth-hero::after{content:'';position:absolute;width:770px;height:770px;left:35%;top:40%;border:2px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 42px rgba(255,255,255,.025),0 0 0 85px rgba(255,255,255,.025),0 0 0 128px rgba(255,255,255,.025)}
.hero-content{position:relative;z-index:1;max-width:485px!important}.hero-title{font-weight:800!important;font-style:italic;font-size:clamp(40px,5vw,69px)!important;line-height:1.08!important;letter-spacing:-2px}
.uq-login-kicker{font-size:11px;letter-spacing:4px;color:#a4d6f5;font-weight:700;margin-bottom:15px}.uq-login-sports{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.uq-login-sports span{border:1px solid rgba(255,255,255,.25);padding:8px 12px;border-radius:5px;font-size:10px;letter-spacing:1px}
.auth-panel-inner{border-radius:18px!important;border:1px solid #e1eaf1;box-shadow:0 14px 48px rgba(15,48,75,.065)!important;max-width:450px!important}
.uq-login-logo{display:block;width:133px;height:110px;object-fit:contain;margin:0 0 24px}.uq-login-wordmark{display:block;font-size:10px;font-weight:700;color:#187ac5;letter-spacing:3px;margin-bottom:8px}
.auth-btn{border-radius:9px!important;background:#187ac5!important}.auth-btn:hover{background:#12639f!important}.input-shell{border-radius:8px!important;background:#f8fafc!important;min-width:0}.input-shell input{min-width:0}.panel-title{color:#143a55;font-weight:700}.uq-login-footer{font-size:10px;color:#8091a0;text-align:center;line-height:1.8;margin:0}
/* Storefront. */
.navbar-brand img{height:55px!important;width:70px;object-fit:contain}.navbar-brand{gap:8px;color:#163952!important;letter-spacing:1.1px}.navbar{border-bottom:1px solid #e4ecf2}
.store-homepage .hero{background:linear-gradient(120deg,#eff7fe 0%,#fff 70%)!important;position:relative}.store-homepage .hero h1{font-size:clamp(38px,5vw,68px)!important;font-weight:800!important;font-style:italic;line-height:1.02;letter-spacing:-1.8px;color:#12334c!important}.store-homepage .hero .lead{color:#60778c!important}
.store-section-label{color:#187ac5!important;font-weight:700!important;letter-spacing:2.5px!important;font-size:10px!important}.store-section-title{font-weight:800!important;color:#14344d!important;letter-spacing:-.5px}
.store-homepage .hero .rounded-4{border-radius:16px!important;box-shadow:0 17px 40px rgba(19,58,90,.12)!important}
.uq-sports-category-band{padding:28px 0;background:#fff;border-bottom:1px solid #e4edf4}.uq-category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.uq-category-link{display:flex;gap:10px;align-items:center;border:1px solid #e1eaf1;border-radius:10px;padding:10px;color:#24465f;font-size:12px;font-weight:700;text-decoration:none;transition:background .15s}.uq-category-link:hover{background:#edf5fc;border-color:#187ac5;color:#187ac5;text-decoration:none}.uq-category-link img{width:45px;height:45px;border-radius:7px;object-fit:cover}.uq-category-link span{overflow-wrap:anywhere}
.product-card{border:1px solid #e2eaf1!important;border-radius:12px!important;overflow:hidden;transition:transform .2s,box-shadow .2s}.product-card:hover{transform:translateY(-3px);box-shadow:0 10px 27px rgba(20,59,89,.09)!important}.product-media{background:#f0f4f7;border-radius:0!important}.product-media .img-cover{object-fit:contain!important}.product-title{font-size:14px;font-weight:700!important}.product-price{font-size:17px;color:#143d5a}.product-card .btn-primary{padding:10px 12px}.uq-product-family{font-size:9px;color:#607e95;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:7px}.uq-demo-note{font-size:10px;color:#6d8292}.uq-fit-label{font-size:10px;color:#187ac5;margin-top:6px}.store-newsletter-block{background:#edf5fc!important;border:1px solid #d7e6f2!important}.store-link-arrow{color:#187ac5!important}
/* Dark mode and RTL remain supported. */
.dark-theme .main-content-wrap{background:#15212c!important}.dark-theme .uq-variant-builder{background:#1d3042;border-color:#315573}.dark-theme .uq-builder-title,.dark-theme .uq-builder-field{color:#daeafa}.dark-theme .uq-variant-builder>p{color:#a8bfd3}.dark-theme .table thead th{background:#213647!important;color:#dbe8f3!important}.dark-theme .company-name{color:#e1edf7}.dark-theme .dashboard-header h2{color:#e1edf7!important}
html[dir=rtl] .uq-hero-visual img{right:auto;left:-8px}html[dir=rtl] .uq-motion-label{right:auto;left:0}html[dir=rtl] .uq-retail-hero h1{font-style:normal;letter-spacing:0}html[dir=rtl] .uq-eyebrow{letter-spacing:1px}
@media(max-width:1050px){.uq-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.uq-hero-visual{width:190px;min-width:140px}.uq-hero-visual img{width:210px;height:210px;top:0}.uq-retail-hero{padding:26px}}
@media(max-width:600px){.uq-retail-hero{min-height:0;padding:23px;border-radius:12px}.uq-hero-copy{max-width:100%}.uq-hero-visual{display:none}.uq-retail-hero h1{font-size:32px}.uq-retail-hero p{font-size:12px}.uq-eyebrow{font-size:9px;letter-spacing:2px}.uq-builder-grid{grid-template-columns:1fr}.uq-variant-builder{padding:16px}.uq-builder-title{font-size:15px}.uq-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.uq-category-link{font-size:11px}.uq-login-logo{width:105px;height:88px}.auth-panel{padding:20px!important}.auth-panel-inner{padding:27px!important}.store-homepage .hero h1{font-size:44px!important}.uq-login-footer{font-size:9px}}
@media(prefers-reduced-motion:reduce){.product-card,.uq-hero-action{transition:none}.product-card:hover{transform:none}}
@media print{.uq-retail-hero,.uq-variant-builder,.uq-sports-category-band{display:none!important}.btn-primary{background:#187ac5!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}
