/* Musammim scoped standard/3D interface upgrade */
:root{--mu-blue:#1677ff;--mu-blue2:#5b5cff;--mu-navy:#132c4b;--mu-green:#18a957;--mu-card:#fff;--mu-line:#dfe7f0;--mu-muted:#6c7c91;--mu-shadow:0 15px 38px rgba(24,54,96,.09);--mu-shadow-hover:0 22px 46px rgba(24,54,96,.15)}
html{scroll-behavior:smooth}
.sidebar-menu.sidebar-menu-upgraded{padding:10px;border:1px solid rgba(211,222,235,.85);border-radius:18px;background:linear-gradient(160deg,rgba(255,255,255,.9),rgba(245,249,255,.75));box-shadow:0 14px 34px rgba(27,58,101,.07);display:flex;flex-direction:column;gap:6px}
.sidebar-menu.sidebar-menu-upgraded a{position:relative;min-height:48px;padding:0 13px;display:flex!important;align-items:center;gap:12px;border:1px solid transparent;border-radius:13px;color:#5d718b!important;background:transparent;transition:transform .22s ease,box-shadow .22s ease,color .22s ease,background .22s ease,border-color .22s ease}
.sidebar-menu.sidebar-menu-upgraded a::before{display:none!important}
.sidebar-menu.sidebar-menu-upgraded a .mu-side-icon{width:34px;height:34px;flex:0 0 34px;display:flex;align-items:center;justify-content:center;border-radius:11px;color:#52708f;background:linear-gradient(145deg,#fff,#eaf1fb);box-shadow:4px 5px 12px rgba(29,60,108,.09),inset 1px 1px 0 rgba(255,255,255,.9)}
.sidebar-menu.sidebar-menu-upgraded a .mu-side-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sidebar-menu.sidebar-menu-upgraded a:hover{transform:translateX(3px);color:var(--mu-blue)!important;border-color:#d8e6ff;background:#f3f7ff;box-shadow:0 9px 20px rgba(25,75,160,.07)}
.sidebar-menu.sidebar-menu-upgraded a.active{color:#fff!important;border-color:transparent;background:linear-gradient(135deg,var(--mu-blue),var(--mu-blue2));box-shadow:0 10px 24px rgba(22,119,255,.22)}
.sidebar-menu.sidebar-menu-upgraded a.active .mu-side-icon{color:var(--mu-blue);background:#fff}
.mu-sidebar-divider{height:1px;margin:7px 8px;background:linear-gradient(90deg,transparent,#cfdae8,transparent)}
.mu-sidebar-feature{margin-top:11px;padding:15px;border:1px solid #d9e4f2;border-radius:17px;background:radial-gradient(circle at 100% 0,rgba(91,92,255,.16),transparent 45%),linear-gradient(145deg,#fff,#f4f8ff);box-shadow:var(--mu-shadow)}
.mu-sidebar-feature strong{display:block;font-size:13px;margin-bottom:5px}.mu-sidebar-feature p{color:var(--mu-muted);font-size:10px;line-height:1.6;margin:0 0 12px}.mu-sidebar-feature a{min-height:38px;padding:0 12px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:#fff!important;background:linear-gradient(135deg,var(--mu-blue),var(--mu-blue2));font-size:10px;font-weight:800}
.mu-about-modal{position:fixed;inset:0;z-index:2000;padding:24px;display:flex;align-items:center;justify-content:center;background:rgba(9,25,47,.62);backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:.25s ease}.mu-about-modal.open{opacity:1;visibility:visible}.mu-about-dialog{width:min(980px,100%);max-height:88vh;overflow:auto;position:relative;padding:28px;border:1px solid rgba(255,255,255,.7);border-radius:25px;background:linear-gradient(160deg,#fff,#f4f8ff);box-shadow:0 35px 90px rgba(5,19,40,.34);transform:translateY(18px) scale(.98);transition:.28s ease}.mu-about-modal.open .mu-about-dialog{transform:none}.mu-about-close{width:40px;height:40px;position:absolute;right:18px;top:18px;border:0;border-radius:50%;background:#eaf0f7;color:#243d5c;font-size:22px}.mu-about-heading span,.mu-hub-heading span{display:block;color:var(--mu-blue);font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;margin-bottom:7px}.mu-about-heading h2,.mu-hub-heading h1{font-size:28px;letter-spacing:-.7px;margin:0 0 8px}.mu-about-heading p,.mu-hub-heading p{max-width:680px;color:var(--mu-muted);font-size:12px;line-height:1.75}.mu-about-grid,.mu-hub-grid{margin-top:22px;display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.mu-about-card,.mu-hub-card{min-height:165px;padding:18px;position:relative;overflow:hidden;border:1px solid #dce6f3;border-radius:17px;background:linear-gradient(145deg,#fff,#f5f8fd);box-shadow:0 11px 25px rgba(29,56,96,.07);transition:.25s ease}.mu-about-card::after,.mu-hub-card::after{content:"";width:80px;height:80px;position:absolute;right:-30px;bottom:-32px;border-radius:50%;background:rgba(22,119,255,.07)}.mu-about-card:hover,.mu-hub-card:hover{transform:translateY(-5px);border-color:#bcd4ff;box-shadow:var(--mu-shadow-hover)}.mu-about-icon,.mu-hub-icon{width:45px;height:45px;margin-bottom:14px;display:flex;align-items:center;justify-content:center;border-radius:14px;color:#fff;background:linear-gradient(135deg,var(--mu-blue),var(--mu-blue2));box-shadow:0 11px 24px rgba(22,119,255,.22)}.mu-about-icon svg,.mu-hub-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mu-about-card strong,.mu-hub-card h2{display:block;font-size:13px;margin-bottom:7px}.mu-about-card p,.mu-hub-card p{color:var(--mu-muted);font-size:10px;line-height:1.65;margin:0}
.mu-page{min-height:calc(100vh - 70px);padding:34px 18px 70px;background:radial-gradient(circle at 10% 0,rgba(22,119,255,.09),transparent 28%),#f1f4f8}.mu-page-container{width:min(1160px,100%);margin:auto}.mu-hub-hero{padding:34px;border-radius:25px;color:#fff;background:radial-gradient(circle at 85% 15%,rgba(255,255,255,.19),transparent 25%),linear-gradient(135deg,#12365e,#1677ff 72%,#5b5cff);box-shadow:0 22px 55px rgba(22,82,164,.2)}.mu-hub-hero .mu-hub-heading span{color:#b9d8ff}.mu-hub-hero .mu-hub-heading p{color:rgba(255,255,255,.78)}.mu-hub-actions{margin-top:20px;display:flex;flex-wrap:wrap;gap:10px}.mu-btn{min-height:44px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:11px;font-size:11px;font-weight:800}.mu-btn-primary{color:#1677ff;background:#fff}.mu-btn-secondary{color:#fff;border:1px solid rgba(255,255,255,.32);background:rgba(255,255,255,.12)}.mu-content-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;align-items:start}.mu-content-card,.mu-promotion-card{padding:28px;border:1px solid var(--mu-line);border-radius:21px;background:#fff;box-shadow:var(--mu-shadow)}.mu-content-card h1{font-size:28px;margin:0 0 8px}.mu-content-card .mu-updated{color:#8a99ab;font-size:9px;margin-bottom:23px}.mu-rich-content{color:#52667f;font-size:13px;line-height:1.85}.mu-rich-content h2,.mu-rich-content h3{color:#172c46;line-height:1.35;margin:25px 0 9px}.mu-rich-content h2{font-size:20px}.mu-rich-content h3{font-size:15px}.mu-rich-content ul{padding-left:20px}.mu-rich-content li{margin:7px 0}.mu-side-nav{padding:14px;border:1px solid var(--mu-line);border-radius:18px;background:#fff;box-shadow:var(--mu-shadow);position:sticky;top:90px}.mu-side-nav strong{display:block;padding:9px;font-size:12px}.mu-side-nav a{padding:10px;display:block;border-radius:9px;color:#60748c;font-size:10px;font-weight:700}.mu-side-nav a:hover,.mu-side-nav a.active{color:var(--mu-blue);background:#eef5ff}
.mu-promotion-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.mu-share-url{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:12px}.mu-share-url input{height:43px;padding:0 12px;border:1px solid var(--mu-line);border-radius:10px;background:#f7f9fc;color:#52667f;font-size:10px}.mu-share-url button{padding:0 14px;border:0;border-radius:10px;color:#fff;background:var(--mu-blue);font-size:10px;font-weight:800}.mu-share-buttons{margin-top:13px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mu-share-buttons a{min-height:40px;padding:0 8px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:#fff;font-size:9px;font-weight:800}.mu-share-buttons .facebook{background:#1877f2}.mu-share-buttons .whatsapp{background:#16a765}.mu-share-buttons .linkedin{background:#0a66c2}.mu-share-buttons .x{background:#111}.mu-share-buttons .telegram{background:#229ed9}.mu-share-buttons .copy{background:#5b5cff;border:0}.mu-product-share-list{margin-top:15px;display:flex;flex-direction:column;gap:10px}.mu-product-share-row{padding:10px;display:grid;grid-template-columns:54px 1fr auto;gap:10px;align-items:center;border:1px solid var(--mu-line);border-radius:12px}.mu-product-share-row img,.mu-product-share-placeholder{width:54px;height:54px;border-radius:9px;object-fit:cover;background:linear-gradient(135deg,#1677ff,#18a957);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800}.mu-product-share-row strong{display:block;font-size:10px;margin-bottom:4px}.mu-product-share-row span{color:var(--mu-muted);font-size:8px}.mu-product-share-row button{height:34px;padding:0 10px;border:0;border-radius:8px;color:#fff;background:var(--mu-blue);font-size:8px;font-weight:800}.mu-checklist{display:flex;flex-direction:column;gap:9px}.mu-checkitem{padding:11px;display:flex;align-items:flex-start;gap:9px;border-radius:11px;background:#f5f8fc;color:#5b6f87;font-size:10px;line-height:1.55}.mu-checkitem::before{content:"✓";width:20px;height:20px;flex:0 0 20px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;background:var(--mu-green);font-size:10px;font-weight:800}
.mu-admin-form{display:flex;flex-direction:column;gap:16px}.mu-admin-form label{display:flex;flex-direction:column;gap:7px;color:#5e7188;font-size:9px;font-weight:800}.mu-admin-form input,.mu-admin-form textarea,.mu-admin-form select{width:100%;padding:11px;border:1px solid #dfe7f0;border-radius:10px;background:#f9fbfd;color:#172c46;font:11px/1.6 inherit}.mu-admin-form textarea{min-height:330px;resize:vertical}.mu-admin-form button{height:43px;border:0;border-radius:10px;color:#fff;background:#1677ff;font-size:10px;font-weight:800}.mu-admin-list{display:flex;flex-direction:column;gap:8px}.mu-admin-list a{padding:11px;border:1px solid #e2e9f1;border-radius:10px;font-size:10px}.mu-admin-list a.active{color:#1677ff;background:#eef5ff;border-color:#cfe0ff}
.mu-soft-enter{animation:muSoftEnter .42s ease both}@keyframes muSoftEnter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.mu-soft-enter{animation:none}.sidebar-menu.sidebar-menu-upgraded a,.mu-about-card,.mu-hub-card{transition:none}}
@media(max-width:900px){.mu-about-grid,.mu-hub-grid{grid-template-columns:repeat(2,1fr)}.mu-content-layout,.mu-promotion-grid{grid-template-columns:1fr}.mu-side-nav{position:static}.mu-share-buttons{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.mu-about-modal{padding:10px;align-items:flex-end}.mu-about-dialog{max-height:92vh;padding:24px 15px 20px;border-radius:22px 22px 0 0}.mu-about-heading h2,.mu-hub-heading h1{font-size:23px}.mu-about-grid,.mu-hub-grid{grid-template-columns:1fr 1fr;gap:9px}.mu-about-card,.mu-hub-card{min-height:145px;padding:14px}.mu-page{padding:14px 8px 90px}.mu-hub-hero{padding:25px 18px;border-radius:18px}.mu-content-card,.mu-promotion-card{padding:20px 15px;border-radius:16px}.mu-share-buttons{grid-template-columns:1fr 1fr}.mu-product-share-row{grid-template-columns:48px 1fr}.mu-product-share-row img,.mu-product-share-placeholder{width:48px;height:48px}.mu-product-share-row button{grid-column:1/-1;width:100%}}


/* Targeted stability fixes — public pages and desktop sidebar only */
.mu-public-body {
    margin: 0;
    min-width: 0;
    overflow-x: hidden;
    color: #17253a;
    background: #f1f4f8;
    font-family: "Plus Jakarta Sans", Arial, sans-serif;
}

.mu-public-body *,
.mu-public-body *::before,
.mu-public-body *::after {
    box-sizing: border-box;
}

.mu-public-body a {
    text-decoration: none;
}

@media (min-width: 1001px) {
    .feed-layout > .left-sidebar {
        max-height: calc(100vh - 100px);
        overflow-y: auto;
        overflow-x: hidden;
        overscroll-behavior: contain;
        scrollbar-width: thin;
        scrollbar-color: #c8d7ea transparent;
        padding-right: 6px;
    }

    .feed-layout > .left-sidebar::-webkit-scrollbar {
        width: 6px;
    }

    .feed-layout > .left-sidebar::-webkit-scrollbar-track {
        background: transparent;
    }

    .feed-layout > .left-sidebar::-webkit-scrollbar-thumb {
        border-radius: 999px;
        background: #c8d7ea;
    }

    .feed-layout > .left-sidebar::-webkit-scrollbar-thumb:hover {
        background: #9eb7d6;
    }
}