/* OctanePOS Admin 1.28.7: Calm, functional navigation; Created by Iris Trading Limited, Trinidad. */
.op-modern-sidebar { width:252px; min-width:252px; background:#122d4b; border-right:1px solid #27445f; transition:width .15s ease,min-width .15s ease; }
.op-modern-sidebar .sidebar-brand { position:relative; padding:18px 38px 18px 16px; min-height:79px; gap:10px; background:#122d4b; border-color:#31516f; }
.op-modern-sidebar .brand-icon { width:43px; height:43px; flex:0 0 43px; }
.op-modern-sidebar .brand-name { font-family:var(--sans); font-size:18px; font-weight:730; letter-spacing:-.45px; }
.op-modern-sidebar .brand-sub { font-size:10px; font-weight:600; letter-spacing:.10em; color:#9fb3c9; margin-top:4px; }
.op-modern-sidebar .sidebar-nav { padding:13px 9px 16px; scrollbar-color:#355775 #122d4b; overflow-x:hidden; }
.op-modern-sidebar .nav-item { border:0; border-left:2px solid transparent; border-radius:4px; min-height:40px; padding:8px 12px; margin:1px 0; gap:12px; font-size:13px; color:#c7d5e3; font-weight:500; }
.op-modern-sidebar .nav-label { font-size:13px; letter-spacing:0; }
.op-modern-sidebar .nav-icon { display:flex; align-items:center; justify-content:center; width:19px; min-width:19px; height:21px; color:#a9bccf; opacity:1; }
.op-modern-sidebar .nav-icon svg { width:19px; height:19px; }
.op-modern-sidebar .nav-item:hover { background:#1c3a5a; color:#fff; }
.op-modern-sidebar .nav-item.active { background:#244563; border-left-color:#8cbbea; color:#fff; }
.op-modern-sidebar .nav-item.active .nav-icon { color:#d5eaff; }
.op-modern-sidebar .op-sidebar-group { display:block; margin-top:15px; }
.op-modern-sidebar .op-sidebar-heading { padding:3px 12px 7px 14px; color:#91aac3; letter-spacing:.095em; font-weight:700; font-size:10px; text-transform:uppercase; }
.op-modern-sidebar .sidebar-footer { min-height:69px; padding:11px 12px; background:#0f2741; border-color:#31516f; }
.op-modern-sidebar .user-avatar { width:33px; height:33px; flex:0 0 33px; }
.op-modern-sidebar .logout-btn { display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; padding:5px; background:transparent; border:1px solid #385471; }
.op-modern-sidebar .logout-btn svg {width:18px;height:18px}
.op-modern-sidebar .op-collapse { position:absolute; right:8px; top:25px; display:flex; align-items:center; justify-content:center; width:27px; height:30px; padding:5px; border:1px solid transparent; border-radius:4px; background:transparent; color:#b5c9de; cursor:pointer; }
.op-modern-sidebar .op-collapse:hover { background:#234462; border-color:#3c5c7a; color:#fff; }
.op-modern-sidebar .op-collapse svg { width:16px; height:16px; }
.op-modern-sidebar.op-collapsed { width:69px; min-width:69px; }
.op-modern-sidebar.op-collapsed .sidebar-brand { min-height:113px; padding:17px 8px 43px; justify-content:center; }
.op-modern-sidebar.op-collapsed .brand-icon { width:42px;height:42px;flex-basis:42px; }
.op-modern-sidebar.op-collapsed .op-brand-copy,.op-modern-sidebar.op-collapsed .nav-label,.op-modern-sidebar.op-collapsed .op-sidebar-heading,.op-modern-sidebar.op-collapsed .user-info { display:none; }
.op-modern-sidebar.op-collapsed .op-collapse {top:auto;right:20px;bottom:9px}
.op-modern-sidebar.op-collapsed .sidebar-nav { padding:10px 8px; }
.op-modern-sidebar.op-collapsed .op-sidebar-group { border-top:1px solid #31516f; padding-top:7px; margin-top:8px; }
.op-modern-sidebar.op-collapsed .nav-item {justify-content:center; padding:9px 0; min-height:41px;gap:0}
.op-modern-sidebar.op-collapsed .sidebar-footer {padding:10px 7px; display:flex;flex-direction:column;gap:9px}
.op-modern-sidebar.op-collapsed .user-chip {justify-content:center}
.op-modern-sidebar.op-collapsed .logout-btn {margin:0 auto}
@media (max-width:800px){
 .op-modern-sidebar,.op-modern-sidebar.op-collapsed { width:100%;min-width:0;transition:none; }
 .op-modern-sidebar .sidebar-brand,.op-modern-sidebar.op-collapsed .sidebar-brand {min-height:64px;padding:9px 18px;justify-content:flex-start}
 .op-modern-sidebar .op-collapse {display:none}
 .op-modern-sidebar.op-collapsed .op-brand-copy,.op-modern-sidebar.op-collapsed .nav-label{display:block}
 .op-modern-sidebar .sidebar-nav,.op-modern-sidebar.op-collapsed .sidebar-nav {display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;gap:5px;padding:8px 10px;}
 .op-modern-sidebar .op-sidebar-group,.op-modern-sidebar.op-collapsed .op-sidebar-group {display:contents;border:0;padding:0;margin:0}
 .op-modern-sidebar .op-sidebar-heading {display:none}
 .op-modern-sidebar .nav-item,.op-modern-sidebar.op-collapsed .nav-item {min-height:38px;flex:0 0 auto;padding:8px 11px;gap:7px;margin:0;border:1px solid #31516f;white-space:nowrap}
 .op-modern-sidebar .sidebar-footer,.op-modern-sidebar.op-collapsed .sidebar-footer{display:none}
}
@media(prefers-reduced-motion:reduce){.op-modern-sidebar{transition:none}}