/*
 * IdeaStation Theme — Light & Clean with Bootstrap 5
 * Brand colors: #0066CC primary, clean white UI
 */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap');

:root {
  --is-primary:       #0066CC;
  --is-primary-light: #e8f1fb;
  --is-primary-dark:  #004fa3;
  --is-success:       #16a34a;
  --is-warning:       #d97706;
  --is-danger:        #dc2626;
  --is-bg:            #F0F4F8;
  --is-white:         #FFFFFF;
  --is-sidebar-bg:    #FFFFFF;
  --is-text:          #1a2035;
  --is-text-muted:    #6b7280;
  --is-text-light:    #9ca3af;
  --is-border:        #e5e7eb;
  --is-border-light:  #f3f4f6;
  --is-shadow:        0 1px 4px rgba(0,0,0,0.08);
  --is-shadow-md:     0 4px 20px rgba(0,0,0,0.10);
  --is-sidebar-w:     252px;  --is-topbar-h:      64px;
  --is-radius:        10px;
  --is-radius-sm:     6px;
}

*,*::before,*::after{box-sizing:border-box}

html,body{
  font-family:'Plus Jakarta Sans',system-ui,sans-serif!important;
  font-size:14px!important;
  color:var(--is-text)!important;
  background:var(--is-bg)!important;
  margin:0!important;padding:0!important;
  -webkit-font-smoothing:antialiased;
}
.mainBody,body.page-body{background:var(--is-bg)!important;background-image:none!important}
a{color:var(--is-primary);text-decoration:none}
a:hover{color:var(--is-primary-dark)}
h1,h2,h3,h4,h5,h6{font-family:'Plus Jakarta Sans',sans-serif!important;font-weight:600!important;color:var(--is-text)!important}

/* PAGE */
.page-container{background:var(--is-bg)!important;min-height:100vh}

/* ======================== SIDEBAR ======================== */
.page-container .sidebar-menu{
  background:var(--is-sidebar-bg)!important;
  border-right:1px solid var(--is-border)!important;
  width:var(--is-sidebar-w)!important;
  position:fixed!important;top:0!important;left:0!important;
  height:100vh!important;overflow-y:auto!important;overflow-x:hidden!important;
  z-index:1050!important;
  box-shadow:2px 0 12px rgba(0,0,0,0.06)!important;
  transition:width 0.25s ease!important;
  scrollbar-width:thin;scrollbar-color:var(--is-border) transparent
}
.page-container .sidebar-menu::-webkit-scrollbar{width:4px}
.page-container .sidebar-menu::-webkit-scrollbar-thumb{background:var(--is-border);border-radius:2px}

/* LOGO AREA */
.page-container .sidebar-menu .logo-env{
  background:var(--is-white)!important;
  border-bottom:1px solid var(--is-border)!important;
  padding:0 16px!important;
  height:var(--is-topbar-h)!important;min-height:var(--is-topbar-h)!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important
}
.page-container .sidebar-menu .logo-env .logo{
  flex:1!important;min-width:0!important;overflow:hidden!important;
  display:flex!important;align-items:center!important
}
.page-container .sidebar-menu .logo-env .logo a{
  display:flex!important;align-items:center!important;gap:10px!important;text-decoration:none!important
}
/* LOGO IMAGE FIX */
.page-container .sidebar-menu .logo-env .logo img,
.logo-env .logo a img,.logo-env img{
  max-width:150px!important;max-height:42px!important;
  width:auto!important;height:auto!important;
  object-fit:contain!important;display:block!important
}
.page-container .sidebar-menu .logo-env > div.sidebar-collapse a,
.page-container .sidebar-menu .logo-env > div.sidebar-mobile-menu a{
  color:var(--is-text-muted)!important;background:transparent!important;border:none!important;
  width:32px!important;height:32px!important;border-radius:var(--is-radius-sm)!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  font-size:18px!important;transition:all 0.15s!important;flex-shrink:0!important
}
.page-container .sidebar-menu .logo-env > div.sidebar-collapse a:hover,
.page-container .sidebar-menu .logo-env > div.sidebar-mobile-menu a:hover{
  background:var(--is-primary-light)!important;color:var(--is-primary)!important
}

