/* Shared module: layout-shell — auto-split from the old single styles.css, 216 rule block(s). Do not duplicate class names across files. */

/* Shared module: layout-shell — auto-split from the old single styles.css, 216 rule block(s). Do not duplicate class names across files. */

.topbar{position:fixed;top:0;right:0;left:0;height:var(--top);z-index:1200;background:#0b2840;color:#fff;display:grid;grid-template-columns:1fr minmax(280px,560px) 1fr;align-items:center;padding:0 18px;box-shadow:0 2px 16px rgba(0,0,0,.16)}

.topbar-right,.topbar-left{display:flex;align-items:center;gap:12px}

.topbar-left{justify-content:flex-start}

.topbar-center{display:flex;justify-content:center}

.brand{display:flex;align-items:center;gap:10px}

.avatar{width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,#2bb3cf,#1274af);display:grid;place-items:center;font-weight:600;}

.sidebar{position:fixed;top:var(--top);right:0;bottom:0;width:var(--sidebar);z-index:1100;background:#0d314b;color:#d8e7ef;padding:14px 10px 80px;overflow-y:auto;transition:.25s}

.sidebar.collapsed{transform:translateX(calc(var(--sidebar) - 72px))}

.sidebar nav{display:flex;flex-direction:column;gap:5px}

.nav-item{border:0;width:100%;background:transparent;color:#d8e7ef;border-radius:11px;padding:11px 12px;display:flex;align-items:center;gap:11px;cursor:pointer;text-align:right;font-weight:600}

.nav-item:hover{background:#123f60}

.nav-item.active{background:linear-gradient(90deg,#116b9b,#0c527d);color:#fff;box-shadow:inset -3px 0 0 #37cce0}

.sidebar.collapsed~.main{right:72px}

@media (max-width:1250px){
.topbar{grid-template-columns:1fr 420px 1fr}
}

@media (max-width:900px){
.topbar{grid-template-columns:1fr auto}
}

@media (max-width:900px){
.topbar-center{display:none}
}

.secura-topbar{position:fixed;z-index:1500;top:0;right:0;left:0;height:var(--secura-top);display:grid;grid-template-columns:minmax(250px,.95fr) minmax(650px,2.2fr) minmax(260px,.9fr);align-items:center;gap:18px;padding:0 18px;background:linear-gradient(180deg,#08243a 0%,#061a2b 100%);border-bottom:1px solid #123b55;box-shadow:0 9px 30px rgba(3,20,33,.22);color:#fff}

.secura-topbar-left,.secura-topbar-center,.secura-topbar-right{display:flex;align-items:center;min-width:0}

.secura-topbar-left{justify-content:flex-start;gap:8px;direction:ltr}

.secura-topbar-center{justify-content:center;gap:8px;direction:ltr}

.secura-topbar-right{justify-content:flex-end;gap:12px;direction:rtl}

.secura-page-title{text-align:right;white-space:nowrap;overflow:hidden;min-width:0}

.secura-page-title h1{margin:0;font-size:19px;line-height:1.2;color:#fff;overflow:hidden;text-overflow:ellipsis}

.secura-page-title p{margin:4px 0 0;font-size:9px;color:#96b5c8;overflow:hidden;text-overflow:ellipsis}

.secura-user-text{display:flex;flex-direction:column;text-align:right;line-height:1.15}

.secura-user-text b{font-size:12px}

.secura-user-text small{font-size:9px;color:#9db9ca;margin-top:3px}

.secura-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#10aeda,#176991);box-shadow:inset 0 1px rgba(255,255,255,.4);font-weight:600;}

.secura-chevron{font-size:11px;color:#aac1ce}

.secura-control-select,.secura-site-select{min-width:112px;text-align:center}

.secura-date-box{min-width:145px;display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:7px}

.secura-date-box small{font-size:9px;color:#8fabbd}

.secura-date-box b{font-size:11px}

.secura-search{height:42px;min-width:260px;max-width:360px;flex:1;display:flex;align-items:center;gap:8px;border:1px solid #174760;border-radius:11px;background:#0a2941;padding:0 12px;direction:rtl}

.secura-search span{color:#d5e8f2}

.secura-search input{width:100%;border:0;outline:0;background:transparent;color:#fff;font-size:11px}

.secura-search input::placeholder{color:#7fa4b9}

.secura-sidebar{position:fixed;z-index:1400;top:var(--secura-top);right:0;bottom:0;width:var(--secura-side);background:linear-gradient(180deg,#08233a,#061b2c);color:#d9eaf4;border-left:1px solid #10354d;box-shadow:-12px 0 32px rgba(2,19,31,.08);padding:14px 12px 18px;overflow:hidden;transition:.26s ease;display:flex;flex-direction:column}

.secura-sidebar.collapsed{transform:translateX(var(--secura-side))}

#sidebarHoverZone{position:fixed;z-index:1390;top:var(--secura-top);right:0;bottom:0;width:14px}

@media (max-width:820px){
#sidebarHoverZone{display:none}
}

.secura-side-brand{height:74px;border-bottom:1px solid #12394f;display:flex;align-items:center;justify-content:flex-start;padding:0 6px 12px;margin-bottom:12px;gap:12px}

.secura-sidebar nav{flex:1;overflow-y:auto;padding:0 2px 120px;scrollbar-width:thin;scrollbar-color:rgba(148,196,216,.28) transparent}

.secura-sidebar nav::-webkit-scrollbar{width:6px}

.secura-sidebar nav::-webkit-scrollbar-thumb{background:rgba(148,196,216,.28);border-radius:99px}

.secura-sidebar nav::-webkit-scrollbar-track{background:transparent}

.secura-nav-item{position:relative;width:100%;min-height:54px;border:1px solid transparent;background:transparent;color:#d8e7ef;border-radius:11px;padding:7px 8px 7px 12px;display:flex;align-items:center;justify-content:flex-end;gap:12px;cursor:pointer;text-align:right;font-weight:600;margin-bottom:4px;transition:.18s}

.secura-nav-item:hover{background:#0a304b;border-color:#0e4563}

.secura-nav-item.active{background:#0b2c44;border-color:#164865;color:#fff;box-shadow:inset -3px 0 0 #15c7f3}

.secura-nav-item.active .secura-nav-icon{border-color:transparent;background:transparent;box-shadow:none}

.secura-main{position:absolute;top:var(--secura-top);right:var(--secura-side);left:0;bottom:0;overflow:auto;padding:18px 22px 40px;transition:.26s ease;background:linear-gradient(180deg,#eff7fb,#f7fbfd);scrollbar-width:thin;scrollbar-color:rgba(11,110,168,.22) transparent}

.secura-main::-webkit-scrollbar{width:7px}

.secura-main::-webkit-scrollbar-thumb{background:rgba(11,110,168,.22);border-radius:99px}

.secura-main::-webkit-scrollbar-track{background:transparent}

body[data-theme="dark"] .secura-main,body.theme-dark .secura-main{scrollbar-color:rgba(148,196,216,.28) transparent}

body[data-theme="dark"] .secura-main::-webkit-scrollbar-thumb,body.theme-dark .secura-main::-webkit-scrollbar-thumb{background:rgba(148,196,216,.28)}

.secura-sidebar.collapsed~.secura-main{right:0}

.topbar,.sidebar,.main>.page-header{display:none!important}

@media (max-width:1320px){
.secura-topbar{grid-template-columns:230px minmax(520px,1.9fr) 250px;gap:9px;padding:0 10px}
}

@media (max-width:1320px){
.secura-search{min-width:180px}
}

@media (max-width:1320px){
.secura-date-box{display:none}
}

@media (max-width:1320px){
.secura-control-select{min-width:92px}
}

@media (max-width:1050px){
.secura-topbar{grid-template-columns:190px 1fr 220px}
}

@media (max-width:1050px){
.secura-user-text small{display:none}
}

@media (max-width:1050px){
.secura-search{min-width:160px}
}

@media (max-width:1050px){
.secura-site-select{min-width:90px}
}

@media (max-width:820px){
.sidebar-backdrop{background:rgba(1,15,26,.55);backdrop-filter:blur(2px)}
}

@media (max-width:820px){
.secura-topbar{grid-template-columns:auto 1fr auto}
}

@media (max-width:820px){
.secura-topbar-center{display:none}
}

@media (max-width:820px){
.secura-user-text{display:none}
}

@media (max-width:820px){
.secura-page-title p{display:none}
}

@media (max-width:820px){
.secura-main{padding:12px}
}

@media (max-width:820px){
.secura-sidebar{width:250px}
}

@media (max-width:820px){
.secura-sidebar.collapsed{transform:translateX(176px)}
}

.secura-topbar{
  direction:ltr !important;
  grid-template-columns:minmax(250px,.95fr) minmax(650px,2.2fr) minmax(300px,1fr) !important;
}

.secura-topbar-left{grid-column:1;direction:ltr !important;justify-content:flex-start !important}

.secura-topbar-center{grid-column:2;direction:rtl !important;justify-content:center !important}

.secura-topbar-right{grid-column:3;direction:rtl !important;justify-content:flex-start !important}

.secura-topbar-right .secura-menu-btn{order:-1;flex:0 0 44px}

.secura-topbar-right .secura-page-title{order:0;direction:rtl;text-align:right;flex:1}

.secura-user-text{direction:rtl}

.secura-search,.secura-site-select,.secura-control-select,.secura-date-box{direction:rtl}

.secura-sidebar{transform:translateX(0)!important;visibility:visible;opacity:1}

.secura-main{right:var(--secura-side)!important}

body.sidebar-collapsed .secura-sidebar{transform:translateX(var(--secura-side))!important}

body.sidebar-collapsed .secura-main{right:0!important}

.sidebar-backdrop{display:block;position:fixed;inset:var(--secura-top) 0 0 0;background:transparent;z-index:1350}

body.secura-light .secura-main{background:linear-gradient(180deg,#f8fbfd,#edf5f9)}

body.secura-light .panel,body.secura-light .kpi-card{box-shadow:0 8px 24px rgba(15,60,90,.06)}

@media (max-width:1320px){
.secura-topbar{grid-template-columns:230px minmax(520px,1.9fr) 270px!important}
}

@media (max-width:1050px){
.secura-topbar{grid-template-columns:190px 1fr 235px!important}
}

@media (max-width:820px){
.sidebar-backdrop{background:rgba(1,15,26,.55);backdrop-filter:blur(2px)}
}

@media (max-width:820px){
.secura-topbar{grid-template-columns:auto 1fr auto!important;direction:ltr!important}
}

@media (max-width:820px){
.secura-topbar-left{grid-column:1}
}

@media (max-width:820px){
.secura-topbar-center{display:none}
}

@media (max-width:820px){
.secura-topbar-right{grid-column:3}
}

@media (max-width:820px){
.secura-sidebar{width:250px!important;transform:translateX(0)!important;z-index:1400}
}

@media (max-width:820px){
body.sidebar-collapsed .secura-sidebar{transform:translateX(250px)!important}
}

@media (max-width:820px){
.secura-main,body.sidebar-collapsed .secura-main{right:0!important}
}

@media (max-width:820px){
body:not(.sidebar-collapsed) .sidebar-backdrop{display:block}
}

body.sidebar-collapsed .secura-sidebar{pointer-events:none;visibility:hidden}

body:not(.sidebar-collapsed) .secura-sidebar{pointer-events:auto;visibility:visible}

body[data-theme="dark"] .secura-main{background:linear-gradient(180deg,#071925,#091d2a)!important;color:var(--ink)}

.lang-en .secura-nav-item{direction:ltr;justify-content:flex-start;text-align:left;padding:7px 12px 7px 8px}

.lang-en .secura-nav-label{text-align:left}

.lang-en .secura-nav-item.active{box-shadow:inset 3px 0 0 #15c7f3}

.lang-en .secura-nav-section{text-align:left}

.lang-en .secura-side-search{direction:ltr}

.lang-en .secura-side-search input{text-align:left}

.lang-en .secura-side-brand{direction:ltr}

.lang-en .secura-system-status{direction:ltr;text-align:left}

.lang-en .secura-page-title{direction:ltr!important;text-align:left!important}

.lang-en .secura-search,.lang-en .secura-site-select,.lang-en .secura-control-select,.lang-en .secura-date-box{direction:ltr}

.secura-nav-icon,
.nav-icon,
.kpi-icon,
.settings-action-icon,
.role-icon,
.notification>span,
.logout-confirm-icon,
.brand-mark,
.avatar,
.table-avatar,
.map-v24-pin{
  position:relative;
  isolation:isolate;
  overflow:visible;
  background:
    radial-gradient(circle at 32% 22%,rgba(255,255,255,.98) 0 12%,rgba(255,255,255,.34) 13% 25%,transparent 26%),
    linear-gradient(145deg,var(--icon3d-top) 0%,var(--icon3d-mid) 38%,var(--icon3d-bottom) 72%,#5db9df 100%)!important;
  border:1px solid rgba(112,199,229,.9)!important;
  box-shadow:
    inset 0 2px 2px rgba(255,255,255,.96),
    inset 0 -5px 9px rgba(24,113,153,.22),
    0 6px 0 rgba(24,94,126,.18),
    0 10px 18px var(--icon3d-shadow),
    0 0 18px var(--icon3d-glow)!important;
  color:#073e5b!important;
  text-shadow:
    0 1px 0 #fff,
    0 2px 3px rgba(0,45,70,.24)!important;
  filter:saturate(1.45) brightness(1.08) contrast(1.05);
  transform:translateZ(0);
  transition:transform .16s ease,filter .16s ease,box-shadow .16s ease;
}

.secura-nav-icon::after,
.nav-icon::after,
.kpi-icon::after,
.settings-action-icon::after,
.role-icon::after,
.notification>span::after,
.logout-confirm-icon::after,
.brand-mark::after,
.avatar::after,
.table-avatar::after{
  content:"";
  position:absolute;
  z-index:-1;
  left:12%;
  right:12%;
  top:7%;
  height:36%;
  border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,0));
  pointer-events:none;
}

.secura-nav-icon,
.nav-icon,
.kpi-icon,
.settings-action-icon,
.role-icon,
.notification>span,
.logout-confirm-icon,
.weather-big-icon,
.date-icon,
.map-v24-pin{
  font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",Tahoma,sans-serif;
}

.secura-nav-item:hover .secura-nav-icon,
.secura-nav-item.active .secura-nav-icon{
  transform:translateY(-2px) scale(1.06);
  filter:saturate(1.7) brightness(1.13) contrast(1.06);
  box-shadow:
    inset 0 2px 2px rgba(255,255,255,.98),
    inset 0 -5px 9px rgba(24,113,153,.20),
    0 7px 0 rgba(24,94,126,.17),
    0 12px 22px rgba(0,31,52,.40),
    0 0 24px rgba(61,211,255,.42)!important;
}

body.theme-dark .secura-nav-icon,
body.theme-dark .nav-icon,
body.theme-dark .kpi-icon,
body.theme-dark .settings-action-icon,
body.theme-dark .role-icon,
body.theme-dark .notification>span,
body.theme-dark .logout-confirm-icon,
body.theme-dark .brand-mark,
body.theme-dark .avatar,
body.theme-dark .table-avatar{
  background:
    radial-gradient(circle at 32% 22%,#ffffff 0 10%,rgba(255,255,255,.33) 11% 23%,transparent 24%),
    linear-gradient(145deg,#f8fdff 0%,#d7f4ff 38%,#78cbea 72%,#339fc9 100%)!important;
  border-color:#64c9eb!important;
  color:#05344e!important;
}

@media (prefers-reduced-motion:reduce){
.secura-nav-icon,.nav-icon,.kpi-icon,.settings-action-icon,.role-icon,
  .notification>span,.logout-confirm-icon,.brand-mark,.avatar,.table-avatar,.map-v24-pin,
  .icon-btn,.secura-icon-btn,.secura-menu-btn{transition:none!important}
}

.secura-nav-icon,
.nav-icon,
.kpi-icon,
.settings-action-icon,
.role-icon,
.notification>span,
.logout-confirm-icon,
.brand-mark,
.avatar,
.table-avatar{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  color:inherit!important;
  overflow:visible!important;
  filter:saturate(1.55) brightness(1.12) contrast(1.06)
         drop-shadow(0 2px 1px rgba(255,255,255,.20))
         drop-shadow(0 5px 5px rgba(0,25,42,.34))
         drop-shadow(0 0 5px rgba(70,206,247,.18))!important;
  text-shadow:0 1px 0 rgba(255,255,255,.28),0 2px 2px rgba(0,30,48,.38)!important;
}

.secura-nav-icon::before,.secura-nav-icon::after,
.nav-icon::before,.nav-icon::after,
.kpi-icon::before,.kpi-icon::after,
.settings-action-icon::before,.settings-action-icon::after,
.role-icon::before,.role-icon::after,
.notification>span::before,.notification>span::after,
.logout-confirm-icon::before,.logout-confirm-icon::after,
.brand-mark::before,.brand-mark::after,
.avatar::before,.avatar::after,
.table-avatar::before,.table-avatar::after{
  content:none!important;
  display:none!important;
}

.secura-nav-item:hover .secura-nav-icon,
.secura-nav-item.active .secura-nav-icon,
.kpi-card:hover .kpi-icon,
.settings-action-card:hover .settings-action-icon,
.notification:hover>span,
.role-card:hover .role-icon{
  transform:translateY(-2px) scale(1.08);
  filter:saturate(1.8) brightness(1.18) contrast(1.08)
         drop-shadow(0 3px 1px rgba(255,255,255,.22))
         drop-shadow(0 7px 7px rgba(0,20,35,.40))
         drop-shadow(0 0 7px rgba(76,215,255,.26))!important;
  box-shadow:none!important;
}

body.theme-dark .secura-nav-icon,
body.theme-dark .nav-icon,
body.theme-dark .kpi-icon,
body.theme-dark .settings-action-icon,
body.theme-dark .role-icon,
body.theme-dark .notification>span,
body.theme-dark .logout-confirm-icon,
body.theme-dark .brand-mark,
body.theme-dark .avatar,
body.theme-dark .table-avatar{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:inherit!important;
}

.secura-topbar-center{
  gap:8px;
}

.secura-topbar .secura-search{
  height:42px!important;
  min-height:42px!important;
  min-width:260px;
  max-width:360px;
  flex:1;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:0 12px!important;
  direction:rtl;
  background:#0a2941!important;
  background-color:#0a2941!important;
  border:1px solid #174760!important;
  border-radius:11px!important;
  box-shadow:none!important;
  overflow:hidden!important;
}

.secura-topbar .secura-search > span{
  flex:0 0 auto;
  color:#6fcde8!important;
  font-size:16px!important;
  line-height:1!important;
  opacity:.95!important;
}

.secura-topbar .secura-search #globalSearch{
  flex:1 1 auto!important;
  width:100%!important;
  height:40px!important;
  min-height:40px!important;
  margin:0!important;
  padding:0 4px!important;
  -webkit-appearance:none!important;
  appearance:none!important;
  background:#0a2941!important;
  background-color:#0a2941!important;
  color:#f2f8fb!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  box-shadow:none!important;
  font-size:12px!important;
  font-weight:600!important;
  line-height:40px!important;
  caret-color:#6fcde8!important;
}

.secura-topbar .secura-search #globalSearch::placeholder{
  color:#82a9bc!important;
  opacity:1!important;
  font-size:11px!important;
  font-weight:500!important;
}

.secura-topbar .secura-search:focus-within{
  background:#0a2941!important;
  border-color:#2d6b89!important;
  box-shadow:0 0 0 1px rgba(77,174,211,.14)!important;
}

.secura-topbar .secura-search #globalSearch:-webkit-autofill,
.secura-topbar .secura-search #globalSearch:-webkit-autofill:hover,
.secura-topbar .secura-search #globalSearch:-webkit-autofill:focus{
  -webkit-text-fill-color:#f2f8fb!important;
  -webkit-box-shadow:0 0 0 1000px #0a2941 inset!important;
  box-shadow:0 0 0 1000px #0a2941 inset!important;
  transition:background-color 9999s ease-out 0s!important;
}

html[dir="ltr"] .secura-topbar .secura-search{direction:ltr}

@media (max-width:1320px){
.secura-topbar .secura-search{min-width:180px}
}

@media (max-width:1050px){
.secura-topbar .secura-search{min-width:160px}
}

@media (max-width:900px){
.secura-topbar .secura-search{height:38px!important;min-height:38px!important}
}

@media (max-width:900px){
.secura-topbar .secura-search #globalSearch{height:36px!important;min-height:36px!important;line-height:36px!important;font-size:11px!important}
}

button,
.secura-nav-item,
.secura-nav-item *,
.secura-sidebar,
.secura-sidebar *,
.secura-control-select{
  font-weight:500!important;
}

body[data-theme="light"] .secura-main,
body.secura-light .secura-main,
body.theme-light .secura-main{
  background:linear-gradient(180deg,#f6fafc 0%,#edf4f8 100%)!important;
}

body[data-theme="light"] .secura-topbar,
body.secura-light .secura-topbar,
body.theme-light .secura-topbar{
  background:linear-gradient(180deg,#ffffff 0%,#eef5fa 100%)!important;
  color:#143348!important;
  border-bottom:1px solid #d5e2eb!important;
  box-shadow:0 8px 24px rgba(15,58,84,.08)!important;
}

body[data-theme="light"] .secura-page-title h1,
body[data-theme="light"] .secura-page-title p,
body[data-theme="light"] .secura-topbar,
body[data-theme="light"] .secura-topbar b,
body[data-theme="light"] .secura-topbar small,
body.secura-light .secura-page-title h1,
body.secura-light .secura-page-title p,
body.secura-light .secura-topbar,
body.secura-light .secura-topbar b,
body.secura-light .secura-topbar small,
body.theme-light .secura-page-title h1,
body.theme-light .secura-page-title p,
body.theme-light .secura-topbar,
body.theme-light .secura-topbar b,
body.theme-light .secura-topbar small{color:#143348!important;}

body[data-theme="light"] .secura-page-title p,
body.secura-light .secura-page-title p,
body.theme-light .secura-page-title p{color:#5b7588!important;}

body[data-theme="light"] .secura-topbar .secura-search,
body[data-theme="light"] .secura-site-select,
body[data-theme="light"] .secura-control-select,
body[data-theme="light"] .secura-date-box,
body[data-theme="light"] .secura-control-btn,
body[data-theme="light"] .secura-menu-btn,
body[data-theme="light"] .secura-user-btn,
body[data-theme="light"] .icon-btn,
body.secura-light .secura-topbar .secura-search,
body.secura-light .secura-site-select,
body.secura-light .secura-control-select,
body.secura-light .secura-date-box,
body.secura-light .secura-control-btn,
body.secura-light .secura-menu-btn,
body.secura-light .secura-user-btn,
body.secura-light .icon-btn,
body.theme-light .secura-topbar .secura-search,
body.theme-light .secura-site-select,
body.theme-light .secura-control-select,
body.theme-light .secura-date-box,
body.theme-light .secura-control-btn,
body.theme-light .secura-menu-btn,
body.theme-light .secura-user-btn,
body.theme-light .icon-btn{
  background:#ffffff!important;
  background-color:#ffffff!important;
  color:#143348!important;
  border:1px solid #cdddea!important;
  box-shadow:0 2px 10px rgba(19,70,100,.05)!important;
}

body[data-theme="light"] .secura-topbar .secura-search > span,
body.secura-light .secura-topbar .secura-search > span,
body.theme-light .secura-topbar .secura-search > span{color:#1288c0!important;}

body[data-theme="light"] .secura-topbar .secura-search #globalSearch,
body.secura-light .secura-topbar .secura-search #globalSearch,
body.theme-light .secura-topbar .secura-search #globalSearch{
  background:#ffffff!important;
  background-color:#ffffff!important;
  color:#143348!important;
  -webkit-text-fill-color:#143348!important;
  caret-color:#1288c0!important;
}

body[data-theme="light"] .secura-topbar .secura-search #globalSearch::placeholder,
body.secura-light .secura-topbar .secura-search #globalSearch::placeholder,
body.theme-light .secura-topbar .secura-search #globalSearch::placeholder{color:#7991a3!important;}

body[data-theme="light"] .secura-topbar .secura-search:focus-within,
body.secura-light .secura-topbar .secura-search:focus-within,
body.theme-light .secura-topbar .secura-search:focus-within{
  border-color:#72b7da!important;
  box-shadow:0 0 0 3px rgba(67,161,204,.12)!important;
}

body[data-theme="light"] .secura-topbar .secura-search #globalSearch:-webkit-autofill,
body[data-theme="light"] .secura-topbar .secura-search #globalSearch:-webkit-autofill:hover,
body[data-theme="light"] .secura-topbar .secura-search #globalSearch:-webkit-autofill:focus,
body.secura-light .secura-topbar .secura-search #globalSearch:-webkit-autofill,
body.secura-light .secura-topbar .secura-search #globalSearch:-webkit-autofill:hover,
body.secura-light .secura-topbar .secura-search #globalSearch:-webkit-autofill:focus,
body.theme-light .secura-topbar .secura-search #globalSearch:-webkit-autofill,
body.theme-light .secura-topbar .secura-search #globalSearch:-webkit-autofill:hover,
body.theme-light .secura-topbar .secura-search #globalSearch:-webkit-autofill:focus{
  -webkit-text-fill-color:#143348!important;
  -webkit-box-shadow:0 0 0 1000px #ffffff inset!important;
  box-shadow:0 0 0 1000px #ffffff inset!important;
}

body[data-theme="light"] .secura-sidebar,
body.secura-light .secura-sidebar,
body.theme-light .secura-sidebar{
  background:linear-gradient(180deg,#fbfdff 0%,#eef5fa 100%)!important;
  color:#25465a!important;
  border-left:1px solid #d6e3ec!important;
  box-shadow:-10px 0 28px rgba(15,58,84,.06)!important;
}

body[data-theme="light"] .secura-side-brand,
body[data-theme="light"] .secura-side-search,
body[data-theme="light"] .secura-system-status,
body.secura-light .secura-side-brand,
body.secura-light .secura-side-search,
body.secura-light .secura-system-status,
body.theme-light .secura-side-brand,
body.theme-light .secura-side-search,
body.theme-light .secura-system-status{
  background:#ffffff!important;
  color:#18384e!important;
  border-color:#d6e3ec!important;
}

body[data-theme="light"] .secura-side-brand small,
body[data-theme="light"] .secura-side-search input::placeholder,
body[data-theme="light"] .secura-system-status small,
body.secura-light .secura-side-brand small,
body.secura-light .secura-side-search input::placeholder,
body.secura-light .secura-system-status small,
body.theme-light .secura-side-brand small,
body.theme-light .secura-side-search input::placeholder,
body.theme-light .secura-system-status small{color:#6b8597!important;}

body[data-theme="light"] .secura-side-search input,
body.secura-light .secura-side-search input,
body.theme-light .secura-side-search input{color:#18384e!important;}

body[data-theme="light"] .secura-nav-section,
body.secura-light .secura-nav-section,
body.theme-light .secura-nav-section{color:#6a8597!important;}

body[data-theme="light"] .secura-nav-item,
body.secura-light .secura-nav-item,
body.theme-light .secura-nav-item{
  color:#23495d!important;
  border-color:transparent!important;
}

body[data-theme="light"] .secura-nav-item:hover,
body.secura-light .secura-nav-item:hover,
body.theme-light .secura-nav-item:hover{background:#f0f7fb!important;border-color:#d6e3ec!important;}

body[data-theme="light"] .secura-nav-icon,
body.secura-light .secura-nav-icon,
body.theme-light .secura-nav-icon{
  background:transparent!important;
  border-color:transparent!important;
  color:#1588bf!important;
  box-shadow:none!important;
}

body[data-theme="light"] .secura-nav-item.active,
body.secura-light .secura-nav-item.active,
body.theme-light .secura-nav-item.active{
  background:#0b2c44!important;
  border-color:#164865!important;
  color:#ffffff!important;
  box-shadow:inset -3px 0 0 #15c7f3!important;
}

body[data-theme="light"] .secura-nav-item.active .secura-nav-icon,
body.secura-light .secura-nav-item.active .secura-nav-icon,
body.theme-light .secura-nav-item.active .secura-nav-icon{
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
  color:#ffffff!important;
}

body[data-theme="light"] .ww93-date-filters,
body.secura-light .ww93-date-filters,
body.theme-light .ww93-date-filters{
  background:linear-gradient(180deg,#ffffff 0%,#f3f8fc 100%)!important;
  border-color:rgba(86,150,187,.28)!important;
  box-shadow:0 10px 24px rgba(30,77,104,.08)!important;
}

body[data-theme="light"] .ww93-date-filters label span,
body.secura-light .ww93-date-filters label span,
body.theme-light .ww93-date-filters label span{color:#56778c!important;}

body[data-theme="light"] .ww93-date-filters input,
body.secura-light .ww93-date-filters input,
body.theme-light .ww93-date-filters input{
  background:#ffffff!important;
  color:#17384e!important;
  border-color:#c8dbe7!important;
  box-shadow:none!important;
}

body[data-theme="light"] .ww93-date-filters input::-webkit-calendar-picker-indicator,
body.secura-light .ww93-date-filters input::-webkit-calendar-picker-indicator,
body.theme-light .ww93-date-filters input::-webkit-calendar-picker-indicator{filter:none!important;opacity:.8!important;}

body[data-theme="light"] .ww93-chart-card .panel-head h3,
body.secura-light .ww93-chart-card .panel-head h3,
body.theme-light .ww93-chart-card .panel-head h3{color:#12344a!important;}

body[data-theme="light"] .ww93-chart-card .panel-head small,
body.secura-light .ww93-chart-card .panel-head small,
body.theme-light .ww93-chart-card .panel-head small{color:#648196!important;}

body[data-theme="light"] .ww93-axis-line,
body.secura-light .ww93-axis-line,
body.theme-light .ww93-axis-line{stroke:rgba(109,143,165,.86)!important;stroke-width:1.15!important;shape-rendering:geometricPrecision;}

body[data-theme="light"] .ww93-axis-line-y,
body.secura-light .ww93-axis-line-y,
body.theme-light .ww93-axis-line-y{stroke-width:1.35!important;}

body[data-theme="light"] .ww93-axis-label,
body.secura-light .ww93-axis-label,
body.theme-light .ww93-axis-label{fill:#5b7a8f!important;font-size:10.5px!important;font-weight:600!important;}

body[data-theme="light"] .ww93-axis-title,
body.secura-light .ww93-axis-title,
body.theme-light .ww93-axis-title{fill:#17384f!important;font-size:11.5px!important;font-weight:700!important;}

body[data-theme="light"] .ww93-chart-area.current,
body.secura-light .ww93-chart-area.current,
body.theme-light .ww93-chart-area.current{fill:rgba(61,185,255,.07)!important;}

body[data-theme="light"] .ww93-chart-line.current,
body.secura-light .ww93-chart-line.current,
body.theme-light .ww93-chart-line.current{stroke:#12ace8!important;stroke-width:1.45!important;filter:none!important;}

body[data-theme="light"] .ww93-chart-line.previous,
body.secura-light .ww93-chart-line.previous,
body.theme-light .ww93-chart-line.previous{stroke:#e0aa2f!important;stroke-width:1.3!important;stroke-dasharray:5 4!important;filter:none!important;opacity:1!important;}

body[data-theme="light"] .ww93-last-line,
body.secura-light .ww93-last-line,
body.theme-light .ww93-last-line{stroke:rgba(18,172,232,.45)!important;}

body[data-theme="light"] .ww93-last-tag,
body.secura-light .ww93-last-tag,
body.theme-light .ww93-last-tag{fill:#4a687d!important;font-weight:700!important;}

body[data-theme="light"] .ww93-crosshair,
body.secura-light .ww93-crosshair,
body.theme-light .ww93-crosshair{stroke:rgba(70,142,189,.72)!important;}

body[data-theme="light"] .ww93-highlight.current,
body.secura-light .ww93-highlight.current,
body.theme-light .ww93-highlight.current{fill:#12ace8!important;stroke:#ffffff!important;stroke-width:1.2!important;}

body[data-theme="light"] .ww93-highlight.previous,
body.secura-light .ww93-highlight.previous,
body.theme-light .ww93-highlight.previous{fill:#e0aa2f!important;stroke:#ffffff!important;stroke-width:1.1!important;}

body[data-theme="light"] .ww93-chart-tooltip,
body.secura-light .ww93-chart-tooltip,
body.theme-light .ww93-chart-tooltip{
  background:linear-gradient(180deg,#ffffff 0%,#edf7ff 100%)!important;
  color:#113349!important;
  border:1px solid #6ab8ea!important;
  border-radius:10px!important;
  box-shadow:0 12px 28px rgba(26,83,120,.15)!important;
}

body[data-theme="light"] .ww93-chart-tooltip .ww93-tip-week,
body.secura-light .ww93-chart-tooltip .ww93-tip-week,
body.theme-light .ww93-chart-tooltip .ww93-tip-week{color:#103750!important;}

body[data-theme="light"] .ww93-chart-tooltip .c,
body.secura-light .ww93-chart-tooltip .c,
body.theme-light .ww93-chart-tooltip .c{color:#0d83c3!important;}

body[data-theme="light"] .ww93-chart-tooltip .p,
body.secura-light .ww93-chart-tooltip .p,
body.theme-light .ww93-chart-tooltip .p{color:#946500!important;}

.secura-nav-item{gap:10px}

.secura-nav-item.active .secura-nav-icon,.secura-nav-item:hover .secura-nav-icon{color:#1da8d8}

.secura-nav-item.active .app-ui-icon,.secura-nav-item:hover .app-ui-icon{color:inherit}

body[data-theme="dark"] .secura-nav-item.active .secura-nav-icon,body[data-theme="dark"] .secura-nav-item:hover .secura-nav-icon,body.theme-dark .secura-nav-item.active .secura-nav-icon,body.theme-dark .secura-nav-item:hover .secura-nav-icon{color:#88e5ff !important}

.secura-sidebar .secura-nav-icon{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  padding:0!important;
  border-radius:11px!important;
  overflow:visible!important;
  background:linear-gradient(150deg,#123a58,#0c2a42)!important;
  border:1px solid rgba(94,208,240,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
  transition:.18s;
}

.secura-sidebar .secura-nav-icon:has(.app-ui-icon-3d){
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

.secura-sidebar .secura-nav-icon .app-ui-icon-3d{
  width:34px!important;
  height:34px!important;
}

.secura-sidebar .secura-nav-icon .app-ui-icon:not(.app-ui-icon-3d){
  width:19px!important;
  height:19px!important;
  --ic1:#5fd4f4!important;
  --ic2:#8fe6ff!important;
  color:var(--ic1)!important;
}

.secura-sidebar .secura-nav-item:hover .secura-nav-icon,
.secura-sidebar .secura-nav-item.active .secura-nav-icon{
  border-color:rgba(94,208,240,.4)!important;
  background:linear-gradient(150deg,#164767,#0e3350)!important;
}

.secura-sidebar .secura-nav-item:hover .secura-nav-icon:has(.app-ui-icon-3d),
.secura-sidebar .secura-nav-item.active .secura-nav-icon:has(.app-ui-icon-3d){
  background:transparent!important;
}

@media (max-width:820px){
.secura-sidebar .secura-nav-icon{width:36px!important;height:36px!important;min-width:36px!important}
}

@media (max-width:820px){
.secura-sidebar .secura-nav-icon .app-ui-icon-3d{width:30px!important;height:30px!important}
}

.secura-sidebar .secura-nav-item.active{background:#0b2c44!important;border-color:#164865!important;color:#fff!important;}

body[data-theme="light"] .secura-nav-section.secura-admin-section,
body.secura-light .secura-nav-section.secura-admin-section,
body.theme-light .secura-nav-section.secura-admin-section{
  color:#9a5a00!important;
  background:linear-gradient(90deg,rgba(245,158,11,.13),rgba(245,158,11,.045))!important;
  border-color:rgba(217,119,6,.24)!important;
}

body[data-theme="light"] .secura-nav-section.secura-admin-section::before,
body[data-theme="light"] .secura-nav-section.secura-admin-section::after,
body.secura-light .secura-nav-section.secura-admin-section::before,
body.secura-light .secura-nav-section.secura-admin-section::after,
body.theme-light .secura-nav-section.secura-admin-section::before,
body.theme-light .secura-nav-section.secura-admin-section::after{
  background:linear-gradient(90deg,transparent,rgba(217,119,6,.45));
}

body[data-theme="light"] .secura-nav-section.secura-admin-section::after,
body.secura-light .secura-nav-section.secura-admin-section::after,
body.theme-light .secura-nav-section.secura-admin-section::after{
  background:linear-gradient(90deg,rgba(217,119,6,.45),transparent);
}

body[data-theme="light"] .v160-status-detail,body.secura-light .v160-status-detail,body.theme-light .v160-status-detail{color:#12384b;background:#e8f6fc}

body[data-theme="light"] .v160-diagnostic-grid>div,body[data-theme="light"] .v160-action,body.secura-light .v160-diagnostic-grid>div,body.secura-light .v160-action,body.theme-light .v160-diagnostic-grid>div,body.theme-light .v160-action{background:#f7fbfd}

.secura-topbar{position:fixed!important}

.secura-topbar-left{padding-left:172px!important}

@media (max-width:1180px){
.secura-topbar-left{padding-left:150px!important}
}

@media (max-width:900px){
.secura-topbar-left{padding-left:126px!important}
}

@media (max-width:620px){
.secura-topbar-left{padding-left:104px!important}
}

@media (min-width:1601px){
.secura-topbar{
    grid-template-columns:minmax(480px,1.05fr) minmax(650px,2.15fr) minmax(300px,.9fr)!important;
    column-gap:14px!important;
  }
}

@media (min-width:1601px){
.secura-topbar-left{padding-left:172px!important;gap:8px!important;overflow:visible!important}
}

@media (min-width:1321px) and (max-width:1600px){
.secura-topbar{
    grid-template-columns:minmax(445px,1.08fr) minmax(500px,1.95fr) minmax(280px,.9fr)!important;
    column-gap:10px!important;
  }
}

@media (min-width:1321px) and (max-width:1600px){
.secura-topbar-left{padding-left:146px!important;gap:7px!important}
}

@media (min-width:1321px) and (max-width:1600px){
.secura-date-box{display:none!important}
}

@media (min-width:1321px) and (max-width:1600px){
.secura-control-select,.secura-site-select{min-width:96px!important;padding-inline:9px!important}
}

@media (min-width:1051px) and (max-width:1320px){
.secura-topbar{
    grid-template-columns:minmax(410px,1.08fr) minmax(390px,1.65fr) minmax(250px,.88fr)!important;
    column-gap:8px!important;
  }
}

@media (min-width:1051px) and (max-width:1320px){
.secura-topbar-left{padding-left:136px!important;gap:6px!important}
}

@media (min-width:1051px) and (max-width:1320px){
.secura-date-box{display:none!important}
}

@media (min-width:1051px) and (max-width:1320px){
.secura-control-select,.secura-site-select{min-width:88px!important;padding-inline:7px!important}
}

@media (min-width:821px) and (max-width:1050px){
.secura-topbar{
    grid-template-columns:minmax(315px,1fr) minmax(300px,1.45fr) minmax(220px,.85fr)!important;
    column-gap:7px!important;
  }
}

@media (min-width:821px) and (max-width:1050px){
.secura-topbar-left{padding-left:100px!important;gap:5px!important}
}

@media (min-width:821px) and (max-width:1050px){
.secura-user-text{display:none!important}
}

@media (min-width:821px) and (max-width:1050px){
.secura-date-box,#resetHeaderBtn,#headerScope{display:none!important}
}

@media (min-width:821px) and (max-width:1050px){
.secura-site-select{min-width:82px!important;padding-inline:5px!important}
}

@media (min-width:821px) and (max-width:1050px){
.secura-search{min-width:140px!important}
}

@media (max-width:820px){
.secura-topbar-left{padding-left:90px!important;gap:5px!important}
}

@media (max-width:820px){
.secura-user-text{display:none!important}
}

.secura-topbar.settings-header-clean{
  grid-template-columns:minmax(360px,1fr) minmax(420px,1fr)!important;
}

.secura-topbar.settings-header-clean .secura-topbar-center{
  display:none!important;
}

.secura-topbar.settings-header-clean .secura-topbar-left{
  grid-column:1!important;
}

.secura-topbar.settings-header-clean .secura-topbar-right{
  grid-column:2!important;
  justify-content:flex-end!important;
}

@media (max-width:1050px){
.secura-topbar.settings-header-clean{grid-template-columns:auto 1fr!important}
}

@media (max-width:820px){
.secura-topbar.settings-header-clean{grid-template-columns:auto 1fr!important}
}