.acmnp40-front-shell{
    --acmnp40-navy:#082d57;
    --acmnp40-navy-2:#0a3d73;
    --acmnp40-blue:#1266a8;
    --acmnp40-cyan:#08a2b8;
    --acmnp40-border:#5f9fd2;
    --acmnp40-soft:#eef5fb;
    --acmnp40-surface:#fff;
    --acmnp40-text:#17334f;
    --acmnp40-muted:#6b8094;
    --acmnp40-shadow:0 14px 34px rgba(8,45,87,.12);
    --acmnp40-danger:#a52f3a;
    --acmnp40-success:#177758;
    --acmnp40-warning:#a56b14;
}

/* الحاكم البصري المركزي للمرحلة الثالثة */
.acmnp40-front-sidebar{background:linear-gradient(180deg,var(--acmnp40-navy),#061f3e)!important;scrollbar-color:var(--acmnp40-navy) var(--acmnp40-navy)!important;scrollbar-width:thin}
.acmnp40-front-sidebar::-webkit-scrollbar{width:6px}.acmnp40-front-sidebar::-webkit-scrollbar-track,.acmnp40-front-sidebar::-webkit-scrollbar-thumb{background:var(--acmnp40-navy);border:0}




.acmnp40-p3-page{color:var(--acmnp40-text)}
.acmnp40-p3-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin:0 0 22px;background:linear-gradient(135deg,#fff,#f4f9fd);border:1px solid #d9e6f1;border-right:4px solid var(--acmnp40-navy);border-radius:18px;padding:20px 22px;box-shadow:var(--acmnp40-shadow)}
.acmnp40-p3-heading small{display:block;color:var(--acmnp40-cyan);font-weight:800;margin-bottom:5px}.acmnp40-p3-heading h2{margin:0;color:var(--acmnp40-navy);font-size:clamp(22px,2vw,31px)}.acmnp40-p3-heading p{margin:7px 0 0;color:var(--acmnp40-muted);line-height:1.8;max-width:820px}
.acmnp40-p3-heading-actions{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.acmnp40-p3-heading-actions label{display:grid;gap:5px;color:var(--acmnp40-muted);font-size:12px;font-weight:700}.acmnp40-p3-heading-actions select{min-width:220px;padding:10px;border-radius:10px}
.acmnp40-p3-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:39px;padding:8px 14px;border:1px solid #9ec1df;border-radius:10px;background:#fff;color:var(--acmnp40-navy);font-weight:800;text-decoration:none;cursor:pointer;transition:.2s}.acmnp40-p3-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(8,45,87,.13)}.acmnp40-p3-btn-primary{background:var(--acmnp40-navy);border-color:var(--acmnp40-navy);color:#fff}.acmnp40-p3-btn-success{background:var(--acmnp40-success);border-color:var(--acmnp40-success);color:#fff}.acmnp40-p3-btn-danger{background:#fff2f3;border-color:#d5939a;color:var(--acmnp40-danger)}
.acmnp40-p3-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:20px}.acmnp40-p3-summary-grid article{position:relative;overflow:hidden;background:#fff;border-radius:16px;padding:17px 18px;box-shadow:var(--acmnp40-shadow);border-right:4px solid var(--acmnp40-blue);border-bottom:2px solid var(--acmnp40-blue)}.acmnp40-p3-summary-grid article:after{content:"";position:absolute;width:68px;height:68px;border-radius:50%;background:rgba(18,102,168,.07);left:-16px;top:-18px}.acmnp40-p3-summary-grid span{display:block;color:var(--acmnp40-muted);font-weight:700}.acmnp40-p3-summary-grid strong{display:block;font-size:29px;color:var(--acmnp40-navy);margin:7px 0}.acmnp40-p3-summary-grid small{color:#7890a5;line-height:1.5}
.acmnp40-p3-two-columns{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:stretch;width:100%}.acmnp40-p3-panel{background:#fff;border-radius:17px;padding:18px;border:1px solid #d9e6f1}.acmnp40-p3-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:13px;margin-bottom:15px;border-bottom:1px solid #dce8f2}.acmnp40-p3-panel>header small{display:block;color:var(--acmnp40-cyan);font-weight:800}.acmnp40-p3-panel>header h3{margin:3px 0 0;color:var(--acmnp40-navy);font-size:19px}.acmnp40-p3-panel>header>span{color:var(--acmnp40-blue);font-weight:800}
.acmnp40-p3-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.acmnp40-p3-form-grid label{display:grid;gap:6px;color:#45617b;font-weight:700;font-size:13px}.acmnp40-p3-form-grid label.wide{grid-column:1/-1}.acmnp40-p3-form-grid input,.acmnp40-p3-form-grid select,.acmnp40-p3-form-grid textarea{width:100%;box-sizing:border-box;border-radius:10px;padding:10px 11px;font:inherit;resize:vertical}.acmnp40-p3-form>.acmnp40-p3-btn{margin-top:15px;width:100%}
.acmnp40-p3-card-list{display:grid;gap:13px;max-height:none;overflow:visible;padding:2px 2px 5px}.acmnp40-p3-record-card{background:linear-gradient(135deg,#fff,#f7fbfe);border:1px solid #d4e4ef;border-right:4px solid var(--acmnp40-blue);border-radius:14px;padding:14px;box-shadow:0 8px 20px rgba(8,45,87,.08)}.acmnp40-p3-record-card.is-overdue{border-right-color:var(--acmnp40-danger);background:#fffafb}.acmnp40-p3-record-main{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.acmnp40-p3-record-main small{color:var(--acmnp40-cyan);font-weight:800}.acmnp40-p3-record-main h4{margin:3px 0;color:var(--acmnp40-navy);font-size:16px}.acmnp40-p3-record-main p{margin:4px 0;color:#5c7186;line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.acmnp40-p3-status{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:999px;padding:5px 10px;background:#eef4fa;color:var(--acmnp40-blue);font-size:12px;font-weight:900}.acmnp40-p3-status[data-status=approved],.acmnp40-p3-status[data-status=implemented],.acmnp40-p3-status[data-status=closed]{background:#e9f8f2;color:var(--acmnp40-success)}.acmnp40-p3-status[data-status=rejected],.acmnp40-p3-status[data-status=error]{background:#fff0f1;color:var(--acmnp40-danger)}.acmnp40-p3-status[data-status=submitted],.acmnp40-p3-status[data-status=under_review],.acmnp40-p3-status[data-status=in_progress]{background:#fff7e8;color:var(--acmnp40-warning)}
.acmnp40-p3-record-meta{display:flex;gap:9px 17px;flex-wrap:wrap;margin:12px 0;color:#6b8094;font-size:12px}.acmnp40-p3-record-meta b{color:var(--acmnp40-text)}.acmnp40-p3-record-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.acmnp40-p3-record-actions .acmnp40-p3-btn{min-height:34px;padding:6px 10px;font-size:12px}.acmnp40-p3-empty{padding:25px;text-align:center;color:#71879a;background:#f6f9fc;border:1px dashed #b6cde0;border-radius:12px}

.acmnp40-p3-dialog{border:0;padding:0;background:transparent;max-width:none;width:min(94vw,930px)}.acmnp40-p3-dialog::backdrop{background:rgba(3,20,39,.7);backdrop-filter:blur(3px)}.acmnp40-p3-dialog-card{background:#fff;border-radius:19px;overflow:hidden;box-shadow:0 35px 90px rgba(0,25,50,.38);max-height:92vh;overflow-y:auto}.acmnp40-p3-dialog-card>header{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,var(--acmnp40-navy),var(--acmnp40-navy-2));color:#fff}.acmnp40-p3-dialog-card>header small{color:#9fe4ef}.acmnp40-p3-dialog-card>header h3{margin:3px 0 0}.acmnp40-p3-dialog-card>header button{border:0;background:#ffffff1f;color:#fff;width:36px;height:36px;border-radius:9px;font-size:22px;cursor:pointer}.acmnp40-p3-dialog-card>#acmnp40-p3-change-dialog-body,.acmnp40-p3-dialog-card>#acmnp40-p3-quality-dialog-body,.acmnp40-p3-dialog-card>.acmnp40-p3-form-grid,.acmnp40-p3-action-editor{margin:18px}.acmnp40-p3-dialog-card>footer{position:sticky;bottom:0;background:#f6f9fc;border-top:1px solid #d8e6f0;padding:13px 18px;display:flex;justify-content:flex-end;gap:9px;z-index:3}.acmnp40-p3-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.acmnp40-p3-detail-grid div{background:var(--acmnp40-soft);border-radius:10px;padding:10px}.acmnp40-p3-detail-grid span{display:block;color:var(--acmnp40-muted);font-size:12px}.acmnp40-p3-detail-grid b{display:block;color:var(--acmnp40-navy);margin-top:4px}.acmnp40-p3-detail-text{margin:15px 0;line-height:1.8}.acmnp40-p3-detail-text h4{margin-bottom:3px;color:var(--acmnp40-navy)}.acmnp40-p3-detail-text p{margin-top:0;color:#536c82}.acmnp40-p3-approval-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.acmnp40-p3-approval-list li{border:1px solid #d6e4ef;border-radius:11px;padding:10px;display:grid;gap:4px}.acmnp40-p3-approval-list li span{font-weight:800;color:var(--acmnp40-blue)}.acmnp40-p3-approval-list li[data-decision=approved] span{color:var(--acmnp40-success)}.acmnp40-p3-approval-list li[data-decision=rejected] span{color:var(--acmnp40-danger)}.acmnp40-p3-approval-list small{color:var(--acmnp40-muted)}.acmnp40-p3-action-list{display:grid;gap:9px}.acmnp40-p3-action-list article{border:1px solid #d7e4ef;border-radius:10px;padding:11px;background:#f9fbfd}.acmnp40-p3-action-list article header{display:flex;justify-content:space-between;gap:10px}.acmnp40-p3-action-list p{line-height:1.7}.acmnp40-p3-resolution{border:1px solid #a7d9c8;background:#f0fbf7;border-radius:12px;padding:13px;margin-top:13px}

.acmnp40-p3-notification-layout{grid-template-columns:minmax(0,1fr)}.acmnp40-p3-notification-list{display:grid;gap:8px;max-height:none;overflow:visible}.acmnp40-p3-notification-list button{border:1px solid #d5e3ef;background:#fff;border-radius:12px;padding:11px;text-align:right;display:grid;grid-template-columns:9px 1fr auto;gap:10px;align-items:start;cursor:pointer}.acmnp40-p3-notification-list button.is-read{opacity:.65;background:#f7f9fb}.acmnp40-p3-notification-list i{width:9px;height:9px;border-radius:50%;background:var(--acmnp40-blue);margin-top:5px}.acmnp40-p3-notification-list i[data-severity=warning]{background:#e09522}.acmnp40-p3-notification-list i[data-severity=error],.acmnp40-p3-notification-list i[data-severity=critical]{background:var(--acmnp40-danger)}.acmnp40-p3-notification-list i[data-severity=success]{background:var(--acmnp40-success)}.acmnp40-p3-notification-list span{display:grid;gap:3px}.acmnp40-p3-notification-list b{color:var(--acmnp40-navy)}.acmnp40-p3-notification-list small{color:#5d7287;line-height:1.5}.acmnp40-p3-notification-list time,.acmnp40-p3-notification-list em{color:#8396a8;font-size:11px;font-style:normal}.acmnp40-p3-channel-grid{display:grid;gap:9px}.acmnp40-p3-channel-grid label{display:flex!important;align-items:center;gap:10px;border:1px solid #d6e5f0;border-radius:11px;padding:10px;background:#f8fbfd}.acmnp40-p3-channel-grid input{width:18px;height:18px}.acmnp40-p3-channel-grid span{display:grid}.acmnp40-p3-channel-grid small{color:var(--acmnp40-muted)}.acmnp40-p3-event-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:none;overflow:visible;margin-bottom:15px}.acmnp40-p3-event-grid label{display:flex;gap:7px;align-items:center;font-size:12px;border:1px solid #e0e9f1;border-radius:8px;padding:8px;background:#fff}.acmnp40-p3-form h4{color:var(--acmnp40-navy);margin:18px 0 10px}

.acmnp40-p3-install-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;margin-bottom:18px;align-items:stretch;width:100%}.acmnp40-p3-install-card{text-align:center}.acmnp40-p3-qr{width:238px;min-height:238px;margin:10px auto;display:grid;place-items:center;padding:9px;border-radius:17px;background:#fff;border:2px solid var(--acmnp40-navy);box-shadow:0 10px 24px rgba(8,45,87,.14)}.acmnp40-p3-qr img,.acmnp40-p3-qr canvas{max-width:220px!important;max-height:220px!important}.acmnp40-p3-install-url{display:block;color:var(--acmnp40-blue);font-weight:800;overflow-wrap:anywhere;margin:8px}.acmnp40-p3-install-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.acmnp40-p3-status-note{margin-top:13px;border:1px solid #b8d6e9;background:#f0f8fd;padding:11px;border-radius:10px;color:#3b617e;line-height:1.6}.acmnp40-p3-device-guides{display:grid;gap:10px;margin-bottom:15px}.acmnp40-p3-device-guides section{border-right:4px solid var(--acmnp40-cyan);background:#f5f9fc;border-radius:10px;padding:11px}.acmnp40-p3-device-guides b{color:var(--acmnp40-navy)}.acmnp40-p3-device-guides p{margin:4px 0;color:#5c7287;line-height:1.7}.acmnp40-p3-device-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.acmnp40-p3-device-list article{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;border:1px solid #d5e4ef;border-radius:12px;padding:12px;background:#f9fbfd}.acmnp40-p3-device-list article>div{display:flex;gap:11px;align-items:center}.acmnp40-p3-device-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--acmnp40-navy);color:#fff;font-weight:900}.acmnp40-p3-device-list h4{margin:0;color:var(--acmnp40-navy)}.acmnp40-p3-device-list p,.acmnp40-p3-device-list small{margin:2px 0;color:var(--acmnp40-muted)}.acmnp40-p3-device-list button{grid-column:1/-1;justify-self:end}

.acmnp40-p3-mobile-nav{display:none}.acmnp40-p3-loading body{cursor:progress}.acmnp40-p3-loading .acmnp40-front-main:after{content:"جارٍ تحديث بيانات الحوكمة…";position:fixed;bottom:24px;left:24px;background:var(--acmnp40-navy);color:#fff;padding:10px 15px;border-radius:10px;z-index:10000;box-shadow:var(--acmnp40-shadow)}

@media(max-width:1100px){.acmnp40-p3-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.acmnp40-p3-two-columns,.acmnp40-p3-notification-layout{grid-template-columns:1fr}.acmnp40-p3-install-grid{grid-template-columns:1fr}.acmnp40-p3-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){
    body{padding-bottom:74px!important}.acmnp40-front-main{padding:12px!important;overflow-x:hidden}.acmnp40-p3-heading{padding:15px;display:grid}.acmnp40-p3-heading-actions{width:100%}.acmnp40-p3-heading-actions label,.acmnp40-p3-heading-actions select,.acmnp40-p3-heading-actions .acmnp40-p3-btn{width:100%;box-sizing:border-box}.acmnp40-p3-summary-grid{grid-template-columns:1fr 1fr;gap:9px}.acmnp40-p3-summary-grid article{padding:13px}.acmnp40-p3-summary-grid strong{font-size:23px}.acmnp40-p3-two-columns{grid-template-columns:1fr}.acmnp40-p3-form-grid{grid-template-columns:1fr}.acmnp40-p3-form-grid label.wide{grid-column:auto}.acmnp40-p3-panel{padding:13px}.acmnp40-p3-record-main{display:grid}.acmnp40-p3-status{justify-self:start}.acmnp40-p3-record-actions{justify-content:stretch}.acmnp40-p3-record-actions>*{flex:1}.acmnp40-p3-detail-grid{grid-template-columns:1fr 1fr}.acmnp40-p3-approval-list{grid-template-columns:1fr}.acmnp40-p3-event-grid{grid-template-columns:1fr}.acmnp40-p3-device-list{grid-template-columns:1fr}.acmnp40-p3-dialog{width:100vw;max-height:100vh}.acmnp40-p3-dialog-card{border-radius:0;min-height:100vh;max-height:100vh}.acmnp40-p3-qr{width:min(238px,85vw)}
    .acmnp40-p3-mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);bottom:0;left:0;right:0;z-index:9998;background:rgba(6,31,62,.98);padding:6px max(5px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(5px,env(safe-area-inset-left));box-shadow:0 -10px 28px rgba(2,20,39,.25)}.acmnp40-p3-mobile-nav button{border:0;background:transparent;color:#dcecf7;display:grid;justify-items:center;gap:1px;font-weight:700;padding:4px 2px;cursor:pointer}.acmnp40-p3-mobile-nav span{font-size:20px}.acmnp40-p3-mobile-nav small{font-size:10px}.acmnp40-p3-installed .acmnp40-p3-mobile-nav{padding-bottom:calc(8px + env(safe-area-inset-bottom))}
    .acmnp40-front-table,.acmnp40-p2-table{border:0!important}.acmnp40-front-table thead,.acmnp40-p2-table thead{display:none}.acmnp40-front-table tbody,.acmnp40-front-table tr,.acmnp40-front-table td,.acmnp40-p2-table tbody,.acmnp40-p2-table tr,.acmnp40-p2-table td{display:block;width:100%;box-sizing:border-box}.acmnp40-front-table tr,.acmnp40-p2-table tr{margin-bottom:11px;border:1px solid #d4e4ef;border-right:4px solid var(--acmnp40-blue);border-radius:11px;background:#fff;overflow:hidden}.acmnp40-front-table td,.acmnp40-p2-table td{display:grid;grid-template-columns:minmax(95px,35%) 1fr;gap:9px;border:0!important;border-bottom:1px solid #e5edf3!important;text-align:right!important;padding:9px!important}.acmnp40-front-table td:before,.acmnp40-p2-table td:before{content:attr(data-label);font-weight:900;color:var(--acmnp40-navy)}.acmnp40-table-scroll,.acmnp40-p2-table-wrap{overflow:visible!important}
}
@media(max-width:440px){.acmnp40-p3-summary-grid{grid-template-columns:1fr}.acmnp40-p3-detail-grid{grid-template-columns:1fr}.acmnp40-p3-heading h2{font-size:22px}.acmnp40-p3-panel>header{align-items:flex-start}.acmnp40-p3-dialog-card>footer{display:grid;grid-template-columns:1fr 1fr}.acmnp40-p3-dialog-card>footer>*{width:100%}}
.acmnp40-p3-gateway-settings{margin-top:18px}.acmnp40-p3-inline-check{display:flex!important;align-items:center;gap:8px;align-self:end;padding:10px;border:1px solid #d8e6f0;border-radius:10px;background:#f8fbfd}.acmnp40-p3-inline-check input{width:18px!important;height:18px!important}
