/* ENJAZ ALMOSANDA Client Portal — unified black / white / yellow identity */
:root{--p-black:#090a0b;--p-charcoal:#191b1e;--p-panel:#222428;--p-white:#fff;--p-paper:#f5f5f3;--p-yellow:#c4a052;--p-yellow-dark:#aa873b;--p-muted:#6c6e71;--p-line:#dededb;--p-shadow:0 18px 45px rgba(0,0,0,.15);font-family:'Tajawal','Inter',Tahoma,Arial,sans-serif}
*{box-sizing:border-box}html{min-height:100%;background:#fff}body{margin:0;min-height:100vh;background:#fff url('../assets/enjaz-brand-fullpage-v81.webp') center center/cover fixed no-repeat;color:#171819;font-family:'Tajawal','Inter',Tahoma,Arial,sans-serif;line-height:1.7}
a{color:inherit}.topbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:10px max(20px,calc((100% - 1300px)/2));background:rgba(9,10,11,.96);border-bottom:2px solid var(--p-yellow);backdrop-filter:blur(14px);box-shadow:0 8px 30px rgba(0,0,0,.25)}.brand img{display:block;width:175px;height:auto;max-height:68px;object-fit:contain}.topbar nav{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.topbar a{text-decoration:none;color:#fff;font-size:13px;font-weight:800}.topbar nav a:hover,.topbar nav a:focus{color:var(--p-yellow)}.userbox{display:flex;align-items:center;gap:12px;color:#ddd;font-size:12px}.userbox .logout{color:var(--p-yellow)}
.container{width:min(1240px,calc(100% - 40px));min-height:calc(100vh - 150px);margin:36px auto 65px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:12px 0 28px}.page-heading h1{font-size:clamp(28px,4vw,40px);line-height:1.25;margin:6px 0;color:#111;font-weight:900}.eyebrow{display:inline-block;color:var(--p-yellow);font-size:12px;font-weight:900;letter-spacing:.04em}.muted{color:#626468;font-size:14px;margin:4px 0}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:44px;border:1px solid var(--p-yellow);border-radius:10px;padding:11px 19px;background:var(--p-yellow);color:#111;text-decoration:none;font:900 14px 'Tajawal',Tahoma,sans-serif;cursor:pointer;box-shadow:0 8px 22px rgba(255,201,0,.17);transition:.18s}.btn:hover{background:#fff;border-color:#fff;transform:translateY(-1px)}.btn.secondary{background:#171819;color:var(--p-yellow);border-color:rgba(255,201,0,.45);box-shadow:none}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.stat,.panel,.quick-card{border:1px solid #dededb;border-radius:16px;background:#fff;color:#171819;box-shadow:var(--p-shadow)}.stat{padding:20px}.stat span{display:block;color:#67696c;font-size:12px}.stat b{display:block;color:#111;font-size:32px;line-height:1.5}.panel{padding:24px;margin-bottom:22px}.panel h2{font-size:19px;margin:0 0 18px;color:#111;font-weight:900}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.panel-head a,.panel a:not(.btn),.auth-card a{color:#8a6800;text-decoration:none;font-weight:800}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:680px}th,td{text-align:right;padding:13px 12px;border-bottom:1px solid #e5e5e5;font-size:13px;vertical-align:middle}th{color:#7b5e00;font-weight:900;white-space:nowrap}td{color:#333}td small{display:block;color:#777}.status{display:inline-flex;padding:4px 10px;border-radius:30px;background:#fff0ae;color:#3d3100;font-size:11px;font-weight:900;white-space:nowrap}.status.large{font-size:13px;padding:8px 15px}.empty{text-align:center;padding:38px 15px;color:#65676a}.empty b{color:#111}.empty p{font-size:13px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.quick-card{padding:20px;text-decoration:none;transition:.2s}.quick-card:hover{border-color:var(--p-yellow);transform:translateY(-3px)}.quick-card b{display:block;color:#111;margin-bottom:5px}.quick-card span{display:block;color:#666;font-size:12px}
.form-panel{max-width:920px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form-grid label,.auth-card label,.panel label{display:flex;flex-direction:column;gap:7px;color:#222;font-size:13px;font-weight:800}.form-grid .full{grid-column:1/-1}input,select,textarea{width:100%;min-width:0;min-height:43px;padding:11px 13px;border-radius:9px;border:1px solid #c6c6c2;background:#fff;color:#171819;font:500 14px 'Tajawal',Tahoma,sans-serif;outline:none}input:focus,select:focus,textarea:focus{border-color:#b58b00;box-shadow:0 0 0 3px rgba(255,201,0,.18)}input[type=file]{padding:9px}textarea{resize:vertical}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.details{margin:0}.details div{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid #e8e8e5}.details dt{color:#717276;font-size:12px}.details dd{margin:0;color:#222;font-size:13px;overflow-wrap:anywhere}.quote-line{padding:14px 0;border-bottom:1px solid #e5e5e5}.quote-line b{display:block;color:#171819;font-size:21px}.quote-line span{color:#737477;font-size:12px}.quote-line p{color:#444;font-size:13px}.subhead{margin-top:25px!important}hr{border:0;border-top:1px solid #e3e3e0;margin:24px 0}.notice{padding:12px 15px;border-radius:10px;margin:0 0 20px;font-size:13px}.notice.success{background:#fff7d6;border:1px solid #e6c34a;color:#423400}.notice.error{background:#fff1ef;border:1px solid #e6e6e1;color:#171819}.portal-footer{text-align:center;padding:22px;color:#c4c4c4;border-top:1px solid rgba(255,201,0,.35);font-size:12px;background:#090a0b}
.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:25px;background:transparent!important}.auth-card{width:min(470px,100%);padding:34px;border:1px solid rgba(255,201,0,.55);border-radius:20px;background:#fff;color:#171819;box-shadow:0 26px 80px rgba(0,0,0,.38)}.auth-logo{display:block;width:min(260px,72vw);height:auto;max-height:130px;object-fit:contain;margin:0 auto 18px}.auth-card h1{text-align:center;font-size:28px;margin:5px 0 8px;color:#111;font-weight:900}.auth-card>.eyebrow{display:block;text-align:center;color:#8a6800}.auth-card>.muted{text-align:center;margin-bottom:22px;color:#686a6d}.auth-card form{display:grid;gap:15px;margin-top:20px}.auth-card .btn{width:100%;margin-top:7px}.auth-foot{text-align:center;color:#555;font-size:13px;margin:20px 0 5px}.back-home{display:block;text-align:center;font-size:12px;margin-top:20px;color:#333!important}.auth-card .notice{margin-top:15px}.customs-panel{padding:20px;border:1px solid #e7d17a;border-radius:14px;background:#fff9dd;color:#171819}.customs-panel[hidden],.customs-mode-fields[hidden]{display:none!important}.customs-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:15px}.customs-head b{color:#6f5500;font-size:15px}.customs-head span,.customs-help{color:#6f6f6f;font-size:11px;line-height:1.8}.customs-inner{margin-top:10px;gap:13px}.customs-mode-fields{margin-top:17px;padding-top:15px;border-top:1px solid #e6dcae}
@media(max-width:1000px){.topbar{flex-wrap:wrap;gap:10px 18px}.topbar nav{order:3;width:100%;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding:5px 0}.userbox{margin-inline-start:auto}.stats{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}}
@media(max-width:640px){.topbar{padding:8px 13px;gap:8px}.brand img{width:130px;max-height:54px}.topbar nav{gap:13px}.topbar nav a{font-size:12px;white-space:nowrap}.userbox{font-size:11px}.container{width:calc(100% - 24px);margin:22px auto 45px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading .btn{width:100%}.stats{gap:9px}.stat{padding:14px}.stat b{font-size:27px}.panel{padding:16px}.quick-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.details div{grid-template-columns:105px 1fr}.auth-card{padding:25px 20px}.btn{min-height:46px}}

/* V78 — portal shares the supplied white brand wallpaper and black/gold palette */
html,body{background-color:#fff!important}
body{color:#171819!important;background-image:url('../assets/enjaz-brand-fullpage-v81.webp')!important;background-position:center center!important;background-size:cover!important;background-attachment:fixed!important;background-repeat:no-repeat!important}
.page-heading h1{color:#111!important}.muted{color:#626468!important}.auth-wrap{background:transparent!important}
.auth-card,.panel,.stat,.quick-card{background:rgba(255,255,255,.96)!important;color:#171819!important}
.topbar,.portal-footer{background:#08090a!important;color:#fff!important}.topbar{border-bottom:2px solid #c4a052!important}
.btn{background:#c4a052!important;border-color:#c4a052!important;color:#111!important}.btn.secondary{background:#171819!important;color:#c4a052!important;border-color:#c4a052!important}

/* V79 — align portal typography and dimensions with the corporate site */
.topbar{min-height:66px!important;padding-top:7px!important;padding-bottom:7px!important}
.brand img{width:155px!important;max-height:48px!important}
.container{margin-top:26px!important;min-height:calc(100vh - 125px)!important}
.auth-wrap{min-height:calc(100vh - 0px)!important;padding:22px!important}
.auth-card{padding:30px!important;border-radius:12px!important;box-shadow:0 16px 44px rgba(0,0,0,.14)!important}
@media(max-width:640px){.topbar{min-height:58px!important}.container{margin-top:18px!important}.auth-card{padding:22px 18px!important}}

/* V81 shared ENJAZ brand system for client and admin portal */
:root{--p-black:#08090a;--p-charcoal:#202226;--p-panel:#fff;--p-white:#fff;--p-paper:#fff;--p-yellow:#c4a052;--p-yellow-dark:#d6a800;--p-muted:#626468;--p-line:#dededb}
html,body{background-color:#fff!important}body{background-image:url('../assets/enjaz-brand-fullpage-v81.webp')!important;background-position:center center!important;background-size:min(100vw,1536px) auto!important;background-repeat:no-repeat!important;background-attachment:fixed!important;color:#171819!important}
.topbar{min-height:62px!important;padding-top:6px!important;padding-bottom:6px!important;background:#08090a!important;border-bottom:2px solid #c4a052!important;box-shadow:0 5px 18px rgba(0,0,0,.10)!important}
.brand img{width:150px!important;max-height:46px!important}.topbar nav a{color:#fff!important}.topbar nav a:hover{color:#c4a052!important}
.container{margin-top:24px!important}.page-heading h1{color:#111!important}.muted{color:#626468!important}
.panel,.stat,.quick-card,.auth-card{background:rgba(255,255,255,.96)!important;color:#171819!important;border:1px solid rgba(0,0,0,.10)!important;box-shadow:0 12px 30px rgba(0,0,0,.08)!important}
.panel h2,.quick-card b,.auth-card h1{color:#111!important}.panel p,.quick-card span,.auth-card .muted{color:#5b5d60!important}
.btn{background:#c4a052!important;border-color:#c4a052!important;color:#111!important}.btn.secondary{background:#171819!important;border-color:#171819!important;color:#c4a052!important}
.topbar a,.userbox{color:#fff!important}.topbar .logout{color:#c4a052!important}.portal-footer{background:#08090a!important;color:#fff!important;border-top:2px solid #c4a052!important}
input,select,textarea{background:#fff!important;color:#171819!important;border:1px solid #cfd0d0!important}input:focus,select:focus,textarea:focus{border-color:#c69a00!important;box-shadow:0 0 0 3px rgba(255,201,0,.18)!important}
.status{background:#fff0b3!important;color:#4b3900!important}.notice.success{background:#fff7d6!important;color:#423400!important}.notice.error{background:#fff1ef!important}
@media(max-width:640px){body{background-size:auto 100vh!important}.topbar{min-height:56px!important}.brand img{width:118px!important;max-height:40px!important}.container{margin-top:16px!important}}

body:has(.auth-wrap){background:#edf1f2!important;background-image:none!important}
body:has(.auth-wrap) .auth-wrap{min-height:100vh!important;padding:26px 16px!important;background:linear-gradient(90deg,rgba(23,24,25,.70),rgba(23,24,25,.28)),url('../assets/almosanda-global-hero.jpg') center/cover fixed no-repeat!important}
body:has(.auth-wrap) .auth-card{width:min(480px,100%)!important;padding:29px 33px!important;border:1px solid rgba(255,255,255,.8)!important;border-top:4px solid #c4a052!important;border-radius:18px!important;background:rgba(255,255,255,.98)!important;box-shadow:0 24px 64px rgba(0,0,0,.22)!important}
body:has(.auth-wrap) .auth-logo{width:min(285px,78vw)!important;height:78px!important;max-height:78px!important;object-fit:contain!important;margin:0 auto 12px!important}
body:has(.auth-wrap) .auth-card>.eyebrow{color:#987300!important}body:has(.auth-wrap) .auth-card h1{font-size:29px!important;margin:8px 0!important}body:has(.auth-wrap) .auth-card>.muted{color:#657278!important;font-size:13px!important}body:has(.auth-wrap) .auth-card label{color:#171819!important}body:has(.auth-wrap) .auth-card input{background:#f7f9f9!important;border:1px solid #d5dfe1!important;min-height:46px!important}body:has(.auth-wrap) .auth-card .btn{background:#c4a052!important;color:#111!important;min-height:46px!important}body:has(.auth-wrap) .auth-foot a{color:#886500!important}
@media(max-width:620px){body:has(.auth-wrap) .auth-card{padding:23px 18px!important}body:has(.auth-wrap) .auth-logo{height:64px!important}}

/* V107 final audit: apply the user-approved ENJAZ world-map wallpaper to portal UI too. */
html,body{background-color:#d8d8d3!important}
body{
 background-image:url('../../assets/enjaz-global-wallpaper-v107-muted.webp')!important;
 background-position:center top!important;
 background-size:100% auto!important;
 background-repeat:repeat-y!important;
 background-attachment:scroll!important;
 color:#171819!important;
}
.auth-wrap,.access-wrap{
 background:rgba(218,218,213,.56)!important;
 background-image:none!important;
}
.auth-card,.access-card{
 background:rgba(239,239,235,.96)!important;
 color:#171819!important;
 border:1px solid #c4a052!important;
 box-shadow:0 18px 45px rgba(0,0,0,.14)!important;
}
.auth-card h1,.access-card h1,.choice h2,.auth-card label,.access-card p{color:#202122!important}
.auth-card>.muted,.access-card .intro,.choice p{color:#555650!important}
.auth-card input,.access-card input,.auth-card select,.access-card select{
 background:#e9e9e4!important;color:#171819!important;border-color:#c7c7c0!important;
}
.auth-card .btn,.access-card .btn,.choice strong{
 background:#c4a052!important;color:#171819!important;border-color:#aa873b!important;
}
.choice,.stat,.panel,.quick-card{
 background:rgba(239,239,235,.96)!important;color:#171819!important;border-color:#c7c7c0!important;
}
.choice-icon{background:#e6e1d4!important;color:#171819!important}
.topbar,.portal-footer{background:#171819!important;border-color:#c4a052!important}
.topbar nav a:hover,.topbar nav a:focus,.userbox .logout{color:#d3b979!important}
.portal-footer{color:#eeeeea!important}

/* V107.1 — the full approved wallpaper must remain visible on customer/staff authentication pages. */
body:has(.auth-wrap){
 background-color:#d8d8d3!important;
 background-image:url('../../assets/enjaz-global-wallpaper-v107-muted.webp')!important;
 background-position:center top!important;
 background-size:100% auto!important;
 background-repeat:repeat-y!important;
 background-attachment:scroll!important;
}
body:has(.auth-wrap) .auth-wrap{background:rgba(218,218,213,.56)!important;background-image:none!important}
body:has(.auth-wrap) .auth-card{background:rgba(239,239,235,.96)!important;color:#171819!important;border:1px solid #c4a052!important;box-shadow:0 18px 45px rgba(0,0,0,.14)!important}
body:has(.auth-wrap) .auth-card h1,body:has(.auth-wrap) .auth-card label{color:#202122!important}
body:has(.auth-wrap) .auth-card input{background:#e9e9e4!important;color:#171819!important;border-color:#c7c7c0!important}
body:has(.auth-wrap) .auth-card .btn{background:#c4a052!important;color:#171819!important;border-color:#aa873b!important}