/* ShopNegar Deploy UI v183 - final loaded polish for portal and miniapp */
:root{
  --sn183-ink:#102027;
  --sn183-muted:#64748b;
  --sn183-line:rgba(15,23,42,.10);
  --sn183-surface:#ffffff;
  --sn183-soft:#f6f8fb;
  --sn183-teal:#0faaa3;
  --sn183-coral:#f05f5f;
  --sn183-amber:#f5b84b;
  --sn183-indigo:#4f6df5;
  --sn183-shadow:0 18px 46px rgba(16,32,39,.10);
  --sn183-shadow-soft:0 10px 26px rgba(16,32,39,.07);
}

body:not(.miniapp-body){
  color:var(--sn183-ink) !important;
  background:
    linear-gradient(180deg,#f8fbfd 0%,#f3f7f9 42%,#eef4f7 100%) !important;
}

body:not(.miniapp-body) .app-shell{
  min-height:100vh !important;
  background:transparent !important;
}

body:not(.miniapp-body) .sidebar{
  border-left:1px solid rgba(255,255,255,.36) !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.94),rgba(245,250,250,.90)) !important;
  box-shadow:-14px 0 44px rgba(16,32,39,.07) !important;
  backdrop-filter:blur(18px) !important;
}

body:not(.miniapp-body) .brand-card{
  border:1px solid rgba(15,170,163,.18) !important;
  background:linear-gradient(135deg,#ffffff 0%,#effdfa 58%,#fff8ea 100%) !important;
  box-shadow:var(--sn183-shadow-soft) !important;
}

body:not(.miniapp-body) .brand-logo-wrap{
  background:#0faaa3 !important;
  box-shadow:0 12px 28px rgba(15,170,163,.24) !important;
}

body:not(.miniapp-body) .nav-section-title{
  color:#758195 !important;
  letter-spacing:0 !important;
}

body:not(.miniapp-body) .nav-item{
  border:1px solid transparent !important;
  border-radius:14px !important;
  color:#334155 !important;
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease !important;
}

body:not(.miniapp-body) .nav-item:hover{
  background:#ffffff !important;
  border-color:rgba(15,170,163,.18) !important;
  box-shadow:var(--sn183-shadow-soft) !important;
  transform:translateY(-1px) !important;
}

body:not(.miniapp-body) .nav-item.active{
  color:#073b3a !important;
  background:linear-gradient(135deg,rgba(15,170,163,.14),rgba(79,109,245,.10)) !important;
  border-color:rgba(15,170,163,.28) !important;
  box-shadow:0 10px 28px rgba(15,170,163,.12) !important;
}

body:not(.miniapp-body) .content-wrap{
  width:min(100%,1240px) !important;
  margin-inline:auto !important;
  padding:28px clamp(14px,2.5vw,34px) 48px !important;
}

body:not(.miniapp-body) .page-hero,
body:not(.miniapp-body) .sn-hero{
  border:1px solid rgba(15,170,163,.14) !important;
  border-radius:22px !important;
  background:
    linear-gradient(135deg,#ffffff 0%,#f0fcfa 48%,#fff6e7 100%) !important;
  box-shadow:var(--sn183-shadow) !important;
  padding:24px !important;
}

body:not(.miniapp-body) .page-title,
body:not(.miniapp-body) .sn-hero h1{
  color:#0f2530 !important;
  letter-spacing:0 !important;
}

body:not(.miniapp-body) .page-kicker,
body:not(.miniapp-body) .sn-kicker{
  color:var(--sn183-teal) !important;
  background:rgba(15,170,163,.10) !important;
  border:1px solid rgba(15,170,163,.16) !important;
  border-radius:999px !important;
  padding:5px 10px !important;
}

body:not(.miniapp-body) .card,
body:not(.miniapp-body) .sn-card{
  border:1px solid var(--sn183-line) !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.96) !important;
  box-shadow:var(--sn183-shadow-soft) !important;
}

body:not(.miniapp-body) .stat,
body:not(.miniapp-body) .sn-metrics .sn-card{
  position:relative !important;
  overflow:hidden !important;
}

body:not(.miniapp-body) .stat::before,
body:not(.miniapp-body) .sn-metrics .sn-card::before{
  content:"" !important;
  position:absolute !important;
  inset:0 0 auto 0 !important;
  height:4px !important;
  background:linear-gradient(90deg,var(--sn183-teal),var(--sn183-indigo),var(--sn183-amber)) !important;
}

body:not(.miniapp-body) .num,
body:not(.miniapp-body) .sn-num{
  color:#102027 !important;
}

body:not(.miniapp-body) .btn,
body:not(.miniapp-body) button,
body:not(.miniapp-body) input[type="submit"]{
  border-radius:13px !important;
  letter-spacing:0 !important;
}

body:not(.miniapp-body) .btn:not(.secondary):not(.danger):not(.gold),
body:not(.miniapp-body) button.primary,
body:not(.miniapp-body) .primary{
  background:linear-gradient(135deg,#0faaa3,#1976d2) !important;
  border-color:transparent !important;
  box-shadow:0 12px 24px rgba(15,170,163,.18) !important;
}

body:not(.miniapp-body) .btn.secondary,
body:not(.miniapp-body) button.secondary{
  background:#fff !important;
  border:1px solid rgba(15,23,42,.12) !important;
  color:#334155 !important;
}

body:not(.miniapp-body) input,
body:not(.miniapp-body) select,
body:not(.miniapp-body) textarea{
  border-radius:13px !important;
  border-color:rgba(15,23,42,.14) !important;
  background:#fff !important;
  box-shadow:inset 0 1px 0 rgba(15,23,42,.03) !important;
}

body:not(.miniapp-body) input:focus,
body:not(.miniapp-body) select:focus,
body:not(.miniapp-body) textarea:focus{
  border-color:rgba(15,170,163,.55) !important;
  box-shadow:0 0 0 4px rgba(15,170,163,.12) !important;
  outline:none !important;
}

body:not(.miniapp-body) .table-wrap{
  border:1px solid rgba(15,23,42,.08) !important;
  border-radius:16px !important;
  background:#fff !important;
}

body:not(.miniapp-body) table thead th{
  background:#f8fafc !important;
  color:#475569 !important;
}

body:not(.miniapp-body) table tbody tr:hover{
  background:#f7fffd !important;
}

body:not(.miniapp-body) .badge{
  border-radius:999px !important;
  border:1px solid rgba(15,23,42,.08) !important;
}

body:not(.miniapp-body) .badge.ok{background:#ecfdf5 !important;color:#047857 !important}
body:not(.miniapp-body) .badge.info{background:#eef6ff !important;color:#1d4ed8 !important}
body:not(.miniapp-body) .badge.warn{background:#fff7ed !important;color:#c2410c !important}
body:not(.miniapp-body) .badge.bad{background:#fff1f2 !important;color:#be123c !important}

body.login160-body,
body.auth-body-v104,
body.public-body-v104{
  background:
    radial-gradient(circle at 88% 10%,rgba(15,170,163,.16),transparent 30%),
    radial-gradient(circle at 12% 20%,rgba(245,184,75,.18),transparent 28%),
    linear-gradient(180deg,#f8fbfd,#eef5f7) !important;
}

body.login160-body .login160-shell{
  min-height:100vh !important;
  align-items:center !important;
}

body.login160-body .login160-info,
body.login160-body .login160-card,
body.auth-body-v104 .auth-hero-v104,
body.auth-body-v104 .auth-card-v104,
body.public-body-v104 .public-header-v104,
body.public-body-v104 .public-main-v104 > *,
body.public-body-v104 .public-footer-v104{
  border-color:rgba(15,23,42,.10) !important;
  box-shadow:var(--sn183-shadow) !important;
}

body.login160-body .login160-info{
  background:linear-gradient(135deg,#102027 0%,#0faaa3 60%,#f5b84b 140%) !important;
}

body.login160-body .login160-card{
  background:rgba(255,255,255,.96) !important;
  border-radius:22px !important;
}

body.login160-body .login160-tabs button,
body.login160-body .login160-card button[type="submit"],
body.auth-body-v104 .auth-actions-v104 button,
body.public-body-v104 .public-nav-v104 a.primary{
  background:linear-gradient(135deg,#0faaa3,#1976d2) !important;
  border-color:transparent !important;
  box-shadow:0 12px 24px rgba(15,170,163,.20) !important;
}

body.login160-body .login160-tabs a,
body.auth-body-v104 .ng-btn-v104.secondary,
body.public-body-v104 .public-nav-v104 a{
  background:#fff !important;
  border:1px solid rgba(15,23,42,.10) !important;
  color:#334155 !important;
}

body.login160-body input{
  border-radius:14px !important;
  border-color:rgba(15,23,42,.14) !important;
}

body.auth-body-v104 input,
body.auth-body-v104 select,
body.auth-body-v104 textarea{
  border-radius:14px !important;
  border-color:rgba(15,23,42,.14) !important;
}

body.login160-body input:focus,
body.auth-body-v104 input:focus,
body.auth-body-v104 select:focus,
body.auth-body-v104 textarea:focus{
  border-color:rgba(15,170,163,.55) !important;
  box-shadow:0 0 0 4px rgba(15,170,163,.12) !important;
}

body.auth-body-v104 .auth-hero-v104{
  background:linear-gradient(135deg,#102027 0%,#0faaa3 64%,#f5b84b 140%) !important;
}

body.auth-body-v104 .auth-card-v104{
  background:rgba(255,255,255,.97) !important;
  border-radius:22px !important;
}

@media (max-width:760px){
  body:not(.miniapp-body) .content-wrap{padding:16px 12px 88px !important}
  body:not(.miniapp-body) .page-hero,
  body:not(.miniapp-body) .sn-hero{padding:18px !important;border-radius:18px !important}
  body:not(.miniapp-body) .page-actions,
  body:not(.miniapp-body) .sn-actions{display:grid !important;grid-template-columns:1fr !important;width:100% !important}
}

body.miniapp-body{
  --sn183-mini-ink:#102027;
  --sn183-mini-muted:#667085;
  --sn183-mini-line:rgba(16,32,39,.10);
  color:var(--sn183-mini-ink) !important;
  background:
    linear-gradient(180deg,#f8fbfb 0%,#f4f7fb 54%,#ffffff 100%) !important;
}

body.miniapp-body .miniapp-bg{
  background:
    radial-gradient(circle at 88% 0%,rgba(15,170,163,.18),transparent 34%),
    radial-gradient(circle at 4% 16%,rgba(240,95,95,.12),transparent 28%),
    linear-gradient(180deg,#f8fbfb,#ffffff) !important;
}

body.miniapp-body .hero{
  border:1px solid rgba(15,170,163,.16) !important;
  border-radius:26px !important;
  background:linear-gradient(135deg,#ffffff 0%,#effdfa 58%,#fff7e8 100%) !important;
  box-shadow:0 18px 42px rgba(16,32,39,.10) !important;
}

body.miniapp-body .brand-mark{
  border:2px solid rgba(255,255,255,.86) !important;
  background:#fff !important;
  box-shadow:0 12px 28px rgba(15,170,163,.18) !important;
}

body.miniapp-body .brand-copy h1{
  color:#102027 !important;
  letter-spacing:0 !important;
}

body.miniapp-body .cart-pill,
body.miniapp-body .bottom-primary,
body.miniapp-body .primary{
  background:linear-gradient(135deg,#0faaa3,#1976d2) !important;
  box-shadow:0 14px 28px rgba(15,170,163,.22) !important;
}

body.miniapp-body .miniapp-announcement,
body.miniapp-body .trust-row,
body.miniapp-body .quick-actions-mini,
body.miniapp-body .search-box,
body.miniapp-body .section-head,
body.miniapp-body .drawer-card{
  border:1px solid var(--sn183-mini-line) !important;
  background:rgba(255,255,255,.96) !important;
  box-shadow:0 12px 30px rgba(16,32,39,.08) !important;
}

body.miniapp-body .announcement-badge{
  background:#fff4df !important;
  color:#9a5b00 !important;
}

body.miniapp-body .trust-row span{
  background:#fff !important;
  border:1px solid rgba(15,23,42,.08) !important;
  color:#344054 !important;
}

body.miniapp-body .quick-actions-mini button,
body.miniapp-body .chip,
body.miniapp-body #resetFiltersBtn{
  background:#fff !important;
  border:1px solid rgba(15,23,42,.10) !important;
  color:#334155 !important;
  box-shadow:0 8px 18px rgba(16,32,39,.05) !important;
}

body.miniapp-body .chip.active,
body.miniapp-body .quick-actions-mini button:active{
  background:#e9fbf8 !important;
  border-color:rgba(15,170,163,.34) !important;
  color:#087671 !important;
}

body.miniapp-body .product{
  border-color:rgba(16,32,39,.10) !important;
  box-shadow:0 14px 34px rgba(16,32,39,.09) !important;
}

body.miniapp-body .product-title{
  color:#14242c !important;
  letter-spacing:0 !important;
}

body.miniapp-body .desc,
body.miniapp-body .section-head b{
  color:var(--sn183-mini-muted) !important;
}

body.miniapp-body .price{
  color:#e5484d !important;
}

body.miniapp-body .stock{
  background:#f3fffc !important;
  color:#087671 !important;
}

body.miniapp-body .product-actions .add,
body.miniapp-body .add{
  background:linear-gradient(135deg,#0faaa3,#1976d2) !important;
  color:#fff !important;
}

body.miniapp-body .detail-btn{
  background:#fff7ed !important;
  color:#c2410c !important;
  border:1px solid rgba(245,184,75,.32) !important;
}

body.miniapp-body .bottom-bar{
  border-top:1px solid rgba(16,32,39,.10) !important;
  background:rgba(255,255,255,.94) !important;
  box-shadow:0 -14px 34px rgba(16,32,39,.10) !important;
  backdrop-filter:blur(18px) !important;
}

body.miniapp-body .bottom-cart{
  background:#fff !important;
  color:#334155 !important;
  border:1px solid rgba(15,23,42,.10) !important;
}

body.miniapp-body input,
body.miniapp-body select,
body.miniapp-body textarea{
  border-radius:14px !important;
  border-color:rgba(16,32,39,.14) !important;
}

body.miniapp-body input:focus,
body.miniapp-body select:focus,
body.miniapp-body textarea:focus{
  border-color:rgba(15,170,163,.55) !important;
  box-shadow:0 0 0 4px rgba(15,170,163,.12) !important;
  outline:none !important;
}