/* MENU LIST */
.page-container .sidebar-menu #main-menu{
  background:transparent!important;padding:10px 0!important;margin:0!important;list-style:none!important
}

/* SEARCH */
.page-container .sidebar-menu #main-menu li#search{
  padding:0 10px 10px!important;border-bottom:1px solid var(--is-border-light)!important;margin-bottom:4px!important
}
.page-container .sidebar-menu #main-menu li#search .search-input{
  background:var(--is-bg)!important;border:1.5px solid var(--is-border)!important;
  color:var(--is-text)!important;border-radius:20px!important;
  padding:7px 34px 7px 14px!important;font-size:12.5px!important;
  width:100%!important;height:34px!important;
  font-family:'Plus Jakarta Sans',sans-serif!important;transition:all 0.2s!important
}
.page-container .sidebar-menu #main-menu li#search .search-input:focus{
  border-color:var(--is-primary)!important;outline:none!important;
  box-shadow:0 0 0 3px rgba(0,102,204,0.12)!important;background:var(--is-white)!important
}
.page-container .sidebar-menu #main-menu li#search .search-input::placeholder{color:var(--is-text-light)!important}
.page-container .sidebar-menu #main-menu li#search button{
  background:transparent!important;border:none!important;color:var(--is-text-muted)!important
}

/* MENU ITEMS */
.page-container .sidebar-menu #main-menu li{
  list-style:none!important;padding:0 8px!important;margin-bottom:2px!important
}
.page-container .sidebar-menu #main-menu li a{
  display:flex!important;align-items:center!important;gap:10px!important;
  padding:9px 12px!important;color:var(--is-text-muted)!important;
  font-size:13.5px!important;font-weight:500!important;text-decoration:none!important;
  border-radius:var(--is-radius-sm)!important;transition:all 0.15s ease!important;
  cursor:pointer!important;pointer-events:auto!important;white-space:nowrap!important;overflow:hidden!important
}
.page-container .sidebar-menu #main-menu li a:hover{
  background:var(--is-primary-light)!important;color:var(--is-primary)!important
}
.page-container .sidebar-menu #main-menu li.active > a{
  background:var(--is-primary)!important;color:#fff!important;font-weight:600!important;
  box-shadow:0 4px 12px rgba(0,102,204,0.28)!important
}
.page-container .sidebar-menu #main-menu li a i{
  font-size:15px!important;width:20px!important;text-align:center!important;flex-shrink:0!important
}
.page-container .sidebar-menu #main-menu li a span{
  flex:1!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important
}
.page-container .sidebar-menu #main-menu li.has-sub > a:before{display:none!important}
.page-container .sidebar-menu #main-menu li.has-sub > a::after{
  content:'\f105'!important;font-family:'FontAwesome'!important;font-size:12px!important;
  margin-left:auto!important;color:var(--is-text-light)!important;
  transition:transform 0.2s ease!important;flex-shrink:0!important
}
.page-container .sidebar-menu #main-menu li.has-sub.opened > a::after{
  transform:rotate(90deg)!important;color:var(--is-primary)!important
}
.page-container .sidebar-menu #main-menu li.active.has-sub > a::after{
  color:rgba(255,255,255,0.7)!important
}

/* SUBMENU */
.page-container .sidebar-menu #main-menu li ul{
  background:transparent!important;border-left:none!important;
  margin:2px 0 2px 30px!important;padding:0!important;list-style:none!important;display:none!important
}
.page-container .sidebar-menu #main-menu li ul.visible{display:block!important}
.page-container .sidebar-menu #main-menu li ul > li{padding:0!important;margin-bottom:1px!important}
.page-container .sidebar-menu #main-menu li ul > li > a{
  padding:7px 12px!important;font-size:13px!important;
  color:var(--is-text-muted)!important;font-weight:400!important
}
.page-container .sidebar-menu #main-menu li ul > li > a:hover{
  background:var(--is-primary-light)!important;color:var(--is-primary)!important
}
.page-container .sidebar-menu #main-menu li ul > li.active > a{
  background:var(--is-primary-light)!important;color:var(--is-primary)!important;font-weight:600!important
}
.page-container .sidebar-menu #main-menu li ul li ul{margin-left:16px!important}

