/* SETS sidebar visual system, adapted to the existing portal, HR and settings DOM. */
.byte-shell { --byte-sidebar-width:280px; display:grid!important; grid-template-columns:var(--byte-sidebar-width) minmax(0,1fr)!important; background:var(--panel-page,#06111f)!important; min-height:100dvh; transition:grid-template-columns .22s ease; }
.byte-shell.sidebar-rail-collapsed { --byte-sidebar-width:72px; }
.byte-shell.hidden { display:none!important; }
.byte-shell .byte-sidebar {
  --ssb-bg:linear-gradient(180deg,#061626 0%,#071a2d 45%,#051320 100%); --ssb-solid:#051320;
  --ssb-border:rgba(52,137,210,.20); --ssb-primary:#0b8dff; --ssb-primary-bright:#119cff;
  --ssb-hover:rgba(11,141,255,.07); --ssb-active-bg:linear-gradient(90deg,rgba(12,120,225,.20),rgba(10,67,120,.08)); --ssb-active-border:rgba(11,141,255,.30);
  --ssb-text:#f5f8fc; --ssb-muted:#8eb2d6; --ssb-section:#65afff; --ssb-icon:#c7e3ff; --ssb-divider:rgba(80,161,220,.20);
  --ssb-icon-bg:rgba(15,77,125,.16); --ssb-icon-border:rgba(79,158,220,.12); --ssb-icon-active-bg:rgba(11,141,255,.15); --ssb-icon-active-border:rgba(11,141,255,.34);
  --ssb-product-bg:rgba(13,70,125,.30); --ssb-product-border:rgba(52,137,210,.32); --ssb-card-bg:rgba(8,40,68,.45); --ssb-card-border:rgba(44,140,211,.25);
  --ssb-toggle-border:rgba(79,158,220,.28); --ssb-online:#22c55e;
  position:sticky!important; top:0!important; bottom:auto!important; left:auto!important; align-self:start!important; z-index:30;
  display:flex!important; flex-direction:column!important; width:var(--byte-sidebar-width)!important; min-width:0!important; height:100dvh!important; max-height:100dvh!important;
  padding:14px 10px 12px!important; background:var(--ssb-bg)!important; border-right:1px solid var(--ssb-border)!important; color:var(--ssb-text)!important;
  overflow-x:hidden!important; overflow-y:auto!important; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:rgba(72,148,207,.3) transparent;
  font-family:var(--font-body,"Inter","Segoe UI",sans-serif)!important; font-size:13px; line-height:1.3; transform:none!important; visibility:visible!important; opacity:1!important;
}
html[data-theme="light"] .byte-shell .byte-sidebar {
  --ssb-bg:#fff; --ssb-solid:#fff; --ssb-border:#e3e9f0; --ssb-primary:#0755ad; --ssb-primary-bright:#0a63c4; --ssb-hover:rgba(7,85,173,.06);
  --ssb-active-bg:linear-gradient(90deg,#e4eefa,#f3f8fe); --ssb-active-border:#c9dcf2; --ssb-text:#0f1b2d; --ssb-muted:#5f748a; --ssb-section:#0b5cb8; --ssb-icon:#44556a;
  --ssb-divider:#e3e9f0; --ssb-icon-bg:#f6f9fc; --ssb-icon-border:#e3e9f0; --ssb-icon-active-bg:rgba(7,85,173,.12); --ssb-icon-active-border:#c9dcf2;
  --ssb-product-bg:#f1f7fe; --ssb-product-border:#d6e4f3; --ssb-card-bg:#f8fafc; --ssb-card-border:#dce5ef; --ssb-toggle-border:#d3dde8;
}
.byte-shell .byte-sidebar * { box-sizing:border-box; }
.byte-shell .byte-sidebar a { text-decoration:none; }
.byte-shell .byte-sidebar :is(a,button):focus-visible { outline:2px solid var(--ssb-primary-bright); outline-offset:-2px; }
.byte-shell .byte-sidebar :is(.byte-sidebar-header,.portal-sidebar-top) { flex:none; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:8px!important; min-height:54px!important; padding:2px 2px 0 6px!important; margin:0!important; }
.byte-shell .byte-sidebar :is(.brand,.hr-brand,.portal-sidebar-brand) { display:block!important; min-height:0!important; padding:0!important; margin:0!important; line-height:0; overflow:hidden; }
.byte-shell .byte-sidebar :is(.brand,.hr-brand,.portal-sidebar-brand) img { display:block!important; height:40px!important; width:auto!important; max-width:none!important; filter:brightness(0) invert(1); }
html[data-theme="light"] .byte-shell .byte-sidebar :is(.brand,.hr-brand,.portal-sidebar-brand) img { filter:none!important; }
.byte-shell .byte-sidebar :is(.byte-sidebar-toggle,.portal-sidebar-toggle) { flex:none; display:grid!important; place-items:center; width:34px!important; height:34px!important; padding:0!important; border:1px solid var(--ssb-toggle-border)!important; border-radius:8px!important; background:var(--ssb-icon-bg)!important; color:var(--ssb-icon)!important; cursor:pointer; }
.byte-shell .byte-sidebar :is(.byte-sidebar-toggle,.portal-sidebar-toggle) svg { width:18px; height:18px; transition:transform .15s; }
.byte-shell .byte-sidebar :is(.scope,.hr-module,.portal-scope) { flex:none; display:flex!important; align-items:center; gap:10px; min-height:46px!important; margin:10px 2px 6px!important; padding:0 12px!important; border:1px solid var(--ssb-product-border)!important; border-radius:8px!important; background:var(--ssb-product-bg)!important; color:var(--ssb-text)!important; font-size:14px!important; font-weight:500!important; line-height:1.2!important; letter-spacing:0!important; text-transform:none!important; overflow:hidden; }
.byte-shell .byte-sidebar :is(.scope,.hr-module,.portal-scope)::before { content:""; flex:none; width:9px; height:9px; margin:0 10px 11px 0; border-radius:2px; background:var(--ssb-primary-bright); box-shadow:11px 0 var(--ssb-primary-bright),0 11px var(--ssb-primary-bright),11px 11px var(--ssb-primary-bright); }
.byte-shell .byte-sidebar nav { flex:1 0 auto!important; display:flex!important; flex-direction:column!important; gap:2px!important; padding:0 0 10px!important; margin:0!important; min-height:0!important; overflow:visible!important; }
.byte-shell .byte-sidebar .nav-group { display:grid; gap:2px!important; margin-top:8px!important; padding-top:8px!important; border-top:1px solid var(--ssb-divider)!important; }
.byte-shell .byte-sidebar .nav-group-title { display:block; padding:6px 8px 5px!important; color:var(--ssb-section)!important; font-size:11px!important; font-weight:600!important; letter-spacing:.08em!important; line-height:1.2; text-transform:uppercase; }
.byte-shell .byte-sidebar :is(.nav a,.nav-item,.back-link,.portal-nav-button) { position:relative; display:flex!important; align-items:center!important; justify-content:flex-start!important; width:100%!important; gap:12px!important; min-height:58px!important; flex-shrink:0; padding:0 8px 0 5px!important; margin:0!important; border:1px solid transparent!important; border-radius:8px!important; background:transparent!important; color:var(--ssb-text)!important; font:inherit; text-align:left; overflow:hidden!important; box-shadow:none!important; transform:none!important; }
.byte-shell .byte-sidebar :is(.nav a,.nav-item,.back-link,.portal-nav-button):hover { background:var(--ssb-hover)!important; color:var(--ssb-text)!important; }
.byte-shell .byte-sidebar :is(.nav-icon,.portal-nav-button>svg:first-child) { flex:none!important; display:grid; place-items:center; width:40px!important; height:40px!important; margin:0!important; padding:0!important; border:1px solid var(--ssb-icon-border)!important; border-radius:8px!important; background:var(--ssb-icon-bg)!important; color:var(--ssb-icon)!important; }
.byte-shell .byte-sidebar .portal-nav-button>svg:first-child { padding:10px!important; }
.byte-shell .byte-sidebar .nav-icon svg { width:18px!important; height:18px!important; display:block; }
.byte-shell .byte-sidebar :is(.nav-icon svg,.portal-nav-button>svg:first-child) { stroke-width:1.8!important; }
.byte-shell .byte-sidebar .active .nav-icon svg { width:20px!important; height:20px!important; }
.byte-shell .byte-sidebar .portal-nav-button.is-active>svg:first-child { padding:9px!important; }
.byte-shell .byte-sidebar :is(.nav-text,.portal-nav-label,.portal-nav-button>span) { display:block!important; min-width:0; flex:1; margin:0!important; padding:0!important; overflow:hidden; color:var(--ssb-text)!important; font-size:13.5px!important; font-weight:600!important; line-height:1.25!important; text-align:left!important; }
.byte-shell .byte-sidebar .nav-text strong { display:block; color:var(--ssb-text)!important; font-size:13.5px!important; font-weight:600!important; line-height:1.25; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.byte-shell .byte-sidebar .nav-text small,.byte-shell .byte-sidebar [data-nav-description]::after { display:block!important; margin-top:2px!important; color:var(--ssb-muted)!important; font-size:11px!important; font-weight:400!important; line-height:1.3!important; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.byte-shell .byte-sidebar [data-nav-description]::after { content:attr(data-nav-description); }
.byte-shell .byte-sidebar :is(.nav a.active,.nav-item.active,.portal-nav-button.is-active) { background:var(--ssb-active-bg)!important; border-color:var(--ssb-active-border)!important; box-shadow:inset 3px 0 var(--ssb-primary-bright)!important; }
.byte-shell .byte-sidebar :is(.active .nav-icon,.is-active>svg:first-child) { background:var(--ssb-icon-active-bg)!important; border-color:var(--ssb-icon-active-border)!important; color:var(--ssb-primary-bright)!important; }
html[data-theme="light"] .byte-shell .byte-sidebar :is(.active .nav-text strong,.is-active>.portal-nav-label,.is-active>span) { color:var(--ssb-primary)!important; }
.byte-shell .byte-sidebar .portal-nav-button.ia-group-start { margin-top:38px!important; overflow:visible!important; }
.byte-shell .byte-sidebar .portal-nav-button.ia-group-start::before { display:block!important; content:attr(data-section-heading); position:absolute; left:0; right:0; top:-32px; height:27px; padding:9px 8px 0; border-top:1px solid var(--ssb-divider); color:var(--ssb-section)!important; font-size:11px!important; font-weight:600!important; letter-spacing:.08em!important; line-height:1.2!important; text-transform:uppercase; }
.byte-shell .byte-sidebar .portal-nav-button>svg:last-child:not(:first-child) { flex:none; width:14px!important; height:14px!important; color:var(--ssb-muted); }
.byte-shell .byte-sidebar .portal-nav-child { padding-left:16px!important; }
.byte-shell .byte-sidebar :is(.nav-item,.nav a,.portal-nav-button,.back-link):is([hidden],.nav-child-collapsed,.nav-group-collapsed,.feature-hidden),.byte-shell .byte-sidebar .nav-group[hidden] { display:none!important; }
.byte-shell .byte-sidebar :is(.sidebar-user,.portal-user-card) { position:sticky!important; bottom:0; z-index:2; flex:none; display:flex!important; align-items:center; gap:10px!important; margin:8px 0 0!important; padding:9px 8px 9px 10px!important; border:1px solid var(--ssb-card-border)!important; border-radius:10px!important; background:var(--ssb-solid)!important; color:var(--ssb-text)!important; box-shadow:0 -10px 16px var(--ssb-solid); }
.byte-shell .byte-sidebar :is(.sidebar-user,.portal-user-card)::before { display:none!important; }
.byte-shell .byte-sidebar :is(.avatar,.portal-avatar) { position:relative; flex:none; display:grid!important; place-items:center; width:40px!important; height:40px!important; overflow:visible!important; border:0!important; border-radius:50%!important; background:linear-gradient(135deg,#2a7be0,#0b4a99)!important; color:#fff!important; font-size:14px!important; font-weight:700; box-shadow:none!important; }
.byte-shell .byte-sidebar :is(.avatar,.portal-avatar)::after { content:""; position:absolute; right:-1px; bottom:-1px; width:12px; height:12px; border:2px solid var(--ssb-solid); border-radius:50%; background:var(--ssb-online); }
.byte-shell .byte-sidebar :is(.user-copy,.portal-user-card>div) { display:block!important; min-width:0; flex:1; }
.byte-shell .byte-sidebar :is(.sidebar-user,.portal-user-card) strong { display:block; color:var(--ssb-text)!important; font-size:13.5px!important; line-height:1.25; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.byte-shell .byte-sidebar :is(.user-copy small,.user-copy>span,.portal-user-card>div>span) { display:block; margin-top:2px; color:var(--ssb-muted)!important; font-size:11.5px!important; line-height:1.3; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.byte-shell .byte-sidebar :is(.user-copy small,.user-copy>span,.portal-user-card>div>span)::after { content:" · Çevrimiçi"; color:var(--ssb-muted); }
.byte-shell .byte-sidebar.is-offline { --ssb-online:#8a9bb0; }
.byte-shell .byte-sidebar.is-offline :is(.user-copy small,.user-copy>span,.portal-user-card>div>span)::after { content:" · Çevrimdışı"; }
.byte-shell .byte-sidebar :is(.account-link,.portal-user-card>.icon-button) { flex:none; display:grid; place-items:center; width:30px!important; height:30px!important; margin:0!important; padding:0!important; border:0!important; border-radius:7px; background:transparent!important; color:var(--ssb-muted)!important; }
.byte-shell .byte-sidebar :is(.account-link,.portal-user-card>.icon-button) svg { width:18px; height:18px; }
.byte-shell .hr-main { margin-left:0!important; min-width:0; }
.byte-sidebar-overlay { display:none; }
.byte-sidebar-tip { position:fixed; z-index:60; max-width:280px; padding:7px 11px; border:1px solid rgba(66,153,225,.38); border-radius:8px; background:#0b1d31; color:#f5f8fc; font-size:12.5px; line-height:1.3; pointer-events:none; box-shadow:0 10px 28px rgba(2,10,22,.5); }
.byte-sidebar-tip[hidden] { display:none; }
@media (min-width:768px) {
  .byte-shell .byte-sidebar { box-shadow:none!important; }
  .byte-shell :is(.portal-menu-toggle,.menu-button) { display:none!important; }
  .byte-shell.sidebar-rail-collapsed .byte-sidebar :is(.byte-sidebar-header,.portal-sidebar-top) { flex-direction:column!important; gap:10px!important; min-height:0!important; padding:2px 0 0!important; }
  .byte-shell.sidebar-rail-collapsed .byte-sidebar :is(.brand,.hr-brand,.portal-sidebar-brand) { width:40px!important; height:38px!important; }
  .byte-shell.sidebar-rail-collapsed .byte-sidebar :is(.byte-sidebar-toggle,.portal-sidebar-toggle) svg { transform:rotate(180deg); }
  .byte-shell.sidebar-rail-collapsed .byte-sidebar :is(.scope,.hr-module,.portal-scope) { display:none!important; }
  .byte-shell.sidebar-rail-collapsed .byte-sidebar :is(.nav-text,.portal-nav-label,.portal-nav-button>span,.nav-group-title) { position:absolute!important; width:1px!important; height:1px!important; margin:-1px!important; padding:0!important; overflow:hidden!important; clip:rect(0,0,0,0); clip-path:inset(50%); white-space:nowrap; }
  .byte-shell.sidebar-rail-collapsed .byte-sidebar :is(.nav a,.nav-item,.back-link,.portal-nav-button) { min-height:50px!important; padding:0 4px 0 5px!important; }
  .byte-shell.sidebar-rail-collapsed .byte-sidebar .portal-nav-button.ia-group-start { margin-top:10px!important; border-top-color:var(--ssb-divider)!important; }
  .byte-shell.sidebar-rail-collapsed .byte-sidebar .portal-nav-button.ia-group-start::before { display:none!important; }
  .byte-shell.sidebar-rail-collapsed .byte-sidebar .portal-nav-button>svg:last-child:not(:first-child) { display:none!important; }
  .byte-shell.sidebar-rail-collapsed .byte-sidebar :is(.sidebar-user,.portal-user-card) { justify-content:center; padding:4px 0!important; border-color:transparent!important; }
  .byte-shell.sidebar-rail-collapsed .byte-sidebar :is(.user-copy,.portal-user-card>div,.account-link,.portal-user-card>.icon-button) { display:none!important; }
}
@media (min-width:768px) and (max-height:860px) {
  .byte-shell .byte-sidebar :is(.nav a,.nav-item,.back-link,.portal-nav-button) { min-height:52px!important; }
  .byte-shell .byte-sidebar .nav-group { margin-top:6px!important; padding-top:6px!important; }
}
@media (max-width:767px) {
  .byte-shell { display:block!important; grid-template-columns:minmax(0,1fr)!important; }
  .byte-shell .byte-sidebar.byte-sidebar { position:fixed!important; left:0!important; top:0!important; bottom:0!important; z-index:40; width:min(296px,88vw)!important; padding:14px 10px 12px!important; transform:translateX(-105%)!important; visibility:hidden!important; transition:transform .22s ease; box-shadow:20px 0 55px rgba(0,0,0,.42)!important; }
  .byte-shell .byte-sidebar:is(.open,.is-open) { transform:none!important; visibility:visible!important; }
  /* Telefonda menü kendi içinde parmakla kayar. Masaüstünün "daraltılmış ray" sınıfı telefonda da kalabildiği için
     portal-admin-editor.css'in ≤480px kuralı (overflow:visible!important) /admin ve /panel menüsünü kaydırılamaz yapıyordu. */
  .byte-shell.byte-shell .byte-sidebar.byte-sidebar { overflow-x:hidden!important; overflow-y:auto!important; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; }
  .byte-shell .byte-sidebar :is(.byte-sidebar-toggle,.portal-sidebar-toggle) { display:none!important; }
  .byte-shell :is(.portal-menu-toggle,.menu-button) { display:grid!important; }
  .byte-sidebar-overlay.open { display:block; position:fixed; inset:0; z-index:39; background:rgba(2,10,20,.6); }
  .byte-shell :is(.overlay.open,.drawer-backdrop.show) { z-index:39!important; }
}
@media (prefers-reduced-motion:reduce) { .byte-shell,.byte-shell .byte-sidebar,.byte-shell .byte-sidebar svg { transition:none!important; } }