.v33-sidebar { position: sticky; top: 0; z-index: 40; height: 100vh; overflow-y: auto; padding: 18px 14px; color: #ecf5ff; background: linear-gradient(180deg, var(--v33-sidebar), #0b1b2d); }
.v33-sidebar__brand { display: flex; align-items: center; gap: 12px; padding: 12px 10px 20px; border-bottom: 1px solid rgba(255,255,255,.12); }
.v33-sidebar__brand b { display: block; letter-spacing: .12em; }
.v33-sidebar__brand small { display: block; margin-top: 3px; color: #a9bfd3; font-size: .7rem; }
.v33-sidebar__mark { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 12px; background: var(--v33-sidebar-soft); font-size: 1.25rem; }
.v33-sidebar__nav { display: grid; gap: 5px; padding: 18px 0; }
.v33-sidebar__link { display: flex; width: 100%; align-items: center; gap: 11px; min-height: 44px; padding: 10px 12px; border: 1px solid transparent; border-radius: 10px; color: #dce9f5; background: transparent; text-align: left; text-decoration: none; cursor: pointer; }
.v33-sidebar__link:hover { color: #fff; background: rgba(255,255,255,.08); }
.v33-sidebar__link.is-active { color: #fff; border-color: rgba(255,255,255,.12); background: var(--v33-brand); box-shadow: inset 3px 0 0 var(--v33-accent); }
.v33-sidebar__link span { width: 22px; text-align: center; }
.v33-sidebar__logout { margin-top: 10px; font: inherit; }
.v33-sidebar__footer { margin-top: 8px; padding: 14px 12px; border-radius: 10px; color: #a9bfd3; background: rgba(255,255,255,.05); font-size: .78rem; line-height: 1.55; }




/* V33.6M7A.2 INDUSTRIAL SIDEBAR ICONS */



.v33-sidebar__mark{

  display:grid;

  place-items:center;

  width:42px;

  height:42px;

  border:1px solid rgba(255,255,255,.22);

  border-radius:12px;

  background:

    linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.06));

  color:#d9ffe9;

  font-family:"Segoe UI Symbol",Arial,sans-serif;

  font-size:27px;

  font-weight:900;

  line-height:1;

  box-shadow:

    inset 0 1px 0 rgba(255,255,255,.15),

    0 8px 20px rgba(0,0,0,.18);

}



.v33-sidebar__menu-icon{

  display:grid;

  place-items:center;

  flex:0 0 34px;

  width:34px;

  height:34px;

  border:1px solid rgba(210,228,219,.18);

  border-radius:10px;

  background:rgba(255,255,255,.055);

  color:#b7c9c1;

  font-family:"Segoe UI Symbol",Arial,sans-serif;

  font-size:20px;

  font-weight:900;

  line-height:1;

  transition:

    color .18s ease,

    background .18s ease,

    border-color .18s ease,

    transform .18s ease;

}



.v33-sidebar__link:hover .v33-sidebar__menu-icon{

  color:#e7fff1;

  border-color:rgba(185,255,218,.30);

  background:rgba(127,225,174,.12);

  transform:translateY(-1px);

}



.v33-sidebar__link.is-active .v33-sidebar__menu-icon{

  color:#103d2c;

  border-color:#d7f9e4;

  background:#d7f9e4;

  box-shadow:

    0 0 0 3px rgba(112,225,164,.12),

    0 6px 16px rgba(0,0,0,.14);

}



.v33-sidebar__logout .v33-sidebar__menu-icon{

  color:#ffcbc5;

}



/* V33.6M7A.2 INDUSTRIAL SIDEBAR ICONS END */







/* V33.6M7A.3 OSB SIDEBAR SVG ICONS */



.v33-sidebar__mark{

  display:grid;

  place-items:center;

  width:42px;

  height:42px;

  border:1px solid rgba(255,255,255,.18);

  border-radius:12px;

  background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.05));

  color:#d9ffe9;

  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 8px 20px rgba(0,0,0,.18);

}



.v33-sidebar__mark svg{

  width:23px;

  height:23px;

  display:block;

  stroke:currentColor;

}



.v33-sidebar__menu-icon{

  display:grid;

  place-items:center;

  flex:0 0 34px;

  width:34px;

  height:34px;

  border:1px solid rgba(210,228,219,.18);

  border-radius:10px;

  background:rgba(255,255,255,.05);

  color:#b8cac2;

  transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease;

}



.v33-sidebar__menu-icon svg{

  width:18px;

  height:18px;

  display:block;

  stroke:currentColor;

}



.v33-sidebar__link:hover .v33-sidebar__menu-icon{

  color:#e8fff2;

  border-color:rgba(185,255,218,.30);

  background:rgba(127,225,174,.11);

  transform:translateY(-1px);

}



.v33-sidebar__link.is-active .v33-sidebar__menu-icon{

  color:#103d2c;

  border-color:#d7f9e4;

  background:#d7f9e4;

  box-shadow:0 0 0 3px rgba(112,225,164,.12),0 6px 16px rgba(0,0,0,.14);

}



.v33-sidebar__logout .v33-sidebar__menu-icon{

  color:#ffcbc5;

}



/* V33.6M7A.3 OSB SIDEBAR SVG ICONS END */





/* V33.6M7A.5 OSB ELECTRICAL COLOR ICONS */



.v33-sidebar__menu-icon{

  position:relative;

  display:grid;

  place-items:center;

  flex:0 0 38px;

  width:38px;

  height:38px;

  border:1px solid rgba(255,255,255,.22);

  border-radius:11px;

  background:linear-gradient(145deg,#35554a,#173b30);

  color:#ffffff;

  box-shadow:

    inset 0 1px 0 rgba(255,255,255,.22),

    inset 0 -1px 0 rgba(0,0,0,.20),

    0 5px 12px rgba(0,0,0,.18);

  transition:

    transform .18s ease,

    filter .18s ease,

    box-shadow .18s ease;

}



/* Üst ve alt elektrik terminal noktaları */

.v33-sidebar__menu-icon::before,

.v33-sidebar__menu-icon::after{

  content:"";

  position:absolute;

  left:50%;

  width:5px;

  height:5px;

  margin-left:-2.5px;

  border:1px solid rgba(255,255,255,.75);

  border-radius:50%;

  background:rgba(8,31,24,.72);

  box-shadow:0 0 0 2px rgba(255,255,255,.08);

}



.v33-sidebar__menu-icon::before{

  top:2px;

}



.v33-sidebar__menu-icon::after{

  bottom:2px;

}



.v33-sidebar__menu-icon svg{

  display:block;

  width:19px;

  height:19px;

  color:inherit;

  filter:drop-shadow(0 1px 1px rgba(0,0,0,.22));

}



.v33-sidebar__link:hover .v33-sidebar__menu-icon{

  transform:translateY(-1px) scale(1.03);

  filter:brightness(1.10);

  box-shadow:

    inset 0 1px 0 rgba(255,255,255,.28),

    0 8px 17px rgba(0,0,0,.23);

}



.v33-sidebar__link.is-active .v33-sidebar__menu-icon{

  transform:translateY(-1px);

  box-shadow:

    0 0 0 3px rgba(255,255,255,.10),

    0 0 18px rgba(255,205,58,.26),

    0 8px 18px rgba(0,0,0,.24);

}



/* OSB modül renkleri */



.v33-sidebar__menu-icon--home{

  background:linear-gradient(145deg,#2f80ed,#1559aa);

  color:#ffffff;

}



.v33-sidebar__menu-icon--orders{

  background:linear-gradient(145deg,#00a88f,#087565);

  color:#ffffff;

}



.v33-sidebar__menu-icon--create{

  background:linear-gradient(145deg,#43b85b,#237b36);

  color:#ffffff;

}



.v33-sidebar__menu-icon--electric_grid{

  background:linear-gradient(145deg,#ffd84d,#ee9f00);

  color:#3d2b00;

  border-color:#ffe788;

}



.v33-sidebar__menu-icon--subscriber{

  background:linear-gradient(145deg,#19aeb8,#087985);

  color:#ffffff;

}



.v33-sidebar__menu-icon--inventory{

  background:linear-gradient(145deg,#667eea,#3d4fa8);

  color:#ffffff;

}



.v33-sidebar__menu-icon--maintenance{

  background:linear-gradient(145deg,#ff9d2f,#d86000);

  color:#ffffff;

}



.v33-sidebar__menu-icon--protocols{

  background:linear-gradient(145deg,#a855d1,#6c2b91);

  color:#ffffff;

}



.v33-sidebar__menu-icon--plans{

  background:linear-gradient(145deg,#20bdd1,#087c93);

  color:#ffffff;

}



.v33-sidebar__menu-icon--documents{

  background:linear-gradient(145deg,#778d99,#43555f);

  color:#ffffff;

}



.v33-sidebar__menu-icon--electric_calc{

  background:linear-gradient(145deg,#ffca28,#e28c00);

  color:#3d2b00;

  border-color:#ffe082;

}



.v33-sidebar__menu-icon--manager{

  background:linear-gradient(145deg,#8b69d8,#5433a3);

  color:#ffffff;

}



.v33-sidebar__menu-icon--reports{

  background:linear-gradient(145deg,#27c2dc,#087eaa);

  color:#ffffff;

}



.v33-sidebar__menu-icon--shift{

  background:linear-gradient(145deg,#78909c,#455a64);

  color:#ffffff;

}



.v33-sidebar__menu-icon--field{

  background:linear-gradient(145deg,#ef5350,#b91f25);

  color:#ffffff;

}



.v33-sidebar__menu-icon--sync{

  background:linear-gradient(145deg,#66bb6a,#2d8436);

  color:#ffffff;

}



.v33-sidebar__menu-icon--admin{

  background:linear-gradient(145deg,#9a7668,#60453c);

  color:#ffffff;

}



/* Eski sembol anahtarları kullanılıyorsa geriye uyumluluk */



.v33-sidebar__menu-icon--ϟ{

  background:linear-gradient(145deg,#ffd84d,#ee9f00);

  color:#3d2b00;

}



.v33-sidebar__menu-icon--⌖{

  background:linear-gradient(145deg,#19aeb8,#087985);

  color:#ffffff;

}



.v33-sidebar__menu-icon--▣{

  background:linear-gradient(145deg,#667eea,#3d4fa8);

  color:#ffffff;

}



.v33-sidebar__menu-icon--⚙{

  background:linear-gradient(145deg,#ff9d2f,#d86000);

  color:#ffffff;

}



.v33-sidebar__menu-icon--▤{

  background:linear-gradient(145deg,#a855d1,#6c2b91);

  color:#ffffff;

}



.v33-sidebar__menu-icon--△{

  background:linear-gradient(145deg,#20bdd1,#087c93);

  color:#ffffff;

}



.v33-sidebar__menu-icon--▧{

  background:linear-gradient(145deg,#778d99,#43555f);

  color:#ffffff;

}



.v33-sidebar__menu-icon--∑{

  background:linear-gradient(145deg,#ffca28,#e28c00);

  color:#3d2b00;

}



.v33-sidebar__menu-icon--◫{

  background:linear-gradient(145deg,#8b69d8,#5433a3);

  color:#ffffff;

}



.v33-sidebar__menu-icon--▥{

  background:linear-gradient(145deg,#27c2dc,#087eaa);

  color:#ffffff;

}



.v33-sidebar__menu-icon--◷{

  background:linear-gradient(145deg,#78909c,#455a64);

  color:#ffffff;

}



.v33-sidebar__menu-icon--◎{

  background:linear-gradient(145deg,#ef5350,#b91f25);

  color:#ffffff;

}



.v33-sidebar__menu-icon--⟳{

  background:linear-gradient(145deg,#66bb6a,#2d8436);

  color:#ffffff;

}



.v33-sidebar__menu-icon--⛭{

  background:linear-gradient(145deg,#9a7668,#60453c);

  color:#ffffff;

}



.v33-sidebar__logout > span:first-child{

  display:grid;

  place-items:center;

  flex:0 0 38px;

  width:38px;

  height:38px;

  border-radius:11px;

  background:linear-gradient(145deg,#d74444,#8f1d1d);

  color:#ffffff;

  font-size:20px;

  box-shadow:

    inset 0 1px 0 rgba(255,255,255,.22),

    0 5px 12px rgba(0,0,0,.18);

}



/* V33.6M7A.5 OSB ELECTRICAL COLOR ICONS END */

/* DOSAB-BRANDING-2: gercek logo */
.v33-sidebar__mark--logo { background: #fff !important; padding: 5px; }
.v33-sidebar__mark--logo img { width: 100%; height: 100%; object-fit: contain; }