/* Shaheen Afraad | Lux Gold unified theme v4
   Global design layer. Never changes business logic, HTML names, chart data or form actions.
   Text-heavy pages use warm ivory surfaces; navigation and executive dashboard use charcoal/gold.
*/
:root {
 --sx-bg:#141817;--sx-bg2:#232725;--sx-panel:#242827;--sx-panel2:#2b2c28;
 --sx-gold:#e5bd59;--sx-goldlight:#fff1b6;--sx-golddeep:#a97712;
 --sx-cream:#fffaf0;--sx-line:rgba(236,196,100,.32);--sx-muted:#9da7a5;
 --sx-shadow:0 17px 46px rgba(0,0,0,.22),0 1px 0 rgba(255,235,177,.12) inset;
}
html {scroll-behavior:smooth}
body.shaheen-luxe {background:radial-gradient(ellipse at 10% 0%,rgba(163,116,34,.14),transparent 42%),linear-gradient(135deg,#111514,#212522)!important;color:#f0e9d8!important;font-family:Cairo,Tahoma,Arial,sans-serif!important}
body.shaheen-luxe :is(button,input,select,textarea) {font-family:inherit}
body.shaheen-luxe :focus-visible{outline:3px solid #e6ba55!important;outline-offset:3px}
body.shaheen-luxe .app-admin-wrap,body.shaheen-luxe .main-content-wrap {background:transparent!important}
body.shaheen-luxe .main-content {min-width:0;padding-top:26px;animation:sx-appear .42s both}
/* top bar: keep pre-existing dropdowns, bells and permissions as implemented */
body.shaheen-luxe .main-header {background:linear-gradient(110deg,#171b1b,#252b29 62%,#171919)!important;border-bottom:1px solid var(--sx-line)!important;box-shadow:0 12px 34px #0007!important;color:#fff1d3;backdrop-filter:blur(18px)}
body.shaheen-luxe .main-header .logo {border-inline-end:1px solid rgba(238,195,99,.17)}
body.shaheen-luxe .main-header .logo img {max-height:55px;object-fit:contain;filter:drop-shadow(0 3px 6px #0008)}
body.shaheen-luxe .main-header .header-icon,body.shaheen-luxe .main-header .text-muted,body.shaheen-luxe .main-header .nav-link,body.shaheen-luxe .main-header .menu-toggle {color:#e7d8b1!important}
body.shaheen-luxe .main-header .menu-toggle>div {background:#ddb95f!important}
body.shaheen-luxe :is(#notifBell,#mobileRequestsBell) {position:relative;color:#f3d17b!important;border-radius:15px;padding:8px;transition:transform .25s,filter .25s}
body.shaheen-luxe :is(#notifBell,#mobileRequestsBell):hover {filter:drop-shadow(0 0 9px #ffd774);transform:translateY(-2px)}
body.shaheen-luxe :is(#notifBadge,#mobileRequestsBadge,.badge-danger,.bg-danger) {box-shadow:0 0 0 2px #222,0 0 13px #c84543aa}
/* sidebar: preserve original template's positioning and click targets */
body.shaheen-luxe .side-content-wrap .sidebar-left,body.shaheen-luxe .side-content-wrap .sidebar-left-secondary {--sb-bg1:#161b1a;--sb-bg2:#242927;--sb-card:rgba(255,221,141,.03);--sb-cardHover:rgba(244,191,85,.11);--sb-stroke:rgba(245,208,132,.16);--sb-text:#fff3d7;--sb-muted:#d6c4a1;background:linear-gradient(165deg,#151919,#292a25 60%,#181b19)!important;border-color:var(--sx-line)!important;box-shadow:15px 0 45px #0006!important}
body.shaheen-luxe .side-content-wrap .sidebar-left:before {background:radial-gradient(circle at 50% 0%,rgba(243,180,64,.14),transparent 64%)!important;filter:none!important}
body.shaheen-luxe .side-content-wrap :is(.navigation-left .nav-item .nav-item-hold,.sidebar-left-secondary .childNav .nav-item a){background:linear-gradient(145deg,rgba(255,245,212,.045),rgba(255,199,69,.015))!important;border:1px solid rgba(233,193,106,.16)!important;border-radius:15px!important;color:#eadbb9!important;box-shadow:0 4px 12px #0003!important;transition:background .23s,transform .23s,box-shadow .23s!important}
body.shaheen-luxe .side-content-wrap :is(.navigation-left .nav-item .nav-item-hold:hover,.sidebar-left-secondary .childNav .nav-item a:hover){background:linear-gradient(120deg,rgba(254,211,106,.18),rgba(190,127,25,.08))!important;border-color:rgba(255,227,142,.55)!important;transform:translateY(-2px);box-shadow:0 12px 22px #0007,0 0 13px #c7a14b38!important}
body.shaheen-luxe .side-content-wrap .navigation-left .nav-item.active .nav-item-hold,body.shaheen-luxe .side-content-wrap .sidebar-left-secondary .childNav .nav-item a.open{background:linear-gradient(125deg,#ffe69c,#d29f31 60%,#9b6819)!important;box-shadow:0 5px 16px #bd892c77,0 1px 0 #fff8 inset!important;border-color:#ffe2a0!important}
body.shaheen-luxe .side-content-wrap .navigation-left .nav-item.active :is(.nav-icon,.nav-text),body.shaheen-luxe .side-content-wrap .sidebar-left-secondary .childNav .nav-item a.open * {color:#31250e!important}
body.shaheen-luxe .side-content-wrap :is(.nav-item .nav-text,.nav-item .item-name,.nav-icon){color:#eadfca!important}
body.shaheen-luxe .side-content-wrap .navigation-left .nav-item.active :is(.nav-icon,.nav-text){color:#32220d!important}
/* unified screen panels, safe contrast for large tables/forms */
body.shaheen-luxe .main-content :is(.card,.panel,.widget,.list-group,.accordion-item){border-radius:20px!important;border:1px solid rgba(228,191,110,.27)!important;background:linear-gradient(146deg,#fffdf8,#f7f1e5)!important;color:#332e24!important;box-shadow:var(--sx-shadow)!important;transition:box-shadow .25s,transform .25s}
body.shaheen-luxe .main-content .card:hover {box-shadow:0 22px 44px #0005,0 0 0 1px #f2c96b50!important}
body.shaheen-luxe .main-content :is(.card-header,.panel-heading,.card-footer){background:linear-gradient(105deg,#fff7e6,#f4e5c8)!important;border-color:#e7d8b5!important;border-radius:16px;color:#463515!important}
body.shaheen-luxe .main-content :is(.card-title,h1,h2,h3,h4,h5) {color:#9d6b1c;font-weight:800}
body.shaheen-luxe .main-content :is(label,.text-muted,small) {color:#786f5c}
body.shaheen-luxe .main-content :is(a:not(.btn),.page-link) {color:#a5751a}
body.shaheen-luxe .main-content :is(a:not(.btn):hover,.page-link:hover){color:#d7a135}
body.shaheen-luxe .main-content :is(.btn-primary,.btn-raised-primary,.page-item.active .page-link) {background:linear-gradient(135deg,#ffeaa3,#dfb64a 52%,#b47b1e)!important;border:1px solid #b8892b!important;color:#30200e!important;box-shadow:0 7px 17px rgba(156,105,26,.26),0 1px 0 #fff9 inset!important;font-weight:800;transition:transform .2s,box-shadow .2s!important}
body.shaheen-luxe .main-content :is(.btn-primary,.btn-raised-primary):hover {transform:translateY(-2px);box-shadow:0 12px 24px #b9873780!important}
body.shaheen-luxe .main-content :is(.btn-secondary,.btn-light){background:#30332f!important;color:#f6e7c7!important;border-color:#b39450!important}
body.shaheen-luxe .main-content :is(.form-control,.custom-select,.form-select,textarea,select){border:1px solid #decfae!important;background:#fffcf6!important;color:#322d25!important;border-radius:12px!important;min-height:39px}
body.shaheen-luxe .main-content :is(.form-control,.custom-select,.form-select,textarea,select):focus{border-color:#c39840!important;box-shadow:0 0 0 3px #f1d58c70!important}
body.shaheen-luxe .main-content :is(.table,.dataTable){color:#343029!important;background:#fffdfa!important}
body.shaheen-luxe .main-content :is(.table,.dataTable) thead th{background:#f1e3c6!important;color:#5c411c!important;border-bottom:2px solid #cea75c!important;white-space:normal}
body.shaheen-luxe .main-content :is(.table,.dataTable) tbody tr:nth-child(even){background:#fbf5eb!important}
body.shaheen-luxe .main-content :is(.table,.dataTable) tbody tr:hover{background:#fff2d5!important}
body.shaheen-luxe .main-content :is(.table,.dataTable) :is(td,th){border-color:#e8dbc2!important}
body.shaheen-luxe .main-content .table-responsive {border-radius:13px;overflow-x:auto}
body.shaheen-luxe .main-content :is(.nav-tabs,.breadcrumb){background:#f9eedb!important;border-radius:13px;padding:8px}
body.shaheen-luxe .main-content :is(.nav-tabs .nav-link.active,.nav-pills .nav-link.active){background:linear-gradient(120deg,#efcd77,#bf8b30)!important;color:#33240e!important;border-color:#d6ae57!important;border-radius:10px}
body.shaheen-luxe .main-content :is(.badge-primary,.badge-success,.badge-info){background:#c99c3c!important;color:#20190e!important}
/* Overlay surfaces still readable on dark global shell */
body.shaheen-luxe :is(.dropdown-menu,.modal-content,.popover,.swal2-popup,.select2-dropdown){background:#fffaf0!important;color:#342e22!important;border:1px solid #c7a568!important;box-shadow:0 22px 60px #0008!important;border-radius:16px}
body.shaheen-luxe :is(.dropdown-menu,.modal-content,.popover,.swal2-popup) :is(.text-muted,.dropdown-item){color:#5d513c!important}
body.shaheen-luxe .dropdown-item:hover {background:#f7e3b8!important}
body.shaheen-luxe .modal-header {background:linear-gradient(115deg,#eac46f,#c49231);color:#282015;border-radius:16px 16px 0 0}
body.shaheen-luxe .modal-header :is(h4,h5,.modal-title){color:#282015}
body.shaheen-luxe :is(.footer,.main-footer){background:transparent!important;color:#c6b58f!important}
/* Executive v3 dashboard: use nearly-black gold glass surfaces; safeguard ivory table interior */
body.shaheen-luxe #shaheenExecutive {--navy:#242727;--ink:#f9eed7;--teal:#e5bd59;--violet:#dcac52;--line:#72603f55;--surface:#262b29;--muted:#c0b7a6;color:#fff1d1}
body.shaheen-luxe #shaheenExecutive .hero {background:radial-gradient(ellipse at 12% 16%,rgba(243,185,64,.40),transparent 34%),linear-gradient(115deg,#141919,#292a23 60%,#1c1e1c)!important;border:1px solid #e5bc6475!important;box-shadow:0 18px 55px #0008,0 0 33px #c3983c38,inset 0 1px #fff4c855!important}
body.shaheen-luxe #shaheenExecutive .hero:before {background-image:url('../images/shaheen-logo.png');background-repeat:no-repeat;background-position:center;background-size:contain;opacity:.23;border:none!important;left:0;right:auto;top:0;width:32%;height:100%;filter:drop-shadow(0 0 15px #f3bf58)}
body.shaheen-luxe #shaheenExecutive .hero h1 {color:#ffe9a2!important;text-shadow:0 3px 15px #e5b95755}
body.shaheen-luxe #shaheenExecutive .hero-link {background:linear-gradient(120deg,#ffeda9,#c99431)!important;color:#32200b!important}
body.shaheen-luxe #shaheenExecutive .hero-link.secondary {background:#282b28!important;color:#f5dc93!important}
body.shaheen-luxe #shaheenExecutive :is(.metric,.panel) {background:linear-gradient(145deg,#2b302d,#1b2220)!important;border:1px solid #b88c466a!important;color:#f8eace!important;box-shadow:0 13px 29px #0006,0 1px 0 #fff2c51a inset!important}
body.shaheen-luxe #shaheenExecutive .metric:hover {transform:translateY(-4px) perspective(500px) rotateX(2deg)!important;box-shadow:0 22px 36px #0009,0 0 21px #ddb55b3f!important}
body.shaheen-luxe #shaheenExecutive :is(.metric strong,.panel-head h2){color:#ffe4a2!important}
body.shaheen-luxe #shaheenExecutive :is(.metric small,.metric .sub,.panel-head p){color:#d4c6ab!important}
body.shaheen-luxe #shaheenExecutive .metric-icon {background:linear-gradient(135deg,#ffebaa,#aa771d)!important;color:#2c2112!important;box-shadow:0 5px 15px #f7d06a48}
body.shaheen-luxe #shaheenExecutive :is(.pending-item,.quick-link){background:#313630!important;border:1px solid #a983463c!important;color:#f4e6c4!important}
body.shaheen-luxe #shaheenExecutive :is(.pending-item:hover,.quick-link:hover){background:#524429!important;border-color:#e7b85d!important}
body.shaheen-luxe #shaheenExecutive .pending-number {background:#dfbc60;color:#28200f}
body.shaheen-luxe #shaheenExecutive :is(.employee-table th,.employee-table td){color:#eddfc2;border-color:#b29b6947}
body.shaheen-luxe #shaheenExecutive .employee-avatar {background:#dec17b;color:#352711}
body.shaheen-luxe #shaheenExecutive :is(.text-link,.quick-link i){color:#f3ce71!important}
body.shaheen-luxe #shaheenExecutive .live-pill {background:#1e4b36;color:#b2e7bd}
/* VIP touches without blocking interactions */
body.shaheen-luxe .main-content-wrap:before{content:"";position:fixed;top:0;right:0;width:42vw;height:48vh;background:radial-gradient(ellipse at top right,rgba(210,158,49,.11),transparent 70%);pointer-events:none;z-index:0}
body.shaheen-luxe .main-content{position:relative;z-index:1}
body.shaheen-luxe .main-content .card-icon-bg:after{content:"";position:absolute;top:-44px;left:-20px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,#ffe69d45,transparent 70%);pointer-events:none}
body.shaheen-luxe #shaheenExecutive .metric:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(125deg,transparent 20%,#f4d58420 40%,transparent 60%);background-size:240% 100%;animation:sx-shimmer 7s linear infinite}
body.shaheen-luxe #shaheenExecutive .metric{position:relative;overflow:hidden}
body.shaheen-luxe #shaheenExecutive .metric>*{position:relative;z-index:1}
@keyframes sx-shimmer {0%{background-position:220% 0}100%{background-position:-220% 0}}
@keyframes sx-appear {from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes sx-bellglow {0%,100%{filter:drop-shadow(0 0 3px #f5ca66)}50%{filter:drop-shadow(0 0 13px #f5ca66)}}
body.shaheen-luxe :is(#notifBell,#mobileRequestsBell).has-unread {animation:sx-bellglow 2.1s ease-in-out infinite}
/* this app has dedicated printing and reports; do not theme paper output */
@media print{body.shaheen-luxe{background:white!important;color:black!important}body.shaheen-luxe .main-content .card,body.shaheen-luxe .main-content .panel{box-shadow:none!important;background:white!important;color:#000!important;border:1px solid #ddd!important}body.shaheen-luxe .main-content :is(.table,.dataTable){color:#000!important;background:white!important}body.shaheen-luxe .main-content .table th{color:#000!important;background:#eee!important}body.shaheen-luxe .main-header,body.shaheen-luxe .side-content-wrap{display:none!important}}
@media(max-width:991px){body.shaheen-luxe .main-content{padding:14px 10px}body.shaheen-luxe #shaheenExecutive .hero{padding:20px!important}body.shaheen-luxe .main-content .card{border-radius:14px!important}}
@media(prefers-reduced-motion:reduce){body.shaheen-luxe *,body.shaheen-luxe *:before,body.shaheen-luxe *:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Action semantics matter: gold primary, green approval, amber warning, red rejection. */
body.shaheen-luxe .main-content .btn-success{background:linear-gradient(130deg,#399b76,#1d6e4d)!important;border-color:#2b785a!important;color:white!important}
body.shaheen-luxe .main-content .btn-warning{background:linear-gradient(130deg,#ffe29a,#d0a344)!important;border-color:#ad8533!important;color:#3a2c13!important}
body.shaheen-luxe .main-content .btn-danger{background:linear-gradient(130deg,#c45c58,#873f3e)!important;border-color:#a04a48!important;color:white!important}
body.shaheen-luxe #shaheenExecutive :is(.v2-box){background:linear-gradient(145deg,#2b302d,#1d2320)!important;border:1px solid #b88c4670!important;color:#f8eace!important;box-shadow:0 14px 35px #0007!important}
body.shaheen-luxe #shaheenExecutive .v2-box :is(h2,.v2-number b){color:#ffdfa0!important}
body.shaheen-luxe #shaheenExecutive .v2-number{background:#37382f!important;color:#fff1d6!important}
body.shaheen-luxe #shaheenExecutive :is(.v2-number span,.v2-small){color:#ded0b2!important}
body.shaheen-luxe #shaheenExecutive .v2-row{border-color:#b78f4544!important}
body.shaheen-luxe #shaheenExecutive .v2-link{color:#f1ce79!important}
body.shaheen-luxe #shaheenExecutive .section-grid .panel :is(p,span,small){max-width:100%}
body.shaheen-luxe .main-content .card-icon-bg .content :is(p,h4,h5){color:#5d482a!important}

/* Standalone login & password screens */
body.shaheen-luxe.shaheen-auth .auth-layout-wrap{background:radial-gradient(ellipse at 18% 25%,rgba(255,196,88,.18),transparent 45%),linear-gradient(125deg,#141918,#2c2920 60%,#121615)!important;min-height:100vh!important;display:grid!important;place-items:center!important;padding:32px 15px!important}
body.shaheen-luxe.shaheen-auth .auth-content{width:min(96vw,490px)!important;animation:sx-appear .55s ease both}
body.shaheen-luxe.shaheen-auth .auth-layout-wrap .card{background:linear-gradient(145deg,#fffdf6,#f0e7d4)!important;border:1px solid #e6bc6e!important;box-shadow:0 28px 70px #0009,0 0 35px #d4a2443b!important;border-radius:27px!important;overflow:hidden!important;color:#3d3321!important}
body.shaheen-luxe.shaheen-auth .auth-logo img{max-width:135px;max-height:130px;object-fit:contain;filter:drop-shadow(0 10px 14px #c2a04f60)}
body.shaheen-luxe.shaheen-auth .auth-content h1{color:#8e601d!important;font-weight:900!important;letter-spacing:.2px}
body.shaheen-luxe.shaheen-auth .auth-content label{color:#5c4b2b!important;font-weight:750!important}
body.shaheen-luxe.shaheen-auth .auth-content .form-control{border:1px solid #d8bd81!important;background:#fffdf9!important;color:#392c1b!important;min-height:44px!important;border-radius:14px!important}
body.shaheen-luxe.shaheen-auth .auth-content .form-control:focus{border-color:#bb8935!important;box-shadow:0 0 0 3px #e3b85269!important}
body.shaheen-luxe.shaheen-auth .auth-content .btn-primary{background:linear-gradient(115deg,#ffe7a0,#cc9939 70%,#ad781d)!important;border:1px solid #d1a24c!important;color:#34250f!important;box-shadow:0 9px 22px #ab793a55!important;font-weight:800!important;border-radius:14px!important;min-height:45px}
body.shaheen-luxe.shaheen-auth .auth-content .text-muted{color:#766344!important}

/* Shaheen hotfix 2026-09-26: Restore native Bootstrap modal stacking.
   A retained `animation: sx-appear ... both` on `.main-content` kept a CSS
   transform/stacking context after the entrance animation completed. Because
   the modal is nested in `.main-content` and Bootstrap appends `.modal-backdrop`
   to BODY, the backdrop could sit ABOVE the modal and intercept ALL clicks.
   Do not animate/transform this modal ancestor; leave Bootstrap z-index alone.
   This rule applies to the employee, client, and admin layouts alike. */
body.shaheen-luxe .main-content {
    animation: none !important;
    transform: none !important;
    z-index: auto !important;
}