/* WNNET SMART UI V5.0
   Global light-blue operator theme, responsive controls, large-list safeguards.
   Pure local CSS. No CDN dependency. */
:root{
  --wn-blue:#0d6efd;--wn-blue2:#075ecb;--wn-navy:#06365f;--wn-ink:#17283b;--wn-muted:#62758a;
  --wn-bg:#f4f7fb;--wn-card:#fff;--wn-line:#d9e3ee;--wn-line2:#c6d5e5;--wn-soft:#eef5ff;
  --wn-green:#179447;--wn-green-bg:#e7f7ec;--wn-yellow:#b36b00;--wn-yellow-bg:#fff6dd;
  --wn-red:#c92b2b;--wn-red-bg:#fff0f0;--wn-purple:#7643c8;--wn-shadow:0 2px 8px rgba(27,61,91,.08);
  --wn-shadow-hover:0 7px 20px rgba(26,77,126,.15);--wn-radius:10px;--wn-fast:.12s;--wn-med:.18s;
}
html,body{background:var(--wn-bg)!important;color:var(--wn-ink)!important}
body{font-family:"Segoe UI",Arial,sans-serif!important}
*{box-sizing:border-box}
a{color:#0b67d7}

/* Top bar and side navigation */
#navbar,.navbar{background:linear-gradient(180deg,#0a4777,#06365f)!important;border:0!important;color:#fff!important;box-shadow:0 1px 0 rgba(0,0,0,.2)!important}
#navbar a,#navbar span,#navbar label,.navbar a,.navbar span{color:#fff!important}
#navbar select,.navbar select{background:#fff!important;color:#24384d!important;border:1px solid #bfcddd!important;border-radius:6px!important;height:30px!important}
#sidenav,.sidenav{background:#f8fafc!important;border-right:1px solid var(--wn-line)!important;box-shadow:none!important}
#sidenav .wnn-side-brand,.sidenav .wnn-side-brand{background:#fff!important;border-bottom:1px solid var(--wn-line)!important;color:var(--wn-ink)!important}
#sidenav a.menu,.sidenav a.menu{color:#22364b!important;border-left:4px solid transparent!important;border-radius:0 8px 8px 0!important;margin:2px 7px 2px 0!important;min-height:38px!important;display:flex!important;align-items:center!important;gap:8px!important;padding:8px 12px!important;transition:background var(--wn-med),color var(--wn-med),transform var(--wn-fast)!important}
#sidenav a.menu:hover,.sidenav a.menu:hover{background:#e9f3ff!important;color:#075fc6!important;transform:translateX(2px)!important}
#sidenav a.menu.active,.sidenav a.menu.active{background:#dbeaff!important;color:#075fc6!important;border-left-color:var(--wn-blue)!important;font-weight:700!important}
#sidenav a.menu i,.sidenav a.menu i{width:19px!important;text-align:center!important;color:inherit!important}

/* Main page surfaces */
#main,.main-container{background:var(--wn-bg)!important}
.main-container{padding:10px 12px 34px!important}
.card,.box,.wnn-card,.acs-card,.wb305-window,.panel,.well{background:var(--wn-card)!important;border:1px solid var(--wn-line)!important;border-radius:var(--wn-radius)!important;box-shadow:var(--wn-shadow)!important;color:var(--wn-ink)!important}
.card-header,.box-header,.panel-heading{background:#f8fbff!important;border-bottom:1px solid var(--wn-line)!important;color:var(--wn-ink)!important}

/* Buttons: tactile, quick, predictable */
button,.btn,input[type=button],input[type=submit],a.btn,.acs-btn,.ont-mini-btn,.quickbt{
  min-height:32px!important;border-radius:7px!important;border:1px solid #b9c9d9!important;background:linear-gradient(#fff,#edf3f8)!important;color:#20364c!important;font-weight:650!important;box-shadow:0 1px 2px rgba(20,52,83,.09)!important;transition:transform var(--wn-fast) ease,box-shadow var(--wn-fast) ease,background var(--wn-fast) ease,border-color var(--wn-fast) ease!important;cursor:pointer!important;touch-action:manipulation!important}
button:hover,.btn:hover,input[type=button]:hover,input[type=submit]:hover,a.btn:hover,.acs-btn:hover,.ont-mini-btn:hover,.quickbt:hover{border-color:#79aee8!important;background:#eef6ff!important;box-shadow:var(--wn-shadow-hover)!important;transform:translateY(-1px)!important}
button:active,.btn:active,input[type=button]:active,input[type=submit]:active,a.btn:active,.acs-btn:active,.ont-mini-btn:active,.quickbt:active,.wn-pressed{transform:translateY(1px) scale(.985)!important;box-shadow:inset 0 1px 3px rgba(0,0,0,.18)!important}
button:focus-visible,.btn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid rgba(13,110,253,.22)!important;outline-offset:1px!important}
button:disabled,.btn:disabled,input:disabled{opacity:.55!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}
.bg-primary,.btn-primary,.ont-blue,.acs-primary,.wn-primary-action{background:linear-gradient(#1678f8,#0866dc)!important;color:#fff!important;border-color:#075fc9!important;box-shadow:0 2px 6px rgba(13,110,253,.22)!important}
.bg-primary:hover,.btn-primary:hover,.ont-blue:hover,.acs-primary:hover,.wn-primary-action:hover{background:linear-gradient(#2587ff,#075ecb)!important;color:#fff!important}
.bg-success,.btn-success,.ont-green,.acs-success{background:linear-gradient(#22a75a,#168746)!important;color:#fff!important;border-color:#14753e!important}
.bg-danger,.btn-danger,.ont-red,.acs-danger{background:linear-gradient(#e34a4a,#c92b2b)!important;color:#fff!important;border-color:#ae2222!important}
.ont-orange,.acs-warning{background:linear-gradient(#ffb545,#e29116)!important;color:#3a2a11!important;border-color:#d28612!important}

/* Loading feedback added by JS */
.wn-action-busy{position:relative!important;pointer-events:none!important;opacity:.8!important;padding-right:32px!important}
.wn-action-busy:after{content:"";position:absolute;right:10px;top:50%;width:13px;height:13px;margin-top:-7px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:wnspin .65s linear infinite}
@keyframes wnspin{to{transform:rotate(360deg)}}

/* Forms */
input[type=text],input[type=password],input[type=search],input[type=number],input[type=date],input[type=email],input[type=tel],select,textarea,.form-control{
  min-height:34px!important;background:#fff!important;color:#20364c!important;border:1px solid #bfcddd!important;border-radius:7px!important;padding:6px 9px!important;box-shadow:inset 0 1px 2px rgba(10,42,72,.04)!important;transition:border-color var(--wn-fast),box-shadow var(--wn-fast)!important}
input:focus,select:focus,textarea:focus,.form-control:focus{border-color:#5f9fe4!important;box-shadow:0 0 0 3px rgba(13,110,253,.12)!important}
label{color:#344b61!important;font-weight:650!important}

/* Tables */
table{border-collapse:separate!important;border-spacing:0!important;background:#fff!important;color:#21364a!important}
table thead th{position:sticky;top:0;background:#edf4fb!important;color:#20364b!important;border-color:#cbd9e7!important;font-weight:750!important;z-index:1}
table td{border-color:#dfe7ef!important}
table tbody tr{transition:background var(--wn-fast)!important}
table tbody tr:hover{background:#f2f7fd!important}
.table-responsive,.wnn-customer-table-wrap{border-radius:8px!important;border:1px solid var(--wn-line)!important;background:#fff!important}

/* Smart table toolbar injected on big lists */
.wn-smart-table-tools{display:flex;gap:7px;align-items:center;flex-wrap:wrap;padding:8px;margin:0 0 7px;background:#fff;border:1px solid var(--wn-line);border-radius:8px;box-shadow:var(--wn-shadow)}
.wn-smart-table-tools input{flex:1 1 220px;min-width:160px}.wn-smart-table-tools select{width:auto!important}.wn-smart-table-count{margin-left:auto;color:var(--wn-muted);font-size:11px;font-weight:700}
.wn-smart-table-pages{display:flex;gap:4px;align-items:center}.wn-smart-table-pages button{min-width:32px;padding:4px 8px!important}

/* Status language */
.wn-status,.badge,.label{border-radius:999px!important;font-weight:750!important}
.wn-status-ok{background:var(--wn-green-bg)!important;color:#11743a!important;border:1px solid #b8e5c7!important}
.wn-status-warn{background:var(--wn-yellow-bg)!important;color:#8b5705!important;border:1px solid #f0d58b!important}
.wn-status-bad{background:var(--wn-red-bg)!important;color:#b72424!important;border:1px solid #f1bebe!important}

/* Global page helper */
.wn-page-intro{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 10px;padding:10px 12px;background:#fff;border:1px solid var(--wn-line);border-radius:10px;box-shadow:var(--wn-shadow)}
.wn-page-intro h1,.wn-page-intro h2{margin:0!important;color:#152c44!important}.wn-page-intro p{margin:0;color:var(--wn-muted)}

/* ACS page: scalable operator view */
.acs-wrap{max-width:none!important;color:var(--wn-ink)!important;padding:7px!important;background:var(--wn-bg)!important}
.acs-wrap .ont-dashboard{background:transparent!important;border:0!important;box-shadow:none!important}
.acs-wrap .ont-top,.acs-wrap .ont-info{display:none!important}
.acs-wrap .ont-stats{display:grid!important;grid-template-columns:repeat(4,minmax(120px,1fr))!important;gap:8px!important;margin:0 0 8px!important}
.acs-wrap .ont-stat,.acs-wrap .wn303-health-item{background:#fff!important;border:1px solid var(--wn-line)!important;border-radius:9px!important;color:var(--wn-ink)!important;box-shadow:var(--wn-shadow)!important}
.acs-wrap .wn303-acs-health{gap:7px!important;margin-bottom:8px!important}
.acs-wrap .ont-workspace{grid-template-columns:minmax(300px,36%) minmax(0,64%)!important;gap:10px!important}
.acs-wrap .ont-panel,.acs-wrap .ont-card{background:#fff!important;border:1px solid var(--wn-line)!important;border-radius:10px!important;box-shadow:var(--wn-shadow)!important;color:var(--wn-ink)!important}
.acs-wrap .ont-panel-head{background:#f8fbff!important;color:var(--wn-ink)!important;border-color:var(--wn-line)!important;min-height:42px!important}
.acs-wrap .ont-panel-head h3,.acs-wrap .ont-card h4{color:#17314c!important}
.acs-wrap .ont-list{max-height:455px!important;overflow:auto!important;background:#fff!important}
.acs-wrap .ont-row{position:relative!important;background:#fff!important;color:var(--wn-ink)!important;border:1px solid transparent!important;border-bottom-color:#e5edf5!important;border-radius:8px!important;margin:4px!important;padding:10px!important;transition:background var(--wn-fast),border var(--wn-fast),box-shadow var(--wn-fast),transform var(--wn-fast)!important;cursor:pointer!important}
.acs-wrap .ont-row:hover{background:#f3f8ff!important;border-color:#b9d6f7!important;box-shadow:0 3px 10px rgba(24,83,139,.1)!important;transform:translateY(-1px)!important}
.acs-wrap .ont-row.selected{background:#e4f0ff!important;border-color:#5c9fe8!important;box-shadow:0 0 0 1px #89b8ed!important}
.acs-wrap .ont-row-title,.acs-wrap .ont-row-meta{color:#1d344b!important}.acs-wrap .ont-row-meta{font-size:11px!important;line-height:1.5!important}.acs-wrap .ont-row-title b{font-size:14px!important;color:#122c45!important}.acs-wrap .ont-row-actions{gap:5px!important}
.acs-wrap .ont-badge{border-radius:999px!important;padding:3px 8px!important;font-size:10px!important}.acs-wrap .ont-badge.ok{background:#dff5e5!important;color:#137b3c!important;border:1px solid #b8dfc5!important}.acs-wrap .ont-badge.warn{background:#fff3d7!important;color:#94610b!important;border:1px solid #ecd18b!important}.acs-wrap .ont-badge.bad{background:#ffe6e6!important;color:#b42323!important;border:1px solid #efb8b8!important}
.acs-wrap .ont-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}.acs-wrap .ont-kv{background:#fbfdff!important;border:1px solid #d8e3ee!important;border-radius:8px!important;padding:8px!important;color:#263c52!important}.acs-wrap .ont-kv span{color:#5c7185!important;font-size:10px!important}.acs-wrap .ont-kv b{color:#172e46!important}
.acs-wrap .wn-easy-nav{display:flex!important;gap:6px!important;overflow-x:auto!important;padding-bottom:3px!important}.acs-wrap .wn-easy-nav a,.acs-wrap .wn-easy-nav button{white-space:nowrap!important}
.acs-wrap .wn-device-summary{grid-template-columns:repeat(4,1fr)!important;gap:7px!important}.acs-wrap .wn-device-count{background:#f7fbff!important;border:1px solid #cdddec!important;border-radius:9px!important}.acs-wrap .wn-device-count b{color:#0f4f8d!important;font-size:22px!important}.acs-wrap .wn-device-count.lan{background:#effaf2!important}.acs-wrap .wn-device-count.wifi{background:#fff8e9!important}
.acs-wrap .ont-client-table{width:100%!important}.acs-wrap .ont-client-table th{background:#eef5fc!important;color:#243b52!important}.acs-wrap .ont-client-table td{color:#2b4054!important;background:#fff!important}
.acs-wrap .wn-easy-card,.acs-wrap .wn-advanced-editor{background:#fff!important;border:1px solid var(--wn-line)!important;color:var(--wn-ink)!important;border-radius:10px!important}
.acs-wrap .wn-easy-help{background:#f5f9fe!important;color:#526a80!important;border-color:#dbe6f1!important}
.acs-wrap .ont-guard{background:#fff5db!important;color:#7e540b!important;border:1px solid #ead291!important}
.acs-wrap .ont-connect-note{background:#edf6ff!important;color:#405d77!important;border:1px solid #c8dcf0!important}

/* ACS scale toolbar */
.wn-acs-list-tools{display:grid;grid-template-columns:minmax(150px,1fr) 120px 135px 92px auto;gap:6px;padding:8px;background:#f8fbff;border-bottom:1px solid var(--wn-line)}
.wn-acs-list-tools input,.wn-acs-list-tools select{width:100%!important;min-width:0!important;height:32px!important}.wn-acs-list-tools button{height:32px!important;padding:4px 10px!important}.wn-acs-list-meta{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:6px 8px;color:var(--wn-muted);font-size:10px;border-top:1px solid var(--wn-line)}
.wn-acs-pages{display:flex;gap:5px;align-items:center}.wn-acs-pages a{display:inline-flex;align-items:center;justify-content:center;min-height:29px;padding:4px 9px;border:1px solid #c8d8e8;border-radius:6px;background:#fff;color:#23537f;text-decoration:none;font-weight:700}.wn-acs-pages a:hover{background:#eaf4ff;border-color:#79aee8}.wn-acs-pages .disabled{opacity:.45;pointer-events:none}

/* Login inherits the same product identity */
.wnn-login-page{background:radial-gradient(circle at 25% 10%,#0b568a 0,#06365f 30%,#031d34 100%)!important}.wnn-login-card{border-radius:14px!important;box-shadow:0 24px 70px rgba(0,0,0,.35)!important}.wnn-login-button{background:linear-gradient(#1678f8,#0866dc)!important;color:#fff!important;border-color:#075fc9!important}

/* Render off-screen sections cheaply on Chromium */
@supports(content-visibility:auto){.main-container .card,.main-container .box,.main-container .wnn-card,.main-container .acs-card{content-visibility:auto;contain-intrinsic-size:1px 220px}}

/* Responsive */
@media(max-width:1100px){.acs-wrap .ont-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.wn-acs-list-tools{grid-template-columns:1fr 110px 120px}.wn-acs-list-tools .wn-per-page{display:none!important}}
@media(max-width:900px){.acs-wrap .ont-workspace{grid-template-columns:1fr!important}.acs-wrap .ont-list{max-height:330px!important}.acs-wrap .ont-stats{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:640px){
  .main-container{padding:5px 5px 28px!important}.acs-wrap{padding:2px!important}.acs-wrap .ont-stats{grid-template-columns:1fr 1fr!important}.acs-wrap .wn303-acs-health{display:grid!important;grid-template-columns:1fr 1fr!important}.acs-wrap .ont-detail-grid{grid-template-columns:1fr!important}.acs-wrap .wn-device-summary{grid-template-columns:1fr 1fr!important}
  .wn-acs-list-tools{grid-template-columns:1fr 1fr!important}.wn-acs-list-tools input{grid-column:1/-1!important}.wn-acs-list-tools button{width:100%!important}.wn-smart-table-tools{position:sticky;top:0;z-index:4}.wn-smart-table-count{width:100%;margin-left:0}
  button,.btn,input[type=button],input[type=submit],a.btn,.acs-btn,.ont-mini-btn{min-height:38px!important}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* ================================================================
   WNNET MANAGER V6 - UNIFIED OPERATIONS UI
   Structural visual layer: one visual language for every page.
   ================================================================ */
:root{
  --wn6-primary:#0b78ed;--wn6-primary-2:#0865cf;--wn6-navy:#08385f;--wn6-navy-2:#052b4a;
  --wn6-bg:#eef3f8;--wn6-surface:#ffffff;--wn6-surface-2:#f7f9fc;--wn6-border:#d7e1eb;
  --wn6-text:#17283a;--wn6-muted:#65778a;--wn6-success:#138c46;--wn6-warning:#b66a00;--wn6-danger:#c93434;
  --wn6-shadow:0 4px 14px rgba(35,62,90,.08);--wn6-shadow-up:0 10px 26px rgba(27,73,117,.15);
  --wn6-radius:12px;--wn6-radius-sm:8px;--wn6-ease:cubic-bezier(.2,.8,.2,1);
}
html,body{background:var(--wn6-bg)!important;color:var(--wn6-text)!important;font-family:"Segoe UI",Tahoma,Arial,sans-serif!important}
body{font-size:13px!important;letter-spacing:0!important}
.wrapper{background:var(--wn6-bg)!important}

/* Top bar */
#navbar.navbar,.navbar{min-height:50px!important;height:50px!important;background:linear-gradient(180deg,#0b4b7d,#07375e)!important;border:0!important;box-shadow:0 2px 10px rgba(2,31,55,.18)!important;padding:0 10px!important}
#navbar .navbar-left,#navbar .navbar-right{height:50px!important;display:flex!important;align-items:center!important}
#navbar #brand{min-width:190px!important;height:50px!important;padding:0 12px!important;display:flex!important;align-items:center!important;gap:9px!important;background:rgba(255,255,255,.04)!important;border-right:1px solid rgba(255,255,255,.12)!important}
#navbar #brand img{height:29px!important;width:auto!important;filter:none!important}
#navbar #brand span{font-size:14px!important;font-weight:800!important;letter-spacing:.2px!important}
#navbar #cpage{height:50px!important;display:flex!important;align-items:center!important;padding:0 14px!important;font-size:14px!important;font-weight:800!important;border-left:0!important}
#navbar .navbar-right>a,#navbar .navbar-right select{margin:0 3px!important;min-height:32px!important}
#navbar .navbar-right>a{display:inline-flex!important;align-items:center!important;border-radius:7px!important;padding:6px 9px!important;text-decoration:none!important}
#navbar .navbar-right>a:hover{background:rgba(255,255,255,.12)!important}
#navbar select{border:1px solid rgba(255,255,255,.28)!important;background:#fff!important;color:#24384b!important;border-radius:7px!important;padding:4px 8px!important}

/* Left navigation */
#sidenav.sidenav,.sidenav{background:#f8fafc!important;border-right:1px solid var(--wn6-border)!important;box-shadow:2px 0 8px rgba(35,59,82,.04)!important;padding-top:7px!important}
#sidenav .wnn-side-brand{margin:0 8px 8px!important;border:1px solid var(--wn6-border)!important;border-radius:10px!important;background:#fff!important;box-shadow:var(--wn6-shadow)!important;padding:10px!important}
#sidenav a.menu,#sidenav>a:not(.dropdown-btn),#sidenav .dropdown-btn{min-height:38px!important;margin:2px 7px!important;border-radius:8px!important;padding:8px 11px!important;color:#294057!important;transition:background .16s var(--wn6-ease),transform .12s var(--wn6-ease),color .16s!important}
#sidenav a.menu:hover,#sidenav>a:not(.dropdown-btn):hover,#sidenav .dropdown-btn:hover{background:#e8f2ff!important;color:#0867cf!important;transform:translateX(2px)!important}
#sidenav a.active,#sidenav .active>a,#sidenav .dropdown-btn.active{background:#dcecff!important;color:#075fbe!important;font-weight:800!important;box-shadow:inset 3px 0 0 #0b78ed!important}
#sidenav .dropdown-container{background:#f1f5f9!important;border-radius:8px!important;margin:2px 7px 5px!important;padding:4px!important}
#sidenav .dropdown-container a{border-radius:6px!important;padding:7px 10px!important;color:#44586c!important}
#sidenav .dropdown-container a:hover{background:#fff!important;color:#075fbe!important}

/* Main canvas */
#main{background:var(--wn6-bg)!important}
.main-container{padding:12px 13px 32px!important;background:transparent!important;max-width:none!important}
.main-container.wnv6-ready{animation:wnv6In .18s var(--wn6-ease) both}
@keyframes wnv6In{from{opacity:.25;transform:translateY(3px)}to{opacity:1;transform:none}}

/* Common surfaces */
.card,.box,.wnn-card,.wnop-card,.dist-card,.acs-card,.panel,.well{background:var(--wn6-surface)!important;border:1px solid var(--wn6-border)!important;border-radius:var(--wn6-radius)!important;box-shadow:var(--wn6-shadow)!important;color:var(--wn6-text)!important}
.card-header,.box-header,.panel-heading,.wnn-section-head{background:linear-gradient(180deg,#fbfdff,#f3f7fb)!important;border-bottom:1px solid var(--wn6-border)!important;color:#17324c!important;border-radius:var(--wn6-radius) var(--wn6-radius) 0 0!important;padding:10px 12px!important}
.card-header h1,.card-header h2,.card-header h3,.card-header h4,.box-header h3,.panel-heading{margin:0!important;color:#15314c!important;font-weight:800!important}
.card-body,.box-body,.panel-body{padding:12px!important}
hr{border:0!important;border-top:1px solid var(--wn6-border)!important}

/* Inputs */
input[type=text],input[type=password],input[type=search],input[type=number],input[type=email],input[type=datetime-local],input[type=date],select,textarea,.form-control{
  border:1px solid #c8d5e2!important;background:#fff!important;color:#203449!important;border-radius:8px!important;min-height:36px!important;padding:7px 9px!important;box-shadow:0 1px 2px rgba(26,54,81,.03)!important;transition:border-color .15s,box-shadow .15s,background .15s!important
}
textarea{min-height:72px!important}
input:focus,select:focus,textarea:focus,.form-control:focus{outline:0!important;border-color:#5ba4f3!important;box-shadow:0 0 0 3px rgba(11,120,237,.13)!important;background:#fff!important}
label{color:#344a60!important;font-weight:650!important}

/* Buttons - tactile and responsive */
button,.btn,input[type=button],input[type=submit],a.btn,.acs-btn,.ont-mini-btn,.dist-toolbar button,.dist-editor-footer button{
  border-radius:8px!important;min-height:34px!important;padding:6px 12px!important;font-weight:750!important;letter-spacing:.05px!important;border:1px solid #bfcddd!important;background:linear-gradient(180deg,#fff,#f1f5f9)!important;color:#20374d!important;box-shadow:0 2px 4px rgba(27,57,87,.08)!important;transition:transform .09s var(--wn6-ease),box-shadow .14s var(--wn6-ease),background .14s,border-color .14s,color .14s!important;cursor:pointer
}
button:hover,.btn:hover,input[type=button]:hover,input[type=submit]:hover,a.btn:hover,.acs-btn:hover,.ont-mini-btn:hover,.dist-toolbar button:hover{transform:translateY(-1px)!important;box-shadow:var(--wn6-shadow-up)!important;border-color:#82afe0!important;background:#f8fbff!important;text-decoration:none!important}
button:active,.btn:active,input[type=button]:active,input[type=submit]:active,a.btn:active,.wn-pressed{transform:translateY(1px) scale(.985)!important;box-shadow:inset 0 2px 4px rgba(15,50,82,.16)!important}
button:focus-visible,.btn:focus-visible,input[type=button]:focus-visible,input[type=submit]:focus-visible,a.btn:focus-visible{outline:3px solid rgba(11,120,237,.22)!important;outline-offset:2px!important}
button:disabled,.btn:disabled,input:disabled{opacity:.55!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}
.btn-primary,.btn-info,.ont-blue,.wnv6-primary,.wnn-login-button{background:linear-gradient(180deg,#1684fa,#086ad9)!important;color:#fff!important;border-color:#0862c9!important;box-shadow:0 3px 8px rgba(11,120,237,.24)!important}
.btn-primary:hover,.btn-info:hover,.ont-blue:hover,.wnv6-primary:hover,.wnn-login-button:hover{background:linear-gradient(180deg,#2a91ff,#0a70e4)!important;color:#fff!important;border-color:#075bbb!important}
.btn-success,.ont-green{background:linear-gradient(180deg,#25a85d,#148944)!important;color:#fff!important;border-color:#127a3d!important}
.btn-warning,.ont-orange{background:linear-gradient(180deg,#f3a42a,#d98200)!important;color:#fff!important;border-color:#c87900!important}
.btn-danger,.ont-red,.wnv6-danger{background:linear-gradient(180deg,#e65353,#c83232)!important;color:#fff!important;border-color:#ba2a2a!important}
.btn-xs{min-height:29px!important;padding:4px 8px!important;font-size:11px!important}.btn-sm{min-height:32px!important}
.wn-action-busy{position:relative!important;pointer-events:none!important;padding-left:32px!important;opacity:.86!important}
.wn-action-busy:before{content:"";position:absolute;left:11px;top:50%;width:13px;height:13px;margin-top:-7px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:wnv6Spin .7s linear infinite}
@keyframes wnv6Spin{to{transform:rotate(360deg)}}

/* Tables */
table{border-collapse:separate!important;border-spacing:0!important;width:100%}
table th{background:#edf4fb!important;color:#2d465e!important;font-weight:800!important;border-color:#d7e1eb!important;padding:8px 9px!important}
table td{background:#fff!important;color:#283d52!important;border-color:#e0e7ef!important;padding:8px 9px!important}
table tbody tr:hover td{background:#f1f7ff!important}
table tbody tr:nth-child(even) td{background:#fbfcfe!important}table tbody tr:nth-child(even):hover td{background:#f1f7ff!important}
.wn-smart-table-tools{background:#fff!important;border:1px solid var(--wn6-border)!important;border-radius:10px!important;padding:8px!important;box-shadow:var(--wn6-shadow)!important;margin:8px 0!important}

/* Alerts/status */
.alert{border-radius:9px!important;padding:9px 11px!important;border-width:1px!important;box-shadow:none!important}
.label,.badge,.wnop-badge,.ont-badge,.wn-easy-status{border-radius:999px!important;font-weight:800!important;padding:4px 8px!important;letter-spacing:.1px!important}

/* Operations Center */
.wnop{color:var(--wn6-text)!important}.wnop>.card{border:0!important;box-shadow:none!important;background:transparent!important}.wnop>.card>.card-header{border:1px solid var(--wn6-border)!important;border-radius:12px!important;box-shadow:var(--wn6-shadow)!important;margin-bottom:10px!important;background:#fff!important}
.wnop-top{display:grid!important;grid-template-columns:repeat(6,minmax(130px,1fr))!important;gap:9px!important;margin:0 0 10px!important}
.wnop-card{padding:11px!important}.wnop-kpi{min-height:80px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;color:#52677a!important;font-size:11px!important}
.wnop-kpi b{font-size:24px!important;line-height:1.1!important;margin-top:6px!important;color:#172f47!important}
.wnop-tabs{display:flex!important;gap:6px!important;overflow-x:auto!important;padding:6px!important;background:#fff!important;border:1px solid var(--wn6-border)!important;border-radius:11px!important;box-shadow:var(--wn6-shadow)!important;margin-bottom:10px!important}
.wnop-tabs button{white-space:nowrap!important;background:#fff!important}.wnop-tabs button.active{background:#e3f0ff!important;color:#075fc2!important;border-color:#85b5e9!important;box-shadow:inset 0 -2px 0 #0b78ed!important}
.wnop-pane>.wnop-card{padding:12px!important}.wnop-filter{max-width:560px!important;margin-bottom:8px!important}.wnop-scroll{border:1px solid var(--wn6-border)!important;border-radius:9px!important;overflow:auto!important}

/* Distribution map */
.dist-wrap{background:transparent!important}.dist-card{padding:12px!important}.dist-card>h3{font-size:16px!important;color:#17324c!important;margin:0 0 10px!important}
.dist-toolbar{display:flex!important;gap:7px!important;flex-wrap:wrap!important;padding:8px!important;background:#f7faff!important;border:1px solid var(--wn6-border)!important;border-radius:10px!important;margin-bottom:8px!important}
.device-status-bar{border-radius:9px!important;background:#10283b!important;padding:8px 10px!important;box-shadow:var(--wn6-shadow)!important}.status-chip{border-radius:999px!important;padding:4px 8px!important}
.dist-help{background:#eef6ff!important;border:1px solid #d0e3f7!important;color:#526c84!important;border-radius:9px!important;padding:8px 10px!important;margin:8px 0!important}
.dist-search-panel{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;background:#fff!important;border:1px solid var(--wn6-border)!important;border-radius:10px!important;padding:8px!important;margin-bottom:8px!important}.search-row{display:flex!important;gap:6px!important}.search-row input{flex:1!important}
.map-shell{border-radius:12px!important;overflow:hidden!important;border:1px solid var(--wn6-border)!important;box-shadow:var(--wn6-shadow-up)!important}
.dist-side{background:#fff!important;border-left:1px solid var(--wn6-border)!important;box-shadow:-8px 0 26px rgba(31,61,91,.12)!important}.dist-editor-head{background:#0a4978!important;color:#fff!important}.dist-editor-section{border-color:var(--wn6-border)!important}

/* ACS: turn laboratory view into operator cockpit */
.acs-wrap{background:transparent!important;color:var(--wn6-text)!important;padding:0!important}.acs-wrap .ont-dashboard{background:transparent!important;color:var(--wn6-text)!important;padding:0!important}.acs-wrap .ont-top,.acs-wrap>.ont-info{display:none!important}
.acs-wrap .ont-stats{grid-template-columns:repeat(6,minmax(110px,1fr))!important;gap:8px!important;margin:0 0 10px!important}.acs-wrap .ont-stat{background:#fff!important;border:1px solid var(--wn6-border)!important;border-radius:11px!important;box-shadow:var(--wn6-shadow)!important;padding:10px 12px!important}.acs-wrap .ont-stat span{color:#6a7d90!important}.acs-wrap .ont-stat b{color:#17324c!important;font-size:19px!important}
.acs-wrap .ont-workspace{grid-template-columns:minmax(340px,.82fr) minmax(560px,1.65fr)!important;gap:10px!important}.acs-wrap .ont-panel{background:#fff!important;border:1px solid var(--wn6-border)!important;border-radius:12px!important;box-shadow:var(--wn6-shadow)!important;color:var(--wn6-text)!important}.acs-wrap .ont-panel-head{background:#f7faff!important;border-bottom:1px solid var(--wn6-border)!important;padding:10px 11px!important}.acs-wrap .ont-panel-head h3{color:#17324c!important;font-size:14px!important}.acs-wrap .ont-list{padding:6px!important;max-height:650px!important;overflow:auto!important}.acs-wrap .ont-row{border:1px solid transparent!important;border-bottom:1px solid #e6edf4!important;border-left:3px solid transparent!important;border-radius:9px!important;margin:2px 0!important;padding:9px!important;transition:background .14s,border-color .14s,transform .1s!important}.acs-wrap .ont-row:hover{background:#f3f8ff!important;border-color:#d3e5f8!important;transform:translateX(1px)!important}.acs-wrap .ont-row.selected{background:#e8f2ff!important;border-color:#8fbaea!important;border-left-color:#0b78ed!important;box-shadow:0 2px 9px rgba(11,120,237,.12)!important}.acs-wrap .ont-row-title b{color:#17324c!important;font-size:13px!important}.acs-wrap .ont-row-meta{color:#62778a!important}.acs-wrap .ont-detail{padding:11px!important}.acs-wrap .ont-detail-grid{border:1px solid var(--wn6-border)!important;border-radius:10px!important;background:#fff!important}.acs-wrap .ont-kv{background:#fff!important;border-color:#e1e8ef!important;padding:9px!important}.acs-wrap .ont-kv span{color:#6a7b8d!important}.acs-wrap .ont-kv b{color:#21384e!important;font-size:11px!important}.acs-wrap .ont-actionbar{padding:7px!important;background:#f5f9fd!important;border:1px solid var(--wn6-border)!important;border-radius:9px!important}.acs-wrap .ont-card,.acs-wrap .wn-easy-card,.acs-wrap .wn-advanced-editor{background:#fff!important;color:var(--wn6-text)!important;border:1px solid var(--wn6-border)!important;border-radius:11px!important;box-shadow:none!important}.acs-wrap .ont-card h4,.acs-wrap .wn-easy-card h4{color:#17324c!important}.acs-wrap .ont-card p{color:#617487!important}.acs-wrap .ont-field label{color:#435a70!important}.acs-wrap .ont-field input,.acs-wrap .ont-field select{background:#fff!important;color:#21374d!important;border-color:#c9d7e5!important}.acs-wrap .ont-client-table th{background:#edf4fb!important;color:#2a435b!important}.acs-wrap .ont-client-table td{background:#fff!important;color:#293f54!important}.acs-wrap .ont-tech-suite{border:1px solid var(--wn6-border)!important;box-shadow:var(--wn6-shadow)!important;margin-top:10px!important}.acs-wrap .ont-tech-suite>summary{background:#f5f8fb!important;color:#344b61!important;border-radius:10px!important}.acs-wrap .ont-guard{background:#fff6df!important;color:#82550b!important;border-color:#e9cd89!important}.acs-wrap .wn-easy-nav{padding:7px!important;background:#f7faff!important;border:1px solid var(--wn6-border)!important;border-radius:10px!important}.acs-wrap .wn-easy-nav a,.acs-wrap .wn-easy-nav button{background:#fff!important;color:#2d465e!important;border-color:#cad8e6!important}.acs-wrap .wn-easy-nav a:hover,.acs-wrap .wn-easy-nav button:hover{background:#e8f2ff!important;color:#075fc2!important}.acs-wrap .wn-device-count{box-shadow:none!important}

/* Admin pages / settings */
body.wnv6-admin .main-container>div,body.wnv6-admin .main-container>section{border-radius:10px!important}body.wnv6-admin .card{margin-bottom:10px!important}

/* Login */
.wnn-login-page{min-height:100vh!important;background:radial-gradient(circle at 20% 10%,rgba(31,139,238,.28),transparent 35%),linear-gradient(145deg,#082f50,#061f36 58%,#041725)!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:28px!important}
.wnn-login-page:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,black,transparent 78%)}
.wnn-login-card{width:min(440px,94vw)!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:18px!important;overflow:hidden!important;box-shadow:0 30px 90px rgba(0,0,0,.42)!important;background:#fff!important}
.wnn-login-head{height:54px!important;padding:0 16px!important;background:linear-gradient(90deg,#0b78ed,#075ab7)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.wnn-login-head span,.wnn-login-head b{color:#fff!important}.wnn-login-body{padding:24px!important}.wnn-login-logo{height:42px!important;margin:0 auto 10px!important}.wnn-login-body h1{font-size:21px!important;color:#15314c!important;margin:0 0 4px!important}.wnn-login-body p{color:#718398!important}.wnn-winbox-login-row{margin:10px 0!important}.wnn-winbox-login-row label{font-size:11px!important}.wnn-login-button{width:100%!important;min-height:42px!important;margin-top:12px!important}.wnn-login-managed{display:none!important}.wnn-login-footer{margin-top:17px!important;padding-top:12px!important;border-top:1px solid var(--wn6-border)!important;color:#718398!important;text-align:center!important;font-size:10px!important}

/* Toast */
#wnv6-toast-stack{position:fixed;right:16px;bottom:18px;z-index:999999;display:flex;flex-direction:column;gap:8px;pointer-events:none}.wnv6-toast{min-width:230px;max-width:390px;padding:10px 12px;border-radius:10px;background:#102a40;color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.24);font-size:12px;opacity:0;transform:translateY(8px);animation:wnv6ToastIn .18s ease forwards}.wnv6-toast.ok{background:#0d7540}.wnv6-toast.warn{background:#925d08}.wnv6-toast.bad{background:#a92d2d}@keyframes wnv6ToastIn{to{opacity:1;transform:none}}

/* Responsive */
@media(max-width:1180px){.wnop-top{grid-template-columns:repeat(3,1fr)!important}.acs-wrap .ont-stats{grid-template-columns:repeat(3,1fr)!important}.acs-wrap .ont-workspace{grid-template-columns:minmax(300px,.8fr) minmax(500px,1.4fr)!important}}
@media(max-width:930px){.main-container{padding:9px 8px 28px!important}.wnop-top{grid-template-columns:repeat(2,1fr)!important}.dist-search-panel{grid-template-columns:1fr!important}.acs-wrap .ont-workspace{grid-template-columns:1fr!important}.acs-wrap .ont-list{max-height:360px!important}}
@media(max-width:650px){#navbar #brand{min-width:46px!important;width:46px!important;padding:0 7px!important}#navbar #brand span{display:none!important}#navbar #cpage{font-size:12px!important;padding:0 7px!important}.navbar-right select{max-width:76px!important}.wnop-top,.acs-wrap .ont-stats{grid-template-columns:1fr 1fr!important}.dist-toolbar button{flex:1 1 auto!important}.acs-wrap .ont-detail-grid{grid-template-columns:1fr 1fr!important}button,.btn,input[type=button],input[type=submit],a.btn{min-height:39px!important}}
@media(max-width:430px){.wnop-top,.acs-wrap .ont-stats,.acs-wrap .ont-detail-grid{grid-template-columns:1fr!important}.main-container{padding:6px 5px 24px!important}}