/* COLLAPSED */
.page-container.sidebar-collapsed .sidebar-menu{width:60px!important}
.page-container.sidebar-collapsed .main-content{margin-left:60px!important}
.page-container.sidebar-collapsed .sidebar-menu #main-menu li a span{display:none!important}
.page-container.sidebar-collapsed .sidebar-menu #main-menu li a i{margin:0 auto!important}
.page-container.sidebar-collapsed .sidebar-menu #main-menu li.has-sub > a::after{display:none!important}
.page-container.sidebar-collapsed .logo-env img{max-width:32px!important;max-height:32px!important}

/* ======================== MAIN CONTENT ======================== */
.page-container .main-content{
  margin-left:252px!important;background:var(--is-bg)!important;
  min-height:100vh!important;transition:margin-left 0.25s ease!important;
  flex:1!important;float:none!important;width:auto!important;min-width:0!important
}

/* TOP BAR */
.page-container .main-content > div[style*="background-color:#373e4a"],
.page-container .main-content > div[style*="background-color: #373e4a"]{
  background:var(--is-white)!important;
  border-bottom:1px solid var(--is-border)!important;
  box-shadow:var(--is-shadow)!important
}

/* Topbar icons */
ul.neo-topbar-notification > li > a,
ul.neo-topbar-notification > li.profile-info > a{
  color:var(--is-text-muted)!important;background:var(--is-bg)!important;
  border:1.5px solid var(--is-border)!important;border-radius:50%!important;
  width:36px!important;height:36px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  padding:0!important;font-size:15px!important;transition:all 0.15s!important;margin:0 3px!important
}
ul.neo-topbar-notification > li > a:hover,
ul.neo-topbar-notification > li.profile-info > a:hover{
  background:var(--is-primary-light)!important;border-color:var(--is-primary)!important;color:var(--is-primary)!important
}

/* DROPDOWN */
.dropdown-menu{
  background:var(--is-white)!important;border:1px solid var(--is-border)!important;
  border-radius:var(--is-radius)!important;box-shadow:var(--is-shadow-md)!important;
  padding:6px!important;min-width:180px!important
}
.dropdown-menu > li > a,.dropdown-menu li a{
  color:var(--is-text)!important;padding:8px 14px!important;
  border-radius:var(--is-radius-sm)!important;font-size:13.5px!important;
  display:flex!important;align-items:center!important;gap:8px!important;transition:all 0.12s!important
}
.dropdown-menu > li > a:hover,.dropdown-menu li a:hover{
  background:var(--is-primary-light)!important;color:var(--is-primary)!important
}
.dropdown-menu > .caret,.dropdown-menu li.caret{display:none!important}

/* BREADCRUMB */
.breadcrumb,ol.breadcrumb{
  background:var(--is-white)!important;border-bottom:1px solid var(--is-border)!important;
  border-radius:0!important;padding:12px 24px!important;margin:0!important;
  list-style:none!important;display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:2px!important
}
.breadcrumb > li,ol.breadcrumb > li{font-size:12.5px!important;color:var(--is-text-muted)!important;display:flex!important;align-items:center!important}
.breadcrumb > li + li::before,ol.breadcrumb > li + li::before{content:'›'!important;padding:0 6px!important;color:var(--is-text-light)!important}
.breadcrumb a,ol.breadcrumb a{color:var(--is-text-muted)!important;font-size:12.5px!important;transition:color 0.15s!important}
.breadcrumb a:hover,ol.breadcrumb a:hover{color:var(--is-primary)!important}
ol.breadcrumb .active strong,.breadcrumb .active strong{color:var(--is-text)!important;font-weight:600!important}
#tenant-help a,#tenant-sticky a{
  color:var(--is-text-muted)!important;font-size:14px!important;
  padding:4px 6px!important;border-radius:var(--is-radius-sm)!important;transition:all 0.15s!important
}
#tenant-help a:hover,#tenant-sticky a:hover{background:var(--is-primary-light)!important;color:var(--is-primary)!important}

/* CONTENT BOX */
#neo-contentbox{padding:24px!important;background:transparent!important}
#neo-contentbox-maincolumn,.neo-module-content{background:transparent!important}

