*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#171B20;color:#f6f6f6;font-family:"Cairo",Tahoma,Arial,sans-serif;line-height:1.75}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:26px;justify-content:space-between;padding:10px max(22px,calc((100% - 1240px)/2));background:rgba(18,20,22,.96);border-bottom:1px solid rgba(255, 210, 26,.35);backdrop-filter:blur(14px)}.brand img{width:150px;height:58px;object-fit:contain}.topbar nav{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.topbar a{color:#e5e5e5;text-decoration:none;font-size:13px;font-weight:800}.topbar nav a:hover,.topbar nav a:focus{color:#FFD21A}.userbox{display:flex;align-items:center;gap:14px;color:#bbb;font-size:12px}.logout{color:#FFD21A!important}.container{width:min(1180px,calc(100% - 40px));min-height:calc(100vh - 150px);margin:38px auto 70px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:12px 0 28px}.page-heading h1{font-size:clamp(27px,4vw,40px);line-height:1.3;margin:6px 0;font-weight:900}.eyebrow{display:inline-block;color:#FFD21A;font-size:12px;font-weight:900;letter-spacing:.04em}.muted{color:#aaa;font-size:14px;margin:4px 0}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:0;border-radius:11px;padding:12px 20px;background:#FFD21A;color:#171B20;text-decoration:none;font:900 14px "Cairo",sans-serif;cursor:pointer;box-shadow:0 8px 24px rgba(255, 210, 26,.18)}.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn.secondary{background:#2d3033;color:#FFD21A;border:1px solid rgba(255, 210, 26,.3);box-shadow:none}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.stat,.panel,.quick-card{background:linear-gradient(145deg,#242A30,#171B20);border:1px solid rgba(255,255,255,.09);border-radius:17px;box-shadow:0 14px 35px rgba(0,0,0,.12)}.stat{padding:20px}.stat span{display:block;color:#aaa;font-size:12px}.stat b{display:block;color:#FFD21A;font-size:32px;line-height:1.5}.panel{padding:25px;margin-bottom:22px}.panel h2{font-size:18px;margin:0 0 18px;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:#FFD21A;text-decoration:none}.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 rgba(255,255,255,.08);font-size:13px;vertical-align:middle}th{color:#FFD21A;font-weight:900;white-space:nowrap}td{color:#ddd}td small{display:block;color:#999}.status{display:inline-flex;padding:4px 10px;border-radius:30px;background:rgba(255, 210, 26,.12);color:#FFE79A;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:#aaa}.empty b{color:#fff}.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:rgba(255, 210, 26,.5);transform:translateY(-3px)}.quick-card b{display:block;color:#FFD21A;margin-bottom:5px}.quick-card span{display:block;color:#aaa;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:#ddd;font-size:13px;font-weight:800}.form-grid .full{grid-column:1/-1}input,select,textarea{width:100%;min-width:0;padding:12px 13px;border-radius:9px;border:1px solid #44494d;background:#151719;color:#fff;font:500 14px "Cairo",sans-serif;outline:none}input:focus,select:focus,textarea:focus{border-color:#FFD21A;box-shadow:0 0 0 3px rgba(255, 210, 26,.12)}input[type=file]{padding:10px}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 rgba(255,255,255,.07)}.details dt{color:#aaa;font-size:12px}.details dd{margin:0;color:#eee;font-size:13px;overflow-wrap:anywhere}.quote-line{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08)}.quote-line b{display:block;color:#FFD21A;font-size:21px}.quote-line span{color:#aaa;font-size:12px}.quote-line p{color:#ddd;font-size:13px}.subhead{margin-top:25px!important}hr{border:0;border-top:1px solid rgba(255,255,255,.1);margin:24px 0}.notice{padding:12px 15px;border-radius:10px;margin:0 0 20px;font-size:13px}.notice.success{background:rgba(34,177,104,.12);border:1px solid rgba(34,177,104,.3);color:#7be0a8}.notice.error{background:rgba(230,70,70,.12);border:1px solid rgba(230,70,70,.3);color:#ff9999}.portal-footer{text-align:center;padding:22px;color:#777;border-top:1px solid rgba(255,255,255,.07);font-size:12px}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(ellipse at 20% 10%,rgba(255, 210, 26,.13),transparent 40%),#171B20}.auth-card{width:min(470px,100%);padding:35px;border:1px solid rgba(255, 210, 26,.3);border-radius:22px;background:#222528;box-shadow:0 25px 70px rgba(0,0,0,.3)}.auth-logo{display:block;width:185px;height:80px;object-fit:contain;margin:0 auto 15px}.auth-card h1{text-align:center;font-size:27px;margin:5px 0 8px;font-weight:900}.auth-card>.eyebrow{display:block;text-align:center}.auth-card>.muted{text-align:center;margin-bottom:22px}.auth-card form{display:grid;gap:15px;margin-top:20px}.auth-card .btn{width:100%;margin-top:7px}.auth-foot{text-align:center;color:#aaa;font-size:13px;margin:20px 0 5px}.back-home{display:block;text-align:center;font-size:12px;margin-top:20px;color:#aaa!important}.auth-card .notice{margin-top:15px}@media(max-width:900px){.topbar{flex-wrap:wrap;gap:8px 18px}.topbar nav{order:3;width:100%;justify-content:center;gap:13px}.topbar nav a{font-size:12px}.stats{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}}@media(max-width:600px){.topbar{padding:8px 14px}.brand img{width:120px;height:48px}.userbox{font-size:11px}.topbar nav{justify-content:flex-start;overflow-x:auto;white-space:nowrap;padding:4px 0 8px}.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}}

