/* Aynı yetkili bağlantılar: solda akordeon, üstte açılır menü. */
.sidebar details.nav-group{display:block;padding:7px 0}
.sidebar details.nav-group:first-child{padding-top:0}
.sidebar summary.nav-label{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;list-style:none;margin:0;padding:12px 10px;font-size:10px;letter-spacing:.6px;border-radius:8px;user-select:none}
.sidebar summary::-webkit-details-marker{display:none}
.sidebar summary:hover,.sidebar details:has([aria-current="page"])>summary{background:#edf4f2;color:#276458}
.nav-chevron{font-size:16px;transition:transform .15s}
details[open]>summary .nav-chevron{transform:rotate(180deg)}
.sidebar .nav-links{padding:6px 0 0}
.sidebar details:not([open])>.nav-links{display:none}
.navigation-settings{max-width:850px}.navigation-options{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}
.navigation-option{display:flex;align-items:flex-start;gap:12px;padding:22px;border:1px solid #dce7e3;border-radius:12px;cursor:pointer}
.navigation-option:has(input:checked){border-color:#27816c;background:#edf6f2;box-shadow:0 0 0 1px #27816c}
.navigation-option input{width:18px;min-height:18px;margin:3px 0;accent-color:#27816c}
.navigation-option strong,.navigation-option small{display:block}.navigation-option small{font-weight:400;line-height:1.6;color:#647c75;margin-top:8px}
@media(min-width:801px){
.nav-topbar .sidebar{position:relative;inset:auto;width:100%;height:auto;overflow:visible;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px 24px;padding:16px 28px;border-right:0;border-bottom:1px solid #e5edeb;z-index:40}
.nav-topbar .panel-brand{font-size:20px;white-space:nowrap;padding:0}
.nav-topbar .panel-brand small{margin:4px 0 0;font-size:7px}
.nav-topbar .brand-symbol{width:32px;height:32px;font-size:22px}
.nav-topbar .sidebar nav{display:flex;flex-wrap:wrap;gap:4px;order:3;width:100%;border-top:1px solid #edf1ef;padding-top:10px}
.nav-topbar .sidebar details.nav-group{position:relative;border:0;padding:0}
.nav-topbar .sidebar summary.nav-label{min-height:42px;padding:10px 14px;font-size:11px}
.nav-topbar .sidebar .nav-links{position:absolute;top:calc(100% + 6px);left:0;min-width:225px;max-height:70vh;overflow:auto;padding:8px;background:#fff;border:1px solid #e0e9e5;border-radius:12px;box-shadow:0 16px 40px #183b3526;z-index:50}
.nav-topbar .sidebar .sidebar-bottom{display:block;margin:0 0 0 auto;padding:0}
.nav-topbar .workspace-note{display:none}.nav-topbar .logout{padding:10px}
.nav-topbar .workspace{margin-left:0}
}
@media(max-width:800px){.navigation-options{grid-template-columns:1fr}.sidebar{max-width:calc(100vw - 48px)}.sidebar .nav-links{position:static}.navigation-option{padding:16px}}

/* Sol menü: koyu petrol tonları. Üst menünün renkleri bağımsız kalır. */
.nav-group-icon{display:none}.nav-group-name{flex:1}
.nav-sidebar .sidebar{background:#172e32;border-right:1px solid #25444a;box-shadow:5px 0 22px #10292d0d;scrollbar-color:#456067 #172e32}
.nav-sidebar .panel-brand{color:#f1faf8}.nav-sidebar .panel-brand small{color:#94b4b8}
.nav-sidebar .sidebar .brand-symbol{background:#2d716d;color:#edfffa!important}
.nav-sidebar .sidebar .nav-group{border-color:#2b454a}
.nav-sidebar .sidebar summary.nav-label{color:#aac3c5}
.nav-sidebar .sidebar summary:hover,.nav-sidebar .sidebar details:has([aria-current="page"])>summary{color:#f2fffc;background:#24484c}
.nav-sidebar .sidebar nav a{color:#c3d4d6}
.nav-sidebar .sidebar nav a:hover{background:#25444a;color:#fff}
.nav-sidebar .sidebar nav a[aria-current="page"]{background:#32645f;color:#fff;box-shadow:inset 3px 0 #8bd3bd}
.nav-sidebar .workspace-note{background:#213c41;color:#c3dbd9}.nav-sidebar .workspace-note small{color:#93afb3}
.nav-sidebar .logout{color:#bad2d3}.nav-sidebar .logout:hover{color:#fff}
.nav-sidebar .sidebar :focus-visible{outline-color:#9ce5cf}
.sidebar-resize{display:none;border:1px solid #dce7e3;background:#f0f5f3;color:#315e57;border-radius:9px;align-items:center;justify-content:center;width:38px;height:38px;cursor:pointer;flex-shrink:0}
.sidebar-resize:hover{background:#e0eee8}.topbar .admin-label{margin-left:auto}
@media(min-width:801px){
.nav-sidebar .sidebar-resize{display:inline-flex}
.nav-sidebar .sidebar,.nav-sidebar .workspace{transition:width .2s,margin-left .2s}
.nav-sidebar.sidebar-compact .sidebar{width:76px;padding:24px 10px;overflow-x:hidden}
.nav-sidebar.sidebar-compact .workspace{margin-left:76px}
.nav-sidebar.sidebar-compact .panel-brand{padding:0;display:flex;justify-content:center;margin-bottom:28px}
.nav-sidebar.sidebar-compact .brand-symbol{margin:0;width:40px;height:40px;flex-shrink:0}
.nav-sidebar.sidebar-compact .brand-name,.nav-sidebar.sidebar-compact .panel-brand small,.nav-sidebar.sidebar-compact .nav-group-name,.nav-sidebar.sidebar-compact .nav-chevron,.nav-sidebar.sidebar-compact .nav-links,.nav-sidebar.sidebar-compact .workspace-note,.nav-sidebar.sidebar-compact .logout-label{display:none!important}
.nav-sidebar.sidebar-compact .sidebar summary.nav-label{padding:10px;justify-content:center;min-height:44px}
.nav-sidebar.sidebar-compact .nav-group-icon{display:block;font-size:23px;line-height:1;letter-spacing:0}
.nav-sidebar.sidebar-compact .sidebar-bottom{padding:16px 0 0;margin-top:auto}
.nav-sidebar.sidebar-compact .logout{width:100%;font-size:24px;text-align:center;padding:10px 0}
.nav-sidebar.sidebar-compact .sidebar-resize svg{transform:rotate(180deg)}
}