/* PANELS */
.panel,div.panel{
  background:var(--is-white)!important;border:1px solid var(--is-border)!important;
  border-radius:var(--is-radius)!important;box-shadow:var(--is-shadow)!important;margin-bottom:20px!important
}
.panel-heading{
  background:var(--is-white)!important;border-bottom:1px solid var(--is-border)!important;
  padding:14px 20px!important;color:var(--is-text)!important;font-weight:600!important;
  font-size:14px!important;border-radius:var(--is-radius) var(--is-radius) 0 0!important
}
.panel-body{padding:20px!important}
.panel-footer{
  background:var(--is-bg)!important;border-top:1px solid var(--is-border)!important;
  padding:12px 20px!important;border-radius:0 0 var(--is-radius) var(--is-radius)!important
}

/* TABLES */
table,.table{background:var(--is-white)!important;color:var(--is-text)!important;width:100%!important}
.table th,th,.table thead th{
  background:#f8fafc!important;color:var(--is-text-muted)!important;font-weight:600!important;
  font-size:11.5px!important;text-transform:uppercase!important;letter-spacing:0.6px!important;
  border-bottom:2px solid var(--is-border)!important;padding:11px 16px!important;white-space:nowrap!important
}
.table td,td{
  border-bottom:1px solid var(--is-border-light)!important;padding:11px 16px!important;
  color:var(--is-text)!important;vertical-align:middle!important;background:var(--is-white)!important
}
.table tbody tr:hover td,tr:hover td{background:var(--is-primary-light)!important}

/* FORMS */
input[type="text"],input[type="password"],input[type="email"],
input[type="number"],input[type="search"],input[type="url"],input[type="tel"],
select,textarea{
  background:var(--is-white)!important;border:1.5px solid var(--is-border)!important;
  color:var(--is-text)!important;border-radius:var(--is-radius-sm)!important;
  padding:8px 12px!important;font-family:'Plus Jakarta Sans',sans-serif!important;
  font-size:13.5px!important;height:38px!important;transition:all 0.2s!important;width:100%!important
}
input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,
input[type="number"]:focus,select:focus,textarea:focus{
  border-color:var(--is-primary)!important;
  box-shadow:0 0 0 3px rgba(0,102,204,0.12)!important;outline:none!important
}
input:focus,textarea:focus,select:focus{
  background-color:var(--is-white)!important;border-color:var(--is-primary)!important;
  box-shadow:0 0 0 3px rgba(0,102,204,0.12)!important;outline:none!important
}
textarea{height:auto!important;min-height:90px!important}
input[type="checkbox"],input[type="radio"]{width:auto!important;height:auto!important;accent-color:var(--is-primary)!important}
label{color:var(--is-text)!important;font-size:13px!important;font-weight:500!important;margin-bottom:5px!important;display:block!important}
.form-control{border:1.5px solid var(--is-border)!important;border-radius:var(--is-radius-sm)!important;font-family:'Plus Jakarta Sans',sans-serif!important;color:var(--is-text)!important}
.form-control:focus{border-color:var(--is-primary)!important;box-shadow:0 0 0 3px rgba(0,102,204,0.12)!important}
.input-group-addon{
  background:#f8fafc!important;border:1.5px solid var(--is-border)!important;
  color:var(--is-text-muted)!important;border-radius:var(--is-radius-sm) 0 0 var(--is-radius-sm)!important;
  padding:8px 12px!important
}

