/* =========================================================
   V39 — Professional CSC Portal UI
   UI-only layer. Existing functionality remains untouched.
   ========================================================= */
:root{
  --v39-navy:#0b2f55;
  --v39-blue:#1266b1;
  --v39-blue-2:#0d7bdc;
  --v39-green:#168a4a;
  --v39-red:#d92d20;
  --v39-bg:#f4f7fb;
}
.topbar{position:sticky;top:0;z-index:1000;backdrop-filter:blur(14px);background:rgba(255,255,255,.94);border-bottom:1px solid #e5eaf1}
.brand{gap:10px}
.brand-mark{box-shadow:0 7px 18px rgba(11,47,85,.18)}
.desktop-nav{gap:4px;align-items:center}
.desktop-nav>a,.tools-menu>summary{padding:9px 12px;border-radius:9px;font-weight:700;color:#26364a;cursor:pointer;list-style:none}
.desktop-nav>a:hover,.tools-menu>summary:hover{background:#eef5fb;color:var(--v39-blue)}
.tools-menu{position:relative}
.tools-menu>summary::-webkit-details-marker{display:none}
.tools-menu>summary span{font-size:12px;margin-left:3px}
.tools-dropdown{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);width:270px;padding:8px;background:#fff;border:1px solid #e3eaf2;border-radius:14px;box-shadow:0 18px 45px rgba(20,42,66,.15)}
.tools-dropdown a{display:grid;grid-template-columns:30px 1fr auto;gap:8px;align-items:center;padding:11px 10px;border-radius:10px;text-decoration:none;color:#24364b}
.tools-dropdown a:hover{background:#f2f7fb}
.tools-dropdown span{font-size:18px;text-align:center}
.tools-dropdown strong{font-size:13px}
.tools-dropdown em{font-style:normal;font-size:9px;font-weight:900;color:#fff;background:var(--v39-red);padding:3px 6px;border-radius:999px}
.nav-loading{font-size:12px;color:#6b7787;font-weight:700;padding:8px}
.wallet-mini{display:inline-flex;align-items:center;gap:5px;padding:8px 11px;border-radius:10px;background:#eef8f2;color:#17683d;font-size:12px}
.tool-card.featured{border:1px solid #d5e5f4;box-shadow:0 12px 30px rgba(11,47,85,.08)}
.tool-card-media{position:relative;margin:-2px -2px 13px;border-radius:12px;overflow:hidden;background:#eef4f8;aspect-ratio:16/8.7}
.tool-card-media img{width:100%;height:100%;object-fit:cover;display:block}
.live-badge{position:absolute;top:10px;right:10px;background:var(--v39-red);color:#fff;font-size:10px;font-weight:900;letter-spacing:.4px;padding:5px 8px;border-radius:999px;box-shadow:0 5px 12px rgba(217,45,32,.25)}
@media(max-width:900px){
  .desktop-nav{display:flex;overflow:visible}
  .desktop-nav>a:nth-of-type(2),.desktop-nav>a:nth-of-type(3){display:none}
  .tools-dropdown{position:fixed;top:64px;left:12px;right:12px;transform:none;width:auto}
  .nav-actions .wallet-mini{display:none}
}
@media(max-width:640px){
  .topbar{position:sticky}
  .container.nav{min-height:62px}
  .brand small{display:none}
  .desktop-nav>a:first-child{display:none}
  .desktop-nav{margin-left:auto}
  .tools-menu>summary{font-size:13px;padding:8px 9px}
  .nav-actions .btn{padding:8px 11px;font-size:12px}
  .tool-card-media{aspect-ratio:16/9}
}