.dashboard-shell.engineering-layout{display:block!important;min-height:100vh;direction:rtl;background:#f5f8fb}
.engineering-topbar{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.97);border-bottom:1px solid #dce5ee;box-shadow:0 8px 28px rgba(25,54,80,.07);backdrop-filter:blur(18px)}
.engineering-topbar-main{width:min(1600px,100%);margin:0 auto;padding:14px 20px 12px;display:flex;align-items:stretch;justify-content:space-between;gap:18px;direction:ltr}
.engineering-system-brand{min-width:0;flex:1 1 auto;display:flex;align-items:center;gap:16px;padding:10px 15px 10px 10px;border:1px solid #e4ebf2;border-radius:21px;background:linear-gradient(135deg,#f4f8fc,#edf4f8);box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.engineering-logo-card{flex:0 0 auto;display:grid;place-items:center;min-width:122px;min-height:72px;padding:8px 10px;border:1px solid #edf1f5;border-radius:17px;background:#fff;box-shadow:0 8px 20px rgba(31,50,68,.08)}
.engineering-logo-card img{display:block;width:106px;max-width:106px;height:auto}
.engineering-system-copy{min-width:0;direction:ltr;text-align:left}
.engineering-system-copy strong,.engineering-system-copy span{display:block}
.engineering-system-copy strong{color:#172033;font-size:clamp(20px,2.1vw,30px);font-weight:800;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.engineering-system-copy span{margin-top:5px;color:#738198;font-size:12px;font-weight:700}
.engineering-user-card{flex:0 0 315px;min-width:0;display:grid!important;grid-template-columns:54px minmax(0,1fr) 38px;align-items:center;gap:11px;padding:10px 12px!important;margin:0!important;direction:ltr;border:1px solid #dce5ee!important;border-radius:19px;background:#fff;box-shadow:0 8px 22px rgba(25,54,80,.07)}
.engineering-avatar-wrap{position:relative;width:48px;height:48px}
.engineering-avatar{width:48px!important;height:48px!important;background:linear-gradient(145deg,#176c58,#21a47d)!important;color:#fff!important;border-radius:14px!important}
.online-dot{position:absolute;right:-3px;bottom:-3px;width:15px;height:15px;border:3px solid #fff;border-radius:50%;background:#17bd79;box-shadow:0 0 0 2px rgba(23,189,121,.12)}
.engineering-user-copy{min-width:0;direction:ltr;text-align:left}
.engineering-user-copy>strong,.engineering-user-copy>span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.engineering-user-copy>strong{color:#182337;font-size:13px;font-weight:900}
.engineering-user-copy>span{margin-top:2px;color:#718096!important;font-size:9px!important;font-weight:700}
.engineering-role-pills{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}
.engineering-role-pills b{padding:3px 8px;border-radius:99px;color:#19745b;background:#def5eb;font-size:8px;letter-spacing:.3px}
.engineering-role-pills b:first-child{color:#617087;background:#e9eef5}
.engineering-logout{color:#66758a!important;background:#f1f5f8!important}
.engineering-logout:hover{color:#a9212b!important;background:#fff0f1!important}
.engineering-nav{width:min(1600px,100%);margin:0 auto;display:flex!important;align-items:center;gap:5px;padding:8px 20px 10px;direction:ltr;overflow-x:auto;scrollbar-width:thin}
.engineering-nav-item{flex:0 0 auto;min-height:42px;padding:0 17px;border:0;border-radius:12px;color:#405069;background:transparent;font-size:14px;font-weight:700;transition:.18s ease;display:inline-flex;align-items:center;justify-content:center}
.engineering-nav-item:hover{color:#115c48;background:#edf7f3}
.engineering-nav-item.active{color:#fff;background:linear-gradient(135deg,#168a68,#0b5d49);box-shadow:0 9px 20px rgba(22,138,104,.22)}
.engineering-dashboard-main.dashboard-main{width:min(1600px,100%);margin:0 auto;padding:24px 20px 42px!important;direction:rtl}
.engineering-dashboard-main .dashboard-header{margin-top:2px}
@media(max-width:1050px){.engineering-user-card{flex-basis:280px}.engineering-system-copy strong{font-size:21px}}
@media(max-width:820px){.engineering-topbar-main{display:grid;grid-template-columns:1fr;gap:9px;padding:9px 11px 7px}.engineering-system-brand{min-height:72px;padding:8px 10px}.engineering-logo-card{min-width:92px;min-height:55px;padding:5px 7px;border-radius:13px}.engineering-logo-card img{width:82px;max-width:82px}.engineering-system-copy strong{white-space:normal;font-size:16px;line-height:1.25}.engineering-system-copy span{font-size:9px}.engineering-user-card{width:100%;min-height:60px;grid-template-columns:43px minmax(0,1fr) 36px;padding:7px 10px!important;border-radius:14px}.engineering-avatar-wrap,.engineering-avatar{width:40px!important;height:40px!important}.engineering-avatar{border-radius:11px!important;font-size:12px}.engineering-role-pills{margin-top:4px}.engineering-nav{padding:7px 10px 9px}.engineering-nav-item{min-height:38px;padding:0 13px;font-size:12px}.engineering-dashboard-main.dashboard-main{padding:16px 12px 32px!important}}
@media(max-width:520px){.engineering-system-copy strong{font-size:14px}.engineering-system-copy span{display:none}.engineering-user-copy>span{max-width:190px}.engineering-role-pills b{padding:2px 7px}}

/* V6: functional navigation and built-in Arabic usage guide */
#dashboard-home,#live-tracking,#environment,#smart-alerts,#zone-qrs{scroll-margin-top:190px}
.engineering-nav-item:focus-visible{outline:3px solid rgba(22,138,104,.25);outline-offset:2px}
body.guide-open{overflow:hidden}
.usage-guide-modal{position:fixed;inset:0;z-index:300;display:none;direction:rtl}
.usage-guide-modal.open{display:block}
.usage-guide-backdrop{position:absolute;inset:0;background:rgba(7,25,21,.62);backdrop-filter:blur(7px)}
.usage-guide-dialog{position:relative;width:min(1040px,calc(100% - 32px));max-height:calc(100vh - 32px);margin:16px auto;display:flex;flex-direction:column;overflow:hidden;border:1px solid #dce8e3;border-radius:26px;background:#f7faf9;box-shadow:0 30px 90px rgba(3,25,18,.28)}
.usage-guide-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:23px 25px 19px;color:#fff;background:linear-gradient(135deg,#0b3b2e,#13755b)}
.usage-guide-header h2{margin:4px 0 7px;font-size:clamp(22px,3vw,32px)}
.usage-guide-header p{margin:0;color:rgba(255,255,255,.77);font-size:12px}
.usage-guide-eyebrow{font-size:10px;font-weight:900;letter-spacing:1.6px;color:#85edc8}
.usage-guide-close{width:42px;height:42px;flex:0 0 auto;border:1px solid rgba(255,255,255,.18);border-radius:13px;color:#fff;background:rgba(255,255,255,.09);font-size:30px;line-height:1;display:grid;place-items:center}
.usage-guide-close:hover{background:rgba(255,255,255,.18)}
.usage-guide-body{padding:20px 22px;overflow:auto}
.usage-guide-intro,.usage-guide-warning,.usage-guide-troubleshooting{border:1px solid #d9e7e1;border-radius:17px;background:#fff;padding:15px 17px}
.usage-guide-intro strong,.usage-guide-warning strong{display:block;margin-bottom:4px;color:#0c5c47;font-size:14px}
.usage-guide-intro p,.usage-guide-warning p{margin:0;color:#60736c;font-size:11px;line-height:1.9}
.usage-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:14px 0}
.usage-guide-card{position:relative;border:1px solid #dce8e3;border-radius:18px;background:#fff;padding:17px 17px 15px;box-shadow:0 8px 25px rgba(20,68,53,.04)}
.usage-guide-step{position:absolute;left:14px;top:14px;width:30px;height:30px;display:grid;place-items:center;border-radius:10px;color:#fff;background:#138263;font-size:12px;font-weight:900}
.usage-guide-card h3{margin:0 0 11px;padding-left:38px;color:#17382e;font-size:15px}
.usage-guide-card ol,.usage-guide-card ul{margin:0;padding-right:20px;color:#556a62;font-size:11px;line-height:2}
.usage-guide-card li+li{margin-top:3px}
.usage-guide-card b{color:#153c31}
.usage-guide-status-list{list-style:none!important;padding-right:0!important}
.usage-guide-status-list li{display:flex;align-items:flex-start;gap:8px}
.status-dot{width:9px;height:9px;flex:0 0 auto;border-radius:50%;margin-top:7px}
.status-dot.green{background:#17b77d}.status-dot.amber{background:#d99616}.status-dot.red{background:#dc3842}.status-dot.blue{background:#2785ce}
.usage-guide-warning{border-color:#f0d59a;background:#fffaf0}
.usage-guide-warning strong{color:#9b6100}
.usage-guide-troubleshooting{margin-top:14px}
.usage-guide-troubleshooting h3{margin:0 0 10px;color:#17382e;font-size:14px}
.usage-guide-troubleshooting div{padding:9px 10px;border-radius:10px;background:#f2f7f5;color:#5b6e67;font-size:10px;line-height:1.7}
.usage-guide-troubleshooting div+div{margin-top:7px}
.usage-guide-footer{display:flex;justify-content:flex-start;gap:9px;padding:14px 22px;border-top:1px solid #dce8e3;background:#fff}
.usage-guide-footer button{min-height:43px;padding:0 18px;border-radius:12px;font-weight:800}
.usage-guide-done{border:0;color:#fff;background:linear-gradient(135deg,#168a68,#0b5d49)}
.usage-guide-print{border:1px solid #d6e3de;color:#245646;background:#eff6f3}
@media(max-width:760px){#dashboard-home,#live-tracking,#environment,#smart-alerts,#zone-qrs{scroll-margin-top:245px}.usage-guide-dialog{width:calc(100% - 14px);max-height:calc(100vh - 14px);margin:7px auto;border-radius:19px}.usage-guide-header{padding:17px 16px 14px}.usage-guide-header h2{font-size:21px}.usage-guide-grid{grid-template-columns:1fr}.usage-guide-body{padding:13px}.usage-guide-footer{padding:11px 13px}.usage-guide-footer button{flex:1;padding:0 8px;font-size:12px}}
@media print{body>*:not(#usage-guide-modal){display:none!important}.usage-guide-modal{display:block!important;position:static}.usage-guide-backdrop,.usage-guide-close,.usage-guide-footer{display:none!important}.usage-guide-dialog{width:100%;max-height:none;margin:0;border:0;box-shadow:none}.usage-guide-body{overflow:visible}.usage-guide-grid{grid-template-columns:1fr 1fr}}