/* NETTOP WORKPLACE V0.97 — rebrand-only, no learning logic changes. */
:root {
 --navy:#0D3343; --navy2:#092A39; --teal:#087B81;
 --ink:#173847; --muted:#637D88; --line:#DCE9E9; --bg:#F4F9F9;
 --good:#137968; --shadow:0 9px 28px rgba(12,50,61,.06);
 accent-color:#078F94;
}
body {background:var(--bg);color:var(--ink)}
.sidebar{background:linear-gradient(170deg,#0B3847 0%,#082D3D 52%,#092838 100%);color:#C7E3E5}
.brand{padding:17px 15px 15px;min-height:88px;gap:0;justify-content:flex-start}
.brand .brandmark,.brand .brandtext{display:none!important}
.brand-logo{display:block;width:100%;max-width:212px;height:55px;object-fit:contain;object-position:left center;filter:none}
.sidebar-caption{color:#9DBDC6}
.nav button{color:#D6E9EC}
.nav button:hover{background:rgba(76,196,190,.12)}
.nav button.active{background:linear-gradient(100deg,rgba(15,152,157,.27),rgba(22,120,133,.18));box-shadow:inset 3px 0 0 #31C4BB;color:#FFFFFF}
.sidebar .nav{scrollbar-color:rgba(106,185,186,.32) transparent}
.sidebar .nav::-webkit-scrollbar-thumb{background:rgba(106,185,186,.30)}
.sidebar .nav:hover::-webkit-scrollbar-thumb{background:rgba(123,210,207,.53)}
.sidebar-bottom{color:#BCD3D8;border-top-color:rgba(199,232,232,.16)}
.section-marker{background:#079CA0}
.workspace-title,.panelhead h2{color:#0D3343}
.topbar{border-color:#DCE9E9}
.role-select{background:#F4FAFA;border-color:#C5E0E1;color:#0D3343}
.avatar{background:#DCEFF0;border-color:#C4E0E3;color:#0D3343}
.demo-banner{background:#E8F7F7;border-color:#BFE5E4;color:#276C72}
.badge-mock{background:#CEEEEB;color:#0D6770}
.eyebrow{color:#087B81}
.pagehead h1,.stat-card .num{color:#123C4C}
.btn.primary{background:#0C5866;border-color:#0C5866;color:#FFFFFF}
.btn.primary:hover{background:#084454;border-color:#084454}
.btn.teal{background:#087B81;border-color:#087B81}
.btn.teal:hover{background:#066F76}
.btn{border-color:#D1E1E3;color:#174858}
.btn:hover{background:#F0FAF9;border-color:#AFD7D7}
.btn.primary:hover,.btn.teal:hover{color:white}
.btn:focus-visible,.textlink:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline-color:#45C3BD}
.textlink,.table .primarytext,.v094-text-button{color:#086E79}
.table th{background:#F2F8F8;color:#526F7A}
.table tr:hover td{background:#F4FAFA}
.progress>span{background:linear-gradient(90deg,#0D8191,#26BEB6)}
.course-thumb:not(.orng):not(.green):not(.violet):not(.slate){background:linear-gradient(130deg,#0C5968,#1D989B)}
.status.info{background:#E3F4F4;color:#166F75}
.v095-bulkbar,.ops-bulkbar{background:#EAF7F6;border-color:#CDE7E7}
.v095-quiz-option:has(input:checked){border-color:#0D9695;background:#EBF9F6}
.v094-avatar{background:#E1F5F4;color:#097E82}
.v094-kpis strong{color:#0D3343}
.v095-role-scroll th{background:#F0F8F7;color:#285760}
/* Preserve dark-mode sidebar readability while keeping original responsive layout. */
@media(max-width:850px){.brand{min-height:80px}.brand-logo{max-width:205px;height:52px}}
@media(prefers-reduced-motion:reduce){.nav button,.btn{transition:none!important}}