@font-face{font-family:"NexCom Extended";src:url("/assets/nexcom_branding/fonts/eurostile-extended-regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"NexCom Extended";src:url("/assets/nexcom_branding/fonts/eurostile-extended-bold.woff") format("woff");font-weight:600 900;font-style:normal;font-display:swap}

:root,html[data-theme="dark"],html[data-theme-mode="dark"]{
 color-scheme:dark!important;--ink:#02070e;--navy:#061321;--panel:#081a2a;--panel-2:#0b2235;--cyan:#45d6ff;--blue:#1684d9;--gold:#cfab60;--gold-bright:#e1c179;--ice:#edf8ff;--muted:#8da9b9;--muted-light:#a9c0cc;--display-font:"NexCom Extended","Eurostile Extended","Microgramma D Extended",Michroma,sans-serif;--body-font:"Avenir Next",Avenir,Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--nex-line:rgba(69,214,255,.2);--nex-line-gold:rgba(207,171,96,.34);
 --bg-color:var(--ink)!important;--fg-color:var(--panel)!important;--navbar-bg:rgba(6,19,33,.97)!important;--card-bg:var(--panel)!important;--control-bg:var(--panel-2)!important;--control-bg-on-gray:#0d273b!important;--surface-menu:var(--panel)!important;--surface-modal:var(--panel)!important;--surface-cards:var(--panel)!important;--surface-white:var(--panel)!important;--surface-gray-1:#071725!important;--surface-gray-2:#0a1d2e!important;--surface-gray-3:#0d273b!important;--surface-gray-4:#12344e!important;--sidebar-select-color:rgba(207,171,96,.13)!important;--sidebar-hover-color:rgba(207,171,96,.08)!important;--sidebar-active-color:rgba(207,171,96,.14)!important;--border-color:var(--nex-line)!important;--dark-border-color:rgba(69,214,255,.3)!important;--text-color:var(--ice)!important;--text-muted:var(--muted)!important;--text-light:var(--muted-light)!important;--primary:var(--gold)!important;--blue-500:var(--gold)!important;--blue-600:#b89045!important;--btn-primary:var(--gold)!important
}
html,body{min-height:100%;background:var(--ink)!important}
body,input,select,textarea,.ql-editor,.list-row,.form-layout,.grid-body,.datatable{color:var(--ice)!important;font-family:var(--body-font)!important}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.38;background-image:linear-gradient(rgba(69,214,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(69,214,255,.028) 1px,transparent 1px),radial-gradient(circle at 80% 10%,rgba(22,132,217,.12),transparent 34%);background-size:32px 32px,32px 32px,100% 100%}
body>*{position:relative}

h1,h2,h3,h4,h5,h6,.page-title,.title-text,.page-head .title-area,.widget-head .widget-title,.widget-title,.modal-title,.section-head,.form-section .section-head,.workspace-section .section-title,.workspace-title,.onb-title,.desk-sidebar .standard-sidebar-label,.standard-sidebar-item .sidebar-item-label,.desktop-icon .widget-title,.shortcut-widget-box .widget-title,.links-widget-box .widget-title,.navbar .nav-link,.dropdown-item,.btn,button,.badge,.tag,.indicator-pill{font-family:var(--display-font)!important}
h1,h2,h3,h4,h5,h6,.page-title,.title-text,.widget-head .widget-title,.widget-title,.modal-title,.section-head,.workspace-title,.onb-title{color:var(--ice)!important;letter-spacing:.025em}
p,.text-muted,.text-extra-muted,.description,.help,.help-box,.form-text,.small,small,.control-label .help,.comment-content .content,.timeline-message-box{color:var(--muted)!important}
a,.link-content,.list-row-head .level-item{color:var(--muted-light)!important}
a:hover,a:focus,.text-primary,.indicator-pill.blue,.indicator-pill.orange,.indicator-pill.yellow,.indicator-pill.amber{color:var(--gold)!important}

.navbar,.navbar.navbar-light{min-height:58px;background:var(--navbar-bg)!important;border-bottom:1px solid var(--nex-line)!important;box-shadow:0 10px 30px rgba(0,0,0,.26);backdrop-filter:blur(16px)}
.navbar .navbar-brand,.navbar .app-logo{min-width:178px;display:flex;align-items:center}
.navbar .navbar-brand img,.navbar img[alt="NexCom ERP"],.navbar img[alt="App Logo"],.desktop-navbar .navbar-home img{width:220px!important;height:46px!important;max-width:220px!important;object-fit:cover!important;object-position:center 52%!important}
.desktop-navbar .navbar-home{position:relative;width:220px!important;min-width:220px!important;height:48px!important;overflow:hidden!important}
.desktop-navbar .navbar-home::after{content:"";position:absolute;left:22px;bottom:0;width:72px;height:2px;background:linear-gradient(90deg,var(--gold),var(--gold-bright));box-shadow:0 0 8px rgba(207,171,96,.24)}

.page-container,.layout-main-section,.layout-main-section-wrapper,.desk-page,.form-page,.list-row-container,.standard-filter-section,.widget-group,.page-card{background-color:transparent!important}
.layout-main-section,.widget,.dashboard-widget-box,.form-dashboard-section,.form-section.card-section,.page-card,.modal-content,.dropdown-menu,.list-row-container,.frappe-card,.workspace-sidebar{border-color:var(--nex-line)!important}
.widget,.dashboard-widget-box,.form-section.card-section,.page-card,.modal-content,.dropdown-menu,.frappe-card,.shortcut-widget-box,.links-widget-box{color:var(--ice)!important;background:linear-gradient(150deg,rgba(11,34,53,.97),rgba(8,26,42,.98))!important;box-shadow:0 14px 40px rgba(0,0,0,.22)}
.widget:hover,.shortcut-widget-box:hover,.links-widget-box:hover,.list-row:hover,.dropdown-item:hover,.standard-sidebar-item:hover{border-color:var(--nex-line-gold)!important;background-color:rgba(207,171,96,.07)!important}
.shortcut-widget-box .widget-title,.links-widget-box .link-item,.links-widget-box .link-content,.workspace-section .section-title,.workspace-section .widget-title,.widget .widget-title,.widget .link-item,.widget .link-item a{color:var(--ice)!important}
.shortcut-widget-box:hover .widget-title,.links-widget-box .link-item:hover,.links-widget-box .link-item:hover a,.widget .link-item:hover,.widget .link-item:hover a{color:var(--gold-bright)!important}

.desk-sidebar,.layout-side-section,.workspace-sidebar,.user-profile-sidebar,.body-sidebar{color:var(--muted-light)!important;background:linear-gradient(180deg,#061321 0%,#04101b 100%)!important;border-color:var(--nex-line)!important}
.standard-sidebar-item,.standard-sidebar-item .sidebar-item-label,.desk-sidebar .standard-sidebar-label,.user-profile-sidebar .ellipsis,.user-profile-sidebar .sidebar-item-label{color:var(--muted-light)!important}
.standard-sidebar-item:hover,.standard-sidebar-item:hover .sidebar-item-label{color:var(--ice)!important}
.standard-sidebar-item.selected,.standard-sidebar-item.active,.standard-sidebar-item.active-sidebar,.standard-sidebar-item.selected .sidebar-item-label,.standard-sidebar-item.active .sidebar-item-label,.standard-sidebar-item.active-sidebar .sidebar-item-label,.desk-sidebar-item.selected,.desk-sidebar-item.active{color:var(--gold)!important;background:rgba(207,171,96,.12)!important;box-shadow:inset 2px 0 0 var(--gold)}
.page-head .breadcrumb-item,.page-head .breadcrumb-item a,.navbar .nav-link,.navbar .dropdown-toggle,.dropdown-menu .dropdown-item,.menu-item-label{color:var(--muted-light)!important}
.page-head .breadcrumb-item.active,.page-head .breadcrumb-item:last-child,.navbar .nav-link:hover,.navbar .nav-link:focus,.dropdown-menu .dropdown-item:hover,.dropdown-menu .dropdown-item:focus{color:var(--gold)!important}

.btn-primary,.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled).active{color:#03111b!important;background:linear-gradient(135deg,var(--gold),var(--gold-bright))!important;border-color:var(--gold)!important;box-shadow:0 0 0 1px rgba(207,171,96,.18),0 8px 24px rgba(207,171,96,.16);font-weight:700}
.btn-secondary,.btn-default,.btn-light{color:var(--ice)!important;background:var(--panel-2)!important;border-color:var(--nex-line)!important}
.btn-secondary:hover,.btn-default:hover,.btn-light:hover{color:var(--gold)!important;border-color:var(--nex-line-gold)!important;background:#0d273b!important}
.form-control,.input-with-feedback,.awesomplete>input,.ql-editor,.control-input,.search-bar .awesomplete input{color:var(--ice)!important;background:rgba(11,34,53,.94)!important;border-color:var(--nex-line)!important}
.form-control::placeholder,input::placeholder,textarea::placeholder{color:var(--muted)!important}
.form-control:focus,.input-with-feedback:focus,.awesomplete>input:focus,.control-input:focus-within{border-color:var(--cyan)!important;box-shadow:0 0 0 2px rgba(69,214,255,.13)!important}
.control-label,.grid-heading-row,.list-row-head,.list-header-subject,.form-group label,.filter-label,.field-label{color:var(--muted-light)!important}
.list-row .level-item,.list-row .ellipsis,.grid-row .data-row,.dt-cell__content,.control-value,.like-disabled-input{color:var(--ice)!important}
.indicator-pill,.badge,.tag{border:1px solid var(--nex-line-gold)}
.onb-panel{color:var(--ice)!important;background:linear-gradient(150deg,rgba(11,34,53,.98),rgba(8,26,42,.99))!important;border:1px solid var(--nex-line-gold)!important;box-shadow:0 18px 50px rgba(0,0,0,.34)!important}
.onb-panel .onb-title,.onb-panel .onb-step,.onb-panel .onb-step-text{color:var(--ice)!important}
.onb-panel .onb-description,.onb-panel .onb-step-status{color:var(--muted)!important}

/* HR, payroll, attendance, leave and recruitment surfaces. */
.hrms-card,.employee-profile,.attendance-dashboard,.shift-dashboard,.payroll-dashboard,.roster-page,.hrms-page{color:var(--ice)!important;background:linear-gradient(150deg,rgba(11,34,53,.97),rgba(8,26,42,.98))!important;border-color:var(--nex-line)!important}
.hrms-card h1,.hrms-card h2,.hrms-card h3,.employee-profile h1,.employee-profile h2,.attendance-dashboard h1,.payroll-dashboard h1,.roster-page h1{color:var(--ice)!important;font-family:var(--display-font)!important}
.hrms-card svg,.employee-profile svg,.attendance-dashboard svg,.shift-dashboard svg,.payroll-dashboard svg,.roster-page svg{color:var(--gold)!important;stroke:currentColor!important}
img[src*="/hrms/images/frappe-hr-logo"]{content:url("/assets/nexcom_branding/images/nexcommand-icon.png")!important;object-fit:contain!important}

/* Gold title rules used throughout workspaces and the main launcher. */
.links-widget-box .widget-title,.shortcut-widget-box .widget-title{position:relative;display:inline-block;padding-bottom:8px;font-family:var(--display-font)!important;color:var(--ice)!important}
.links-widget-box .widget-title::after,.shortcut-widget-box .widget-title::after{content:"";position:absolute;left:0;bottom:1px;width:48px;height:2px;background:linear-gradient(90deg,var(--gold),var(--gold-bright));box-shadow:0 0 8px rgba(207,171,96,.24)}
.desktop-icon .icon-caption,.desktop-icon .icon-title{font-family:var(--display-font)!important;color:var(--muted-light)!important;letter-spacing:.02em}
.desktop-icon .icon-title{position:relative;display:inline-block;padding:0 2px 9px}
.desktop-icon .icon-title::after{content:"";position:absolute;left:50%;bottom:1px;width:44px;height:2px;transform:translateX(-50%);background:linear-gradient(90deg,var(--gold),var(--gold-bright));box-shadow:0 0 8px rgba(207,171,96,.24)}
.desktop-icon:hover .icon-title{color:var(--ice)!important}
.desktop-icon:hover .icon-title::after{width:58px}

img.app-icon,img[src*="/desktop_icons/"],#slim-sidebar img.slim-svg-icon,.sidebar-item-icon img,.onb-title-icon img{filter:none!important}
.sidebar-item-icon svg,.onb-title-icon svg,.desktop-icon svg,.widget svg{color:var(--gold)!important;stroke:currentColor!important}
.desktop-icon .icon-container,.desktop-icon .icon-wrapper{border-color:var(--nex-line-gold)!important;background:rgba(207,171,96,.08)!important}
.desktop-icon:hover .icon-container,.desktop-icon:hover .icon-wrapper{background:rgba(207,171,96,.16)!important;box-shadow:0 0 20px rgba(207,171,96,.16)}

#slim-sidebar{background:linear-gradient(180deg,#061321 0%,#02070e 100%)!important;border-right:1px solid rgba(207,171,96,.34)!important;box-shadow:12px 0 34px rgba(0,0,0,.28)}
#slim-sidebar .slim-icon-wrapper,#slim-sidebar .slim-home-icon,#slim-sidebar .slim-edit-icon{color:var(--gold)!important;border:1px solid transparent}
#slim-sidebar .slim-icon-wrapper:hover:not(.active),#slim-sidebar .slim-home-icon:hover,#slim-sidebar .slim-edit-icon:hover{color:var(--gold-bright)!important;background:rgba(207,171,96,.09)!important;border-color:rgba(207,171,96,.24)!important}
#slim-sidebar .slim-icon-wrapper.active{color:#03111b!important;background:linear-gradient(135deg,var(--gold),#e6c77f)!important;border-color:#efd28b!important;box-shadow:0 0 18px rgba(207,171,96,.28)!important}
#slim-sidebar .slim-icon-wrapper.active img.slim-svg-icon{filter:brightness(0) saturate(100%) invert(5%) sepia(31%) saturate(1579%) hue-rotate(163deg) brightness(97%) contrast(102%)!important}
#slim-sidebar .slim-icon-wrapper.active svg,#slim-sidebar .slim-icon-wrapper.active .icon use,#slim-sidebar .slim-icon-wrapper.active i,#slim-sidebar .slim-icon-wrapper.active .slim-text-icon{color:#03111b!important;stroke:#03111b!important}
#slim-sidebar .nexcom-hr-nav img.nexcom-hr-icon{width:26px!important;height:26px!important;object-fit:contain!important;opacity:1!important;filter:none!important}
.sidebar-header .header-logo img[alt="NexCom HR"]{width:34px!important;height:34px!important;object-fit:contain!important;border-radius:8px!important;filter:none!important}
#slim-sidebar .slim-branding{color:var(--gold)!important;font-family:var(--display-font)!important;font-size:8px!important;font-weight:800!important;letter-spacing:.12em!important}
#slim-sidebar .slim-divider,#slim-sidebar .slim-bottom-section::before{background:rgba(207,171,96,.35)!important}

.for-login,.for-forgot,.for-signup,.web-form-page{background:var(--ink)!important}
.for-login .page-card,.for-forgot .page-card,.for-signup .page-card{max-width:430px;border:1px solid var(--nex-line-gold)!important;border-radius:10px!important}
.for-login .app-logo,.for-forgot .app-logo,.for-signup .app-logo,.login-content .app-logo{width:min(360px,88%)!important;height:auto!important;max-height:112px!important;object-fit:contain}
.page-card-head h4,.login-content h4{color:var(--ice)!important;font-family:var(--display-font)!important;letter-spacing:.08em;text-transform:uppercase}
#freeze,.freeze-ui,.splash,#splash-screen{background:rgba(2,7,14,.94)!important;backdrop-filter:blur(8px)}
.splash img,#splash-screen img,.freeze-message img{width:min(360px,70vw)!important;height:auto!important;max-height:120px!important;object-fit:contain;filter:drop-shadow(0 0 22px rgba(207,171,96,.18))}
.spinner-border,.loading-dots,.freeze-message .indicator{color:var(--gold)!important}
.theme-switcher,[data-label="Switch Theme"],[data-action="switch-theme"]{display:none!important}

@media(max-width:768px){body{padding-left:0!important}#slim-sidebar{display:none!important}.navbar .navbar-brand{min-width:54px}.navbar .navbar-brand img,.navbar img[alt="NexCom ERP"],.navbar img[alt="App Logo"]{width:42px!important;height:42px!important;object-fit:cover!important;object-position:left}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
