/* Navbar RSUD Mimika — sage modern */
.main-navbar { --nav-sage:#547b68; --nav-dark:#284c3e; position:sticky; top:0; z-index:1030; min-height:78px; background:rgba(255,255,255,.86); border-bottom:1px solid rgba(88,128,105,.12); box-shadow:0 8px 28px rgba(35,69,53,.06); backdrop-filter:blur(16px); font-family:'Montserrat','Segoe UI',sans-serif; }
.main-navbar .container { min-height:78px; }.navbar-brand { display:inline-flex; align-items:center; flex:1 1 430px; max-width:min(520px,42vw); gap:13px; padding:0; color:var(--nav-dark); text-decoration:none; }.navbar-brand:hover { color:var(--nav-dark); }.navbar-brand-logo { display:grid; flex:0 0 auto; width:58px; height:58px; place-items:center; padding:5px; background:linear-gradient(135deg,#fff,#edf7f1); border:1px solid rgba(84,123,104,.18); border-radius:17px; box-shadow:0 10px 22px rgba(56,105,78,.15); }.navbar-brand-logo img { display:block; width:100%; height:100%; object-fit:contain; }.navbar-brand-text { display:grid; min-width:0; line-height:1.12; }.navbar-brand-text strong { display:block; overflow:visible; color:#284c3e; font-size:clamp(.82rem,1.05vw,.98rem); font-weight:900; letter-spacing:0; line-height:1.18; text-transform:uppercase; white-space:normal; }.navbar-brand-text small { width:max-content; max-width:100%; margin-top:6px; padding:4px 8px; color:#8a6a2a; background:#fff6df; border:1px solid #f0dfad; border-radius:999px; font-size:.52rem; font-weight:800; letter-spacing:.045em; text-transform:uppercase; }
.main-navbar .navbar-nav { gap:1px; }.main-navbar .nav-link { position:relative; padding:10px 9px !important; color:#527064; font-size:.7rem; font-weight:700; white-space:nowrap; transition:color .25s ease; }.main-navbar .nav-link::after { content:''; position:absolute; right:9px; bottom:5px; left:9px; height:2px; background:var(--nav-sage); border-radius:8px; transform:scaleX(0); transition:transform .25s ease; }.main-navbar .nav-link:hover,.main-navbar .nav-link.active { color:var(--nav-dark); }.main-navbar .nav-link:hover::after,.main-navbar .nav-link.active::after { transform:scaleX(1); }.main-navbar .dropdown-toggle::after { margin-left:5px; vertical-align:2px; }.main-navbar .dropdown-menu { min-width:190px; padding:8px; border:1px solid rgba(84,123,104,.12); border-radius:14px; box-shadow:0 18px 35px rgba(35,69,53,.14); }.main-navbar .dropdown-item { display:flex; align-items:center; gap:9px; padding:9px 10px; color:#547064; border-radius:9px; font-size:.72rem; font-weight:600; }.main-navbar .dropdown-item i { color:var(--nav-sage); }.main-navbar .dropdown-item:hover { color:var(--nav-dark); background:#edf5ef; }
.navbar-report { position:relative; display:inline-flex; align-items:center; gap:8px; min-height:45px; margin-left:13px; padding:5px 14px 5px 6px; overflow:hidden; color:#fff; background:linear-gradient(135deg,#3f6f59,#7ca98b); border:1px solid rgba(255,255,255,.35); border-radius:14px; box-shadow:0 10px 20px rgba(59,109,80,.24); font-size:.7rem; font-weight:800; line-height:1.08; text-decoration:none; transition:transform .25s ease,box-shadow .25s ease; }.navbar-report::before { content:''; position:absolute; inset:-40% 45% -40% -70%; background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent); transform:rotate(12deg); animation:report-shine 2.8s ease-in-out infinite; }.navbar-report:hover { color:#fff; transform:translateY(-3px); box-shadow:0 15px 25px rgba(59,109,80,.34); }.report-icon { position:relative; z-index:1; display:grid; width:33px; height:33px; place-items:center; color:#f8dd76; background:rgba(255,255,255,.16); border-radius:10px; font-size:1.05rem; animation:lightning-pulse 1.8s ease-in-out infinite; }.navbar-report > span:last-child { position:relative; z-index:1; }.navbar-report small { display:block; margin-top:2px; color:rgba(255,255,255,.76); font-size:.52rem; font-weight:600; letter-spacing:.025em; }
.navbar-toggler { display:flex; align-items:center; gap:7px; width:48px; height:42px; padding:7px; color:#e2b940; border:1px solid rgba(84,123,104,.2); border-radius:12px; background:rgba(237,245,239,.72); box-shadow:none!important; }.navbar-toggler > i { font-size:1rem; animation:lightning-pulse 1.8s ease-in-out infinite; }.toggler-lines { display:grid; gap:4px; flex:1; }.toggler-lines b { display:block; width:100%; height:2px; background:var(--nav-sage); border-radius:3px; transition:transform .25s ease,opacity .25s ease; }.navbar-toggler[aria-expanded="true"] .toggler-lines b:nth-child(1) { transform:translateY(6px) rotate(45deg); }.navbar-toggler[aria-expanded="true"] .toggler-lines b:nth-child(2) { opacity:0; }.navbar-toggler[aria-expanded="true"] .toggler-lines b:nth-child(3) { transform:translateY(-6px) rotate(-45deg); }
@keyframes lightning-pulse { 0%,100% { transform:scale(1); filter:drop-shadow(0 0 0 rgba(250,220,105,0)); } 50% { transform:scale(1.16); filter:drop-shadow(0 0 7px rgba(250,220,105,.8)); } }@keyframes report-shine { 0%,60% { transform:translateX(0) rotate(12deg); } 100% { transform:translateX(250%) rotate(12deg); } }
@media (max-width:1199.98px) { .main-navbar,.main-navbar .container { min-height:72px; }.navbar-brand { flex:0 1 auto; max-width:calc(100% - 62px); }.navbar-brand-logo { width:52px; height:52px; border-radius:15px; }.navbar-brand-text strong { font-size:.88rem; }.main-navbar .navbar-collapse { position:relative; margin-top:5px; padding:13px; overflow:hidden; background:linear-gradient(135deg,rgba(236,246,239,.98),rgba(214,233,219,.96)); border:1px solid rgba(255,255,255,.8); border-radius:18px; box-shadow:0 18px 35px rgba(35,69,53,.12); }.main-navbar .navbar-collapse::before,.main-navbar .navbar-collapse::after { content:''; position:absolute; z-index:0; width:180px; height:180px; border-radius:50%; filter:blur(4px); pointer-events:none; animation:mobile-blob 5s ease-in-out infinite; }.main-navbar .navbar-collapse::before { top:-95px; right:-45px; background:rgba(118,171,135,.25); }.main-navbar .navbar-collapse::after { bottom:-110px; left:-45px; background:rgba(255,255,255,.8); animation-delay:-2s; }.main-navbar .navbar-nav,.navbar-report { position:relative; z-index:1; }.main-navbar .navbar-nav { gap:3px; }.main-navbar .nav-link { display:flex; align-items:center; gap:10px; padding:11px 12px!important; border-radius:10px; font-size:.76rem; }.main-navbar .nav-link::after { display:none; }.main-navbar .nav-link:hover,.main-navbar .nav-link.active { background:rgba(255,255,255,.85); }.main-navbar .nav-link i { width:21px; color:var(--nav-sage); text-align:center; }.main-navbar .dropdown-menu { margin:2px 0 4px; background:rgba(255,255,255,.78); box-shadow:none; }.navbar-report { justify-content:center; width:100%; margin:12px 0 0; }.navbar-report::after { content:''; position:absolute; z-index:0; right:7%; width:80px; height:80px; background:radial-gradient(circle,rgba(255,242,170,.5),transparent 65%); animation:lightning-pulse 1.8s ease-in-out infinite; } }@keyframes mobile-blob { 50% { transform:translate(20px,14px) scale(1.18); } }
@media (max-width:420px) { .navbar-brand { gap:9px; }.navbar-brand-logo { width:46px; height:46px; }.navbar-brand-text strong { font-size:.74rem; }.navbar-brand-text small { display:none; } }