.customs-panel{padding:20px;border:1px solid rgba(255, 210, 26,.35);border-radius:14px;background:linear-gradient(145deg,rgba(255, 210, 26,.07),rgba(255,255,255,.025))}
.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:#FFE79A;font-size:15px}
.customs-head span,.customs-help{color:#999;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 rgba(255,255,255,.12)}
.customs-mode-fields h3{margin:0 0 13px;color:#fff;font-size:14px;font-weight:900}
.customs-help{margin:14px 0 0}
@media(max-width:600px){.customs-panel{padding:14px}.customs-head{align-items:flex-start;flex-direction:column}}

.shipping-only-fields[hidden]{display:none!important}
.shipping-only-fields{grid-column:1/-1;width:100%;margin:0}
.customs-panel{grid-column:1/-1}

.shipping-only-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
@media(max-width:600px){.shipping-only-fields{grid-template-columns:1fr;gap:15px}}


/* ENJAZ ALMOSANDA approved brand refresh — portal */
:root{--portal-petrol:#171B20;--portal-deep:#05272F;--portal-surface:#242A30;--portal-turquoise:#FFD21A;--portal-coral:#FFD21A}
html,body{background:#171B20!important;color:#F7F7F5}
body{background-image:radial-gradient(ellipse at 75% 0%,rgba(255, 210, 26,.075),transparent 40%)!important}
.topbar{
  background:rgba(23, 27, 32,.97)!important;
  border-bottom:1px solid rgba(255, 210, 26,.36)!important;
  box-shadow:0 8px 28px rgba(0,0,0,.22)
}
.brand img{
  width:185px!important;height:auto!important;max-height:92px!important;
  object-fit:contain!important;display:block;
  filter:drop-shadow(0 5px 14px rgba(0,0,0,.22))
}
.topbar nav a:hover,.topbar nav a:focus{color:#FFD21A!important}
.userbox .logout{color:#FF897B!important}
.eyebrow{color:#32C9BE!important}
.btn{
  background:linear-gradient(135deg,#FFD21A,#D9A900)!important;
  color:#171B20!important;
  border:1px solid rgba(255, 224, 90,.35)!important;
  box-shadow:0 10px 25px rgba(255, 210, 26,.20)!important
}
.btn:hover{filter:brightness(1.08)}
.btn.secondary{
  background:rgba(255, 210, 26,.08)!important;
  color:#7AE5DE!important;
  border:1px solid rgba(255, 210, 26,.35)!important;
  box-shadow:none!important
}
.stat,.panel,.quick-card{
  background:linear-gradient(145deg,#242A30,#171B20)!important;
  border-color:rgba(255, 210, 26,.19)!important;
  box-shadow:0 14px 35px rgba(0,0,0,.18)
}
.stat b{color:#30CABC!important}
.panel h2,.quick-card b{color:#F7F7F5}
.quick-card:hover{border-color:rgba(255, 210, 26,.65)!important}
.panel-head a,.panel a:not(.btn),.auth-card a{color:#FFE79A!important}
th{color:#5CDCD2!important}
td{color:#E1EEEE}
.status{background:rgba(255, 210, 26,.14)!important;color:#FFE79A!important}
input,select,textarea{
  background:#062F37!important;border-color:rgba(255, 210, 26,.24)!important;color:#F7F7F5!important
}
input:focus,select:focus,textarea:focus{
  border-color:#FFD21A!important;box-shadow:0 0 0 3px rgba(255, 210, 26,.12)!important
}
.auth-wrap{background:radial-gradient(circle at 50% 20%,rgba(255, 210, 26,.14),transparent 38%)!important}
.auth-card{
  background:linear-gradient(145deg,rgba(23, 27, 32,.98),rgba(23, 27, 32,.98))!important;
  border-color:rgba(255, 210, 26,.30)!important
}
.auth-logo{width:min(300px,74vw)!important;height:auto!important;max-height:170px!important;object-fit:contain!important;margin:0 auto 18px!important}
.notice.success{border-color:rgba(255, 210, 26,.42)!important;background:rgba(255, 210, 26,.09)!important}
.notice.error{border-color:rgba(255, 210, 26,.42)!important}
.portal-footer{border-top:1px solid rgba(255, 210, 26,.22)!important;color:#91AEB0!important}
.customs-panel{border-color:rgba(255, 210, 26,.38)!important;background:linear-gradient(145deg,rgba(255, 210, 26,.07),rgba(255,255,255,.025))!important}
.customs-head b{color:#FFD21A!important}
@media(max-width:900px){
  .topbar{flex-wrap:wrap;gap:12px;padding:9px 16px!important}
  .brand img{width:150px!important;max-height:78px!important}
  .topbar nav{order:3;width:100%;overflow-x:auto;gap:14px;padding:5px 0}
  .userbox{margin-inline-start:auto}
}
@media(max-width:600px){
  .container{width:calc(100% - 24px)!important;margin:22px auto 54px!important}
  .topbar nav{flex-wrap:nowrap}
  .brand img{width:138px!important;max-height:70px!important}
  .form-grid,.stats,.quick-grid{grid-template-columns:1fr!important}
  .panel{padding:17px!important}
}

/* ENJAZ ALMOSANDA approved new identity */
:root{--portal-petrol:#171B20;--portal-surface:#242A30;--portal-turquoise:#FFD21A;--portal-coral:#FFD21A}
html,body{background:#171B20!important;color:#F7F7F5}
.topbar{background:rgba(23, 27, 32,.97)!important;border-bottom:1px solid rgba(255, 210, 26,.36)!important;box-shadow:0 8px 28px rgba(0,0,0,.22)}
.brand img{width:168px!important;height:auto!important;max-height:72px!important;object-fit:contain!important;display:block;filter:drop-shadow(0 5px 14px rgba(0,0,0,.22))}
.topbar nav a:hover,.topbar nav a:focus{color:#FFD21A!important}
.userbox .logout{color:#FF897B!important}.eyebrow{color:#32C9BE!important}
.btn{background:linear-gradient(135deg,#FFD21A,#D9A900)!important;color:#171B20!important;border:1px solid rgba(255, 224, 90,.35)!important;box-shadow:0 10px 25px rgba(255, 210, 26,.20)!important}
.btn.secondary{background:rgba(255, 210, 26,.08)!important;color:#7AE5DE!important;border:1px solid rgba(255, 210, 26,.35)!important;box-shadow:none!important}
.stat,.panel,.quick-card{background:linear-gradient(145deg,#242A30,#171B20)!important;border-color:rgba(255, 210, 26,.19)!important;box-shadow:0 14px 35px rgba(0,0,0,.18)}
.stat b{color:#30CABC!important}.quick-card:hover{border-color:rgba(255, 210, 26,.65)!important}
.panel-head a,.panel a:not(.btn),.auth-card a{color:#FFE79A!important}th{color:#5CDCD2!important}td{color:#E1EEEE}
.status{background:rgba(255, 210, 26,.14)!important;color:#FFE79A!important}
input,select,textarea{background:#062F37!important;border-color:rgba(255, 210, 26,.24)!important;color:#F7F7F5!important}
input:focus,select:focus,textarea:focus{border-color:#FFD21A!important;box-shadow:0 0 0 3px rgba(255, 210, 26,.12)!important}
.auth-wrap{background:radial-gradient(circle at 50% 20%,rgba(255, 210, 26,.14),transparent 38%)!important}
.auth-card{background:linear-gradient(145deg,rgba(23, 27, 32,.98),rgba(23, 27, 32,.98))!important;border-color:rgba(255, 210, 26,.30)!important}
.auth-logo{width:min(270px,70vw)!important;height:auto!important;max-height:142px!important;object-fit:contain!important;margin:0 auto 18px!important}
.notice.success{border-color:rgba(255, 210, 26,.42)!important;background:rgba(255, 210, 26,.09)!important}
.notice.error{border-color:rgba(255, 210, 26,.42)!important}.portal-footer{border-top:1px solid rgba(255, 210, 26,.22)!important;color:#91AEB0!important}
@media(max-width:900px){.topbar{flex-wrap:wrap;gap:12px;padding:9px 16px!important}.brand img{width:150px!important;max-height:68px!important}.topbar nav{order:3;width:100%;overflow-x:auto;gap:14px;padding:5px 0}.userbox{margin-inline-start:auto}}
@media(max-width:600px){.container{width:calc(100% - 24px)!important;margin:22px auto 54px!important}.topbar nav{flex-wrap:nowrap}.brand img{width:138px!important;max-height:64px!important}.form-grid,.stats,.quick-grid{grid-template-columns:1fr!important}.panel{padding:17px!important}}


/* ENJAZ ALMOSANDA FINAL PORTAL BRAND v3 */
:root{--p:#FFD21A;--c:#FFD21A;--deep:#171B20;--surface:#242A30}
html,body{min-height:100%;background:#171B20!important;color:#F7F7F5!important}
body{background-image:radial-gradient(ellipse at 76% 0%,rgba(255, 210, 26,.10),transparent 42%)!important}
.topbar{background:rgba(23, 27, 32,.97)!important;border-bottom:1px solid rgba(255, 210, 26,.38)!important}
.brand img{width:175px!important;height:auto!important;max-height:82px!important;object-fit:contain!important}
.topbar a:hover,.topbar nav a:focus{color:#FFD21A!important}
.logout{color:#FFD21A!important}
.eyebrow,th,.stat b{color:#FFD21A!important}
.btn{background:linear-gradient(135deg,#FFD21A,#D9A900)!important;color:#171B20!important;border:1px solid rgba(255, 224, 90,.35)!important;box-shadow:0 10px 25px rgba(255, 210, 26,.20)!important}
.btn.secondary{background:rgba(255, 210, 26,.07)!important;color:#E8B800!important;border:1px solid rgba(255, 210, 26,.5)!important;box-shadow:none!important}
.stat,.panel,.quick-card{background:linear-gradient(145deg,#242A30,#171B20)!important;border-color:rgba(255, 210, 26,.24)!important}
.panel-head a,.panel a:not(.btn),.auth-card a{color:#FFE79A!important}
.status{background:rgba(255, 210, 26,.14)!important;color:#FFE79A!important}
input,select,textarea{background:#062F37!important;border-color:rgba(255, 210, 26,.28)!important;color:#F7F7F5!important}
input:focus,select:focus,textarea:focus{border-color:#FFD21A!important;box-shadow:0 0 0 3px rgba(255, 210, 26,.12)!important}
.auth-wrap{background:radial-gradient(circle at 50% 20%,rgba(255, 210, 26,.15),transparent 40%)!important}
.auth-card{background:linear-gradient(145deg,rgba(23, 27, 32,.98),rgba(23, 27, 32,.98))!important;border-color:rgba(255, 210, 26,.32)!important}
.auth-logo{width:min(300px,74vw)!important;height:auto!important;max-height:170px!important;object-fit:contain!important}
.notice.success{border-color:rgba(255, 210, 26,.42)!important;background:rgba(255, 210, 26,.09)!important}
.notice.error{border-color:rgba(255, 210, 26,.42)!important}
.portal-footer{border-top:1px solid rgba(255, 210, 26,.22)!important;color:#91AEB0!important}
@media(max-width:900px){.topbar{flex-wrap:wrap;gap:12px;padding:9px 16px!important}.brand img{width:150px!important;max-height:76px!important}.topbar nav{order:3;width:100%;overflow-x:auto;gap:14px;padding:5px 0}.userbox{margin-inline-start:auto}}
@media(max-width:600px){.container{width:calc(100% - 24px)!important;margin:22px auto 54px!important}.topbar nav{flex-wrap:nowrap}.brand img{width:138px!important;max-height:70px!important}.form-grid,.stats,.quick-grid{grid-template-columns:1fr!important}.panel{padding:17px!important}}


/* ENJAZ ALMOSANDA COMPLETE PORTAL BACKGROUND V5 */
html{min-height:100%;background:#171B20!important}
body{
  min-height:100vh;position:relative;
  background:#171B20 url("../assets/almosanda-global-hero.jpg?v=20261105-v13") center center/cover fixed no-repeat!important;
  color:#F7F7F5!important;
}
.topbar{background:rgba(23, 27, 32,.90)!important;backdrop-filter:blur(14px)!important;border-bottom:1px solid rgba(255, 210, 26,.38)!important}
.container,.auth-wrap{background:transparent!important}
.stat,.panel,.quick-card,.auth-card{
  background:linear-gradient(145deg,rgba(23, 27, 32,.92),rgba(23, 27, 32,.93))!important;
  backdrop-filter:blur(9px)!important;
  border-color:rgba(255, 210, 26,.30)!important;
}
@media(max-width:600px){
 body{background-position:18% center!important;background-size:auto 100vh!important}
}


/* ENJAZ ALMOSANDA — CLIENT PORTAL BRAND V6 */
:root { --p:#FFD21A; --c:#FFD21A; --deep:#171B20; --surface:#242A30; }
html,body { min-height:100%; background:#171B20 !important; color:#F7F7F5 !important; }
body {
  background-image:linear-gradient(90deg,rgba(23, 27, 32,.30),rgba(23, 27, 32,.54)),url("../assets/almosanda-global-hero.jpg?v=20261105-v13") !important;
  background-position:center center !important; background-size:cover !important; background-attachment:fixed !important;
}
.topbar { background:rgba(23, 27, 32,.94) !important; border-bottom:1px solid rgba(255, 210, 26,.42) !important; backdrop-filter:blur(14px) !important; }
.brand img,.auth-logo {
  content:url("enjaz-almosanda-logo.png?v=20261105-v15") !important;
  width:clamp(160px,18vw,220px) !important; height:auto !important; max-height:82px !important; object-fit:contain !important;
}
.topbar a:hover,.topbar nav a:focus { color:#FFD21A !important; }
.eyebrow,th,.stat b { color:#FFD21A !important; }
.btn {
  background:linear-gradient(135deg,#FFD21A,#D9A900) !important; color:#171B20 !important;
  border:1px solid rgba(255, 224, 90,.40) !important; box-shadow:0 10px 25px rgba(255, 210, 26,.18) !important;
}
.btn.secondary { background:rgba(255, 210, 26,.08) !important; color:#FFD21A !important; border:1px solid rgba(255, 210, 26,.55) !important; box-shadow:none !important; }
.stat,.panel,.quick-card,.auth-card {
  background:linear-gradient(145deg,rgba(23, 27, 32,.92),rgba(23, 27, 32,.94)) !important;
  border-color:rgba(255, 210, 26,.30) !important; backdrop-filter:blur(9px) !important;
}
.panel-head a,.panel a:not(.btn),.auth-card a { color:#FFE79A !important; }
.status { background:rgba(255, 210, 26,.14) !important; color:#FFE79A !important; }
input,select,textarea { background:rgba(23, 27, 32,.90) !important; border-color:rgba(255, 210, 26,.30) !important; color:#F7F7F5 !important; }
input:focus,select:focus,textarea:focus { border-color:#FFD21A !important; box-shadow:0 0 0 3px rgba(255, 210, 26,.12) !important; }
.auth-wrap,.container { background:transparent !important; }
.auth-card { border-color:rgba(255, 210, 26,.34) !important; }
.portal-footer { border-top:1px solid rgba(255, 210, 26,.25) !important; color:#91AEB0 !important; }
@media(max-width:900px){ .topbar{flex-wrap:wrap;gap:12px;padding:9px 16px!important}.brand img{width:155px!important;max-height:76px!important}.topbar nav{order:3;width:100%;overflow-x:auto;gap:14px;padding:5px 0}.userbox{margin-inline-start:auto} }
@media(max-width:600px){ body{background-position:left center!important}.container{width:calc(100% - 24px)!important;margin:22px auto 54px!important}.topbar nav{flex-wrap:nowrap}.brand img,.auth-logo{width:145px!important;max-height:70px!important}.form-grid,.stats,.quick-grid{grid-template-columns:1fr!important}.panel{padding:17px!important} }



/* ENJAZ ALMOSANDA PORTAL V7 — coherent corporate colors, native autofill, high contrast. */
:root {
  --portal-petrol:#171B20;
  --portal-deep:#171B20;
  --portal-surface:#242A30;
  --portal-raised:#242A30;
  --portal-teal:#FFD21A;
  --portal-coral:#FFD21A;
}
html,body {
  min-height:100%;
  background:#171B20 !important;
  color:#F7F7F5 !important;
}
body {
  background-image:
    linear-gradient(135deg,rgba(23, 27, 32,.74),rgba(23, 27, 32,.48)),
    url("../assets/almosanda-global-hero.jpg?v=20261105-v13") !important;
  background-position:center center !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  background-attachment:fixed !important;
}
.topbar {
  background:rgba(23, 27, 32,.96) !important;
  border-bottom:1px solid rgba(255, 210, 26,.42) !important;
  backdrop-filter:blur(14px) !important;
}
.brand img,.auth-logo {
  width:clamp(155px,18vw,220px) !important;
  height:auto !important;
  max-height:84px !important;
  object-fit:contain !important;
}
.eyebrow,.page-heading .eyebrow { color:#EF8B7F !important; }
.page-heading h1,.auth-card h1,.panel h2 { color:#F7F7F5 !important; }

.stat,.panel,.quick-card,.auth-card {
  background:linear-gradient(145deg,rgba(23, 27, 32,.97),rgba(8,51,60,.97)) !important;
  border:1px solid rgba(255, 210, 26,.35) !important;
  box-shadow:0 16px 38px rgba(0,0,0,.24) !important;
  backdrop-filter:blur(10px) !important;
}
.stat b,.quote-line b { color:#FFD21A !important; }
.quick-card {
  border-right:4px solid #FFD21A !important;
}
.quick-card b { color:#F7F7F5 !important; }
.quick-card:hover {
  background:linear-gradient(145deg,#242A30,#242A30) !important;
  border-color:#FFD21A !important;
}
.panel-head a,.panel a:not(.btn),.auth-card a { color:#46D2C8 !important; }

.btn {
  background:linear-gradient(135deg,#FFD21A,#E8B800) !important;
  color:#171B20 !important;
  border:1px solid rgba(255, 224, 90,.55) !important;
  box-shadow:0 10px 24px rgba(255, 210, 26,.24) !important;
  font-weight:900 !important;
}
.btn:hover { background:linear-gradient(135deg,#FFD21A,#FFD21A) !important; }
.btn.secondary {
  background:rgba(255, 210, 26,.08) !important;
  color:#FFD21A !important;
  border:1px solid rgba(255, 210, 26,.72) !important;
  box-shadow:none !important;
}
.btn.secondary:hover { background:#FFD21A !important;color:#fff !important; }

input,select,textarea {
  background:#20262C !important;
  color:#F7F7F5 !important;
  border:1px solid rgba(255, 210, 26,.40) !important;
  caret-color:#FFD21A !important;
}
input::placeholder,textarea::placeholder { color:rgba(218,235,234,.54) !important; }
input:focus,select:focus,textarea:focus {
  background:#083B45 !important;
  border-color:#FFD21A !important;
  box-shadow:0 0 0 3px rgba(255, 210, 26,.15) !important;
}
/* Chrome/Edge autofill was forcing the light-blue input fill shown in the screenshot. */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-text-fill-color:#F7F7F5 !important;
  -webkit-box-shadow:0 0 0 1000px #20262C inset !important;
  box-shadow:0 0 0 1000px #20262C inset !important;
  caret-color:#FFD21A !important;
  transition:background-color 9999s ease-out 0s !important;
}
.auth-wrap {
  min-height:100vh !important;
  background:
    linear-gradient(135deg,rgba(23, 27, 32,.68),rgba(23, 27, 32,.42)),
    url("../assets/almosanda-global-hero.jpg?v=20261105-v13") center/cover fixed no-repeat !important;
}
.auth-card {
  background:linear-gradient(145deg,rgba(23, 27, 32,.98),rgba(23, 27, 32,.98)) !important;
  border-color:rgba(255, 210, 26,.48) !important;
}
.auth-card .btn { width:100% !important; }
.notice.success {
  background:rgba(255, 210, 26,.10) !important;
  border-color:rgba(255, 210, 26,.45) !important;
  color:#FFE79A !important;
}
.notice.error {
  background:rgba(255, 210, 26,.10) !important;
  border-color:rgba(255, 210, 26,.45) !important;
  color:#FFADA4 !important;
}
.portal-footer {
  border-top:1px solid rgba(255, 210, 26,.25) !important;
  color:#A4BCBE !important;
}
@media(max-width:900px) {
  .topbar { flex-wrap:wrap !important;gap:12px !important;padding:9px 16px !important; }
  .brand img { width:150px !important;max-height:76px !important; }
  .topbar nav { order:3;width:100%;overflow-x:auto;gap:14px;padding:5px 0; }
}
@media(max-width:600px) {
  body { background-position:18% center !important;background-size:auto 100vh !important; }
  .container { width:calc(100% - 24px) !important;margin:22px auto 54px !important; }
  .topbar nav { flex-wrap:nowrap; }
  .brand img,.auth-logo { width:142px !important;max-height:70px !important; }
  .form-grid,.stats,.quick-grid { grid-template-columns:1fr !important; }
  .panel,.auth-card { padding:18px !important; }
}



/* ENJAZ ALMOSANDA PORTAL V8 — every standard action button coral. */
:root {
  --primary:#FFD21A;
  --portal-button:#FFD21A;
}
.btn,
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
[role="button"],
a.btn,
a.button {
  background:linear-gradient(135deg,#E8B800 0%,#FFD21A 100%) !important;
  background-color:#FFD21A !important;
  color:#FFFFFF !important;
  border:1px solid rgba(255, 240, 184,.62) !important;
  box-shadow:0 9px 24px rgba(255, 210, 26,.22) !important;
  font-weight:800 !important;
}
.btn:hover,
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
[role="button"]:hover,
a.btn:hover,
a.button:hover {
  background:linear-gradient(135deg,#FFD21A 0%,#E8B800 100%) !important;
  color:#FFFFFF !important;
  border-color:#FFF0B8 !important;
}
.btn.secondary {
  background:linear-gradient(135deg,#E8B800 0%,#FFD21A 100%) !important;
  color:#FFFFFF !important;
  border:1px solid rgba(255, 240, 184,.62) !important;
}
button:disabled,input[type="submit"]:disabled {
  opacity:.56 !important;
  cursor:not-allowed !important;
}



/* ENJAZ ALMOSANDA PORTAL V9 — brand assets and button hierarchy */
html,body{background:#171B20!important;color:#F7F7F5!important}
body{
 background-image:linear-gradient(135deg,rgba(23, 27, 32,.70),rgba(23, 27, 32,.48)),
 url("/assets/almosanda-global-hero.jpg?v=20261105-v11")!important;
 background-position:center!important;background-size:cover!important;background-attachment:fixed!important;
}
.topbar{background:rgba(23, 27, 32,.97)!important;border-bottom:1px solid rgba(255, 210, 26,.40)!important}
.brand img,.auth-logo{
 content:url("enjaz-almosanda-logo.png?v=20261105-v15")!important;
 width:clamp(165px,20vw,235px)!important;height:auto!important;max-height:100px!important;
 object-fit:contain!important;display:block!important;
}
.auth-card,.panel,.stat,.quick-card{
 background:linear-gradient(145deg,rgba(23, 27, 32,.97),rgba(23, 27, 32,.97))!important;
 border:1px solid rgba(255, 210, 26,.38)!important;color:#F7F7F5!important;
 box-shadow:0 16px 38px rgba(0,0,0,.24)!important;
}
.btn,button,input[type="submit"],input[type="button"],input[type="reset"],[role="button"],a.btn,a.button{
 background:linear-gradient(135deg,#E8B800,#FFD21A)!important;background-color:#FFD21A!important;
 color:#fff!important;border:1px solid rgba(255, 240, 184,.65)!important;
 box-shadow:0 9px 24px rgba(255, 210, 26,.24)!important;font-weight:850!important;
}
.btn:hover,button:hover,input[type="submit"]:hover,a.btn:hover{
 background:linear-gradient(135deg,#FFD21A,#E8B800)!important;color:#fff!important;
}
.btn.secondary{background:linear-gradient(135deg,#E8B800,#FFD21A)!important;color:#fff!important}
.eyebrow{color:#FFD21A!important}
.auth-foot a,.back-home,.panel a:not(.btn){color:#FFD21A!important}
input,select,textarea{background:#20262C!important;color:#F7F7F5!important;border:1px solid rgba(255, 210, 26,.40)!important}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{
 -webkit-text-fill-color:#F7F7F5!important;-webkit-box-shadow:0 0 0 1000px #20262C inset!important;
}
@media(max-width:600px){.auth-logo{width:min(240px,72vw)!important}}


/* ENJAZ ALMOSANDA V11 — final portal button pass: all actions use the approved coral. */
:root { --portal-coral:#FFD21A; }
html body .btn,
html body button,
html body input[type="submit"],
html body input[type="button"],
html body input[type="reset"],
html body [role="button"],
html body a.btn,
html body a.button {
  background:linear-gradient(135deg,#E8B800 0%,#FFD21A 100%) !important;
  background-color:#FFD21A !important;
  color:#FFFFFF !important;
  border:1px solid rgba(255, 240, 184,.68) !important;
  box-shadow:0 9px 24px rgba(255, 210, 26,.24) !important;
  font-weight:850 !important;
}
html body .btn:hover,
html body button:hover,
html body input[type="submit"]:hover,
html body input[type="button"]:hover,
html body input[type="reset"]:hover,
html body [role="button"]:hover,
html body a.btn:hover,
html body a.button:hover {
  background:linear-gradient(135deg,#FFD21A 0%,#E8B800 100%) !important;
  color:#FFFFFF !important;
  border-color:#FFF0B8 !important;
}
html body .btn.secondary {
  background:linear-gradient(135deg,#E8B800 0%,#FFD21A 100%) !important;
  color:#FFFFFF !important;
}


/* ENJAZ ALMOSANDA Approved Portal Theme V13 */
:root{--portal-petrol:#171B20;--portal-deep:#171B20;--portal-surface:#242A30;--portal-turquoise:#FFD21A;--portal-coral:#FFD21A}
html,body{background:#171B20!important;color:#F5FAFA!important;font-family:Tahoma,Arial,sans-serif!important}
.auth-wrap{background:radial-gradient(ellipse at 18% 10%,rgba(255, 210, 26,.16),transparent 38%),#171B20!important}
.auth-card,.panel,.stat,.quick-card,.form-panel{background:linear-gradient(145deg,#20262C,#171B20)!important;border-color:rgba(255, 210, 26,.34)!important;color:#F5FAFA!important}
.topbar{background:rgba(23, 27, 32,.97)!important;border-bottom:1px solid rgba(255, 210, 26,.34)!important}
.brand img,.auth-logo{content:url("enjaz-almosanda-logo.png?v=20261105-v15")!important;object-fit:contain!important;height:auto!important;max-height:105px!important}
.brand img{width:min(220px,26vw)!important}
.auth-logo{width:min(285px,75vw)!important}
.btn,.btn.secondary,button,.button,input[type=submit],input[type=button],input[type=reset]{background:linear-gradient(135deg,#E8B800,#FFD21A)!important;background-color:#FFD21A!important;color:#fff!important;border:1px solid rgba(255, 240, 184,.72)!important;box-shadow:0 9px 24px rgba(255, 210, 26,.22)!important}
.btn:hover,button:hover,.button:hover,input[type=submit]:hover{background:linear-gradient(135deg,#FFD21A,#E8B800)!important;color:#fff!important}
.eyebrow,th,.stat b,.quote-line b{color:#FFD21A!important}
a,.panel a:not(.btn),.auth-card a{color:#FFD21A!important}
input,select,textarea{background:#171B20!important;color:#F5FAFA!important;border-color:rgba(255, 210, 26,.4)!important}
input:focus,select:focus,textarea:focus{border-color:#FFD21A!important;box-shadow:0 0 0 3px rgba(255, 210, 26,.16)!important}
@media(max-width:600px){.brand img{width:145px!important}.auth-logo{width:min(250px,75vw)!important}}

/* V15: final consistent action palette across portal controls. */
html body .btn,html body button:not(.nav-toggle),html body input[type=submit],html body input[type=button],html body [role=button],html body a.button,html body .button-primary,html body .btn-primary{background:#FFD21A!important;background-color:#FFD21A!important;border-color:#FFD21A!important;color:#fff!important}
html body .btn:hover,html body button:hover:not(.nav-toggle),html body input[type=submit]:hover,html body input[type=button]:hover{background:#D9A900!important;background-color:#D9A900!important;border-color:#D9A900!important;color:#fff!important}

/* ENJAZ ALMOSANDA V71 portal palette */
:root{--primary:#E5B51B;--primary-color:#E5B51B;--accent:#E5B51B;--ink:#07191D;--deep:#09272B}
body{background:#07191D;color:#F4F6F6}
.sidebar,.topbar,.portal-header{background:rgba(4,19,22,.96);border-color:rgba(229,181,27,.25)}
.btn-primary,button.primary,.primary-button{background:#E5B51B;color:#07191D;border-color:#E5B51B}
.card,.panel,.stat-card{border-color:rgba(229,181,27,.20)}


/* ENJAZ ALMOSANDA V72 brand and usability layer */
:root{--p-bg:#071d23;--p-surface:#102a31;--p-card:#15343b;--p-border:rgba(255,255,255,.12);--p-gold:#f2c300;--p-ink:#f3f7f7;--p-muted:#a9bdc1}
body{background:#071d23!important;color:#f3f7f7!important;font-family:"Tajawal",Tahoma,Arial,sans-serif!important;position:relative}
body:before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(rgba(3,20,25,.94),rgba(3,20,25,.94)),url("/assets/enjaz-site-background-v71.jpg") center/cover no-repeat;opacity:.25;pointer-events:none}
.topbar{background:rgba(3,24,29,.96)!important;border-bottom:1px solid rgba(242,195,0,.35)!important;backdrop-filter:blur(16px);box-shadow:0 8px 28px rgba(0,0,0,.18)}
.brand img{width:172px!important;height:58px!important;object-fit:contain!important}
.topbar a{color:#e9f0f1!important}
.topbar nav a:hover,.topbar nav a:focus,.logout{color:#f2c300!important}
.container{max-width:1240px!important}
.page-heading h1{color:#fff!important;font-weight:900}
.eyebrow{color:#f2c300!important}
.muted,.userbox{color:#b5c5c8!important}
.stat,.panel,.quick-card{background:linear-gradient(145deg,#102f37,#15343b)!important;border:1px solid rgba(242,195,0,.14)!important;box-shadow:0 16px 42px rgba(0,0,0,.22)!important;border-radius:18px!important;color:#f4f7f7}
.stat span{color:#bac8ca!important}.stat b{color:#f2c300!important}
.btn{background:#f2c300!important;color:#17262a!important;border-radius:10px!important;font-weight:900!important;box-shadow:0 8px 24px rgba(242,195,0,.17)!important}
.btn.secondary{background:#203b42!important;color:#f2c300!important;border-color:rgba(242,195,0,.3)!important}
input,select,textarea{background:#fff!important;color:#1a2b30!important;border:1px solid #cfdadd!important;border-radius:9px!important}
label{color:#e2ebec}
table{color:#eef4f4}th{background:#203e45!important;color:#f2d354!important}td{border-color:rgba(255,255,255,.12)!important}
.notice{border-radius:12px}
.portal-footer{color:#aebec1!important;border-color:rgba(255,255,255,.12)!important}
.auth-wrap{background:transparent!important}
.auth-card{background:linear-gradient(150deg,#102f37,#15343b)!important;color:#f3f7f7!important;border:1px solid rgba(242,195,0,.18)!important;border-radius:22px!important;box-shadow:0 25px 60px rgba(0,0,0,.32)!important}
.auth-card h1{color:#fff!important}.auth-card .muted{color:#b9c7c9!important}
.auth-card a{color:#f2c300!important}