/* BUTTONS */
input[type="submit"],input[type="button"],button,.btn{
  font-family:'Plus Jakarta Sans',sans-serif!important;font-size:13.5px!important;
  font-weight:600!important;border-radius:var(--is-radius-sm)!important;
  padding:8px 18px!important;height:38px!important;cursor:pointer!important;
  transition:all 0.15s ease!important;display:inline-flex!important;
  align-items:center!important;gap:6px!important;border:1.5px solid transparent!important;white-space:nowrap!important
}
.btn-primary,input[type="submit"]{
  background:var(--is-primary)!important;border-color:var(--is-primary)!important;color:#fff!important
}
.btn-primary:hover,input[type="submit"]:hover{
  background:var(--is-primary-dark)!important;border-color:var(--is-primary-dark)!important;
  box-shadow:0 4px 14px rgba(0,102,204,0.35)!important;transform:translateY(-1px)!important
}
.btn-default,.btn-secondary{background:var(--is-white)!important;border-color:var(--is-border)!important;color:var(--is-text)!important}
.btn-default:hover,.btn-secondary:hover{background:var(--is-bg)!important;border-color:var(--is-primary)!important;color:var(--is-primary)!important}
.btn-danger{background:var(--is-danger)!important;border-color:var(--is-danger)!important;color:#fff!important}
.btn-success{background:var(--is-success)!important;border-color:var(--is-success)!important;color:#fff!important}
.btn-warning{background:var(--is-warning)!important;border-color:var(--is-warning)!important;color:#fff!important}
.btn-block{width:100%!important;justify-content:center!important}
.btn-login{height:46px!important;font-size:15px!important;border-radius:var(--is-radius)!important;letter-spacing:0.3px!important}

/* ALERTS */
.div_msg_errors{
  background:#fef2f2!important;border:1px solid #fecaca!important;
  border-left:4px solid var(--is-danger)!important;border-radius:var(--is-radius-sm)!important;
  padding:12px 16px!important;margin:12px 24px!important;color:#991b1b!important
}
.form-login-error{
  background:#fef2f2!important;border:1px solid #fecaca!important;
  border-left:4px solid var(--is-danger)!important;color:#991b1b!important;
  border-radius:var(--is-radius-sm)!important;padding:10px 14px!important;margin-bottom:16px!important
}

/* FOOTER */
footer.main{
  background:var(--is-white)!important;border-top:1px solid var(--is-border)!important;
  color:var(--is-text-muted)!important;font-size:12px!important;
  padding:12px 24px!important;margin-left:0!important;text-align:center!important
}
footer.main a{color:var(--is-text-muted)!important}
footer.main a:hover{color:var(--is-primary)!important}

/* MODALS */
.neo-modal-issabel-popup-box{
  background:var(--is-white)!important;border:1px solid var(--is-border)!important;
  border-radius:16px!important;box-shadow:0 20px 60px rgba(0,0,0,0.15)!important
}
.neo-modal-issabel-popup-blockmask{background:rgba(0,0,0,0.45)!important;backdrop-filter:blur(2px)!important}

/* MISC */
.neo-topbar-notification-badge{background:var(--is-danger)!important;color:#fff!important;border-radius:10px!important;font-size:10px!important;font-weight:700!important}
.notification-info a{color:var(--is-primary)!important}
.notification-warning a{color:var(--is-warning)!important}
.notification-danger a{color:var(--is-danger)!important}
*{scrollbar-width:thin;scrollbar-color:var(--is-border) transparent}
*::-webkit-scrollbar{width:6px;height:6px}
*::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}
#neo-headerbox,#neo-logobox,#neo-topbar,#neo-toptools,#neo-cmenubox{display:none!important}
#chat{background:var(--is-white)!important;border-left:1px solid var(--is-border)!important;box-shadow:-2px 0 8px rgba(0,0,0,0.06)!important}
.chat-header{background:var(--is-white)!important;border-bottom:1px solid var(--is-border)!important;color:var(--is-text)!important;padding:16px 20px!important}
.text-muted{color:var(--is-text-muted)!important}
hr{border-color:var(--is-border)!important;margin:16px 0!important}
code,pre{font-size:12px!important;background:#f1f5f9!important;color:#0f172a!important;border:1px solid var(--is-border)!important;border-radius:var(--is-radius-sm)!important}
.exportButton{background:var(--is-white)!important;border:1.5px solid var(--is-border)!important;color:var(--is-text)!important;border-radius:var(--is-radius-sm)!important}
.subMenu{background:var(--is-white)!important;border:1px solid var(--is-border)!important;border-radius:var(--is-radius)!important;box-shadow:var(--is-shadow-md)!important}
.loading-overlay,.loadingoverlay{background:rgba(255,255,255,0.88)!important;backdrop-filter:blur(2px)!important}
.fa,[class^="entypo-"],[class*=" entypo-"]{line-height:inherit!important}