/* MUJA PRIME Professional UI Upgrade 2026
   Loaded last. Keeps existing app logic, modernizes layout/responsiveness. */
:root{
  --pro-max:1180px;
  --pro-gutter:clamp(14px,2.2vw,28px);
  --pro-header-h:72px;
  --pro-nav-h:62px;
  --pro-radius:18px;
  --pro-radius-sm:12px;
  --pro-border:rgba(255,255,255,.105);
  --pro-border-soft:rgba(255,255,255,.065);
  --pro-panel:rgba(15,17,27,.76);
  --pro-panel-solid:#11141f;
  --pro-shadow:0 18px 55px rgba(0,0,0,.28);
  --pro-shadow-soft:0 10px 30px rgba(0,0,0,.18);
  --pro-focus:0 0 0 3px rgba(var(--muja-rgb-primary,255,107,43),.18);
}
html{scroll-padding-top:110px;background:#0b0e16;}
body{
  text-rendering:optimizeLegibility;
  background:
    radial-gradient(circle at 12% -8%,rgba(var(--muja-rgb-primary,255,107,43),.12),transparent 34rem),
    radial-gradient(circle at 92% 4%,rgba(48,197,255,.09),transparent 31rem),
    linear-gradient(180deg,#0b0e16 0%,#101421 44%,#0d1019 100%) !important;
  color:var(--text-primary,#f4f6fb);
}
body.light-mode{background:#f6f7fb !important;}
*{scrollbar-width:thin;scrollbar-color:rgba(var(--muja-rgb-primary,255,107,43),.55) transparent;}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:none !important;box-shadow:var(--pro-focus) !important;}
:where(button,.btn,.btn-primary,.btn-secondary,.btn-ghost,.action-btn,.action-btn1,.m-btn,.mbtn){min-height:26px;}
:where(input,select,textarea){font:inherit;}
:where(input:not([type="checkbox"]):not([type="radio"]),select,textarea){min-height:44px;border-radius:12px !important;}
img{max-width:100%;}

/* Consistent content width */
.container,
.header-container,
.page-wrap,
.content-wrap,
.products-container,
.profile-container,
.payment-container,
.admin-container{
  width:min(calc(100% - (var(--pro-gutter) * 2)),var(--pro-max)) !important;
  max-width:var(--pro-max) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.main-content>.container{width:min(calc(100% - (var(--pro-gutter) * 2)),var(--pro-max)) !important;}

/* Header */
body:has(.muja-header){padding-top:calc(var(--pro-header-h) + 14px) !important;}
.muja-header{
  top:0 !important;left:0 !important;right:0 !important;
  margin:0 !important;padding:0 !important;
  min-height:var(--pro-header-h) !important;
  display:flex !important;align-items:center !important;
  background:rgba(10,13,21,.84) !important;
  border-bottom:1px solid var(--pro-border-soft) !important;
  box-shadow:0 10px 35px rgba(0,0,0,.16) !important;
  backdrop-filter:blur(18px) saturate(145%) !important;
  -webkit-backdrop-filter:blur(18px) saturate(145%) !important;
}
body.light-mode .muja-header{background:rgba(255,255,255,.9) !important;}
.muja-header .container{padding:0 !important;}
.header-wrapper{min-height:var(--pro-header-h) !important;gap:18px !important;}
.logo-section{gap:10px !important;min-width:max-content;}
.site-title{font-size:clamp(19px,2vw,27px) !important;letter-spacing:.11em !important;line-height:1 !important;}
.menu-toggle,.action-btn,.action-btn1,.theme-toggle{
  width:42px !important;height:42px !important;padding:0 !important;
  border:1px solid var(--pro-border) !important;border-radius:12px !important;
  background:rgba(255,255,255,.055) !important;color:var(--text-primary) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important;
}
.menu-toggle:hover,.action-btn:hover,.action-btn1:hover,.theme-toggle:hover{background:rgba(255,255,255,.105) !important;transform:translateY(-1px);}
.header-actions{gap:8px !important;margin-left:0 !important;}
.cart-badge{position:absolute !important;top:-5px !important;right:-5px !important;border:2px solid #10131d !important;}
#searchBarDesktop{max-width:620px !important;margin:0 auto !important;}
#searchBarDesktop form,.search-bar form{
  min-height:46px !important;border-radius:14px !important;
  background:rgba(255,255,255,.065) !important;border:1px solid var(--pro-border) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;overflow:hidden;
}
#searchBarDesktop form:focus-within,.search-bar form:focus-within{border-color:rgba(var(--muja-rgb-primary,255,107,43),.55) !important;box-shadow:var(--pro-focus) !important;}
#searchBarDesktop input,.search-bar input{color:var(--text-primary) !important;background:transparent !important;min-width:0 !important;}
#searchBarDesktop input::placeholder,.search-bar input::placeholder{color:var(--text-secondary) !important;opacity:.78;}
#searchBarDesktop button,.search-bar button{min-width:96px !important;justify-content:center !important;border-radius:0 !important;}

/* Desktop secondary navigation */
@media (min-width:769px){
  /* Desktop sidebar harus menjadi secondary navigation horizontal.
     theme.css lama memakai gaya drawer mobile secara global dengan !important,
     jadi seluruh properti drawer di-reset di sini. */
  #sidebar-toggle{display:none !important;}
  .sidebar-overlay{
    display:none !important;opacity:0 !important;visibility:hidden !important;
    pointer-events:none !important;position:fixed !important;
  }
  .muja-sidebar,
  #sidebar-toggle:checked ~ .muja-sidebar{
    position:sticky !important;
    top:var(--pro-header-h) !important;
    left:auto !important;right:auto !important;bottom:auto !important;
    width:min(calc(100% - (var(--pro-gutter) * 2)),var(--pro-max)) !important;
    height:auto !important;min-height:0 !important;max-height:none !important;
    margin:8px auto 0 !important;padding:0 !important;
    transform:none !important;transition:none !important;
    display:block !important;flex-direction:initial !important;
    border:1px solid var(--pro-border-soft) !important;border-radius:14px !important;
    background:rgba(16,19,29,.7) !important;overflow:hidden !important;
    box-shadow:0 8px 25px rgba(0,0,0,.12) !important;
    backdrop-filter:blur(14px) !important;-webkit-backdrop-filter:blur(14px) !important;
    z-index:80 !important;
  }
  body.light-mode .muja-sidebar{background:rgba(255,255,255,.88) !important;}
  .sidebar-header,.sidebar-footer,.sidebar-close{display:none !important;}
  .sidebar-content{
    display:block !important;max-width:none !important;width:100% !important;
    margin:0 !important;padding:0 !important;overflow-x:auto !important;overflow-y:hidden !important;
    scrollbar-width:none;
  }
  .sidebar-content::-webkit-scrollbar{display:none;}
  .sidebar-menu{
    display:flex !important;flex-direction:row !important;align-items:center !important;
    justify-content:flex-start !important;gap:0 !important;
    width:max-content !important;min-width:100% !important;
    padding:3px !important;margin:0 !important;list-style:none !important;
  }
  .sidebar-menu li{
    display:block !important;flex:1 0 auto !important;
    border:0 !important;border-bottom:0 !important;text-align:center !important;
  }
  .sidebar-menu li a{
    display:flex !important;align-items:center !important;justify-content:center !important;
    gap:7px !important;padding:12px 17px !important;margin:0 !important;
    font-size:11px !important;letter-spacing:.035em !important;
    border-radius:10px !important;white-space:nowrap !important;
  }
  .sidebar-menu li a:hover{background:rgba(var(--muja-rgb-primary,255,107,43),.11) !important;}
  .sidebar-menu li a::after{display:none !important;}
  .mobile-nav,.bottom-nav{display:none !important;}
}

/* Main home layout */
.main-content{min-height:70vh !important;padding:8px 0 44px !important;}
.hero-slider{
  margin:16px 0 20px !important;border-radius:22px !important;
  border:1px solid var(--pro-border) !important;box-shadow:var(--pro-shadow-soft) !important;
  background:rgba(255,255,255,.035) !important;
}
.hero-banner{padding:34px 38px !important;min-height:220px !important;background:linear-gradient(120deg,rgba(23,27,42,.96),rgba(35,41,62,.82)) !important;}
.hero-content{min-height:150px !important;max-width:680px;}
.hero-content h2{font-size:clamp(24px,3vw,38px) !important;line-height:1.12 !important;letter-spacing:-.02em !important;margin-bottom:10px !important;}
.hero-content p{font-size:14px !important;line-height:1.65 !important;max-width:560px !important;}
.hero-badge{font-size:10px !important;padding:5px 11px !important;letter-spacing:.04em;}
.hero-dots{bottom:16px !important;}
.hero-dot{width:7px !important;height:7px !important;}
.hero-dot.active{width:24px !important;}

.main-category-shortcuts{
  padding:18px !important;margin-bottom:24px !important;
  background:rgba(255,255,255,.035) !important;border:1px solid var(--pro-border-soft) !important;
  box-shadow:0 12px 32px rgba(0,0,0,.12) !important;
}
.main-category-head{margin-bottom:14px !important;}
.main-category-title{font-size:14px !important;letter-spacing:.035em !important;}
.main-category-subtitle{font-size:12px !important;}
.main-category-list{grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:10px !important;}
.main-category-btn{
  min-height:52px !important;padding:10px 13px !important;border-radius:13px !important;
  background:rgba(255,255,255,.045) !important;border:1px solid var(--pro-border-soft) !important;
  box-shadow:none !important;
}
.main-category-btn:hover{background:rgba(var(--muja-rgb-primary,255,107,43),.09) !important;transform:translateY(-1px) !important;}
.main-category-name{font-size:11px !important;-webkit-line-clamp:1 !important;}
.main-category-count{height:25px !important;min-width:25px !important;font-size:10px !important;border-color:var(--pro-border) !important;background:rgba(255,255,255,.045);}

.product-section{padding:2px 0 18px;}
.section-header{margin:28px 0 14px !important;gap:12px;}
.section-title h2{font-size:18px !important;letter-spacing:.035em !important;}
.product-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:16px !important;margin:14px 0 22px !important;}
.product-card{
  border-radius:16px !important;background:rgba(18,21,32,.84) !important;
  border:1px solid var(--pro-border-soft) !important;box-shadow:0 8px 24px rgba(0,0,0,.14) !important;
  transform:none !important;
}
body.light-mode .product-card{background:#fff !important;}
.product-card:hover{transform:translateY(-3px) !important;border-color:rgba(var(--muja-rgb-primary,255,107,43),.28) !important;box-shadow:0 16px 38px rgba(0,0,0,.22) !important;}
.product-image-wrapper{background:#171b27 !important;}
.product-info{padding:12px 13px 14px !important;gap:4px;}
.product-title{font-size:13px !important;line-height:1.4 !important;min-height:36px !important;}
.current-price{font-size:17px !important;line-height:1.25;}
.product-add-cart{width:38px !important;height:38px !important;}
.product-shipping-badge,.badge-sale{font-size:9px !important;}

/* Footer */
.muja-footer{margin-top:30px !important;padding:42px 0 28px !important;background:rgba(8,11,18,.72) !important;border-top:1px solid var(--pro-border-soft) !important;}
.footer-main{gap:34px !important;}
.footer-about p,.footer-links li a,.footer-contact p{color:var(--text-secondary) !important;line-height:1.65;}
.footer-widget h4{color:var(--text-primary) !important;letter-spacing:.05em;}
.footer-bottom{color:var(--text-muted) !important;}

/* Generic page cards, forms, tables */
:where(.card,.panel,.stat-card,.legal-card,.info-box,.setting-card,.link-card,.feature-card,.hero-card,.table-card,.support-card,.payment-card,.modal-content,.modal-box,.mbox){
  border-radius:var(--pro-radius) !important;
  border-color:var(--pro-border-soft) !important;
  box-shadow:var(--pro-shadow-soft) !important;
}
:where(.page,.page-wrap,.wrap,.app,.dashboard,.content){max-width:100%;}
:where(.page-header,.section-head,.section-header,.card-header){gap:14px;}
:where(.page-header h1,.hero h1){letter-spacing:-.025em;line-height:1.12;}
:where(.form-row,.grid-2){gap:14px !important;}
:where(.form-group label,.field label){line-height:1.35;}
:where(table){border-collapse:separate;border-spacing:0;}
:where(.table-wrapper,.table-container,.table-responsive,.table-wrap){border-radius:16px !important;overflow:auto !important;max-width:100% !important;}
:where(th){white-space:nowrap;}
:where(td,th){vertical-align:middle;}
:where(.modal,.modal-overlay,.modal-backdrop){padding:18px;}
:where(.modal-content,.modal-box,.mbox,.registration-dialog){max-height:min(88vh,760px);overflow:auto;}

/* Floating elements */
.ai-chat-widget{right:18px !important;bottom:18px !important;}
.ai-chat-popup{right:18px !important;bottom:82px !important;max-width:min(380px,calc(100vw - 28px)) !important;}
.muja-activity-tracker{left:16px !important;bottom:22px !important;}
.muja-toast-live{max-width:290px !important;border-radius:14px !important;box-shadow:0 15px 38px rgba(0,0,0,.32) !important;}
.cart-sidebar{max-width:400px !important;}

/* Mobile */
@media (max-width:768px){
  :root{--pro-header-h:64px;--pro-gutter:12px;}
  html{scroll-padding-top:78px;}
  html,body{padding-top:0 !important;max-width:100% !important;overflow-x:hidden !important;}
  body:has(.muja-header){padding-top:calc(var(--pro-header-h) + 8px) !important;padding-bottom:calc(var(--pro-nav-h) + env(safe-area-inset-bottom) + 14px) !important;}
  .container,.header-container,.page-wrap,.content-wrap,.products-container,.profile-container,.payment-container,.admin-container,.main-content>.container{
    width:calc(100% - (var(--pro-gutter) * 2)) !important;padding-left:0 !important;padding-right:0 !important;
  }
  .muja-header{min-height:var(--pro-header-h) !important;}
  .header-wrapper{min-height:var(--pro-header-h) !important;gap:8px !important;}
  .site-title{font-size:18px !important;letter-spacing:.08em !important;}
  .menu-toggle,.action-btn,.action-btn1,.theme-toggle{width:38px !important;height:38px !important;border-radius:11px !important;}
  .header-actions{gap:5px !important;}
  #searchBarMobile{margin:4px var(--pro-gutter) 8px !important;}
  #searchBarMobile.active{max-height:64px !important;}
  #searchBarMobile form{min-height:44px !important;}
  #searchBarMobile button{min-width:82px !important;padding:0 13px !important;}

  .muja-sidebar{width:min(84vw,310px) !important;background:#10141f !important;}
  .sidebar-header{padding:18px !important;}
  .sidebar-menu{padding:8px !important;}
  .sidebar-menu li a{padding:13px 12px !important;border-radius:10px !important;}

  .main-content{padding:2px 0 24px !important;}
  .hero-slider{margin:10px 0 14px !important;border-radius:17px !important;}
  .hero-banner{padding:22px 18px 30px !important;min-height:168px !important;}
  .hero-content{min-height:112px !important;}
  .hero-content h2{font-size:21px !important;line-height:1.18 !important;margin-bottom:7px !important;}
  .hero-content p{font-size:12px !important;line-height:1.5 !important;max-width:92% !important;}
  .hero-badge{font-size:8.5px !important;padding:4px 8px !important;margin-bottom:8px !important;}
  .hero-dots{bottom:10px !important;}

  .main-category-shortcuts{padding:12px !important;margin-bottom:17px !important;border-radius:16px !important;}
  .main-category-head{align-items:flex-start !important;flex-direction:column !important;gap:2px !important;margin-bottom:10px !important;}
  .main-category-title{font-size:12px !important;}
  .main-category-subtitle{font-size:10px !important;}
  .main-category-list{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:7px !important;}
  .main-category-btn{min-height:43px !important;padding:7px 9px !important;border-radius:11px !important;}
  .main-category-name{font-size:9.5px !important;}
  .main-category-count{height:22px !important;min-width:22px !important;padding:0 5px !important;font-size:9px !important;}

  .section-header{margin:22px 0 10px !important;}
  .section-title h2{font-size:15px !important;}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:9px !important;margin:10px 0 18px !important;}
  .product-card{border-radius:13px !important;}
  .product-card:hover{transform:none !important;}
  .product-info{padding:9px 9px 11px !important;}
  .product-title{font-size:11px !important;line-height:1.35 !important;min-height:30px !important;}
  .current-price{font-size:14px !important;}
  .product-add-cart{width:34px !important;height:34px !important;}
  .product-shipping-badge{max-width:calc(100% - 12px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

  .mobile-nav,.bottom-nav{
    display:flex !important;position:fixed !important;left:8px !important;right:8px !important;bottom:8px !important;
    width:auto !important;min-height:var(--pro-nav-h) !important;margin:0 !important;padding:6px 8px max(6px,env(safe-area-inset-bottom)) !important;
    border:1px solid var(--pro-border) !important;border-radius:17px !important;
    background:rgba(12,15,24,.91) !important;box-shadow:0 14px 40px rgba(0,0,0,.4) !important;
    backdrop-filter:blur(18px) saturate(145%) !important;-webkit-backdrop-filter:blur(18px) saturate(145%) !important;
    z-index:500 !important;
  }
  body.light-mode .mobile-nav,body.light-mode .bottom-nav{background:rgba(255,255,255,.94) !important;}
  .mobile-nav-menu{align-items:stretch !important;gap:3px !important;}
  .mobile-nav-item{flex:1 1 0 !important;min-width:0 !important;padding:5px 3px !important;border-radius:11px !important;font-size:8px !important;letter-spacing:.02em !important;gap:2px !important;}
  .mobile-nav-item svg{width:18px !important;height:18px !important;}
  #themeToggleMobile span:first-child{height:18px !important;}
  #themeToggleMobile span:last-child{font-size:8px !important;}

  .muja-footer{padding:30px 0 calc(var(--pro-nav-h) + 24px) !important;margin-top:20px !important;}
  .footer-main{gap:22px !important;}

  .ai-chat-widget{right:12px !important;bottom:calc(var(--pro-nav-h) + 24px) !important;}
  .ai-chat-popup{right:10px !important;bottom:calc(var(--pro-nav-h) + 84px) !important;width:calc(100vw - 20px) !important;}
  .muja-activity-tracker{left:10px !important;bottom:calc(var(--pro-nav-h) + 20px) !important;}
  .muja-toast-live{min-width:0 !important;width:min(250px,70vw) !important;font-size:10px !important;padding:8px 10px !important;}
  .cart-sidebar{width:min(92vw,380px) !important;}

  :where(.form-row,.grid-2){grid-template-columns:1fr !important;flex-direction:column !important;}
  :where(.stats-grid){grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:9px !important;}
  :where(.stat-card){padding:12px !important;}
  :where(.page-header){align-items:flex-start !important;flex-direction:column !important;}
  :where(.page-header-actions){width:100%;display:flex;flex-wrap:wrap;gap:8px;}
  :where(.page-header-actions .btn){flex:1 1 auto;}
  :where(.modal,.modal-overlay,.modal-backdrop){padding:10px !important;align-items:flex-end !important;}
  :where(.modal-content,.modal-box,.mbox,.registration-dialog){width:100% !important;max-width:100% !important;border-radius:18px 18px 12px 12px !important;max-height:88dvh !important;}
  :where(.table-wrapper,.table-container,.table-responsive,.table-wrap){margin-left:0 !important;margin-right:0 !important;}
}

@media (max-width:390px){
  .site-title{font-size:16px !important;}
  .header-wrapper{gap:5px !important;}
  .header-actions{gap:3px !important;}
  .menu-toggle,.action-btn,.action-btn1,.theme-toggle{width:36px !important;height:36px !important;}
  .hero-banner{padding-left:15px !important;padding-right:15px !important;}
  .product-grid{gap:7px !important;}
  .product-info{padding:8px !important;}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto !important;animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;}
}

/* Page-specific professional layouts */
body:has(#contentState) .container{max-width:1120px !important;}
@media (min-width:900px){
  body:has(#contentState) #contentState[style*="display: block"],
  body:has(#contentState) #contentState:not([style*="display:none"]){
    display:grid !important;
    grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr) !important;
    gap:14px 18px !important;
    align-items:start !important;
  }
  body:has(#contentState) #contentState>.image-wrap{
    grid-column:1 !important;grid-row:1 / span 6 !important;
    margin:0 !important;position:sticky !important;top:calc(var(--pro-header-h) + 76px) !important;
    border-radius:20px !important;box-shadow:var(--pro-shadow) !important;
  }
  body:has(#contentState) #contentState>.price-card,
  body:has(#contentState) #contentState>.poin-banner,
  body:has(#contentState) #contentState>.guide-detail-card,
  body:has(#contentState) #contentState>.info-card,
  body:has(#contentState) #contentState>.buy-card{grid-column:2 !important;margin:0 !important;}
  body:has(#contentState) #contentState>.desc-card{grid-column:1 / -1 !important;margin-top:8px !important;}
  body:has(#contentState) .price-card,
  body:has(#contentState) .info-card,
  body:has(#contentState) .buy-card,
  body:has(#contentState) .poin-banner,
  body:has(#contentState) .guide-detail-card,
  body:has(#contentState) .desc-card{border-radius:17px !important;box-shadow:var(--pro-shadow-soft) !important;}
  body:has(#contentState) .price-main{font-size:34px !important;}
  body:has(#contentState) .product-title{font-size:20px !important;line-height:1.35 !important;}
}
@media (max-width:899px){
  body:has(#contentState) .container{max-width:640px !important;}
}

body:has(.hero-profile) main.container{max-width:860px !important;padding-bottom:40px !important;}
body:has(.hero-profile) .hero-profile,
body:has(.auth-hero) .auth-hero{border-radius:20px !important;box-shadow:var(--pro-shadow-soft) !important;}
body:has(.hero-profile) .section-card{border-radius:16px !important;}
body:has(.hero-profile) .quick-actions-grid{gap:10px !important;}
body:has(.hero-profile) .quick-action{border-radius:14px !important;min-height:66px !important;}

body:has(.payment-container) .payment-container{max-width:720px !important;padding-top:18px !important;padding-bottom:40px !important;}
body:has(.payment-container) .payment-card{border-radius:22px !important;overflow:hidden !important;}
body:has(.payment-container) .btn-verify{min-height:48px !important;border-radius:13px !important;font-weight:700 !important;}

body:has(.legal-card) .container,
body:has(.legal-card) .page-wrap,
body:has(.legal-card) .wrap{max-width:920px !important;}
body:has(.legal-card) .legal-card{padding:clamp(18px,3vw,32px) !important;}

body:has(.admin-container) .admin-container{width:min(calc(100% - 28px),1440px) !important;max-width:1440px !important;}
body:has(.admin-container) .main-panel{min-width:0 !important;}
body:has(.admin-container) .panel-header{position:sticky;top:0;z-index:25;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);}
body:has(.admin-container) .stats-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:12px !important;}
body:has(.admin-container) .stat-card{min-width:0 !important;padding:15px !important;border-radius:15px !important;}
body:has(.admin-container) .table-wrapper{border:1px solid var(--pro-border-soft) !important;box-shadow:var(--pro-shadow-soft) !important;}
body:has(.admin-container) .form-row{align-items:end;}
@media(max-width:1100px){body:has(.admin-container) .stats-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}}
@media(max-width:760px){
  body:has(.admin-container) .admin-container{width:calc(100% - 18px) !important;}
  body:has(.admin-container) .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  body:has(.admin-container) .tabs{display:flex !important;overflow-x:auto !important;scrollbar-width:none;gap:6px !important;}
  body:has(.admin-container) .tabs::-webkit-scrollbar{display:none;}
  body:has(.admin-container) .tab{flex:0 0 auto !important;white-space:nowrap !important;}
  body:has(.admin-container) .quick-actions{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}

/* Better loading and empty/error presentation */
:where(.loading-container,.loading-wrap,.grid-placeholder,.loading-row,.empty-state,.empty-state-mini,.error-container){
  text-align:center;
}
:where(.error-container,.empty-state,.empty-state-mini){border:1px dashed var(--pro-border) !important;border-radius:16px !important;}
:where(.loading-spinner,.spinner,.loading-ring){filter:drop-shadow(0 0 10px rgba(var(--muja-rgb-primary,255,107,43),.18));}

/* Compact network status injected by professional-ui.js */
#mujaNetworkStatus{
  position:fixed;left:50%;top:12px;transform:translateX(-50%) translateY(-16px);
  z-index:10050;opacity:0;pointer-events:none;
  padding:8px 13px;border-radius:999px;font:600 11px/1.2 'Outfit',sans-serif;
  background:#3b1014;color:#ffd7d7;border:1px solid rgba(255,110,110,.28);
  box-shadow:0 10px 30px rgba(0,0,0,.28);transition:.22s ease;
}
#mujaNetworkStatus.show{opacity:1;transform:translateX(-50%) translateY(0);}

/* Reduce the old heavy aurora so content has professional contrast */
html::before{opacity:.24 !important;filter:blur(72px) saturate(120%) !important;animation:none !important;}
html::after{opacity:.30 !important;filter:blur(78px) saturate(125%) !important;animation:none !important;}
body::before{opacity:.16 !important;animation:none !important;}
body::after{opacity:.14 !important;animation:none !important;}
body.light-mode::before,body.light-mode::after{opacity:.07 !important;}