/* V245 — أنماط النظام (مُجمّعة من 106 كتلة داخلية) */
@font-face{
font-family:"AlMohanadEmbedded";
src:url("../assets/fonts/font-5b5ba0f32e5b6674.ttf") format("truetype");
font-weight:normal;
font-style:normal;
font-display:swap;
}
.official-letter-sheet,.official-letter-sheet *,
.official-letter-mini-sheet,.official-letter-mini-sheet *,
.official-letter-settings-preview,.official-letter-settings-preview *{
font-family:"AlMohanadEmbedded","Traditional Arabic",Tahoma,Arial,sans-serif!important;
}
@media print{
html,body,body *{
font-family:"AlMohanadEmbedded","Traditional Arabic",Tahoma,Arial,sans-serif!important;
}
}
:root{--easha-system-background:url("../assets/img/img-fb5cf075ca862ca8.png");--green:#0b3d2e;--green2:#14543d;--gold:#c7a24a;--danger:#b42318;--line:rgba(199,162,74,.25)}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:Tahoma,Arial,"Segoe UI",sans-serif;background:var(--easha-system-background) center/cover fixed no-repeat;color:#fff}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none}body.mode-dark:before{background:rgba(0,0,0,.38)}body.mode-light:before{background:rgba(245,250,247,.74)}button,input{font-family:inherit}button{border:0;border-radius:12px;padding:10px 14px;background:rgba(255,255,255,.14);color:#fff;font-weight:900;cursor:pointer}button.primary,.primary{background:var(--green2)!important;color:#fff!important}button.gold,.gold{background:var(--gold)!important;color:#10231d!important}button.danger,.danger{background:var(--danger)!important}.full{width:100%;margin-top:8px}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:flex-end;padding:42px 8vw}.login-box{width:390px;max-width:94vw;background:transparent;border:0;box-shadow:none;text-align:center}.login-logo{width:190px;height:190px;object-fit:contain;margin:0 auto 12px;display:block;filter:drop-shadow(0 18px 22px rgba(0,0,0,.45))}.login-box h1{font-size:30px;line-height:1.6;margin:0;color:#fff;text-shadow:0 3px 14px rgba(0,0,0,.72)}.login-box p{color:rgba(255,255,255,.92);text-shadow:0 2px 10px rgba(0,0,0,.72);line-height:1.8}.login-box label{display:block;text-align:right;color:#fff;font-weight:900;margin:14px 0 6px;text-shadow:0 2px 8px rgba(0,0,0,.7)}input{width:100%;min-height:44px;border:0;border-radius:14px;padding:10px 12px;background:rgba(255,255,255,.94);color:#10231d;outline:0}.msg{display:none;background:#fff1f1;color:#b42318;border-radius:12px;padding:10px;margin-top:10px}.app{display:grid;grid-template-columns:310px minmax(0,1fr);min-height:100vh}aside{background:rgba(3,18,21,.82);backdrop-filter:blur(10px);height:100vh;position:sticky;top:0;overflow:auto;padding:15px;border-left:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:10px}.brand img{width:52px;height:52px;object-fit:contain}.brand h2{font-size:15px;margin:0}.brand p{font-size:11px;margin:4px 0 0;color:#cfe4dd}.group-title{color:#e6c66d;font-weight:900;font-size:12px;margin:14px 8px 6px}.nav-btn{width:100%;display:grid;grid-template-columns:26px 1fr auto;gap:8px;align-items:center;text-align:right;background:transparent;border-radius:12px;padding:9px 10px}.nav-btn.active,.nav-btn:hover{background:rgba(255,255,255,.13)}.nav-btn b{font-size:13px}.nav-btn em{font-style:normal;color:#e6c66d;font-size:11px}main{min-width:0}header{position:sticky;top:0;z-index:5;display:flex;gap:10px;align-items:center;padding:13px 18px;background:rgba(3,18,21,.78);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}header div{flex:1}header h1{margin:0;font-size:21px}header p{margin:4px 0 0;font-size:12px;color:#cfe4dd}.content{padding:18px}.card,.notice{background:rgba(4,18,27,.86);border:1px solid var(--line);border-radius:20px;padding:16px;margin-bottom:14px;box-shadow:0 16px 40px rgba(0,0,0,.18)}.card h2,.notice h2{margin:0 0 9px}.card p,.notice p{line-height:1.8;color:#d5e2df}.actions{display:flex;gap:8px;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:10px}.stat{background:rgba(255,255,255,.09);border:1px solid var(--line);border-radius:16px;padding:13px}.stat span{display:block;color:#d5e2df;font-size:12px}.stat strong{display:block;color:#e6c66d;font-size:28px;margin-top:4px}.head{display:flex;justify-content:space-between;gap:10px;align-items:center}.search{margin:0 0 12px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:15px}table{width:100%;border-collapse:collapse;min-width:880px;background:rgba(255,255,255,.03)}th,td{padding:9px 10px;border-bottom:1px solid rgba(255,255,255,.09);text-align:right;vertical-align:top;font-size:13px}th{background:rgba(3,18,21,.95);color:#e6c66d;position:sticky;top:0}.badge{display:inline-block;border-radius:999px;padding:4px 9px;background:rgba(255,255,255,.12);font-size:12px;font-weight:900}.badge.ok{background:rgba(18,183,106,.18);color:#86efac}.badge.warn{background:rgba(247,144,9,.18);color:#ffd08a}.badge.bad{background:rgba(180,35,24,.25);color:#ffb2aa}.small{padding:6px 9px;font-size:12px}.nowrap{white-space:nowrap}.options{display:grid;grid-template-columns:repeat(3,minmax(170px,1fr));gap:9px;margin-top:14px}.option{background:rgba(255,255,255,.08);border-radius:13px;padding:10px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.result{display:grid;place-items:center;text-align:center;min-height:210px}.oktxt{color:#86efac}.badtxt{color:#ffb2aa}.mode-panel{position:fixed;left:20px;bottom:20px;z-index:99;background:rgba(3,18,21,.74);border:1px solid var(--line);border-radius:16px;padding:8px;display:flex;gap:7px;align-items:center;backdrop-filter:blur(10px)}.mode-panel b{font-size:12px;padding:0 6px}.mode-panel button:nth-child(2){background:#f6fbf8!important;color:#0b3628!important}.mode-panel button:nth-child(3){background:#0b3628!important;color:#fff!important}.modal{position:fixed;inset:0;background:rgba(0,0,0,.58);z-index:100;display:grid;place-items:center;padding:20px}.modal-box{width:min(900px,100%);max-height:88vh;overflow:auto;background:#031914;border:1px solid var(--line);border-radius:22px;padding:18px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.safe{min-height:100vh;display:grid;place-items:center;padding:20px}body.mode-light{color:#13251c}body.mode-light aside,body.mode-light header{background:rgba(6,41,31,.88);color:#fff}body.mode-light .card,body.mode-light .notice{background:rgba(255,255,255,.94);color:#13251c}body.mode-light .card p,body.mode-light .notice p{color:#52675d}body.mode-light td{color:#13251c}body.mode-light th{background:#eef7f2;color:#0b3d2e}body.mode-light .stat{background:rgba(255,255,255,.88)}body.mode-light .stat span{color:#52675d}@media(max-width:1050px){.stats{grid-template-columns:repeat(3,1fr)}.grid2{grid-template-columns:1fr}}@media(max-width:850px){.app{grid-template-columns:1fr}aside{height:auto;position:relative}header{position:relative;flex-wrap:wrap}.login-screen{justify-content:center;padding:26px}.options,.form-grid{grid-template-columns:1fr}}@media(max-width:560px){.stats{grid-template-columns:1fr}.content{padding:10px}.login-logo{width:150px;height:150px}}@media print{aside,header button,.actions,.mode-panel,.search{display:none!important}.app{display:block}body{background:#fff;color:#000}.card,.notice{background:#fff;color:#000;border:0;box-shadow:none}td,th{color:#000;border-color:#ddd}th{background:#eee;color:#000}}
/* === ENHANCED DASHBOARD 2026-07-07 === */
.new-dash{display:flex;flex-direction:column;gap:14px}
.dash-welcome{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--line);border-radius:22px;background:rgba(4,18,27,.74);padding:18px;box-shadow:0 16px 40px rgba(0,0,0,.15)}
.welcome-user{display:flex;gap:14px;align-items:center}
.avatar-ring{width:54px;height:54px;border-radius:50%;border:2px solid rgba(199,162,74,.45);position:relative}
.avatar-ring:after{content:"";position:absolute;inset:13px;border-radius:50%;background:rgba(255,255,255,.12)}
.welcome-user h2{margin:0;font-size:22px;color:#fff}.welcome-user p{margin:6px 0 0;color:#d5e2df}
.welcome-date{text-align:left;border-right:1px solid rgba(199,162,74,.28);padding-right:18px}.welcome-date b{display:block;color:#fff}.welcome-date span{display:block;color:#e6c66d;font-size:12px;margin-top:4px}
.dash-kpis{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px}
.kpi-card{min-height:112px;border:1px solid var(--line);border-radius:18px;background:rgba(4,18,27,.72);padding:15px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 12px 34px rgba(0,0,0,.13)}
.kpi-card span{display:block;color:#d5e2df;font-size:13px}.kpi-card strong{display:block;color:#fff;font-size:30px;margin:5px 0;direction:ltr;text-align:right}.kpi-card small{color:#c7d8d2}.kpi-card i{font-style:normal;color:#c7a24a;font-size:38px;opacity:.8}
.dash-main-grid{display:grid;grid-template-columns:1.2fr .9fr;gap:14px}
.dash-panel,.shortcuts-panel{border:1px solid var(--line);border-radius:20px;background:rgba(4,18,27,.74);padding:16px;box-shadow:0 14px 36px rgba(0,0,0,.14)}
.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.panel-head h3{margin:0;color:#fff;font-size:18px}.panel-head p{margin:5px 0 0;color:#c9d8d3;font-size:12px;line-height:1.7}
.panel-head button,.more-btn{background:rgba(255,255,255,.10);border:1px solid rgba(199,162,74,.25);color:#fff;border-radius:12px;padding:8px 11px;font-weight:900}
.chart-panel{min-height:310px}.line-chart{width:100%;height:230px;overflow:visible}
.line-chart line{stroke:rgba(255,255,255,.08);stroke-width:1}.line-chart polyline{fill:none;stroke:#33c79a;stroke-width:3;filter:drop-shadow(0 0 5px rgba(51,199,154,.35))}
.line-chart circle{fill:#33c79a;stroke:#0b3d2e;stroke-width:2}.line-chart text{fill:#c9d8d3;font-size:11px;text-anchor:middle}
.donut-panel{min-height:310px}.donut-wrap{display:flex;align-items:center;gap:18px;min-height:210px}
.donut-chart{width:155px;height:155px;border-radius:50%;background:conic-gradient(#33c79a 0 48%, #c7a24a 48% 68%, #7aa89a 68% 86%, rgba(255,255,255,.24) 86% 100%);display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;flex:none}
.donut-chart:before{content:"";position:absolute;width:103px;height:103px;border-radius:50%;background:rgba(4,18,27,.94)}.donut-chart b,.donut-chart span{position:relative}.donut-chart b{font-size:26px;color:#fff}.donut-chart span{font-size:12px;color:#c9d8d3}
.dist-list{flex:1;display:grid;gap:8px}.dash-dist-row{display:grid;grid-template-columns:12px 1fr auto auto;gap:8px;align-items:center;color:#d5e2df}.dash-dist-row i{width:10px;height:10px;border-radius:50%;background:#33c79a}.dash-dist-row:nth-child(2) i{background:#c7a24a}.dash-dist-row:nth-child(3) i{background:#7aa89a}.dash-dist-row:nth-child(4) i{background:rgba(255,255,255,.45)}
.dash-dist-row b{color:#fff}.dash-dist-row small{color:#e6c66d}
.alerts-list{display:grid;gap:9px}.alert-line{display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:center;border-radius:15px;background:rgba(255,255,255,.07);padding:11px;border-right:4px solid #33c79a}
.alert-line.warn{border-right-color:#c7a24a}.alert-line.info{border-right-color:#7aa89a}.alert-line b{font-size:24px}.alert-line span{display:block;color:#fff;font-weight:900}.alert-line small{color:#c9d8d3}
.compact table{min-width:520px}.compact th,.compact td{font-size:12px;padding:8px}
.quick-grid{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:10px}
.quick-action{min-height:94px;display:grid;grid-template-columns:32px 1fr;gap:8px;align-items:center;text-align:right;border:1px solid rgba(199,162,74,.22);background:rgba(255,255,255,.07);border-radius:16px;padding:12px}
.quick-action span{width:32px;height:32px;border-radius:10px;background:rgba(199,162,74,.18);color:#e6c66d;display:flex;align-items:center;justify-content:center;font-size:18px}
.quick-action b{color:#fff;font-size:13px}.quick-action small{grid-column:2;color:#c9d8d3;font-size:11px;line-height:1.5}
.quick-action:hover{background:rgba(255,255,255,.12);transform:translateY(-1px)}
.bottom-kpis{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:10px}
.bottom-kpis>div{border:1px solid var(--line);border-radius:18px;background:rgba(4,18,27,.70);padding:14px;text-align:center}
.bottom-kpis b{display:block;color:#fff;font-size:27px}.bottom-kpis span{display:block;color:#e6c66d;font-weight:900;margin:4px 0}.bottom-kpis small{color:#c9d8d3}
body.mode-light .dash-welcome,body.mode-light .kpi-card,body.mode-light .dash-panel,body.mode-light .shortcuts-panel,body.mode-light .bottom-kpis>div{background:rgba(255,255,255,.90);color:#13251c}
body.mode-light .welcome-user h2,body.mode-light .kpi-card strong,body.mode-light .panel-head h3,body.mode-light .alert-line span,body.mode-light .quick-action b,body.mode-light .bottom-kpis b{color:#13251c}
body.mode-light .welcome-user p,body.mode-light .kpi-card span,body.mode-light .kpi-card small,body.mode-light .panel-head p,body.mode-light .alert-line small,body.mode-light .quick-action small,body.mode-light .bottom-kpis small{color:#52675d}
body.mode-light .donut-chart:before{background:#fff}.mode-light .line-chart text{fill:#52675d}
body.mode-light .quick-action,body.mode-light .alert-line{background:rgba(9,55,42,.05)}
@media(max-width:1200px){.dash-kpis{grid-template-columns:repeat(2,1fr)}.dash-main-grid{grid-template-columns:1fr}.quick-grid{grid-template-columns:repeat(3,1fr)}.bottom-kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.dash-welcome{flex-direction:column;align-items:flex-start}.welcome-date{text-align:right;border-right:0;padding-right:0}.dash-kpis,.quick-grid,.bottom-kpis{grid-template-columns:1fr}.donut-wrap{flex-direction:column;align-items:flex-start}.line-chart{height:190px}}
@media print{.new-dash{display:block}.dash-panel,.shortcuts-panel,.dash-welcome,.kpi-card,.bottom-kpis>div{box-shadow:none;background:#fff!important;color:#000!important}.quick-grid{display:none}.dash-main-grid{display:block}.dash-panel{margin-bottom:10px}}
/* === LOGIN SCREEN V2 — USER APPROVED CONCEPT 2026-07-07 === */
.login-screen-v2{
min-height:100vh !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
padding:46px 6vw !important;
background:linear-gradient(90deg, rgba(0,0,0,.10), rgba(0,0,0,.28)), var(--easha-system-background) center/cover fixed no-repeat !important;
position:relative !important;
overflow:hidden !important;
}
.login-screen-v2:before{
content:"" !important;
position:absolute !important;
inset:0 !important;
background:radial-gradient(circle at 30% 78%, rgba(199,162,74,.16), transparent 26%), linear-gradient(90deg, rgba(3,18,21,.16), rgba(3,18,21,.44)) !important;
pointer-events:none !important;
}
.login-layout-v2{
width:min(1180px,100%) !important;
display:grid !important;
grid-template-columns:1.15fr .85fr !important;
gap:52px !important;
align-items:center !important;
position:relative !important;
z-index:1 !important;
}
.login-info-v2{text-align:right !important;color:#fff !important;padding:24px 8px !important;}
.system-mini-title{
display:flex !important;
align-items:center !important;
gap:16px !important;
margin-bottom:22px !important;
}
.easha-mini-logo{
width:82px !important;
height:82px !important;
object-fit:contain !important;
background:transparent !important;
border:none !important;
border-radius:0 !important;
padding:0 !important;
box-shadow:none !important;
}
.system-mini-title h3{
margin:0 !important;
font-size:27px !important;
color:#fff !important;
font-weight:1000 !important;
text-shadow:0 3px 14px rgba(0,0,0,.65) !important;
}
.system-mini-title span{display:block !important;margin-top:5px !important;color:rgba(255,255,255,.86) !important;font-size:14px !important;}
.login-info-v2 h1{margin:0 0 18px !important;font-size:42px !important;line-height:1.55 !important;color:#fff !important;font-weight:1000 !important;text-shadow:0 4px 18px rgba(0,0,0,.68) !important;}
.login-info-v2 h1 strong{color:#d7b14b !important;font-weight:1000 !important;}
.login-info-v2 p{
max-width:760px !important;
margin:0 0 10px !important;
color:rgba(255,255,255,.92) !important;
font-size:19px !important;
line-height:2.2 !important;
text-shadow:0 3px 14px rgba(0,0,0,.65) !important;
}
.login-feature-row{display:none !important;}
.login-feature-row div{display:none !important;}
.login-feature-row b{display:none !important;}
.login-feature-row span{display:none !important;}
.login-box-v2{
width:410px !important;max-width:100% !important;margin:0 auto !important;padding:24px !important;
border:1px solid rgba(199,162,74,.22) !important;border-radius:28px !important;background:rgba(3,18,21,.36) !important;
box-shadow:0 25px 70px rgba(0,0,0,.25) !important;backdrop-filter:blur(10px) saturate(120%) !important;text-align:right !important;
}
.official-navy-logo-v2{width:150px !important;height:150px !important;object-fit:contain !important;display:block !important;margin:0 auto 16px !important;filter:drop-shadow(0 18px 25px rgba(0,0,0,.48)) !important;}
.login-title-with-logo{display:flex !important;align-items:center !important;justify-content:center !important;gap:12px !important;margin:0 0 24px !important;text-align:right !important;}
.login-title-with-logo img{
width:60px !important;
height:60px !important;
object-fit:contain !important;
background:transparent !important;
border:none !important;
border-radius:0 !important;
padding:0 !important;
box-shadow:none !important;
}
.login-title-with-logo h2{margin:0 !important;color:#fff !important;font-size:21px !important;line-height:1.4 !important;text-shadow:0 3px 12px rgba(0,0,0,.65) !important;}
.login-title-with-logo small{display:block !important;color:rgba(255,255,255,.78) !important;font-size:11px !important;margin-top:3px !important;}
.login-box-v2 label{color:#fff !important;text-shadow:0 2px 10px rgba(0,0,0,.7) !important;}
.login-box-v2 input{background:rgba(255,255,255,.12) !important;color:#fff !important;border:1px solid rgba(255,255,255,.20) !important;box-shadow:none !important;backdrop-filter:blur(3px) !important;}
.login-box-v2 input::placeholder{color:rgba(255,255,255,.62) !important;}
.login-box-v2 .primary.full{margin-top:18px !important;background:linear-gradient(135deg,#0f6048,#0b4a3a) !important;border:1px solid rgba(199,162,74,.24) !important;box-shadow:0 15px 35px rgba(0,0,0,.26) !important;}
.login-box-v2 .gold.full{background:rgba(199,162,74,.92) !important;color:#10231d !important;}
.login-footer-links{display:flex !important;align-items:center !important;justify-content:center !important;gap:14px !important;margin-top:18px !important;color:rgba(255,255,255,.76) !important;font-size:12px !important;}
.login-footer-links i{width:1px !important;height:18px !important;background:rgba(255,255,255,.28) !important;}
@media(max-width:980px){
.login-layout-v2{grid-template-columns:1fr !important;gap:24px !important;}
.login-info-v2{text-align:center !important;padding:8px !important;}
.system-mini-title{
display:flex !important;
align-items:center !important;
gap:16px !important;
margin-bottom:22px !important;
}
.login-info-v2 h1{font-size:30px !important;}
.login-info-v2 p{
max-width:760px !important;
margin:0 0 10px !important;
color:rgba(255,255,255,.92) !important;
font-size:19px !important;
line-height:2.2 !important;
text-shadow:0 3px 14px rgba(0,0,0,.65) !important;
}
.login-feature-row{display:none !important;}
.official-navy-logo-v2{width:125px !important;height:125px !important;}
}
@media(max-width:560px){
.login-screen-v2{padding:24px 16px !important;}
.login-box-v2{padding:18px !important;border-radius:22px !important;}
.login-info-v2 h1{font-size:25px !important;}
.system-mini-title{
display:flex !important;
align-items:center !important;
gap:16px !important;
margin-bottom:22px !important;
}
}
/* === REVIEW BUILD CLEAN UI === */
.safe-error{display:none!important}
.review-build-note{
position:fixed;right:16px;bottom:16px;z-index:99998;
background:rgba(3,18,21,.74);color:#fff;border:1px solid rgba(199,162,74,.28);
border-radius:14px;padding:8px 12px;font:700 11px Tahoma,Arial;backdrop-filter:blur(8px);
}
@media print{.review-build-note{display:none!important}}
/* === UNIVERSAL SCREEN TABS + SYSTEM MANAGER SETTINGS === */
.screen-tabs-wrap{margin:0 0 14px}
.screen-tabs-label{font-size:11px;color:#c9d8d3;margin:0 8px 7px;font-weight:800}
.screen-tabs{display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:thin;background:rgba(255,255,255,.08);border:1px solid rgba(199,162,74,.18);border-radius:16px;padding:5px;width:max-content;max-width:100%}
.screen-tab{display:flex;align-items:center;gap:7px;white-space:nowrap;border:0;background:transparent;color:#c9d8d3;border-radius:12px;padding:10px 14px;min-height:42px;box-shadow:none}
.screen-tab span{color:#c7a24a;font-size:16px}.screen-tab b{font-size:13px}.screen-tab em{font-style:normal;font-size:10px;color:#e6c66d;background:rgba(199,162,74,.13);padding:2px 6px;border-radius:999px}
.screen-tab.active{background:rgba(3,18,21,.88);color:#fff;box-shadow:inset 0 -2px 0 #c7a24a}
.screen-tab:hover{background:rgba(255,255,255,.10)}
.module-card{margin-top:0}.module-toolbar{display:flex;gap:8px;margin-bottom:12px}.module-toolbar .search{margin:0}
.system-settings-card{background:rgba(4,18,27,.84);border:1px solid rgba(199,162,74,.25);border-radius:21px;padding:17px}
.system-settings-title{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:13px}
.system-settings-title h2{margin:0;color:#fff}.system-settings-title p{margin:5px 0 0;color:#c9d8d3}.system-settings-title>span{background:rgba(199,162,74,.16);color:#e6c66d;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:900}
.system-settings-tabs{display:flex;gap:5px;overflow-x:auto;width:max-content;max-width:100%;background:rgba(255,255,255,.09);padding:5px;border-radius:15px;margin-bottom:15px}
.system-settings-tabs button{display:flex;align-items:center;gap:7px;white-space:nowrap;background:transparent;color:#c9d8d3;box-shadow:none;padding:10px 14px}
.system-settings-tabs button.active{background:rgba(3,18,21,.92);color:#fff}.system-settings-tabs button span{color:#c7a24a}
.settings-section{border:1px solid rgba(199,162,74,.19);border-radius:17px;padding:16px;background:rgba(3,18,21,.28)}
.settings-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-field{min-width:0}.form-field.full{grid-column:1/-1}.form-field label{display:block;font-weight:900;margin-bottom:7px;color:#f4eee1}.form-field small{display:block;color:#c9d8d3;margin-top:7px;line-height:1.7}
.form-field input,.form-field select,.form-field textarea{width:100%;border:1px solid rgba(199,162,74,.18);border-radius:13px;background:rgba(2,17,15,.55);color:#fff;padding:11px 13px;min-height:44px}
.form-field textarea{min-height:110px;resize:vertical}
.logo-upload-row{display:flex;align-items:center;gap:18px}.logo-preview{width:112px;height:112px;border:1px solid rgba(199,162,74,.28);border-radius:14px;display:grid;place-items:center;overflow:hidden;color:#c9d8d3;text-align:center;background:rgba(255,255,255,.04)}.logo-preview img{width:100%;height:100%;object-fit:contain}.logo-upload-actions{display:flex;gap:8px;flex-wrap:wrap}
.upload-button{display:inline-flex!important;align-items:center;justify-content:center;background:#0b4a3a;color:#fff!important;border-radius:12px;padding:10px 14px;cursor:pointer;margin:0!important}.upload-button input{display:none}
.check-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.check-grid label{display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.05);border-radius:11px;padding:9px;font-weight:700}.check-grid input{width:auto;min-height:0}
.settings-save-bar{display:flex;justify-content:flex-end;margin-top:15px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.section-head h3{margin:0;color:#fff}.section-head p{margin:4px 0 0;color:#c9d8d3}
.settings-toast{position:fixed;left:24px;bottom:24px;z-index:999999;background:#0b4a3a;color:#fff;border:1px solid rgba(199,162,74,.3);border-radius:13px;padding:12px 16px;box-shadow:0 14px 35px rgba(0,0,0,.25);font-weight:900}
body.mode-light .screen-tabs,body.mode-light .system-settings-tabs{background:rgba(9,55,42,.07)}
body.mode-light .screen-tab{color:#52675d}body.mode-light .screen-tab.active{background:#0b3d2e;color:#fff}
body.mode-light .system-settings-card,body.mode-light .settings-section{background:rgba(255,255,255,.93);color:#13251c}
body.mode-light .system-settings-title h2,body.mode-light .section-head h3{color:#13251c}
body.mode-light .system-settings-title p,body.mode-light .section-head p,body.mode-light .form-field small{color:#52675d}
body.mode-light .form-field label{color:#13251c}
body.mode-light .form-field input,body.mode-light .form-field select,body.mode-light .form-field textarea{background:#fff;color:#13251c;border-color:rgba(9,55,42,.18)}
body.mode-light .check-grid label{background:rgba(9,55,42,.05)}
@media(max-width:760px){.settings-form-grid{grid-template-columns:1fr}.form-field.full{grid-column:auto}.check-grid{grid-template-columns:1fr 1fr}.system-settings-title,.section-head{flex-direction:column}.logo-upload-row{align-items:flex-start}.screen-tabs{width:100%}}
@media print{.screen-tabs-wrap,.system-settings-tabs,.settings-save-bar,.upload-button,.settings-toast{display:none!important}.system-settings-card,.settings-section{background:#fff!important;color:#000!important;border-color:#bbb}}
/* === FIXED EASHA LOGO ONLY — OFFICIAL NAVY LOGOS UNCHANGED === */
.easha-mini-logo{
width:104px !important;
height:104px !important;
object-fit:contain !important;
background:transparent !important;
border:0 !important;
border-radius:0 !important;
padding:0 !important;
box-shadow:none !important;
filter:drop-shadow(0 12px 18px rgba(0,0,0,.28)) !important;
}
.login-title-with-logo img{
width:72px !important;
height:72px !important;
object-fit:contain !important;
background:transparent !important;
border:0 !important;
border-radius:0 !important;
padding:0 !important;
box-shadow:none !important;
filter:drop-shadow(0 9px 13px rgba(0,0,0,.24)) !important;
}
/* حماية الشعارات الرسمية من أي إعداد شعار مخصص */
.official-navy-logo-v2,
.brand > img{
object-fit:contain !important;
}
@media(max-width:560px){
.easha-mini-logo{width:82px !important;height:82px !important;}
.login-title-with-logo img{width:60px !important;height:60px !important;}
}
.static-login-overlay{
position:fixed;inset:0;z-index:1000000;
display:flex;align-items:center;justify-content:center;
padding:38px 5vw;
background:
linear-gradient(90deg,rgba(2,17,18,.20),rgba(2,17,18,.48)),
var(--easha-system-background) center/cover no-repeat fixed;
color:#fff;
}
.static-login-overlay.hidden{display:none!important}
.static-login-layout{
width:min(1180px,100%);
display:grid;grid-template-columns:1.12fr .88fr;
gap:48px;align-items:center;
}
.static-login-info{direction:rtl;text-align:right}
.static-system-title{display:flex;align-items:center;gap:17px;margin-bottom:24px}
.static-system-title img{width:105px;height:105px;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(0,0,0,.32))}
.static-system-title h2{font-size:29px;margin:0;text-shadow:0 3px 14px rgba(0,0,0,.65)}
.static-login-info h1{font-size:43px;line-height:1.5;margin:0 0 18px;text-shadow:0 4px 18px rgba(0,0,0,.68)}
.static-login-info h1 strong{color:#d9b44d}
.static-login-info p{font-size:18px;line-height:2.15;margin:0;color:rgba(255,255,255,.91);text-shadow:0 3px 14px rgba(0,0,0,.67)}
.static-login-form{
width:410px;max-width:100%;margin:auto;
padding:25px;border:1px solid rgba(199,162,74,.28);
border-radius:27px;background:rgba(3,18,21,.42);
backdrop-filter:blur(11px);box-shadow:0 25px 70px rgba(0,0,0,.29);
}
.static-official-logo{display:block;width:155px;height:155px;object-fit:contain;margin:0 auto 13px;filter:drop-shadow(0 15px 22px rgba(0,0,0,.43))}
.static-form-title{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:22px}
.static-form-title img{width:68px;height:68px;object-fit:contain}
.static-form-title h3{margin:0;font-size:22px}.static-form-title small{display:block;color:rgba(255,255,255,.74);margin-top:3px}
.static-login-form label{display:block;font-weight:900;margin-bottom:7px}
.static-login-form input{
width:100%;height:47px;border:1px solid rgba(255,255,255,.22);
border-radius:14px;padding:0 14px;background:rgba(255,255,255,.12);
color:#fff;font-size:16px;outline:none;
}
.static-login-form button{
width:100%;height:48px;margin-top:16px;border:0;border-radius:14px;
color:#fff;background:linear-gradient(135deg,#0f6048,#0b4a3a);
font:bold 16px Tahoma,Arial;cursor:pointer;
border:1px solid rgba(199,162,74,.28);
}
.static-login-form button.secondary{margin-top:9px;background:rgba(199,162,74,.94);color:#10231d}
.static-login-status{min-height:24px;margin-top:10px;text-align:center;color:#ffd7a4;font-size:13px}
.static-review-mark{text-align:center;margin-top:13px;color:rgba(255,255,255,.68);font-size:11px}
@media(max-width:950px){
.static-login-overlay{position:absolute;min-height:100vh}
.static-login-layout{grid-template-columns:1fr;gap:24px}
.static-login-info{text-align:center}
.static-system-title{justify-content:center}
.static-login-info h1{font-size:31px}
.static-login-info p{font-size:15px}
}
@media(max-width:560px){
.static-login-overlay{padding:22px 14px}
.static-login-info h1{font-size:25px}
.static-system-title{flex-direction:column}
.static-system-title img{width:82px;height:82px}
.static-login-form{padding:18px}
.static-official-logo{width:120px;height:120px}
}
.static-login-overlay{position:fixed;inset:0;z-index:1000000;display:flex;align-items:center;justify-content:center;padding:38px 5vw;background:linear-gradient(90deg,rgba(2,17,18,.20),rgba(2,17,18,.48)),var(--easha-system-background) center/cover no-repeat fixed;color:#fff}.static-login-overlay.hidden{display:none!important}.static-login-layout{width:min(1180px,100%);display:grid;grid-template-columns:1.12fr .88fr;gap:48px;align-items:center}.static-login-info{direction:rtl;text-align:right}.static-system-title{display:flex;align-items:center;gap:17px;margin-bottom:24px}.static-system-title img{width:105px;height:105px;object-fit:contain}.static-system-title h2{font-size:29px;margin:0}.static-login-info h1{font-size:43px;line-height:1.5;margin:0 0 18px}.static-login-info h1 strong{color:#d9b44d}.static-login-info p{font-size:18px;line-height:2.15;margin:0;color:rgba(255,255,255,.91)}.static-login-form{width:410px;max-width:100%;margin:auto;padding:25px;border:1px solid rgba(199,162,74,.28);border-radius:27px;background:rgba(3,18,21,.42);backdrop-filter:blur(11px)}.static-official-logo{display:block;width:155px;height:155px;object-fit:contain;margin:0 auto 13px}.static-form-title{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:22px}.static-form-title img{width:68px;height:68px;object-fit:contain}.static-form-title h3{margin:0;font-size:22px}.static-form-title small{display:block;color:rgba(255,255,255,.74);margin-top:3px}.static-login-form label{display:block;font-weight:900;margin-bottom:7px}.static-login-form input{width:100%;height:47px;border:1px solid rgba(255,255,255,.22);border-radius:14px;padding:0 14px;background:rgba(255,255,255,.12);color:#fff;font-size:16px}.static-login-form button{width:100%;height:48px;margin-top:16px;border:0;border-radius:14px;color:#fff;background:linear-gradient(135deg,#0f6048,#0b4a3a);font:bold 16px Tahoma,Arial;cursor:pointer}.static-login-form button.secondary{margin-top:9px;background:rgba(199,162,74,.94);color:#10231d}.static-login-status{min-height:24px;margin-top:10px;text-align:center;color:#ffd7a4;font-size:13px}@media(max-width:950px){.static-login-layout{grid-template-columns:1fr}.static-login-info{text-align:center}.static-system-title{justify-content:center}.static-login-info h1{font-size:31px}}@media(max-width:560px){.static-login-overlay{padding:22px 14px}.static-login-info h1{font-size:25px}.static-system-title{flex-direction:column}.static-login-form{padding:18px}}
/* النسخة الإدارية: المظهر يُدار من بيانات الموظف فقط */
.mode-panel{display:none!important}
.employee-appearance-note{
display:block;
margin-top:6px;
color:#c9d8d3;
font-size:11px;
line-height:1.6;
}
body.mode-light .employee-appearance-note{color:#52675d}
.static-login-form button.secondary,
.login-box-v2 .gold.full{display:none!important}
/* === الإدارة الشاملة والخطابات والاجتماعات والتعاميم === */
.permission-denied{
text-align:center;
padding:42px 20px;
border:1px solid rgba(205,80,80,.30)!important;
}
.permission-denied h2{color:#ffb4b4!important}
.administration-users-card .head,
.correspondence-card .head,
.meetings-card .head,
.circulars-card .head{
align-items:flex-start;
}
.record-link{
border:0!important;
background:transparent!important;
color:#e2bd59!important;
box-shadow:none!important;
padding:0!important;
font-weight:900!important;
text-decoration:underline;
text-underline-offset:4px;
}
.record-link.title-link{
color:inherit!important;
text-align:right;
text-decoration:none;
}
.record-link.title-link:hover{text-decoration:underline}
.permission-modal{z-index:1000002}
.permission-modal-box{
width:min(980px,94vw)!important;
max-height:90vh;
overflow:auto;
}
.permission-header{
display:flex;
justify-content:space-between;
align-items:flex-start;
gap:14px;
margin-bottom:14px;
}
.permission-header h2{margin:0}
.permission-header p{margin:5px 0 0;color:#c9d8d3}
.admin-full-access{
padding:7px 11px;
border-radius:999px;
color:#e6c66d;
background:rgba(199,162,74,.14);
border:1px solid rgba(199,162,74,.25);
font-size:11px;
font-weight:900;
}
.permission-top-actions{
display:flex;
gap:8px;
flex-wrap:wrap;
margin-bottom:14px;
}
.permission-modules{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
}
.permission-module{
border:1px solid rgba(199,162,74,.20);
border-radius:16px;
padding:13px;
background:rgba(255,255,255,.035);
}
.permission-module-title{
display:flex;
justify-content:space-between;
align-items:center;
gap:8px;
margin-bottom:10px;
}
.permission-module-title h3{margin:0;font-size:15px}
.permission-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:7px;
}
.permission-choice{
display:flex!important;
align-items:center;
gap:8px;
padding:9px;
margin:0!important;
border-radius:11px;
background:rgba(255,255,255,.045);
cursor:pointer;
}
.permission-choice input{width:auto!important;min-height:0!important}
.permission-choice span{font-size:12px;line-height:1.5}
.wide-modal{width:min(900px,94vw)!important}
.full-field{grid-column:1/-1}
.form-grid textarea{
width:100%;
min-height:130px;
resize:vertical;
border:1px solid rgba(199,162,74,.18);
border-radius:13px;
background:rgba(2,17,15,.55);
color:#fff;
padding:11px 13px;
font-family:inherit;
}
.document-view{width:min(820px,94vw)!important}
.official-document-header{
text-align:center;
border-bottom:1px solid rgba(199,162,74,.30);
padding-bottom:14px;
margin-bottom:15px;
}
.official-document-header h2{margin:0 0 6px}
.official-document-header p{margin:0;color:#c9d8d3}
.document-metadata{
display:grid;
grid-template-columns:1fr 1fr;
gap:8px 15px;
margin-bottom:16px;
}
.document-metadata p{
margin:0;
padding:9px 11px;
border-radius:11px;
background:rgba(255,255,255,.04);
}
.document-body{
min-height:150px;
padding:18px;
border-radius:14px;
background:rgba(255,255,255,.04);
line-height:2.05;
white-space:normal;
}
.circular-acknowledgment{
display:flex;
justify-content:center;
margin-top:15px;
}
.meeting-notice{
margin-bottom:14px;
padding:11px 13px;
border-radius:12px;
color:#d6e4df;
background:rgba(17,105,80,.16);
border:1px solid rgba(45,153,119,.23);
line-height:1.8;
}
.meeting-room-modal{z-index:1000003}
.meeting-room{
width:min(1050px,96vw)!important;
max-height:94vh;
overflow:auto;
}
.meeting-room-header{
display:flex;
justify-content:space-between;
align-items:flex-start;
gap:12px;
margin-bottom:13px;
}
.meeting-room-header h2{margin:0}
.meeting-room-header p{margin:5px 0 0;color:#c9d8d3}
.live-indicator{
padding:6px 12px;
border-radius:999px;
color:#fff;
background:#b93a3a;
font-size:11px;
font-weight:900;
}
.meeting-room-grid{
display:grid;
grid-template-columns:1fr 290px;
gap:12px;
}
.meeting-stage{
min-height:380px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
border-radius:18px;
background:linear-gradient(145deg,rgba(5,39,33,.95),rgba(2,18,22,.95));
border:1px solid rgba(199,162,74,.20);
}
.meeting-avatar{
width:135px;
height:135px;
display:grid;
place-items:center;
border-radius:50%;
color:#e6c66d;
background:rgba(199,162,74,.13);
border:2px solid rgba(199,162,74,.28);
font-weight:900;
}
.meeting-stage h3{margin:18px 0 4px}
.meeting-stage p{margin:0;color:#c9d8d3}
.participants-panel{
padding:14px;
border-radius:18px;
background:rgba(255,255,255,.035);
border:1px solid rgba(199,162,74,.16);
}
.participants-panel h3{margin:0 0 12px}
.participant-row{
display:grid;
grid-template-columns:34px 1fr auto;
align-items:center;
gap:8px;
padding:9px 0;
border-bottom:1px solid rgba(255,255,255,.06);
}
.participant-row>span{
width:32px;height:32px;
display:grid;place-items:center;
border-radius:50%;
background:rgba(199,162,74,.14);
color:#e6c66d;
}
.participant-row b{font-size:12px}
.participant-row em{font-size:10px;color:#7fdbb0;font-style:normal}
.meeting-controls{
display:flex;
justify-content:center;
gap:8px;
flex-wrap:wrap;
margin-top:13px;
}
.meeting-controls button.active{background:#176a52!important}
.meeting-control-status{
min-height:25px;
text-align:center;
color:#e6c66d;
margin-top:8px;
}
body.mode-light .permission-header p,
body.mode-light .official-document-header p,
body.mode-light .meeting-room-header p,
body.mode-light .meeting-stage p{color:#52675d}
body.mode-light .permission-module,
body.mode-light .permission-choice,
body.mode-light .document-metadata p,
body.mode-light .document-body,
body.mode-light .participants-panel{background:rgba(9,55,42,.045)}
body.mode-light .form-grid textarea{background:#fff;color:#13251c;border-color:rgba(9,55,42,.18)}
body.mode-light .meeting-stage{
background:linear-gradient(145deg,#eef6f2,#dfeee8);
color:#13251c;
}
@media(max-width:850px){
.permission-modules{grid-template-columns:1fr}
.meeting-room-grid{grid-template-columns:1fr}
.meeting-stage{min-height:270px}
}
@media(max-width:620px){
.permission-header{flex-direction:column}
.permission-grid{grid-template-columns:1fr}
.document-metadata{grid-template-columns:1fr}
.full-field{grid-column:auto}
}
/* === المخولون بالتوقيع === */
.authorized-signers-section .section-head{align-items:flex-start}
.signers-guidance{
margin-bottom:14px;
padding:11px 13px;
border-radius:12px;
line-height:1.8;
color:#d6e4df;
background:rgba(17,105,80,.16);
border:1px solid rgba(45,153,119,.23);
}
.signer-signature-thumb{
width:80px;
height:42px;
object-fit:contain;
padding:3px;
border-radius:8px;
background:#fff;
}
.no-signature{
font-size:10px;
color:#aabcb5;
}
.signature-upload-row,
.signer-select-row{
display:flex;
align-items:center;
gap:9px;
flex-wrap:wrap;
}
.signature-preview{
width:180px;
height:80px;
display:grid;
place-items:center;
overflow:hidden;
border-radius:12px;
color:#c9d8d3;
background:rgba(255,255,255,.04);
border:1px solid rgba(199,162,74,.22);
}
.signature-preview img{
width:100%;
height:100%;
object-fit:contain;
background:#fff;
}
.authorized-signer-field{
padding:12px;
border-radius:14px;
background:rgba(199,162,74,.055);
border:1px solid rgba(199,162,74,.18);
}
.authorized-signer-field select{
flex:1;
min-width:260px;
}
.authorized-signer-field small{
display:block;
margin-top:7px;
color:#c9d8d3;
line-height:1.7;
}
body.mode-light .signers-guidance{color:#31483d}
body.mode-light .signature-preview,
body.mode-light .authorized-signer-field{
background:rgba(9,55,42,.045);
}
body.mode-light .authorized-signer-field small{color:#52675d}
@media(max-width:620px){
.authorized-signer-field select{min-width:100%}
.signature-preview{width:100%}
}
.service-kpi-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:12px;
margin-bottom:14px;
}
.service-kpi{
padding:16px;
border-radius:17px;
background:rgba(255,255,255,.045);
border:1px solid rgba(199,162,74,.18);
}
.service-kpi span{
display:block;
color:#c9d8d3;
font-size:12px;
margin-bottom:9px;
}
.service-kpi b{
display:block;
color:#e6c66d;
font-size:28px;
}
.service-kpi b.small-value{font-size:15px}
.operational-settings-card .settings-form-grid{margin-top:14px}
.backup-status{
margin-top:15px;
padding:12px 14px;
border-radius:13px;
background:rgba(199,162,74,.08);
border:1px solid rgba(199,162,74,.18);
}
.settings-actions{
margin-top:15px;
flex-wrap:wrap;
}
#archive_file_name{
display:block;
margin-top:7px;
color:#c9d8d3;
}
body.mode-light .service-kpi{background:rgba(9,55,42,.045)}
body.mode-light .service-kpi span,
body.mode-light #archive_file_name{color:#52675d}
@media(max-width:900px){
.service-kpi-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){
.service-kpi-grid{grid-template-columns:1fr}
}
/* === نظام الصلاحيات المركزي === */
.permissions-system-section .section-head{
align-items:flex-start;
}
.permissions-user-selector{
display:grid;
grid-template-columns:1fr auto;
align-items:end;
gap:14px;
margin-bottom:14px;
}
.permissions-user-selector label{
display:block;
margin-bottom:7px;
font-weight:900;
}
.permissions-user-selector select{
width:100%;
min-height:46px;
border-radius:13px;
padding:9px 12px;
background:rgba(2,17,15,.55);
color:#fff;
border:1px solid rgba(199,162,74,.18);
}
.selected-user-summary{
min-width:220px;
padding:10px 13px;
border-radius:13px;
background:rgba(199,162,74,.08);
border:1px solid rgba(199,162,74,.18);
}
.selected-user-summary b,
.selected-user-summary span{
display:block;
}
.selected-user-summary span{
margin-top:4px;
color:#c9d8d3;
font-size:11px;
}
.permission-global-actions{
display:flex;
gap:8px;
flex-wrap:wrap;
margin-bottom:13px;
}
.admin-permission-notice{
margin-bottom:13px;
padding:11px 13px;
border-radius:12px;
color:#e6c66d;
background:rgba(199,162,74,.09);
border:1px solid rgba(199,162,74,.20);
}
.permissions-matrix-wrap{
max-height:590px;
overflow:auto;
}
.permissions-matrix{
min-width:980px;
}
.permissions-matrix thead th{
position:sticky;
top:0;
z-index:2;
}
.permission-group-row td{
padding:10px 13px!important;
color:#e6c66d;
font-weight:1000;
background:rgba(199,162,74,.10)!important;
}
.permission-module-name{
min-width:230px;
font-weight:900;
}
.permission-action-cell{
width:78px;
text-align:center!important;
}
.permission-row-control{
min-width:160px;
white-space:nowrap;
}
.permission-switch{
display:inline-flex!important;
margin:0!important;
cursor:pointer;
}
.permission-switch input{
position:absolute;
opacity:0;
pointer-events:none;
}
.permission-switch span{
width:40px;
height:22px;
display:block;
position:relative;
border-radius:999px;
background:rgba(255,255,255,.16);
border:1px solid rgba(199,162,74,.18);
transition:.2s;
}
.permission-switch span::after{
content:"";
position:absolute;
top:3px;
right:3px;
width:14px;
height:14px;
border-radius:50%;
background:#b7c6c0;
transition:.2s;
}
.permission-switch input:checked + span{
background:#0f684e;
}
.permission-switch input:checked + span::after{
right:21px;
background:#f2cf67;
}
.permission-switch input:disabled + span{
opacity:.65;
cursor:not-allowed;
}
body.mode-light .permissions-user-selector select{
background:#fff;
color:#13251c;
border-color:rgba(9,55,42,.18);
}
body.mode-light .selected-user-summary{
background:rgba(9,55,42,.05);
}
body.mode-light .selected-user-summary span{
color:#52675d;
}
body.mode-light .permission-switch span{
background:rgba(9,55,42,.13);
}
@media(max-width:720px){
.permissions-user-selector{
grid-template-columns:1fr;
}
.selected-user-summary{
min-width:0;
}
}
const SHIFT_PRINT_FALLBACK_LOGO = "../assets/img/img-18db9d2c2d0e178b.png";
function shiftDefaultHeaderLines(){
return [
"رئاسة أركان القوات البحرية",
"قاعدة الملك سلمان للإسناد البحري",
"إدارة التشغيل والصيانة بالرياض",
"قسم التموين والإسناد",
"فرع خدمات المجمع السكني / المطعم"
];
}
function shiftDefaultPeriodTimes(count,current){
const defaults = [
{label:"الفترة الأولى",start:"03:00",end:"17:00"},
{label:"الفترة الثانية",start:"15:00",end:"05:00"},
{label:"الفترة الثالثة",start:"23:00",end:"07:00"},
{label:"الفترة الرابعة",start:"07:00",end:"15:00"}
];
const source = Array.isArray(current) ? current : [];
return Array.from({length:Math.max(1,Number(count)||1)},function(_,i){
return Object.assign({
label:"الفترة "+(i+1),
start:"",
end:""
},defaults[i]||{},source[i]||{});
});
}
function shiftTimeShortcutButtons(inputId){
const values = [
["03:00","٣ ص"],["05:00","٥ ص"],["07:00","٧ ص"],
["12:00","١٢ م"],["15:00","٣ م"],["17:00","٥ م"],
["19:00","٧ م"],["23:00","١١ م"]
];
return `${values.map(function(item){
return ``;
}).join("")}
`;
}
function setShiftTimeValue(inputId,value){
const input = document.getElementById(inputId);
if(input){ input.value=value; input.dispatchEvent(new Event("change",{bubbles:true})); }
}
function renderShiftPeriodTimeRows(count,times){
const rows = shiftDefaultPeriodTimes(count,times);
return rows.map(function(item,index){
const startId="shift_period_start_"+index;
const endId="shift_period_end_"+index;
return ``;
}).join("");
}
function refreshShiftPeriodTimeRows(){
const countInput=document.getElementById("shift_periods_count");
const container=document.getElementById("shift_period_times_rows");
if(!countInput||!container) return;
const current=Array.from(container.querySelectorAll(".shift-period-time-row")).map(function(row){
return {
label:row.querySelector(".shift-period-label")?.value||"",
start:row.querySelector(".shift-period-start")?.value||"",
end:row.querySelector(".shift-period-end")?.value||""
};
});
container.innerHTML=renderShiftPeriodTimeRows(Number(countInput.value)||1,current);
}
function collectShiftPeriodTimes(){
return Array.from(document.querySelectorAll("#shift_period_times_rows .shift-period-time-row")).map(function(row,index){
return {
label:row.querySelector(".shift-period-label")?.value.trim()||("الفترة "+(index+1)),
start:row.querySelector(".shift-period-start")?.value||"",
end:row.querySelector(".shift-period-end")?.value||""
};
});
}
function formatShiftClock(value){
if(!value) return "";
const parts=String(value).split(":");
let hour=Number(parts[0]||0), minute=parts[1]||"00";
const suffix=hour>=12?"مساءً":"صباحاً";
hour=hour%12||12;
return String(hour).padStart(2,"0")+":"+minute+" "+suffix;
}
/* === جدول المناوبات الشهري === */
.monthly-shifts-tabs{
display:flex;
gap:6px;
overflow-x:auto;
margin-bottom:14px;
padding:5px;
border-radius:15px;
background:rgba(255,255,255,.06);
}
.monthly-shifts-tabs button{
white-space:nowrap;
background:transparent;
color:#c9d8d3;
}
.monthly-shifts-tabs button.active{
background:#0b3d2e;
color:#fff;
box-shadow:inset 0 -2px 0 #c7a24a;
}
.approval-path{
display:grid;
grid-template-columns:repeat(6,1fr);
gap:8px;
margin-bottom:14px;
}
.approval-path span{
padding:9px;
border-radius:11px;
text-align:center;
background:rgba(199,162,74,.08);
border:1px solid rgba(199,162,74,.18);
font-size:11px;
line-height:1.5;
}
.shift-assignment-modal{
width:min(1000px,96vw)!important;
max-height:92vh;
overflow:auto;
}
.shift-assignment-table{
max-height:620px;
overflow:auto;
}
.shift-assignment-table select{
width:100%;
min-width:220px;
}
.approved-shift-card{margin-bottom:14px}
.approved-stamp{
display:inline-block;
margin-bottom:13px;
padding:8px 12px;
border-radius:999px;
background:rgba(20,133,96,.16);
color:#74e0b5;
border:1px solid rgba(20,133,96,.26);
font-weight:900;
}
.shift-duty-chip{
display:grid;
grid-template-columns:120px 120px 1fr;
gap:8px;
align-items:center;
padding:6px 0;
border-bottom:1px dashed rgba(255,255,255,.08);
}
.shift-duty-chip b{color:#e6c66d}
.shift-duty-chip em{font-style:normal}
body.mode-light .monthly-shifts-tabs{background:rgba(9,55,42,.06)}
body.mode-light .approval-path span{background:rgba(9,55,42,.04)}
@media(max-width:900px){
.approval-path{grid-template-columns:1fr 1fr 1fr}
}
@media(max-width:620px){
.approval-path{grid-template-columns:1fr 1fr}
.shift-duty-chip{grid-template-columns:1fr}
}
.shift-config-modal{
width:min(980px,96vw)!important;
max-height:92vh;
overflow:auto;
}
.shift-employee-selector-modal{
width:min(760px,94vw)!important;
}
.shift-employee-selector-list{
display:grid;
grid-template-columns:1fr 1fr;
gap:8px;
max-height:520px;
overflow:auto;
margin:14px 0;
}
.shift-employee-choice{
display:flex!important;
gap:10px;
align-items:center;
padding:10px;
border-radius:12px;
background:rgba(255,255,255,.045);
border:1px solid rgba(199,162,74,.15);
margin:0!important;
}
.shift-employee-choice input{width:auto!important;min-height:0!important}
.shift-employee-choice b,
.shift-employee-choice small{display:block}
.shift-employee-choice small{color:#c9d8d3;margin-top:3px}
.monthly-shift-matrix-modal{
width:98vw!important;
max-width:98vw!important;
height:94vh;
overflow:hidden;
display:flex;
flex-direction:column;
}
.matrix-editor-header{
display:flex;
justify-content:space-between;
gap:12px;
align-items:flex-start;
margin-bottom:10px;
}
.matrix-editor-header h2{margin:0}
.monthly-shift-matrix-wrap{
flex:1;
overflow:auto;
border:1px solid rgba(199,162,74,.18);
border-radius:12px;
}
.monthly-shift-matrix{
border-collapse:collapse;
min-width:max-content;
width:auto;
font-size:10px;
}
.monthly-shift-matrix th,
.monthly-shift-matrix td{
border:1px solid rgba(255,255,255,.18);
padding:2px;
text-align:center;
}
.monthly-shift-matrix thead th{
position:sticky;
top:0;
z-index:4;
background:#0b3d2e;
}
.shift-period-header{background:#174f73!important}
.shift-day-header{min-width:32px}
.monthly-shift-matrix .fixed-col{
position:sticky;
z-index:3;
background:#0d2f28;
}
.monthly-shift-matrix .shift-serial{right:0;min-width:30px}
.monthly-shift-matrix .shift-number{right:30px;min-width:75px}
.monthly-shift-matrix .shift-rank{right:105px;min-width:90px}
.monthly-shift-matrix .shift-name{right:195px;min-width:170px;text-align:right}
.shift-matrix-cell select{
width:30px;
min-width:30px;
height:26px;
padding:0;
text-align:center;
border-radius:4px;
}
body.mode-light .shift-employee-choice{background:rgba(9,55,42,.04)}
body.mode-light .shift-employee-choice small{color:#52675d}
@media(max-width:700px){
.shift-employee-selector-list{grid-template-columns:1fr}
}
/* === منظومة الوكالات === */
.delegation-tabs{
display:flex;
gap:6px;
overflow-x:auto;
margin-bottom:14px;
padding:5px;
border-radius:15px;
background:rgba(255,255,255,.055);
}
.delegation-tabs button{
white-space:nowrap;
background:transparent;
color:#c9d8d3;
}
.delegation-tabs button.active{
background:#0b3d2e;
color:#fff;
box-shadow:inset 0 -2px 0 #c7a24a;
}
.delegation-stepper{
display:grid;
grid-template-columns:repeat(5,1fr);
gap:10px;
margin:14px 0 18px;
}
.delegation-step{
position:relative;
min-height:84px;
padding:11px 7px;
border-radius:14px;
text-align:center;
background:rgba(255,255,255,.035);
border:1px solid rgba(199,162,74,.16);
}
.delegation-step>span{
width:30px;
height:30px;
display:grid;
place-items:center;
margin:0 auto 6px;
border-radius:50%;
background:rgba(255,255,255,.08);
}
.delegation-step b,
.delegation-step small{
display:block;
}
.delegation-step b{
font-size:11px;
}
.delegation-step small{
margin-top:5px;
color:#aebfba;
font-size:9px;
}
.delegation-step.done{
border-color:rgba(57,173,126,.34);
background:rgba(57,173,126,.11);
}
.delegation-step.done>span{
background:#277f5d;
}
.delegation-step.current{
border-color:rgba(199,162,74,.48);
box-shadow:0 0 0 2px rgba(199,162,74,.09);
}
.delegation-step.current>span{
background:#8a6f26;
}
.delegation-step.rejected{
border-color:rgba(203,74,74,.45);
background:rgba(203,74,74,.10);
}
.delegation-section{
margin-bottom:14px;
padding:15px;
border-radius:16px;
background:rgba(255,255,255,.035);
border:1px solid rgba(199,162,74,.16);
}
.delegation-section h3{
margin:0 0 13px;
color:#e6c66d;
}
.delegation-two-columns{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
}
.delegation-person-card{
display:grid;
gap:7px;
padding:14px;
border-radius:15px;
background:rgba(2,19,17,.38);
border:1px solid rgba(199,162,74,.14);
}
.delegation-person-card h4{
margin:0 0 7px;
color:#e6c66d;
text-align:center;
}
.delegation-form-actions{
position:sticky;
bottom:0;
padding:12px;
border-radius:15px;
background:rgba(3,22,19,.94);
border:1px solid rgba(199,162,74,.18);
}
.delegation-attachment-row{
display:flex;
align-items:center;
gap:10px;
flex-wrap:wrap;
}
.delegation-view-modal{
width:min(920px,95vw)!important;
max-height:92vh;
overflow:auto;
}
.delegation-view-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:9px;
margin:14px 0;
}
.delegation-view-grid>div{
padding:10px 12px;
border-radius:12px;
background:rgba(255,255,255,.04);
}
.delegation-view-grid b,
.delegation-view-grid span{
display:block;
}
.delegation-view-grid span{
margin-top:4px;
color:#c9d8d3;
}
.delegation-notes-box{
padding:13px;
border-radius:13px;
background:rgba(255,255,255,.04);
}
.delegation-notes-box p{
margin:6px 0 0;
line-height:1.8;
}
.delegation-template-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:14px;
}
.delegation-template-card{
overflow:hidden;
border-radius:17px;
background:rgba(255,255,255,.035);
border:1px solid rgba(199,162,74,.16);
}
.delegation-template-preview{
height:280px;
display:grid;
place-items:center;
overflow:hidden;
background:#e7e7e7;
}
.delegation-template-preview img{
width:100%;
height:100%;
object-fit:contain;
}
.delegation-template-details{
padding:14px;
}
.delegation-template-details h3{
margin:0 0 10px;
color:#e6c66d;
}
.delegation-template-details p{
margin:5px 0;
font-size:11px;
line-height:1.7;
}
.delegation-no-preview,
.delegation-pdf-preview{
width:100%;
height:100%;
display:grid;
place-items:center;
text-align:center;
color:#333;
}
.delegation-pdf-preview span{
display:block;
font-size:11px;
}
.delegation-template-editor-modal{
width:min(900px,95vw)!important;
max-height:92vh;
overflow:auto;
}
.delegation-template-preview-modal{
width:min(1200px,97vw)!important;
max-height:94vh;
overflow:auto;
}
.delegation-reference-tabs{
display:grid;
grid-template-columns:1fr 1fr;
gap:14px;
}
.delegation-reference-tabs section{
padding:12px;
border-radius:15px;
background:rgba(255,255,255,.035);
border:1px solid rgba(199,162,74,.16);
}
.delegation-reference-tabs h3{
margin:0 0 10px;
text-align:center;
color:#e6c66d;
}
.delegation-reference-full{
width:100%;
max-height:72vh;
object-fit:contain;
background:#fff;
}
.delegation-file-download{
min-height:280px;
display:grid;
place-items:center;
text-align:center;
}
body.mode-light .delegation-tabs,
body.mode-light .delegation-section,
body.mode-light .delegation-template-card,
body.mode-light .delegation-reference-tabs section{
background:rgba(9,55,42,.045);
}
body.mode-light .delegation-person-card{
background:rgba(9,55,42,.035);
}
body.mode-light .delegation-view-grid>div,
body.mode-light .delegation-notes-box{
background:rgba(9,55,42,.045);
}
body.mode-light .delegation-view-grid span{
color:#52675d;
}
@media(max-width:900px){
.delegation-stepper{
grid-template-columns:1fr 1fr 1fr;
}
.delegation-template-grid,
.delegation-reference-tabs{
grid-template-columns:1fr;
}
}
@media(max-width:650px){
.delegation-stepper,
.delegation-two-columns,
.delegation-view-grid{
grid-template-columns:1fr;
}
}
/* === إجراءات العمل الرقابية === */
.regulatory-tabs{display:flex;gap:8px;overflow:auto;margin-bottom:14px;padding:6px;border-radius:14px;background:rgba(255,255,255,.05)}
.regulatory-tabs button{white-space:nowrap;background:transparent;color:#d5e2dc}
.regulatory-tabs button.active{background:#0b3d2e;color:#fff;box-shadow:inset 0 -2px 0 #c7a24a}
.regulatory-kpis{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px;margin-bottom:14px}
.regulatory-actions{display:flex;gap:6px;flex-wrap:wrap}
.regulatory-official-meta{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px;margin-bottom:18px}
.regulatory-official-meta>div,.summary-block{padding:10px;border:1px solid rgba(199,162,74,.18);border-radius:12px;background:rgba(255,255,255,.03)}
.regulatory-three-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}
.regulatory-two-cols{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:18px}
.regulatory-box{border:1px solid rgba(199,162,74,.18);border-radius:14px;padding:10px;background:rgba(255,255,255,.03)}
.regulatory-box h4{margin:0 0 10px;color:#e6c66d;text-align:center}
.section-title{margin:18px 0 10px;color:#e6c66d}
.simple-table{width:100%;border-collapse:collapse}
.simple-table th,.simple-table td{border:1px solid rgba(199,162,74,.16);padding:7px;vertical-align:top}
.summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:12px 0 16px}
.regulatory-modal{width:min(920px,95vw)!important;max-height:92vh;overflow:auto}
.sub-actions{justify-content:flex-start;margin-bottom:14px}
body.mode-light .regulatory-tabs{background:rgba(9,55,42,.05)}
body.mode-light .regulatory-official-meta>div,body.mode-light .regulatory-box,body.mode-light .summary-block{background:rgba(9,55,42,.04)}
@media(max-width:1100px){.regulatory-kpis,.regulatory-official-meta{grid-template-columns:repeat(2,1fr)}.regulatory-three-cols,.regulatory-two-cols,.summary-grid{grid-template-columns:1fr}}
@media(max-width:700px){.regulatory-kpis,.regulatory-official-meta{grid-template-columns:1fr}}
/* === إصلاح شاشة الدخول وحوار الصلاحيات === */
.login-screen{position:relative;z-index:10}
body:not(.app-ready) .permission-modal{display:none!important}
.permission-modal-box{
width:min(1120px,94vw)!important;
max-height:88vh!important;
overflow:auto!important;
border:1px solid rgba(199,162,74,.28)!important;
box-shadow:0 24px 80px rgba(0,0,0,.58)!important;
}
.permission-header p{direction:rtl;unicode-bidi:plaintext}
.permission-modules{max-height:58vh;overflow:auto;padding-inline-end:4px}
@media(max-width:700px){
.permission-modal-box{width:96vw!important;max-height:92vh!important}
}
/* === تقييم أداء المورد === */
.supplier-eval-tabs{display:flex;gap:7px;overflow:auto;margin-bottom:14px;padding:6px;border-radius:14px;background:rgba(255,255,255,.05)}
.supplier-eval-tabs button{white-space:nowrap;background:transparent;color:#d5e2dc}.supplier-eval-tabs button.active{background:#0b3d2e;color:#fff;box-shadow:inset 0 -2px 0 #c7a24a}
.supplier-red-note{padding:10px 13px;margin-bottom:13px;border-radius:12px;border:1px solid rgba(225,69,69,.4);background:rgba(194,42,42,.1);color:#ffb3b3}
.red-electronic-field{border-color:#d94848!important;box-shadow:inset 0 0 0 1px rgba(217,72,72,.15)}
.supplier-section-title{margin:18px 0 10px;color:#e6c66d}.supplier-criteria-table{min-width:1500px}.supplier-criteria-table th,.supplier-criteria-table td{vertical-align:top}.supplier-category-row td{background:rgba(199,162,74,.12);color:#e6c66d;font-weight:900}.supplier-guide-text{display:block;color:#68b9ef;margin-top:5px}.fixed-contract-text{line-height:1.7}.supplier-range-field{width:100%;min-width:145px;min-height:58px;resize:vertical;border:1px solid rgba(199,162,74,.32)!important;border-radius:10px!important;background:rgba(255,255,255,.045)!important;color:#fff!important;padding:8px 9px!important;line-height:1.55!important}.supplier-range-field:focus{border-color:#d7b14b!important;box-shadow:0 0 0 2px rgba(215,177,75,.14)!important;outline:none!important}body.mode-light .supplier-range-field{background:#fff!important;color:#13251c!important}.supplier-summary-table{min-width:850px}.supplier-total-row{font-weight:900;background:rgba(199,162,74,.1)}.committee-head{margin-top:10px}.supplier-signature-request{padding:13px;border:1px solid rgba(199,162,74,.18);border-radius:14px;background:rgba(255,255,255,.03)}.supplier-eval-actions{position:sticky;bottom:0;padding:12px;border-radius:14px;background:rgba(3,23,19,.96);border:1px solid rgba(199,162,74,.18)}.supplier-view-modal{width:min(900px,95vw)!important}.supplier-view-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:12px 0}.supplier-view-grid>div{padding:10px;border-radius:12px;background:rgba(255,255,255,.04)}.supplier-view-grid b,.supplier-view-grid span{display:block}.supplier-view-grid span{margin-top:5px}.supplier-guide-card ol{line-height:2.1}.original-eval-note{padding:15px;border-radius:13px;background:rgba(255,255,255,.04)}
body.mode-light .supplier-eval-tabs,body.mode-light .supplier-signature-request,body.mode-light .supplier-view-grid>div,body.mode-light .original-eval-note{background:rgba(9,55,42,.045)}body.mode-light .supplier-red-note{color:#8f1d1d}
@media(max-width:850px){.supplier-view-grid{grid-template-columns:1fr}}
/* === نموذج الإفصاح الصحي === */
.health-disclosure-tabs{
display:flex;gap:7px;overflow-x:auto;margin-bottom:14px;padding:6px;
border-radius:15px;background:rgba(255,255,255,.055)
}
.health-disclosure-tabs button{white-space:nowrap;background:transparent;color:#cad9d4}
.health-disclosure-tabs button.active{background:#0b3d2e;color:#fff;box-shadow:inset 0 -2px 0 #c7a24a}
.health-disclosure-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:14px}
.health-disclosure-section{
margin-bottom:14px;padding:15px;border-radius:17px;
background:rgba(255,255,255,.035);border:1px solid rgba(199,162,74,.16)
}
.health-disclosure-section h3{margin:0 0 13px;color:#e6c66d}
.health-question-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.health-question{padding:11px;border-radius:13px;background:rgba(2,20,17,.35);border:1px solid rgba(199,162,74,.13)}
.health-question.full{grid-column:1/-1}
.health-question label{display:block;margin-bottom:7px;font-weight:900}
.health-report-upload{padding:12px;border:1px dashed rgba(199,162,74,.35);border-radius:13px}
.declaration-section p{line-height:2;text-align:justify}
.health-disclosure-sticky-actions{
position:sticky;bottom:0;display:flex;gap:8px;flex-wrap:wrap;padding:13px;
border-radius:15px;background:rgba(3,23,19,.96);border:1px solid rgba(199,162,74,.2)
}
.health-disclosure-actions{display:flex;gap:5px;flex-wrap:wrap}
.health-disclosure-view-modal{width:min(930px,95vw)!important;max-height:92vh;overflow:auto}
.health-disclosure-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:14px 0}
.health-disclosure-summary-grid>div,.health-disclosure-notes{
padding:11px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(199,162,74,.12)
}
.health-disclosure-summary-grid b,.health-disclosure-summary-grid span{display:block}
.health-disclosure-summary-grid span{margin-top:5px;color:#c9d8d3}
.health-disclosure-notes p{margin:6px 0 0}
.health-disclosure-reference-wrap{display:grid;place-items:center;padding:12px;border-radius:15px;background:#fff}
.health-disclosure-reference-wrap img{width:100%;max-width:850px;height:auto;object-fit:contain}
body.mode-light .health-disclosure-tabs,.mode-light .health-disclosure-section{background:rgba(9,55,42,.045)}
body.mode-light .health-question{background:rgba(9,55,42,.035)}
body.mode-light .health-disclosure-sticky-actions{background:rgba(238,246,242,.97)}
body.mode-light .health-disclosure-summary-grid>div,body.mode-light .health-disclosure-notes{background:rgba(9,55,42,.04)}
body.mode-light .health-disclosure-summary-grid span{color:#52675d}
@media(max-width:900px){
.health-disclosure-kpis,.health-disclosure-summary-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
.health-disclosure-kpis,.health-disclosure-summary-grid,.health-question-grid{grid-template-columns:1fr}
.health-question.full{grid-column:auto}
}
/* === تنسيق الخطابات الرسمية === */
@font-face{
font-family:"MohanadLocal";
src:local("Al-Mohanad"),local("AL-Mohanad"),local("Mohanad"),local("المهند");
}
.letter-template-notice{
margin-bottom:14px;
padding:11px 13px;
border-radius:13px;
color:#d8e5df;
background:rgba(199,162,74,.08);
border:1px solid rgba(199,162,74,.18);
}
.official-letter-settings-modal,
.official-letter-editor-modal{
width:min(1120px,97vw)!important;
max-height:94vh;
overflow:auto;
}
.official-letter-settings-layout{
display:grid;
grid-template-columns:minmax(300px,440px) 1fr;
gap:16px;
}
.official-letter-settings-form{
display:grid;
gap:7px;
}
.official-letter-settings-form h3{margin:0 0 5px;color:#e6c66d}
.official-letter-settings-preview{
border-radius:16px;
padding:12px;
background:rgba(255,255,255,.035);
overflow:auto;
}
.official-letter-mini-sheet{
position:relative;
width:100%;
min-height:650px;
padding:25px;
background:#fff;
color:#111;
font-family:"AlMohanadEmbedded","Traditional Arabic",Tahoma,Arial,sans-serif;
display:grid;
grid-template-columns:1fr 120px 1fr;
grid-template-areas:"right center left" "body body body";
grid-template-rows:auto 1fr;
gap:8px;
}
.mini-letterhead-right{grid-area:right;text-align:right;font-weight:700;line-height:1.65;padding-top:18px}
.mini-letterhead-right span{display:block}
.mini-letterhead-center{grid-area:center;display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px}
.mini-letterhead-center img{max-height:135px;object-fit:contain}
.mini-letterhead-left{grid-area:left;text-align:right;font-weight:700;line-height:1.8;padding-top:20px}
.mini-letterhead-left span{display:block}
.mini-letter-body{grid-area:body;padding-top:45px;font-size:18px;line-height:2;text-align:justify}
.official-letter-body-input{min-height:280px!important;line-height:2}
.official-letter-preview-modal{
width:min(1180px,98vw)!important;
max-height:96vh;
overflow:hidden;
display:flex;
flex-direction:column;
}
.official-letter-preview-toolbar{
display:flex;
justify-content:space-between;
gap:12px;
align-items:flex-start;
margin-bottom:10px;
}
.official-letter-preview-toolbar h2{margin:0}
.official-letter-preview-toolbar p{margin:5px 0 0;color:#b9cbc4}
.official-letter-preview-scroll{
flex:1;
overflow:auto;
padding:16px;
border-radius:15px;
background:#313131;
}
.official-letter-sheet{
position:relative;
width:210mm;
min-height:297mm;
margin:0 auto;
padding:13mm 16mm 14mm;
background:#fff;
color:#111;
font-family:"AlMohanadEmbedded","Traditional Arabic",Tahoma,Arial,sans-serif;
font-size:var(--letter-font-size);
line-height:var(--letter-line-height);
box-shadow:0 8px 30px rgba(0,0,0,.35);
}
.official-letterhead{
display:grid;
grid-template-columns:minmax(0,1fr) 125px minmax(0,1fr);
grid-template-areas:"right center left";
align-items:start;
gap:8px;
min-height:48mm;
}
.official-letterhead-right{grid-area:right;text-align:right;font-size:15px;font-weight:700;line-height:1.65;padding-top:4mm}
.official-letterhead-right span{display:block}
.official-letterhead-center{grid-area:center;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}
.official-letter-basmala{font-size:14px;font-weight:700;white-space:nowrap}
.official-letter-logo{display:block;max-height:35mm;object-fit:contain}
.official-letterhead-left{grid-area:left;text-align:right;font-size:14px;font-weight:700;line-height:1.8;padding-top:5mm}
.official-letterhead-left>div{display:grid;grid-template-columns:66px 1fr;gap:5px;min-height:24px}
.official-letterhead-left b{white-space:nowrap}
.official-letter-main{padding-top:6mm}
.official-letter-recipient{text-align:center;font-weight:700;margin:3mm 0 7mm;font-size:calc(var(--letter-font-size) + 1px)}
.official-letter-greeting{margin-bottom:4mm}
.official-letter-text{text-align:justify;min-height:85mm}
.official-letter-closing{margin-top:4mm}
.official-letter-signature{width:62mm;text-align:center;margin-top:12mm;display:flex;flex-direction:column;align-items:center;line-height:1.7}
.official-letter-signature.signature-right{margin-right:0;margin-left:auto}
.official-letter-signature.signature-center{margin-right:auto;margin-left:auto}
.official-letter-signature.signature-left{margin-right:auto;margin-left:0}
.official-letter-signature-image{width:46mm;height:21mm;object-fit:contain;margin-bottom:-5mm}
.official-letter-signature span{display:block}
.official-letter-copies{margin-top:12mm;font-size:14px;line-height:1.7}
.official-letter-footer-note{position:absolute;bottom:7mm;right:16mm;left:16mm;text-align:center;border-top:1px solid #aaa;padding-top:2mm;font-size:11px;color:#555}
body.mode-light .letter-template-notice{color:#3c5549;background:rgba(9,55,42,.05)}
@media(max-width:900px){
.official-letter-settings-layout{grid-template-columns:1fr}
.official-letter-preview-scroll{padding:7px}
.official-letter-sheet{transform-origin:top right;transform:scale(.75);margin-bottom:-74mm}
}
/* === تنسيق منظومة الوجبات ونصيب الفرد والصرف === */
.meal-ops-tabs{display:flex;gap:7px;overflow:auto;margin-bottom:14px;padding:5px;border-radius:15px;background:rgba(255,255,255,.05)}
.meal-ops-tabs button{white-space:nowrap;background:transparent;color:#c9d8d3}
.meal-ops-tabs button.active{background:#0b3d2e;color:#fff;box-shadow:inset 0 -2px 0 #c7a24a}
.meal-schedule-meta-grid,.meal-issue-form-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:10px;margin-bottom:14px}
.meal-schedule-meta-grid .full-field,.meal-issue-form-grid .full-field{grid-column:1/-1}
.weekly-meal-section{margin-top:18px;border:1px solid rgba(199,162,74,.18);border-radius:15px;overflow:hidden}
.weekly-meal-section-head{display:flex;justify-content:space-between;align-items:center;padding:10px 13px;background:rgba(199,162,74,.08)}
.weekly-meal-section-head h3{margin:0;color:#e6c66d}
.weekly-meal-table{min-width:1100px;table-layout:fixed}
.weekly-meal-table th,.weekly-meal-table td{border:2px solid rgba(199,162,74,.22)!important;text-align:center;vertical-align:middle}
.weekly-meal-table th{background:rgba(255,255,255,.08)!important}
.weekly-meal-table th span{display:block;margin-bottom:5px}
.meal-cell-item{display:flex;align-items:center;justify-content:center;gap:4px;min-height:31px}
.meal-item-name{background:transparent;border:0;padding:3px;color:inherit;font-weight:800;white-space:normal}
.meal-item-delete{width:22px;height:22px;padding:0;border-radius:50%;background:rgba(180,45,45,.18);color:#ff9999}
.empty-meal-cell{height:34px}
.meal-reference-frame{width:100%;height:78vh;border:0;border-radius:14px;background:#fff}
.meal-component-modal{width:min(850px,95vw)!important;max-height:92vh;overflow:auto}
.meal-calc-controls,.meal-report-controls{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px;align-items:end;margin-bottom:14px}
.meal-calculation-result{min-height:130px;padding:12px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(199,162,74,.15)}
.requirement-summary{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:10px}
.requirement-summary span{padding:7px 10px;border-radius:999px;background:rgba(199,162,74,.09);border:1px solid rgba(199,162,74,.16)}
.stock-ok{color:#77dfb4;font-weight:900}.stock-warning{color:#ffb26f;font-weight:900}
.recipe-group-card{margin-bottom:14px}
.meal-issue-path{grid-template-columns:repeat(5,1fr)!important}
.meal-issue-view-modal{width:min(1200px,97vw)!important;max-height:94vh;overflow:auto}
.meal-stage-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:14px}
.meal-stage-summary>div{padding:11px;border-radius:12px;text-align:center;background:rgba(255,255,255,.04)}
.meal-stage-summary b,.meal-stage-summary span,.meal-stage-summary small{display:block}.meal-stage-summary span{margin:5px 0;color:#e6c66d}
.cost-report-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}
.cost-report-summary>div,.monthly-cost-summary>div{padding:12px;border-radius:13px;background:rgba(255,255,255,.04);border:1px solid rgba(199,162,74,.14)}
.cost-report-summary span,.cost-report-summary b,.monthly-cost-summary span,.monthly-cost-summary b{display:block}.cost-report-summary b{font-size:20px;color:#e6c66d;margin-top:5px}
.monthly-cost-summary{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:12px}.monthly-cost-summary>div{min-width:170px}
body.mode-light .meal-ops-tabs,body.mode-light .meal-calculation-result,body.mode-light .meal-stage-summary>div,body.mode-light .cost-report-summary>div,body.mode-light .monthly-cost-summary>div{background:rgba(9,55,42,.045)}
body.mode-light .weekly-meal-table th{background:rgba(9,55,42,.07)!important}
@media(max-width:1000px){.meal-schedule-meta-grid,.meal-issue-form-grid,.meal-calc-controls,.meal-report-controls{grid-template-columns:repeat(2,1fr)}.meal-issue-path,.meal-stage-summary,.cost-report-summary{grid-template-columns:1fr 1fr!important}}
@media(max-width:650px){.meal-schedule-meta-grid,.meal-issue-form-grid,.meal-calc-controls,.meal-report-controls,.meal-issue-path,.meal-stage-summary,.cost-report-summary{grid-template-columns:1fr!important}}
/* === تحسين محاذاة ترويسة الخطابات وإزالة الفواصل === */
.official-letter-header-line-setting{
display:grid;
grid-template-columns:58px minmax(0,1fr) 120px;
gap:7px;
align-items:center;
}
.official-letter-header-line-setting label{margin:0!important}
.official-letter-header-line-setting input,
.official-letter-header-line-setting select{width:100%}
.mini-letterhead-right span,
.official-letterhead-right span{width:100%;display:block}
.mini-letterhead-right .header-align-right,
.official-letterhead-right .header-align-right{text-align:right}
.mini-letterhead-right .header-align-center,
.official-letterhead-right .header-align-center{text-align:center}
.mini-letterhead-right .header-align-left,
.official-letterhead-right .header-align-left{text-align:left}
.mini-letterhead-left span{border-bottom:0!important;display:grid;grid-template-columns:62px 1fr;gap:5px;min-height:24px}
.mini-letterhead-left b{white-space:nowrap}
.official-letterhead-left>div{border-bottom:0!important;grid-template-columns:66px 1fr;gap:5px}
.official-letterhead-left b{white-space:nowrap}
@media(max-width:650px){
.official-letter-header-line-setting{grid-template-columns:1fr}
}
/* === اختصارات الوقت وشعار طباعة المناوبات === */
.shift-time-editor-section{padding:14px;border:1px solid rgba(199,162,74,.22);border-radius:15px;background:rgba(255,255,255,.035)}
.shift-time-editor-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.shift-time-editor-heading b,.shift-time-editor-heading small{display:block}.shift-time-editor-heading b{color:#e6c66d;font-size:13px}.shift-time-editor-heading small{margin-top:4px;color:#b8c8c2;font-size:10px}
.shift-period-time-row{display:grid;grid-template-columns:1fr 1.25fr 1.25fr;gap:10px;padding:10px 0;border-bottom:1px dashed rgba(199,162,74,.17)}.shift-period-time-row:last-child{border-bottom:0}
.shift-time-shortcuts{display:flex;gap:4px;flex-wrap:wrap;margin-top:5px}.shift-time-shortcuts button{padding:4px 7px;min-height:0;font-size:9px;border-radius:999px;background:rgba(199,162,74,.12);color:#e6c66d;border:1px solid rgba(199,162,74,.2)}.shift-time-shortcuts button:hover{background:rgba(199,162,74,.22)}
body.mode-light .shift-time-editor-section{background:rgba(9,55,42,.035)}body.mode-light .shift-time-editor-heading small{color:#52675d}
@media(max-width:800px){.shift-period-time-row{grid-template-columns:1fr}}
/* === قاعدة الوصفات ومكونات الوجبات === */
.recipe-operation-path{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:12px 0 16px}.recipe-operation-path span{padding:10px;text-align:center;border-radius:12px;background:rgba(199,162,74,.09);border:1px solid rgba(199,162,74,.20);font-size:11px}.recipe-source-small{display:block;color:#9fb4ad;margin-top:4px}.recipe-link-ok{color:#63d69b;font-weight:900}.recipe-link-warning{color:#ffbf69;font-weight:900}.dish-recipe-editor-modal{width:98vw!important;max-width:98vw!important;height:94vh;overflow:auto}.dish-master-fields{margin-bottom:14px}.dish-components-head{margin-top:10px}.dish-ingredients-wrap{max-height:52vh;overflow:auto;border:1px solid rgba(199,162,74,.18);border-radius:13px}.dish-ingredients-table{min-width:1650px}.dish-ingredients-table thead th{position:sticky;top:0;z-index:2;background:#0b3d2e}.dish-ingredients-table input,.dish-ingredients-table select{min-width:105px;width:100%;padding:7px}.dish-ingredients-table .dr-item{min-width:175px}.dish-ingredients-table .dr-notes{min-width:180px}.dr-price-source{min-width:130px;font-size:10px}.dish-editor-actions{position:sticky;bottom:0;background:rgba(3,23,19,.97);padding:12px;border:1px solid rgba(199,162,74,.18);border-radius:13px;z-index:5}.dish-recipe-view-modal{width:min(1200px,97vw)!important;max-height:93vh;overflow:auto}.recipe-reference-frame{min-height:78vh}.recipe-editor-note{padding:10px;border-radius:12px;background:rgba(61,136,189,.12);border:1px solid rgba(61,136,189,.23)}body.mode-light .recipe-operation-path span{background:rgba(9,55,42,.05)}body.mode-light .dish-editor-actions{background:rgba(240,247,244,.98)}@media(max-width:900px){.recipe-operation-path{grid-template-columns:1fr 1fr}}
/* === العقود والمالية والالتزامات === */
.finance-wide-modal{width:min(1120px,96vw)!important;max-height:94vh;overflow:auto}
.finance-full-modal{width:min(1450px,98vw)!important;max-height:96vh;overflow:auto}
.finance-section-title{margin:16px 0 10px;padding:9px 12px;border-radius:11px;background:rgba(199,162,74,.12);color:#e6c66d;border-right:4px solid #c7a24a}
.finance-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}
.finance-summary-grid>div{padding:11px;border:1px solid rgba(199,162,74,.18);border-radius:12px;background:rgba(255,255,255,.035)}
.finance-summary-grid b,.finance-summary-grid span{display:block}.finance-summary-grid span{margin-top:5px;color:#cbd8d3}
.finance-material-table{min-width:1000px}.finance-material-table select,.finance-material-table input{min-width:125px;width:100%}
.head.compact{margin:0 0 8px}.head.compact p{margin:0}
body.mode-light .finance-summary-grid>div{background:rgba(9,55,42,.045)}body.mode-light .finance-summary-grid span{color:#4d6258}
@media(max-width:900px){.finance-summary-grid{grid-template-columns:1fr}.finance-full-modal,.finance-wide-modal{width:98vw!important}}
/* === الاستحقاقات الأخرى والأصول والعهد وإخلاء الطرف === */
.finance-kpis{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px;margin:0 0 14px}
.finance-kpis>div{padding:14px;border-radius:14px;border:1px solid rgba(199,162,74,.18);background:rgba(255,255,255,.035)}
.finance-kpis span,.finance-kpis b{display:block}.finance-kpis b{margin-top:6px;font-size:22px;color:#e7c96f}
.finance-proof-modal{width:min(1100px,96vw)!important;max-height:94vh;overflow:auto}
.finance-proof-image{display:block;width:100%;max-height:78vh;object-fit:contain;background:#fff}
.finance-proof-frame{width:100%;height:78vh;border:0;background:#fff}
.custody-items-table{min-width:1300px}.custody-items-table input,.custody-items-table select{width:100%;min-width:110px}
.custody-items-table .cu-name{min-width:190px}
.clearance-check-panel{margin:14px 0}
.clearance-result{display:grid;gap:5px;padding:14px;border-radius:14px;border:1px solid transparent}
.clearance-result.ok{background:rgba(38,145,82,.16);border-color:rgba(38,145,82,.35);color:#bce8c9}
.clearance-result.bad{background:rgba(180,49,49,.16);border-color:rgba(180,49,49,.35);color:#ffc7c7}
.clearance-result.warn{background:rgba(190,143,38,.16);border-color:rgba(190,143,38,.35);color:#f3d892}
body.mode-light .finance-kpis>div{background:rgba(9,55,42,.045)}
body.mode-light .clearance-result.ok{color:#176537}body.mode-light .clearance-result.bad{color:#9b2828}body.mode-light .clearance-result.warn{color:#76570c}
@media(max-width:900px){.finance-kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.finance-kpis{grid-template-columns:1fr}}
/* ===== اعتماد تعديلات الواجهة الرئيسية حسب الملاحظات المرقمة ===== */
.app>aside{
display:flex!important;
flex-direction:column!important;
min-height:100vh!important;
}
.app>aside>nav{
display:flex!important;
flex-direction:column!important;
flex:1 1 auto!important;
min-height:0!important;
}
.redesigned-brand{
min-height:210px!important;
padding:18px 14px 16px!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:flex-start!important;
gap:10px!important;
background:transparent!important;
}
.redesigned-brand>img{
display:block!important;
object-fit:contain!important;
margin:0 auto!important;
padding:0!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
filter:drop-shadow(0 7px 12px rgba(0,0,0,.30))!important;
}
.sidebar-brand-lines{
width:100%;
display:flex;
flex-direction:column;
gap:4px;
line-height:1.55;
color:#fff;
font-weight:800;
font-size:14px;
}
.sidebar-brand-lines span{display:block;width:100%}
.nav-logout{
margin-top:auto!important;
margin-bottom:12px!important;
border-color:rgba(180,35,24,.45)!important;
background:linear-gradient(135deg,rgba(142,28,20,.84),rgba(92,22,17,.88))!important;
}
.nav-logout:hover{background:linear-gradient(135deg,#b42318,#7c1d15)!important}
.main-route-header{
min-height:112px!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
padding:12px 24px!important;
gap:22px!important;
}
.defense-header-logo-wrap{
display:flex;
align-items:center;
justify-content:center;
flex:0 0 auto;
min-width:118px;
min-height:86px;
}
.defense-header-logo{
display:block;
object-fit:contain;
background:transparent!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
filter:drop-shadow(0 7px 12px rgba(0,0,0,.30));
transform-origin:center;
}
body.mode-light .defense-header-logo{filter:drop-shadow(0 6px 10px rgba(0,0,0,.18))}
@media(max-width:800px){
.defense-header-logo-wrap{min-width:82px;min-height:68px}
.defense-header-logo{max-width:84px!important;max-height:84px!important}
}
.route-identity{
display:flex;
align-items:center;
gap:15px;
}
.route-identity img{
width:78px;
height:82px;
object-fit:contain;
display:block;
background:transparent!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
filter:drop-shadow(0 8px 12px rgba(0,0,0,.28));
}
.route-identity h1{margin:0!important}
.dash-welcome{min-height:178px!important}
.welcome-clock-wrap{
min-width:170px;
display:flex;
align-items:center;
justify-content:center;
border-left:1px solid rgba(199,162,74,.28);
padding-left:22px;
padding-right:0;
}
.dashboard-meta-panel{
display:grid;
grid-template-columns:repeat(2,minmax(220px,1fr));
gap:12px;
flex:1;
align-items:stretch;
}
.dashboard-meta-chip{
min-height:72px;
display:flex;
flex-direction:column;
justify-content:center;
gap:6px;
padding:14px 18px;
border:1px solid rgba(199,162,74,.24);
border-radius:16px;
background:linear-gradient(145deg,rgba(10,52,40,.78),rgba(4,28,22,.88));
box-shadow:0 12px 24px rgba(0,0,0,.16), inset 0 0 0 1px rgba(255,255,255,.02);
}
.dashboard-meta-chip span{
color:#e7d9af;
font-size:13px;
font-weight:700;
}
.dashboard-meta-chip strong{
color:#fff;
font-size:18px;
font-weight:900;
letter-spacing:.2px;
}
.dashboard-meta-chip small{
color:rgba(255,255,255,.72);
font-size:12px;
}
.official-clock{
width:132px;
height:132px;
display:grid;
place-items:center;
}
.clock-face{
width:126px;
height:126px;
position:relative;
border-radius:50%;
border:3px solid #c7a24a;
background:
repeating-conic-gradient(from -1deg,rgba(231,201,111,.85) 0deg 1.4deg,transparent 1.4deg 29deg),
radial-gradient(circle at 50% 45%,rgba(20,84,61,.96),rgba(2,20,16,.98));
box-shadow:0 0 0 5px rgba(199,162,74,.10),0 12px 28px rgba(0,0,0,.32),inset 0 0 22px rgba(0,0,0,.5);
}
.clock-ministry-logo{
position:absolute;
width:86%;
height:86%;
object-fit:contain;
top:7%;
left:7%;
opacity:.82;
filter:grayscale(.05) brightness(1.1);
}
.clock-number{
position:absolute;
color:#f3dda1;
font-size:11px;
font-weight:900;
line-height:1;
text-shadow:0 1px 3px #000;
}
.clock-number.n12{top:7px;left:50%;transform:translateX(-50%)}
.clock-number.n3{right:8px;top:50%;transform:translateY(-50%)}
.clock-number.n6{bottom:7px;left:50%;transform:translateX(-50%)}
.clock-number.n9{left:8px;top:50%;transform:translateY(-50%)}
.clock-hand{
position:absolute;
left:50%;
bottom:50%;
transform-origin:50% 100%;
transform:translateX(-50%) rotate(0deg);
border-radius:999px;
z-index:4;
}
.clock-hour{width:5px;height:27%;background:#fff}
.clock-minute{width:3px;height:36%;background:#e9d595}
.clock-second{width:2px;height:41%;background:#e33b2f;z-index:5}
.clock-pin{
position:absolute;
width:11px;height:11px;border-radius:50%;
left:50%;top:50%;transform:translate(-50%,-50%);
background:#d8b655;border:2px solid #fff;z-index:7;
box-shadow:0 0 5px #000;
}
.sidebar-brand-settings-grid{
display:grid;
grid-template-columns:260px 1fr;
gap:18px;
align-items:start;
}
.sidebar-brand-settings-preview{
min-height:250px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:10px;
padding:15px;
border:1px solid rgba(199,162,74,.24);
border-radius:15px;
background:rgba(2,20,16,.35);
color:#fff;
font-weight:800;
line-height:1.7;
}
.sidebar-brand-settings-preview img{
object-fit:contain;
background:transparent!important;
border:0!important;
border-radius:0!important;
}
.sidebar-brand-settings-fields{display:flex;flex-direction:column;gap:10px}
.inline-settings-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
body.mode-light .sidebar-brand-settings-preview{background:#0b3d2e;color:#fff}
body.mode-light .route-identity img{filter:drop-shadow(0 7px 11px rgba(0,0,0,.18))}
@media(max-width:800px){
.sidebar-brand-settings-grid{grid-template-columns:1fr}
.welcome-clock-wrap{border-left:0;padding-left:0}
.main-route-header{min-height:95px!important}
.route-identity img{width:62px;height:66px}
}
/* إزالة عبارات الترحيب والملاحظة من البطاقة الرئيسية */
.dash-welcome{display:flex!important;justify-content:space-between!important;align-items:stretch!important;gap:18px!important}
.welcome-clock-wrap{margin-right:auto!important;margin-left:0!important}
/* ===== الساعة الدائرية النظيفة ومكتبة اللوائح ===== */
.clock-face{
background:radial-gradient(circle at 50% 45%,rgba(20,84,61,.96),rgba(2,20,16,.98))!important;
}
.reg-topics-grid{
display:grid;
grid-template-columns:repeat(3,minmax(230px,1fr));
gap:13px;
margin-top:15px;
}
.reg-topic-card{
display:flex;
flex-direction:column;
align-items:flex-start;
min-height:230px;
padding:18px;
border:1px solid rgba(199,162,74,.24);
border-radius:16px;
background:linear-gradient(145deg,rgba(10,52,40,.82),rgba(4,28,22,.90));
color:#fff;
text-align:right;
cursor:pointer;
transition:.18s ease;
}
.reg-topic-card:hover{transform:translateY(-3px);border-color:#d8b655;box-shadow:0 12px 25px rgba(0,0,0,.24)}
.reg-topic-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid #c7a24a;color:#e7c96f;font-size:23px;margin-bottom:12px}
.reg-topic-card b{font-size:18px;color:#fff}
.reg-topic-card small{color:#d9c27f;margin-top:5px}
.reg-topic-card p{line-height:1.8;color:#cbd9d3;flex:1;margin:10px 0}
.reg-topic-card em{font-style:normal;color:#e7c96f;font-size:12px}
.reg-topic-card strong{margin-top:12px;color:#fff;background:rgba(199,162,74,.16);padding:7px 11px;border-radius:9px}
.regulation-topic-modal,.regulation-document-modal{width:min(1000px,95vw)!important;max-height:92vh;overflow:auto}
.reg-topic-description,.reg-document-note{padding:15px;border-radius:13px;background:rgba(255,255,255,.04);line-height:1.9;margin:12px 0;border:1px solid rgba(199,162,74,.14)}
.reg-documents-list{display:grid;gap:9px;margin-top:12px}
.reg-doc-list-item{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:13px;border:1px solid rgba(199,162,74,.18);border-radius:12px;background:rgba(255,255,255,.03);color:#fff;text-align:right}
.reg-doc-list-item:hover{border-color:#c7a24a}
.reg-doc-list-item span{color:#e7c96f}.reg-doc-list-item small{line-height:1.7;color:#c7d2ce}
.reg-document-title{display:flex;align-items:center;gap:14px;border-bottom:1px solid rgba(199,162,74,.20);padding-bottom:13px;margin-bottom:14px}
.reg-document-title>span{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;border:2px solid #c7a24a;color:#e7c96f;font-size:28px}
.reg-document-title h2,.reg-document-title p{margin:0}.reg-document-title p{margin-top:5px;color:#e7c96f}
.reg-guide-sections{display:grid;gap:10px;margin:15px 0}
.reg-guide-sections section{padding:14px;border:1px solid rgba(199,162,74,.16);border-radius:12px;background:rgba(255,255,255,.025)}
.reg-guide-sections h3{margin:0 0 7px;color:#e7c96f}.reg-guide-sections p{margin:0;line-height:1.85}
body.mode-light .reg-topic-card{background:linear-gradient(145deg,#f5f8f6,#e9f0ec);color:#183428}
body.mode-light .reg-topic-card b{color:#17392c}body.mode-light .reg-topic-card p,body.mode-light .reg-doc-list-item small{color:#445b51}
body.mode-light .reg-doc-list-item{background:#f6f8f7;color:#183428}
body.mode-light .reg-topic-description,body.mode-light .reg-document-note,body.mode-light .reg-guide-sections section{background:#f5f8f6;color:#183428}
@media(max-width:1000px){.reg-topics-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.reg-topics-grid{grid-template-columns:1fr}}
.guide-actions-row{display:flex;justify-content:flex-start;margin:0 0 10px 0}
.guide-actions-left{display:flex;gap:8px;flex-wrap:wrap}
.unified-guide-hero{text-align:center;padding:24px 18px 30px;background:linear-gradient(180deg,rgba(7,39,28,.95),rgba(4,22,17,.98));border:1px solid rgba(120,161,108,.15)}
.guide-version-badge{display:inline-flex;align-items:center;justify-content:center;padding:5px 14px;border-radius:999px;background:rgba(146,190,120,.18);border:1px solid rgba(146,190,120,.35);color:#eef5db;font-size:12px;margin-bottom:14px}
.unified-guide-hero h1{margin:0 0 10px 0;color:#87b880;font-size:22px}
.guide-hero-lines{display:grid;gap:6px;color:#d8e8d6;line-height:1.8;font-size:14px}
.guide-reference-line{margin-top:16px;color:#d6e5dc;font-size:13px}
.guide-outline-wrap .head{margin-bottom:8px}
.guide-outline-grid{display:grid;grid-template-columns:repeat(3,minmax(250px,1fr));gap:14px}
.guide-outline-card{display:flex;align-items:center;gap:12px;padding:16px;border-radius:15px;border:1px solid rgba(126,162,115,.18);background:linear-gradient(145deg,rgba(10,45,34,.75),rgba(3,22,17,.9));text-align:right;color:#fff;min-height:90px;transition:.18s ease}
.guide-outline-card:hover{transform:translateY(-2px);border-color:#92be78;box-shadow:0 10px 24px rgba(0,0,0,.18)}
.guide-outline-number{display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;border-radius:12px;background:#6e9b67;color:#fff;font-weight:800;box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
.guide-outline-content{flex:1}
.guide-outline-content b{display:block;color:#fff;font-size:18px;margin-bottom:3px}
.guide-outline-content p{margin:0;color:#c9d7d1;line-height:1.75;font-size:13px}
.guide-quick-card{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}
.guide-quick-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.guide-quick-header h2{margin:0;color:#fff}.guide-quick-header span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;border:1px solid rgba(199,162,74,.28);color:#d8b655;font-size:21px}
.guide-quick-card p{flex:1;min-width:280px;color:#d3dfd8;line-height:1.85;margin:0}
.guide-note-bar{margin-top:10px;padding:12px 14px;border-radius:14px;border:1px solid rgba(192,119,12,.55);background:rgba(104,52,0,.18);color:#f8efe0;line-height:1.85;font-size:13px}
.guide-section-modal{text-align:right}.guide-section-badge{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:15px;background:#6e9b67;color:#fff;font-weight:800;font-size:20px;margin-bottom:10px}
@media(max-width:1100px){.guide-outline-grid{grid-template-columns:repeat(2,minmax(240px,1fr))}}
@media(max-width:700px){.guide-outline-grid{grid-template-columns:1fr}.guide-quick-card{display:block}}
@media print{.sidebar,.topbar,.guide-actions-row button:not(.print-keep),.module-toolbar,.actions button:not(.print-keep){display:none!important}.app{grid-template-columns:1fr!important}.content{padding:0!important}.card,.guide-note-bar{box-shadow:none!important;background:#fff!important;color:#000!important;border:1px solid #aaa!important}.guide-outline-card,.guide-version-badge{background:#fff!important;color:#000!important}.guide-outline-content b,.unified-guide-hero h1{color:#000!important}}
body.mode-light .unified-guide-hero{background:linear-gradient(180deg,#f4faf4,#eaf3ea)}
body.mode-light .guide-outline-card{background:linear-gradient(145deg,#f9fbf9,#edf4ee);color:#17352a}
body.mode-light .guide-outline-content b{color:#17352a}body.mode-light .guide-outline-content p,body.mode-light .guide-quick-card p{color:#486055}
body.mode-light .guide-note-bar{background:#fff7e9;color:#5c4721}
.homepage-logo-stage{position:relative;min-height:120px;border:1px dashed rgba(201,169,97,.38);border-radius:16px;background:rgba(3,24,20,.42);overflow:hidden}
.homepage-logo-draggable{position:absolute;left:0;top:0;cursor:move;user-select:none;touch-action:none;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(0,0,0,.28));z-index:4}
.homepage-logo-draggable.dragging{outline:2px solid var(--gold);outline-offset:4px}
.dashboard-brand-logo-wrap{position:relative;min-height:118px;border:1px solid rgba(201,169,97,.22);border-radius:16px;background:linear-gradient(145deg,rgba(10,52,40,.78),rgba(4,28,22,.88));overflow:hidden}
.dashboard-brand-logo-wrap small{position:absolute;right:14px;bottom:10px;color:rgba(255,255,255,.55);font-size:11px}
/* === تحسينات إعدادات المخولين والتوقيعات + إدارة النظام الإداري === */
.admin-mini-stats{display:grid;grid-template-columns:repeat(3,minmax(170px,1fr));gap:12px;margin:14px 0}
.admin-mini-stats .stat{padding:14px 16px;border-radius:15px;background:rgba(255,255,255,.04);border:1px solid rgba(199,162,74,.18)}
.admin-mini-stats .stat span{display:block;color:#c9d8d3;font-size:12px;margin-bottom:8px}
.admin-mini-stats .stat b{font-size:24px;color:#e6c66d}
.admin-preview-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin:16px 0}
.admin-preview-card,.admin-side-card{padding:16px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(199,162,74,.18)}
.admin-preview-card h4,.admin-side-card h4{margin:0 0 10px;color:#e6c66d}
.signature-sheet{min-height:220px;padding:18px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(245,245,245,.92));color:#1b2520;display:grid;grid-template-rows:auto 1fr auto;gap:14px}
.signature-sheet-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.signature-sheet-top .meta{display:grid;gap:7px;font-size:12px}
.signature-sheet-top .meta b{display:block;color:#0f362a}
.signature-sheet-logo{width:78px;height:78px;object-fit:contain}
.signature-sheet-body{font-size:13px;line-height:2;color:#22332c}
.signature-sheet-footer{display:grid;gap:6px;justify-items:start}
.signature-sheet-footer .line{width:180px;border-top:1px solid #66756e;padding-top:7px;font-weight:900}
.signature-sheet-footer small{color:#42544c}
.signer-chips{display:flex;flex-wrap:wrap;gap:8px}
.signer-chip{padding:9px 12px;border-radius:999px;background:rgba(199,162,74,.1);border:1px solid rgba(199,162,74,.18);font-size:12px}
.admin-note-box{padding:12px 14px;border-radius:14px;background:rgba(17,105,80,.16);border:1px solid rgba(45,153,119,.23);line-height:1.9;margin-top:12px}
.admin-settings-section{display:grid;gap:16px}
.admin-form-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px}
.admin-form-grid .full{grid-column:1/-1}
.admin-form-grid .three{grid-column:span 3}
.admin-form-grid label{display:block;margin-bottom:7px;font-weight:900;color:#f4eee1}
.admin-form-grid input,.admin-form-grid select,.admin-form-grid textarea{width:100%;min-height:44px;border-radius:13px;border:1px solid rgba(199,162,74,.18);background:rgba(2,17,15,.55);color:#fff;padding:11px 13px}
.admin-form-grid textarea{min-height:110px;resize:vertical}
.admin-form-grid small{display:block;margin-top:6px;color:#c9d8d3;line-height:1.7}
.admin-actions-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:14px}
.workflow-editor-wrap{display:grid;gap:14px}
.workflow-stage-list{display:grid;gap:12px}
.workflow-stage-row{padding:14px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(199,162,74,.16)}
.workflow-stage-grid{display:grid;grid-template-columns:90px 1.2fr 1fr 1fr 150px 170px auto;gap:10px;align-items:end}
.workflow-stage-grid label{display:block;margin-bottom:7px;font-weight:900;color:#f4eee1;font-size:12px}
.workflow-stage-grid input,.workflow-stage-grid select{width:100%;min-height:42px;border-radius:12px;border:1px solid rgba(199,162,74,.18);background:rgba(2,17,15,.55);color:#fff;padding:10px 12px}
.workflow-stage-grid .stage-remove button{min-width:84px}
.admin-subtitle{margin:0;color:#c9d8d3;line-height:1.9}
.admin-table-summary{font-size:11px;color:#c9d8d3;display:block;margin-top:4px;line-height:1.7}
body.mode-light .admin-mini-stats .stat,
body.mode-light .admin-preview-card,
body.mode-light .admin-side-card,
body.mode-light .workflow-stage-row{background:rgba(9,55,42,.045)}
body.mode-light .admin-form-grid input,
body.mode-light .admin-form-grid select,
body.mode-light .admin-form-grid textarea,
body.mode-light .workflow-stage-grid input,
body.mode-light .workflow-stage-grid select{background:#fff;color:#13251c}
body.mode-light .admin-mini-stats .stat span,
body.mode-light .admin-subtitle,
body.mode-light .admin-table-summary,
body.mode-light .admin-form-grid small{color:#52675d}
@media(max-width:1100px){.admin-form-grid{grid-template-columns:repeat(2,minmax(160px,1fr))}.admin-preview-grid{grid-template-columns:1fr}.workflow-stage-grid{grid-template-columns:repeat(2,minmax(150px,1fr))}.workflow-stage-grid .stage-remove{grid-column:1/-1}}
@media(max-width:620px){.admin-mini-stats{grid-template-columns:1fr}.admin-form-grid{grid-template-columns:1fr}.workflow-stage-grid{grid-template-columns:1fr}}
/* === شاشة الدخول المعتمدة النهائية === */
.login-info-v2{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;padding:8px 12px!important}
.system-mini-title{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;margin:0 0 20px!important;text-align:center!important}
.system-mini-title .easha-mini-logo{width:132px!important;height:132px!important;object-fit:contain!important;margin:0 auto!important;filter:drop-shadow(0 12px 20px rgba(0,0,0,.35))!important}
.system-mini-title h3{margin:0!important;color:#d7b14b!important;font-size:28px!important;line-height:1.35!important;font-weight:1000!important;text-shadow:0 3px 14px rgba(0,0,0,.65)!important}
.system-mini-title span{display:block!important;margin-top:4px!important;color:#d7b14b!important;font-size:32px!important;line-height:1.35!important;font-weight:1000!important;text-shadow:0 4px 16px rgba(0,0,0,.68)!important}
.login-info-v2>h1{display:none!important}
.login-info-v2>p{max-width:760px!important;margin:8px auto 0!important;color:rgba(255,255,255,.92)!important;font-size:15px!important;line-height:2!important;text-align:center!important;text-shadow:0 3px 14px rgba(0,0,0,.65)!important}
.login-title-with-logo img{display:none!important}
.login-title-with-logo{justify-content:center!important;text-align:center!important;margin-bottom:22px!important}
.login-title-with-logo h2{font-size:22px!important;text-align:center!important}
.login-title-with-logo small{font-size:12px!important}
@media(max-width:980px){.system-mini-title .easha-mini-logo{width:110px!important;height:110px!important}.system-mini-title span{font-size:26px!important}.login-info-v2>p{font-size:14px!important}}
/* HEALTH CARDS */
.health-global-alert{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:14px;padding:13px 16px;border-radius:15px;background:rgba(145,35,35,.22);border:1px solid rgba(225,85,85,.4)}
.health-global-alert.warn{background:rgba(150,112,25,.18);border-color:rgba(199,162,74,.4)}
.health-global-alert strong,.health-global-alert span{display:block}.health-global-alert span{margin-top:4px;color:#d5e0dc;font-size:12px}
.health-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.health-kpi{padding:15px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(199,162,74,.18)}.health-kpi span,.health-kpi b,.health-kpi small{display:block}.health-kpi span{color:#c9d8d3;font-size:12px}.health-kpi b{font-size:28px;color:#e6c66d;margin:7px 0}.health-kpi small{color:#aebfba;font-size:11px}
.health-name{border:0!important;background:transparent!important;color:#e6c66d!important;box-shadow:none!important;padding:0!important;font-weight:900!important;text-decoration:underline}
.hstatus{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:900}.hstatus.valid{background:rgba(38,145,82,.17);color:#bfe9cb}.hstatus.warn{background:rgba(190,143,38,.18);color:#f4d98c}.hstatus.expired{background:rgba(184,45,45,.18);color:#ffc3c3}.hstatus.missing{background:rgba(126,138,132,.18);color:#d1ddd8}
.health-form{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.health-form .full{grid-column:1/-1}.health-form label{display:block;margin-bottom:7px;font-weight:900}.health-form input,.health-form select,.health-form textarea{width:100%;min-height:44px;border-radius:13px;border:1px solid rgba(199,162,74,.18);background:rgba(2,17,15,.55);color:#fff;padding:10px 12px}.health-form textarea{min-height:90px}.health-section{grid-column:1/-1;padding:9px 12px;border-radius:10px;background:rgba(199,162,74,.09);color:#e6c66d;font-weight:900;border-right:4px solid #c7a24a}
.health-modal-box{width:min(1000px,96vw)!important;max-height:94vh;overflow:auto}.health-profile{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.health-profile>div{padding:11px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(199,162,74,.14)}.health-profile b,.health-profile span{display:block}.health-profile span{margin-top:5px;color:#c9d8d3}.health-history{display:grid;gap:10px}.health-history>div{padding:12px;border-radius:13px;background:rgba(255,255,255,.04);border:1px solid rgba(199,162,74,.14)}
.health-settings{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}.health-settings label{display:block;margin-bottom:7px;font-weight:900}.health-settings input,.health-settings select{width:100%;min-height:44px;border-radius:13px;border:1px solid rgba(199,162,74,.18);background:rgba(2,17,15,.55);color:#fff;padding:10px 12px}
body.mode-light .health-kpi,body.mode-light .health-profile>div,body.mode-light .health-history>div{background:rgba(9,55,42,.045)}body.mode-light .health-form input,body.mode-light .health-form select,body.mode-light .health-form textarea,body.mode-light .health-settings input,body.mode-light .health-settings select{background:#fff;color:#13251c}
@media(max-width:900px){.health-kpis{grid-template-columns:repeat(2,1fr)}.health-form,.health-profile{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.health-kpis,.health-form,.health-profile,.health-settings{grid-template-columns:1fr}.health-global-alert{align-items:flex-start;flex-direction:column}}
/* === قياس أداء الموظفين === */
.employee-performance-page{display:grid;gap:16px}
.employee-performance-filters{display:grid;grid-template-columns:1.2fr repeat(2,minmax(170px,.7fr)) auto;gap:12px;align-items:end}
.employee-performance-filters label{display:block;margin-bottom:7px;font-weight:900;color:#f4eee1}
.employee-performance-filters select,.employee-performance-filters input{width:100%;min-height:44px;border-radius:13px;border:1px solid rgba(199,162,74,.2);background:rgba(2,17,15,.58);color:#fff;padding:10px 12px}
.employee-performance-kpis{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px}
.employee-performance-kpi{padding:16px;border-radius:17px;border:1px solid rgba(199,162,74,.18);background:rgba(255,255,255,.04)}
.employee-performance-kpi span{display:block;color:#c9d8d3;font-size:12px;margin-bottom:8px}
.employee-performance-kpi b{display:block;color:#e6c66d;font-size:27px}
.employee-performance-score{display:inline-flex;align-items:center;justify-content:center;min-width:74px;padding:7px 10px;border-radius:999px;font-weight:900;border:1px solid rgba(199,162,74,.22);background:rgba(199,162,74,.1)}
.employee-performance-score.good{color:#8ce0af;background:rgba(39,127,93,.18)}
.employee-performance-score.mid{color:#f0d07b;background:rgba(156,119,28,.18)}
.employee-performance-score.low{color:#ffaaa2;background:rgba(173,58,49,.18)}
.employee-performance-note{padding:12px 14px;border-radius:14px;background:rgba(17,105,80,.14);border:1px solid rgba(45,153,119,.23);line-height:1.8;color:#d6e4df}
.employee-performance-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.employee-performance-list{display:grid;gap:8px}
.employee-performance-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid rgba(199,162,74,.12)}
.employee-performance-list small{color:#c9d8d3}
body.mode-light .employee-performance-kpi,body.mode-light .employee-performance-list>div{background:rgba(9,55,42,.045)}
body.mode-light .employee-performance-filters select,body.mode-light .employee-performance-filters input{background:#fff;color:#13251c}
body.mode-light .employee-performance-note{color:#31483d}
body.mode-light .employee-performance-kpi span,body.mode-light .employee-performance-list small{color:#52675d}
@media(max-width:1050px){.employee-performance-filters{grid-template-columns:1fr 1fr}.employee-performance-kpis{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.employee-performance-filters,.employee-performance-kpis,.employee-performance-breakdown{grid-template-columns:1fr}}
/* === ثبات القائمة الجانبية وسير التعاميم الإداري === */
.app>aside{overflow:hidden!important}
.app>aside>nav{
overflow-y:auto!important;
overflow-x:hidden!important;
overscroll-behavior:contain;
scrollbar-gutter:stable;
scroll-behavior:auto!important;
padding-left:4px;
}
.app>aside>nav::-webkit-scrollbar{width:8px}
.app>aside>nav::-webkit-scrollbar-thumb{background:rgba(199,162,74,.34);border-radius:999px}
.app>aside>nav::-webkit-scrollbar-track{background:rgba(255,255,255,.025)}
.circular-target-panel{grid-column:1/-1;padding:14px;border-radius:15px;border:1px solid rgba(199,162,74,.18);background:rgba(255,255,255,.035)}
.circular-target-panel h4{margin:0 0 10px;color:#e6c66d}
.circular-check-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:9px;max-height:220px;overflow:auto;padding:6px}
.circular-check-grid label{display:flex;align-items:center;gap:8px;min-height:42px;padding:9px 11px;border-radius:11px;background:rgba(255,255,255,.045);border:1px solid rgba(199,162,74,.12);font-weight:800}
.circular-check-grid input{width:auto;min-height:auto}
.circular-info-banner{padding:12px 14px;margin:10px 0;border-radius:13px;background:rgba(17,105,80,.16);border:1px solid rgba(45,153,119,.23);line-height:1.8}
.circular-history{display:grid;gap:9px;margin:14px 0}
.circular-history-item{padding:11px 13px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(199,162,74,.14)}
.circular-history-item b,.circular-history-item span,.circular-history-item small{display:block}
.circular-history-item span{margin:5px 0;color:#e6c66d}
.circular-history-item small{color:#c9d8d3;line-height:1.7}
.circular-target-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}
.circular-target-tags span{padding:4px 8px;border-radius:999px;background:rgba(199,162,74,.10);border:1px solid rgba(199,162,74,.18);font-size:11px}
body.mode-light .circular-target-panel,body.mode-light .circular-history-item{background:rgba(9,55,42,.045)}
body.mode-light .circular-check-grid label{background:#fff;color:#13251c}
body.mode-light .circular-history-item small{color:#52675d}
@media(max-width:900px){.circular-check-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.circular-check-grid{grid-template-columns:1fr}}
/* ضوابط الاستحقاق الشهري للوكالات */
#delegation_entitlement_summary{background:rgba(11,82,63,.18);border:1px solid rgba(199,162,74,.28);border-radius:14px;padding:14px;line-height:1.8}
#delegation_entitlement_summary table{font-size:12px}
#delegation_entitlement_summary th,#delegation_entitlement_summary td{padding:8px 6px}
/* المستفيدون والبطاقات الذكية */
.beneficiary-photo-thumb{width:54px;height:64px;border-radius:10px;object-fit:cover;border:2px solid #d4af37;background:#eef3f1}
.beneficiary-photo-empty{width:54px;height:64px;border-radius:10px;display:grid;place-items:center;background:#eef3f1;color:#64746b;font-size:11px;border:1px dashed #9dafaa}
.beneficiary-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.beneficiary-form-grid .full{grid-column:1/-1}.photo-upload-box{display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:center;padding:14px;border:1px solid var(--line,#d8e1de);border-radius:14px;background:rgba(255,255,255,.04)}
.photo-upload-preview{width:120px;height:145px;border-radius:14px;object-fit:cover;background:#eef3f1;border:2px solid #d4af37}.photo-upload-placeholder{width:120px;height:145px;border-radius:14px;display:grid;place-items:center;text-align:center;background:#eef3f1;color:#65746f;border:1px dashed #9dafaa}
.smart-card-modal .modal-box{max-width:1120px}.smart-card-layout{display:grid;grid-template-columns:minmax(430px,1.15fr) minmax(310px,.85fr);gap:22px;align-items:start}.smart-card-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.verification-options{display:grid;gap:10px}.verification-option{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #c9d7d2;border-radius:12px;background:rgba(255,255,255,.05)}
.easha-id-card{width:86mm;height:54mm;position:relative;overflow:hidden;border-radius:4mm;border:.55mm solid var(--card-accent,#b69234);background:linear-gradient(105deg,var(--card-primary,#07394a) 0 27%,#f7f9fa 27% 100%);color:var(--card-font-color,#102331);font-family:Tahoma,Arial;box-shadow:0 14px 32px #0003;box-sizing:border-box}
.easha-id-card:before{content:"";position:absolute;inset:auto 0 0;height:9mm;background:var(--card-primary,#07394a);z-index:1}.easha-id-card .card-wave{position:absolute;right:22mm;top:-10mm;width:17mm;height:75mm;border:1.2mm solid var(--card-accent,#b69234);border-top:0;border-bottom:0;border-radius:50%;opacity:.9;transform:rotate(-4deg)}
.easha-id-card .card-main-logo{position:absolute;right:3.5mm;top:3mm;width:14mm;height:14mm;object-fit:contain;z-index:2}.easha-id-card .card-watermark{position:absolute;right:33mm;top:12mm;width:29mm;height:29mm;object-fit:contain;z-index:0}.easha-id-card .card-title{position:absolute;right:20mm;top:3mm;font-size:var(--card-title-size,4.8mm);color:var(--card-font-color,#102331);font-weight:900;z-index:2;white-space:nowrap}.easha-id-card .card-subtitle{position:absolute;right:25mm;top:9.6mm;background:var(--card-primary,#07394a);color:#fff;padding:1.1mm 5mm;border-radius:5mm;font-size:var(--card-subtitle-size,3.3mm);z-index:2}.easha-id-card .card-photo{position:absolute;left:4mm;top:10.5mm;width:20mm;height:25.5mm;object-fit:cover;border:.5mm solid var(--card-accent,#b69234);border-radius:2.4mm;background:#fff;z-index:2}.easha-id-card .card-photo-empty{position:absolute;left:4mm;top:10.5mm;width:20mm;height:25.5mm;border:.5mm solid var(--card-accent,#b69234);border-radius:2.4mm;background:#e9efed;display:grid;place-items:center;font-size:2.5mm;color:#60706b;z-index:2}.easha-id-card .card-data{position:absolute;right:28mm;top:17mm;width:50mm;font-size:var(--card-data-size,3mm);color:var(--card-font-color,#102331);line-height:1.78;z-index:2}.easha-id-card .card-name{font-size:var(--card-name-size,4.7mm);color:var(--card-font-color,#102331);font-weight:900;border-bottom:.25mm solid #c8d0d3;margin-bottom:.8mm;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.easha-id-card .card-chip{position:absolute;right:5mm;top:17mm;width:15mm;height:11mm;border-radius:2mm;background:linear-gradient(135deg,#f6d978,#b98b22);border:.25mm solid #7b5a12;z-index:2}.easha-id-card .card-chip:after{content:"";position:absolute;inset:2mm;border:.3mm solid #7b5a12;border-radius:1mm}.easha-id-card .card-qr{position:absolute;right:4mm;bottom:10mm;width:14mm;height:14mm;border:1mm solid #fff;background:repeating-linear-gradient(45deg,#111 0 1mm,#fff 1mm 2mm);z-index:2}.easha-id-card .card-foot{position:absolute;bottom:2.2mm;right:27mm;color:#fff;font-size:2.55mm;z-index:3}.easha-id-card .card-status{position:absolute;bottom:2.2mm;left:4mm;color:#fff;font-size:2.8mm;font-weight:700;z-index:3}
.card-design-grid{display:grid;grid-template-columns:370px minmax(0,1fr);gap:18px}.card-design-preview{min-height:300px;display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,#eaf0ee,#fff);border-radius:16px}.settings-section-title{margin:18px 0 8px;font-weight:800;color:#b69234}.range-line{display:grid;grid-template-columns:1fr 68px;gap:10px;align-items:center}
.gate-person-card{display:grid;grid-template-columns:150px 1fr;gap:20px;align-items:center;padding:22px;border-radius:18px;border:2px solid}.gate-person-card.allowed{background:linear-gradient(135deg,#e8fff3,#d5f4e5);border-color:#15803d;color:#103a28}.gate-person-card.denied{background:linear-gradient(135deg,#fff1f1,#ffdddd);border-color:#b42318;color:#5e1815}.gate-person-photo{width:150px;height:180px;object-fit:cover;border-radius:16px;border:4px solid #fff;box-shadow:0 8px 24px #0002}.gate-person-photo.empty{display:grid;place-items:center;background:#edf2f0;color:#65746f}.gate-person-info h2{font-size:29px;margin:0 0 10px}.gate-status-title{font-size:34px;font-weight:900;margin-bottom:8px}
/* الإعلانات وشاشات العرض */
.display-designer{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px}.display-sidebar,.display-editor{background:var(--card,#fff);border:1px solid var(--line,#d8e1de);border-radius:16px;padding:16px}.display-screen-list{display:grid;gap:9px;margin-top:12px;max-height:590px;overflow:auto}.display-screen-item{padding:12px;border:1px solid var(--line,#d8e1de);border-radius:12px;cursor:pointer;background:rgba(255,255,255,.03)}.display-screen-item.active{border-color:#c5a23a;box-shadow:0 0 0 2px #c5a23a33}.display-screen-item small{display:block;color:#7a8883;margin-top:4px}.display-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.display-form-grid .full{grid-column:1/-1}.display-preview-shell{margin-top:18px;padding:12px;border-radius:16px;background:#091411}.display-preview{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:12px;background:#10241d;color:#fff}.display-preview>img,.display-preview>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.display-preview-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#0001,#0004)}.display-center-text{position:absolute;transform:translate(-50%,-50%);max-width:78%;padding:.25em .55em;border-radius:.35em;text-align:center;white-space:pre-wrap;z-index:3}.display-logo{position:absolute;object-fit:contain;z-index:4}.display-ticker{position:absolute;left:0;right:0;bottom:0;height:13%;display:flex;align-items:center;overflow:hidden;background:#061b17df;border-top:2px solid #c5a23a;z-index:5}.display-ticker-track{position:absolute;white-space:nowrap;font-weight:800;will-change:transform}.ticker-rtl{animation-name:tickerRTL;animation-timing-function:linear}.ticker-ltr{animation-name:tickerLTR;animation-timing-function:linear}@keyframes tickerRTL{from{transform:translateX(105%)}to{transform:translateX(-105%)}}@keyframes tickerLTR{from{transform:translateX(-105%)}to{transform:translateX(105%)}}
@media(max-width:980px){.beneficiary-form-grid,.card-design-grid,.display-designer,.display-form-grid,.smart-card-layout{grid-template-columns:1fr}.gate-person-card{grid-template-columns:1fr;text-align:center}.gate-person-photo{margin:auto}.photo-upload-box{grid-template-columns:1fr}.photo-upload-preview,.photo-upload-placeholder{margin:auto}}
.card-font-controls{grid-template-columns:repeat(2,minmax(220px,1fr));margin:10px 0}.card-font-controls>div{padding:10px;border:1px solid rgba(199,162,74,.18);border-radius:13px;background:rgba(255,255,255,.035)}.card-font-controls input[type=color]{height:46px;padding:4px}.card-font-controls .range-line{display:grid;grid-template-columns:1fr 78px;gap:8px;align-items:center}.card-font-controls .range-line input[readonly]{text-align:center}@media(max-width:800px){.card-font-controls{grid-template-columns:1fr}}
/* ===== التصميم الاحترافي المعتمد لبطاقة الإعاشة — تحكم كامل ===== */
.card-design-grid.card-designer-pro{grid-template-columns:minmax(420px,520px) minmax(560px,1fr);align-items:start}
.card-designer-pro .designer-panel{max-height:calc(100vh - 120px);overflow:auto;padding-left:6px}
.card-designer-pro details{border:1px solid #d7dfdc;border-radius:14px;margin:10px 0;background:#fff;overflow:hidden}
.card-designer-pro summary{cursor:pointer;padding:13px 15px;font-weight:900;color:#0b3d33;background:linear-gradient(90deg,#f7faf9,#eef5f2);list-style:none}
.card-designer-pro details[open] summary{border-bottom:1px solid #dde7e3}
.card-designer-pro .detail-body{padding:14px}
.card-designer-pro .control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.card-designer-pro .control-grid .full{grid-column:1/-1}
.card-designer-pro .check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.card-designer-pro .check-grid label{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #dce5e2;border-radius:10px;background:#fafcfc}
.card-designer-pro .sticky-preview{position:sticky;top:76px}
.card-design-preview.pro-preview{min-height:430px;background:radial-gradient(circle at 50% 10%,#fff,#dce8e4);overflow:auto}
.card-design-actions{position:sticky;bottom:0;background:#fff;padding:12px 0 2px;border-top:1px solid #e1e8e5;z-index:3}
.card-source-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}
.card-source-row .wide{grid-column:1/-1}
.easha-id-card.approved-professional{width:86mm;height:54mm;position:relative;overflow:hidden;border-radius:4mm;border:.55mm solid var(--accent,#c9a243);background:linear-gradient(var(--bg-angle,120deg),var(--bg1,#003e3a),var(--bg2,#001f2b));color:var(--value-color,#fff);font-family:var(--card-font,Tahoma),Arial,sans-serif;box-shadow:0 4mm 9mm #0004;box-sizing:border-box;isolation:isolate}
.easha-id-card.approved-professional:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 22%,rgba(255,255,255,.025) 22% 22.4%,transparent 22.4%),radial-gradient(circle at 15% 20%,rgba(255,255,255,.06),transparent 35%);z-index:-2}
.easha-id-card.approved-professional:after{content:"";position:absolute;left:20.5mm;top:-8mm;width:19mm;height:72mm;border-right:.7mm solid var(--accent,#c9a243);border-radius:50%;opacity:.75;z-index:-1}
.approved-professional .card-bg-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-4;opacity:var(--bg-image-opacity,.22)}
.approved-professional .card-overlay{position:absolute;inset:0;background:linear-gradient(var(--bg-angle,120deg),color-mix(in srgb,var(--bg1,#003e3a) 92%,transparent),color-mix(in srgb,var(--bg2,#001f2b) 94%,transparent));z-index:-3}
.approved-professional .card-watermark-pro{position:absolute;object-fit:contain;z-index:-1;transform:translate(-50%,-50%)}
.approved-professional .card-logo-pro,.approved-professional .card-logo2-pro{position:absolute;object-fit:contain;z-index:3;transform:translate(-50%,-50%)}
.approved-professional .card-title-pro{position:absolute;left:50%;top:3.2mm;transform:translateX(-50%);font-size:var(--title-size,5mm);font-weight:900;color:var(--title-color,#fff);white-space:nowrap;text-shadow:0 .3mm .6mm #0006;z-index:3}
.approved-professional .card-subtitle-pro{position:absolute;left:51%;top:10mm;transform:translateX(-50%);min-width:35mm;max-width:48mm;text-align:center;padding:1.15mm 4mm;border-radius:5mm;background:linear-gradient(180deg,color-mix(in srgb,var(--accent,#c9a243) 75%,#fff),var(--accent,#c9a243));border:.35mm solid #f4d98a;color:var(--subtitle-color,#071f21);font-size:var(--subtitle-size,3.5mm);font-weight:900;box-shadow:inset 0 .35mm .7mm #fff6,0 .5mm 1mm #0005;z-index:3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.approved-professional .card-subtitle-pro .meal-icon{display:inline-grid;place-items:center;width:6mm;height:6mm;margin-right:1.5mm;border-radius:50%;background:#f7dd91;border:.3mm solid #765513;font-size:3.2mm;vertical-align:middle}
.approved-professional .card-photo-pro,.approved-professional .card-photo-empty-pro{position:absolute;object-fit:cover;border:.5mm solid var(--accent,#c9a243);background:#f4f4f2;border-radius:var(--photo-radius,2.5mm);z-index:3;box-shadow:0 1mm 2mm #0005}
.approved-professional .card-photo-empty-pro{display:grid;place-items:center;color:#7b8482;background:linear-gradient(#f8f8f8,#d7dcda);font-size:2.7mm;text-align:center}
.approved-professional .card-fields-pro{position:absolute;right:25mm;top:17.5mm;width:40mm;z-index:3;direction:rtl}
.approved-professional .card-name-pro{font-size:var(--name-size,4.4mm);font-weight:900;color:var(--name-color,#fff);padding-bottom:1mm;margin-bottom:.7mm;border-bottom:.25mm solid color-mix(in srgb,var(--accent,#c9a243) 70%,transparent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.approved-professional .card-row-pro{display:grid;grid-template-columns:17mm 1fr;gap:1.2mm;align-items:center;min-height:4.25mm;border-bottom:.18mm solid color-mix(in srgb,var(--accent,#c9a243) 45%,transparent);font-size:var(--data-size,2.75mm)}
.approved-professional .card-row-pro .label{color:var(--label-color,#f0d382);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.approved-professional .card-row-pro .value{color:var(--value-color,#fff);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;direction:rtl}
.approved-professional .card-chip-pro{position:absolute;left:5.4mm;top:18.7mm;width:13.5mm;height:9.7mm;border-radius:1.6mm;background:linear-gradient(145deg,#f6dc80,#9e7116);border:.35mm solid #7e5a12;box-shadow:inset 0 .3mm .6mm #fff7,0 .7mm 1.2mm #0005;z-index:3}
.approved-professional .card-chip-pro:before,.approved-professional .card-chip-pro:after{content:"";position:absolute;border:.28mm solid #7c5915;border-radius:.7mm}.approved-professional .card-chip-pro:before{inset:1.7mm}.approved-professional .card-chip-pro:after{left:5.5mm;top:0;bottom:0;width:2.5mm;border-top:0;border-bottom:0}
.approved-professional .card-contactless-pro{position:absolute;left:17.8mm;top:27mm;color:var(--accent,#c9a243);font-size:7mm;transform:rotate(90deg);z-index:3;font-weight:900}
.approved-professional .card-qr-pro{position:absolute;left:5mm;bottom:11mm;width:13mm;height:13mm;background:#fff;border:.55mm solid var(--accent,#c9a243);border-radius:1.5mm;z-index:3;padding:1mm;box-sizing:border-box}
.approved-professional .card-qr-pro:before{content:"";display:block;width:100%;height:100%;background:repeating-conic-gradient(#111 0 25%,#fff 0 50%) 0/2.2mm 2.2mm;mix-blend-mode:multiply}
.approved-professional .card-serial-pro{position:absolute;left:3.4mm;bottom:2.3mm;width:19mm;text-align:center;color:var(--serial-color,#f3d47e);font-size:var(--footer-size,2.45mm);font-weight:900;z-index:4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.approved-professional .card-meals-pro{position:absolute;right:24mm;bottom:1.7mm;width:42mm;display:grid;grid-template-columns:repeat(3,1fr);gap:0;color:var(--footer-color,#fff);font-size:var(--footer-size,2.45mm);z-index:4;text-align:center}
.approved-professional .card-meals-pro>div{border-left:.2mm solid #fff7;padding:.2mm .8mm}.approved-professional .card-meals-pro>div:last-child{border-left:0}
.approved-professional .card-status-pro{position:absolute;right:0;bottom:0;width:21mm;height:8.5mm;display:flex;align-items:center;justify-content:center;gap:1mm;background:linear-gradient(90deg,#0a6b49,#0d8154);color:#fff;font-size:var(--footer-size,2.7mm);font-weight:900;z-index:3;border-top:.35mm solid var(--accent,#c9a243)}
.approved-professional .card-status-pro.denied{background:linear-gradient(90deg,#8f1f25,#b52b32)}
.approved-professional .card-status-pro .circle{display:grid;place-items:center;width:5.5mm;height:5.5mm;border:.45mm solid #fff;border-radius:50%;font-size:3.4mm}
.approved-professional .card-custom-note{position:absolute;left:25mm;bottom:10mm;color:var(--note-color,#f2d988);font-size:var(--note-size,2.3mm);z-index:3;max-width:37mm;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:1150px){.card-design-grid.card-designer-pro{grid-template-columns:1fr}.card-designer-pro .designer-panel{max-height:none}.card-designer-pro .sticky-preview{position:static}}
@media(max-width:650px){.card-designer-pro .control-grid,.card-designer-pro .check-grid{grid-template-columns:1fr}}
/* === معاينة الدليل الأصلي وبيانات المستفيدين المستوردة === */
.embedded-guide-modal{z-index:99999!important}
.embedded-guide-box{width:min(1500px,98vw)!important;height:94vh!important;max-height:94vh!important;padding:14px!important;display:flex;flex-direction:column;overflow:hidden!important}
.embedded-guide-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.embedded-guide-head h2{margin:0;color:#e6c66d}.embedded-guide-head p{margin:4px 0 0;color:#c9d8d3}
.embedded-guide-box iframe{width:100%;height:100%;min-height:70vh;border:1px solid rgba(199,162,74,.35);border-radius:14px;background:#fff}
.imported-beneficiary-note{padding:10px 13px;border:1px solid rgba(199,162,74,.2);border-radius:12px;background:rgba(199,162,74,.08);color:#e7d79e;margin-bottom:12px}
body.mode-light .imported-beneficiary-note{color:#5b4512;background:rgba(199,162,74,.12)}
@media(max-width:700px){.embedded-guide-box{width:100vw!important;height:100vh!important;max-height:100vh!important;border-radius:0!important}.embedded-guide-head{align-items:flex-start}.embedded-guide-head .actions{width:100%}}
/* === V214 DARK MODE CONTRAST FIX — 2026-08-29 === */
body.mode-dark{
--v214-dark-text:#f7faf9;
--v214-dark-muted:#c8d8d3;
--v214-dark-soft:#afc5be;
--v214-dark-gold:#efd878;
color:var(--v214-dark-text)!important;
}
body.mode-dark aside,
body.mode-dark header,
body.mode-dark main,
body.mode-dark .content,
body.mode-dark .card,
body.mode-dark .notice,
body.mode-dark .modal-box,
body.mode-dark .panel,
body.mode-dark .dash-panel,
body.mode-dark .shortcuts-panel,
body.mode-dark .dash-welcome,
body.mode-dark .kpi-card,
body.mode-dark .bottom-kpis>div,
body.mode-dark .system-settings-card,
body.mode-dark .settings-section,
body.mode-dark .v214-shift-page,
body.mode-dark .v214-shift-card,
body.mode-dark .v214-builder-modal,
body.mode-dark .v214-builder-head,
body.mode-dark .v214-builder-body,
body.mode-dark .v214-builder-section,
body.mode-dark .v214-builder-footer,
body.mode-dark .v214-day-block,
body.mode-dark .v214-shift-summary>div{
color:var(--v214-dark-text)!important;
}
/* All ordinary interface copy must remain light in dark mode. */
body.mode-dark .content :is(h1,h2,h3,h4,h5,h6,p,label,span,small,b,strong,li,a,legend,caption,td,div),
body.mode-dark .modal-box :is(h1,h2,h3,h4,h5,h6,p,label,span,small,b,strong,li,a,legend,caption,td,div),
body.mode-dark .v214-builder-modal :is(h1,h2,h3,h4,h5,h6,p,label,span,small,b,strong,li,a,legend,caption,td,div){
color:var(--v214-dark-text)!important;
}
/* Secondary copy */
body.mode-dark .content :is(.muted,.hint,.subtext,.subtitle,.help-text,.field-hint,.note-text),
body.mode-dark .modal-box :is(.muted,.hint,.subtext,.subtitle,.help-text,.field-hint,.note-text),
body.mode-dark .card p,
body.mode-dark .notice p,
body.mode-dark header p,
body.mode-dark .panel-head p,
body.mode-dark .section-head p,
body.mode-dark .form-field small,
body.mode-dark .v214-shift-step span,
body.mode-dark .v214-builder-head p,
body.mode-dark .v214-builder-section>.hint,
body.mode-dark .v214-shift-summary span{
color:var(--v214-dark-muted)!important;
}
/* Table contrast */
body.mode-dark .content table:not(.v186-official-sheet table):not(.v198-ex2-print table):not(.v191-paper table),
body.mode-dark .modal-box table:not(.v186-official-sheet table):not(.v198-ex2-print table):not(.v191-paper table){
color:var(--v214-dark-text)!important;
}
body.mode-dark .content th:not(.v191-paper th),
body.mode-dark .modal-box th:not(.v191-paper th),
body.mode-dark .v214-employee-list th,
body.mode-dark .v214-day-grid th.rowlabel{
color:var(--v214-dark-gold)!important;
background:#0b2b24!important;
}
body.mode-dark .content td:not(.v191-paper td),
body.mode-dark .modal-box td:not(.v191-paper td),
body.mode-dark .v214-employee-list td,
body.mode-dark .v214-day-grid td{
color:var(--v214-dark-text)!important;
}
/* Fields and dropdowns */
body.mode-dark input:not([type=checkbox]):not([type=radio]):not([type=color]),
body.mode-dark select,
body.mode-dark textarea{
background:#0a2822!important;
color:#ffffff!important;
border-color:rgba(239,216,120,.36)!important;
-webkit-text-fill-color:#ffffff!important;
caret-color:#ffffff!important;
}
body.mode-dark select option,
body.mode-dark datalist option{
background:#0b2b24!important;
color:#ffffff!important;
}
body.mode-dark input::placeholder,
body.mode-dark textarea::placeholder{
color:#a9beb7!important;
opacity:1!important;
-webkit-text-fill-color:#a9beb7!important;
}
body.mode-dark input:disabled,
body.mode-dark select:disabled,
body.mode-dark textarea:disabled{
color:#c6d4d0!important;
-webkit-text-fill-color:#c6d4d0!important;
opacity:.78!important;
}
body.mode-dark .form-field label,
body.mode-dark .field label,
body.mode-dark .admin-form-grid label,
body.mode-dark .v214-builder-modal label{
color:#f4eee1!important;
}
/* Re-assert semantic colors after the broad contrast rule. */
body.mode-dark .badge.ok,body.mode-dark .badge.ok *{color:#86efac!important}
body.mode-dark .badge.warn,body.mode-dark .badge.warn *{color:#ffd08a!important}
body.mode-dark .badge.bad,body.mode-dark .badge.bad *{color:#ffb2aa!important}
body.mode-dark .oktxt,body.mode-dark .oktxt *{color:#86efac!important}
body.mode-dark .badtxt,body.mode-dark .badtxt *{color:#ffb2aa!important}
body.mode-dark .stat strong,
body.mode-dark .kpi-card i,
body.mode-dark .group-title,
body.mode-dark .nav-btn em,
body.mode-dark .system-settings-tabs button span,
body.mode-dark .acc177-summary b{color:var(--v214-dark-gold)!important}
body.mode-dark button.gold,body.mode-dark button.gold *,body.mode-dark .gold,body.mode-dark .gold *{color:#10231d!important}
body.mode-dark .v214-group-cell button.active,body.mode-dark .v214-group-cell button.active *{color:#10251d!important}
body.mode-dark .messaging-v176-tabs button.active,body.mode-dark .messaging-v176-tabs button.active *{color:#111!important}
body.mode-dark .acc177-tabs button.active,body.mode-dark .acc177-tabs button.active *{color:#111!important}
/* Light paper/document surfaces stay dark-on-white even while the application is dark. */
body.mode-dark :is(
.official-letter-sheet,.official-letter-sheet *,
.official-letter-mini-sheet,.official-letter-mini-sheet *,
.v186-official-sheet,.v186-official-sheet *,
.v198-ex2-print,.v198-ex2-print *,
.v191-paper,.v191-paper *,
.v191-extract-table,.v191-extract-table *,
.v212-contract-modal,.v212-contract-modal *,
.message-view-v176,.message-view-v176 *,
.v153-print-logo-preview,.v153-print-logo-preview *,
.delegation-no-preview,.delegation-no-preview *,
.delegation-pdf-preview,.delegation-pdf-preview *,
.print-sheet,.print-sheet *,
.official-print-sheet,.official-print-sheet *,
.paper-preview,.paper-preview *
){color:#111!important;-webkit-text-fill-color:#111!important}
body.mode-dark :is(
.v212-contract-modal input,.v212-contract-modal select,.v212-contract-modal textarea,
.v213-regulatory-page input:not([type=checkbox]):not([type=radio]),
.v213-regulatory-page select,.v213-regulatory-page textarea
){background:#fff!important;color:#111!important;-webkit-text-fill-color:#111!important;border-color:#888!important}
body.mode-dark .v212-contract-modal option,
body.mode-dark .v213-regulatory-page option{background:#fff!important;color:#111!important}
/* Print remains official black-on-white regardless of UI mode. */
@media print{
body,body.mode-dark{background:#fff!important;color:#000!important}
body.mode-dark *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
body.mode-dark .content,body.mode-dark .content *,body.mode-dark .card,body.mode-dark .card *,body.mode-dark .notice,body.mode-dark .notice *{color:#000!important;-webkit-text-fill-color:#000!important}
body.mode-dark .badge.ok,body.mode-dark .badge.warn,body.mode-dark .badge.bad{color:#000!important}
}
${mohanadPrintFontCss()}
body{font-family:Tahoma,Arial;padding:25px;color:#111}
h1{text-align:center;font-size:20px;margin:0 0 6px}
.date{text-align:center;margin-bottom:18px;color:#555}
table{width:100%;border-collapse:collapse;font-size:11px}
th,td{border:1px solid #999;padding:7px;text-align:right}
th{background:#e9f1ed}
@page{size:A4 landscape;margin:12mm}
${mohanadPrintFontCss()}
body{font-family:Tahoma,Arial;padding:35px;line-height:2}
.header{text-align:center;border-bottom:2px solid #0b3d2e;padding-bottom:16px}
.body{min-height:500px;padding:35px 0}
.signatures{display:grid;grid-template-columns:repeat(${Math.max(1,Number(item.signature_count)||1)},1fr);gap:25px}
.signature{text-align:center;border-top:1px solid #333;padding-top:8px}
.footer{text-align:center;border-top:1px solid #999;padding-top:10px;color:#555}
${mohanadPrintFontCss()}
@font-face{
font-family:"MohanadLocal";
src:local("Al-Mohanad"),local("AL-Mohanad"),local("Mohanad"),local("المهند");
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#fff;color:#111}
body{font-family:"AlMohanadEmbedded","Traditional Arabic",Tahoma,Arial,sans-serif}
.official-letter-sheet{
position:relative;
width:210mm;
min-height:297mm;
margin:0 auto;
padding:13mm 16mm 14mm;
background:#fff;
font-size:var(--letter-font-size);
line-height:var(--letter-line-height);
}
.official-letterhead{
display:grid;
grid-template-columns:minmax(0,1fr) 125px minmax(0,1fr);
grid-template-areas:"right center left";
align-items:start;
gap:8px;
min-height:48mm;
}
.official-letterhead-right{grid-area:right;text-align:right;font-size:15px;font-weight:700;line-height:1.65;padding-top:4mm}
.official-letterhead-right span{display:block}
.official-letterhead-center{grid-area:center;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}
.official-letter-basmala{font-size:14px;font-weight:700;white-space:nowrap}
.official-letter-logo{display:block;max-height:35mm;object-fit:contain}
.official-letterhead-left{grid-area:left;text-align:right;font-size:14px;font-weight:700;line-height:1.8;padding-top:5mm}
.official-letterhead-left>div{display:grid;grid-template-columns:66px 1fr;gap:5px;min-height:24px}
.official-letterhead-left b{white-space:nowrap}
.official-letter-main{padding-top:6mm}
.official-letter-recipient{text-align:center;font-weight:700;margin:3mm 0 7mm;font-size:calc(var(--letter-font-size) + 1px)}
.official-letter-greeting{margin-bottom:4mm}
.official-letter-text{text-align:justify;white-space:normal;min-height:85mm}
.official-letter-closing{margin-top:4mm}
.official-letter-signature{width:62mm;text-align:center;margin-top:12mm;display:flex;flex-direction:column;align-items:center;line-height:1.7}
.official-letter-signature.signature-right{margin-right:0;margin-left:auto}
.official-letter-signature.signature-center{margin-right:auto;margin-left:auto}
.official-letter-signature.signature-left{margin-right:auto;margin-left:0}
.official-letter-signature-image{width:46mm;height:21mm;object-fit:contain;margin-bottom:-5mm}
.official-letter-signature b{font-size:calc(var(--letter-font-size) - 1px)}
.official-letter-signature span{display:block}
.official-letter-copies{margin-top:12mm;font-size:14px;line-height:1.7}
.official-letter-footer-note{position:absolute;bottom:7mm;right:16mm;left:16mm;text-align:center;border-top:1px solid #aaa;padding-top:2mm;font-size:11px;color:#555}
@page{size:A4 portrait;margin:0}
@media print{
.official-letter-sheet{page-break-after:always}
}
${mohanadPrintFontCss()}
*{box-sizing:border-box} body{font-family:Tahoma,Arial;margin:0;padding:5mm;color:#000;background:#fff}
.print-sheet{width:100%;page-break-inside:avoid}.official-head{display:grid;grid-template-columns:1fr 120px 1fr;align-items:start;margin-bottom:4px;min-height:78px}
.entity-lines{text-align:right;font-size:8px;font-weight:700;line-height:1.55}.entity-lines span{display:block}
.official-logo{text-align:center}.official-logo img{width:72px;height:72px;object-fit:contain}
.top-left{text-align:left;font-size:8px;line-height:1.6}.main-title{text-align:center;margin:1px 0 5px}.main-title h1{font-size:13px;margin:0}.main-title .range{font-size:9px;font-weight:700}
table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:5.5px}th,td{border:1px solid #111;padding:1px;text-align:center;height:15px;overflow:hidden}th{font-weight:700}
.period-header{background:#d8d8d8;font-size:6.5px;height:27px}.period-header b,.period-header small{display:block}.period-header small{font-size:5.5px;margin-top:2px}
.day-header{background:#ececec;width:12px;height:25px}.day-header span,.day-header b{display:block}.duty-cell{width:12px}.employee-name{white-space:nowrap;text-align:right;padding-right:2px}
th:nth-child(1),td:nth-child(1){width:16px}th:nth-child(2),td:nth-child(2){width:42px}th:nth-child(3),td:nth-child(3){width:46px}th:nth-child(4),td:nth-child(4){width:112px}
.lower-area{display:grid;grid-template-columns:1.1fr 1.1fr .8fr;gap:12px;margin-top:7px;font-size:7px;line-height:1.55}.lower-box h3{font-size:8px;margin:0 0 2px;text-decoration:underline}.multiline{white-space:pre-line}.signature{text-align:center;margin-top:10px;font-size:8px;line-height:1.7}.signature-space{height:24px}
@page{size:A4 landscape;margin:5mm}@media print{html,body{width:297mm;height:210mm}}
${mohanadPrintFontCss()}
*{box-sizing:border-box}
body{
margin:0;
padding:12mm;
font-family:Tahoma,Arial;
color:#111;
background:#fff;
line-height:1.75;
}
.sheet{
width:100%;
min-height:270mm;
border:1.5px solid #111;
padding:0;
}
.document-header{
display:grid;
grid-template-columns:1.05fr .9fr 1.15fr;
border-bottom:1px solid #111;
}
.document-header>div{
min-height:92px;
border-left:1px solid #111;
}
.document-header>div:last-child{border-left:0}
.header-table{
width:100%;
border-collapse:collapse;
font-size:10px;
}
.header-table td{
border-bottom:1px solid #111;
padding:4px 6px;
}
.header-table td:first-child{
width:38%;
font-weight:bold;
background:#e5e5e5;
}
.header-logo{
display:flex;
align-items:center;
justify-content:center;
}
.header-logo img{
width:82px;
height:82px;
object-fit:contain;
}
.logo-placeholder{
width:82px;
height:82px;
display:grid;
place-items:center;
border:1px solid #999;
}
.form-body{
padding:20px 24px 16px;
}
.department-title{
text-align:center;
font-size:17px;
font-weight:bold;
margin:10px 0 26px;
}
.intro-text{
font-size:15px;
margin:0 0 18px;
}
.persons-table{
width:82%;
margin:0 auto 15px;
border-collapse:collapse;
font-size:13px;
}
.persons-table th,
.persons-table td{
border:1px solid #111;
padding:7px;
text-align:center;
}
.persons-table th{
background:#f0f0f0;
}
.persons-table .label-cell{
width:90px;
font-weight:bold;
background:#f7f7f7;
}
.admin-section{
width:82%;
margin:12px auto;
font-size:13px;
}
.decision-line{
margin:5px 0;
}
.approval-signature{
width:55%;
margin:25px auto 0;
line-height:2;
font-size:13px;
}
.copies{
margin-top:105px;
font-size:10px;
}
.print-footer{
display:flex;
justify-content:space-between;
margin-top:10px;
font-size:9px;
color:#444;
}
@page{
size:A4 portrait;
margin:7mm;
}
@media print{
body{padding:0}
.sheet{min-height:280mm}
}
${mohanadPrintFontCss()}body{font-family:Tahoma,Arial;padding:18px;color:#111;line-height:1.8} table{page-break-inside:auto} tr{page-break-inside:avoid} h2,h3{text-align:center} @page{size:A4 portrait;margin:8mm}
${mohanadPrintFontCss()}body{font-family:AlMohanadEmbedded,Tahoma,Arial;padding:5mm;color:#111}table{width:100%;border-collapse:collapse;font-size:8px;table-layout:fixed}th,td{border:1px solid #555;padding:3px;word-break:break-word}.section{break-before:page}.section:first-of-type{break-before:auto}.signs{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:18px}@page{size:A4 landscape;margin:5mm}h1{text-align:center}table{width:100%;border-collapse:collapse;font-size:9px}th,td{border:1px solid #555;padding:4px}.cat td{background:#d9e5df;font-weight:bold}.meta{font-size:12px}.sign{margin-top:28px;text-align:center}.sign img{width:150px;height:65px;object-fit:contain}@page{size:A4 landscape;margin:6mm}
${mohanadPrintFontCss()}
*{box-sizing:border-box}
body{font-family:Tahoma,Arial;margin:0;padding:7mm;color:#111;background:#fff;line-height:1.7}
.sheet{border:1.5px solid #111;min-height:280mm;padding:8mm}
.header{display:grid;grid-template-columns:1fr 150px 1fr;align-items:start;margin-bottom:12px}
.header .entity{text-align:right;font-weight:bold;font-size:12px}
.header .basmala{text-align:center;font-weight:bold}
.header img{width:105px;height:105px;object-fit:contain;margin:auto;display:block}
table{width:100%;border-collapse:collapse;font-size:11px}
td,th{border:1px solid #555;padding:5px;vertical-align:top}
.no-border td{border:0;padding:4px}
.black-title{background:#050505;color:#fff;text-align:center;font-weight:bold;padding:5px;margin:8px 0}
.gray-title{background:#dedede;text-align:center;font-weight:bold;padding:6px;margin-top:8px}
.questions td:first-child{width:70%}
.questions td:nth-child(2){width:30%}
.declaration{font-size:11px;text-align:justify;margin:8px 0}
.sign-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:8px}
.signature-box{border:1px solid #777;padding:8px;min-height:95px}
@page{size:A4 portrait;margin:5mm}
${mohanadPrintFontCss()}*{box-sizing:border-box}body{font-family:Tahoma,Arial;padding:8mm;color:#111}header{text-align:center;margin-bottom:12px}header h1{margin:0 0 6px}.print-meal-section{page-break-inside:avoid;margin-bottom:18px}.print-meal-section h2{text-align:right;margin:0;padding:8px;border:2px solid #111;border-bottom:0;background:#ddd}.print-meal-section table{width:100%;border-collapse:collapse;table-layout:fixed}.print-meal-section th,.print-meal-section td{border:2px solid #111;padding:7px;text-align:center;font-size:11px}.print-meal-section th{background:#ddd}@page{size:A4 landscape;margin:7mm}
${mohanadPrintFontCss()}*{box-sizing:border-box}body{font-family:Tahoma,Arial;padding:7mm;color:#111}.header{display:grid;grid-template-columns:1fr 110px 1fr;align-items:start;margin-bottom:10px}.header .right{text-align:right;line-height:1.7}.header .center{text-align:center}.header img{max-width:95px;max-height:95px}.header .left{text-align:left;line-height:1.7}h1{text-align:center;font-size:20px;margin:6px 0 10px}.meta{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-bottom:8px}.meta div{border:1px solid #777;padding:6px;text-align:center;font-size:11px}table{width:100%;border-collapse:collapse;font-size:10px}th,td{border:1px solid #555;padding:5px;text-align:center}th{background:#e5ece8}.totals{display:flex;gap:20px;justify-content:flex-end;margin-top:8px;font-size:12px}.signatures{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}.issue-signature-block{display:flex;flex-direction:column;gap:6px;text-align:center}.signature-line{height:45px;border-bottom:1px solid #111}.issue-signature-image{height:55px;max-width:160px;object-fit:contain;margin:auto}@page{size:A4 landscape;margin:6mm}
${mohanadPrintFontCss()}body{font-family:Tahoma,Arial;padding:15px;color:#111}.cost-report-summary,.monthly-cost-summary{display:flex;gap:12px;flex-wrap:wrap;margin:10px 0}.cost-report-summary>div,.monthly-cost-summary>div{border:1px solid #777;padding:8px;min-width:180px}.cost-report-summary span,.cost-report-summary b,.monthly-cost-summary span,.monthly-cost-summary b{display:block}table{width:100%;border-collapse:collapse}th,td{border:1px solid #777;padding:6px;text-align:center}th{background:#e7ece9}@page{size:A4 landscape;margin:8mm}
${mohanadPrintFontCss()}body{font-family:Tahoma,Arial;padding:10mm;color:#111}h1{text-align:center}table{width:100%;border-collapse:collapse}th,td{border:1px solid #222;padding:7px;text-align:center}th{background:#e6e6e6}.meta{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.meta div{border:1px solid #555;padding:8px}@page{size:A4 landscape;margin:8mm}
${mohanadPrintFontCss()}*{box-sizing:border-box}body{font-family:Tahoma,Arial;margin:0;padding:8mm;color:#111;background:#fff}.page{min-height:275mm;border:1px solid #999;padding:8mm;position:relative}.header{display:grid;grid-template-columns:1fr 130px 1fr;align-items:start}.head-right{text-align:right;line-height:1.8;font-size:13px}.logo{text-align:center}.logo img{width:100px;height:100px;object-fit:contain}.head-left{text-align:left;line-height:2;font-size:13px}.title{text-align:center;font-size:24px;margin:30px 0 16px}.main{width:100%;border-collapse:collapse;font-size:13px}.main td,.main th{border:1px solid #555;padding:7px}.main th{background:#d9d9d9}.label{font-weight:bold;width:22%;background:#eee}.value{width:28%}.supplies{width:100%;border-collapse:collapse;font-size:10px;margin-top:14px}.supplies th,.supplies td{border:1px solid #777;padding:4px}.supplies th{background:#e5e5e5}.signatures{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:38px;text-align:center}.signature{min-height:100px;border-top:1px solid #555;padding-top:8px}.footer{position:absolute;bottom:8mm;right:8mm;left:8mm;border-top:1px solid #777;padding-top:5px;font-size:10px;display:flex;justify-content:space-between}@page{size:A4 portrait;margin:5mm}
${mohanadPrintFontCss()}body{font-family:Tahoma,Arial;padding:8mm;color:#111}.head{display:grid;grid-template-columns:1fr 110px 1fr}.logo{text-align:center}.logo img{width:90px;height:90px;object-fit:contain}.title{text-align:center;font-size:22px;margin:20px}.meta,.items{width:100%;border-collapse:collapse}.meta td,.items th,.items td{border:1px solid #555;padding:6px}.items th{background:#ddd}.sign{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:45px;text-align:center}@page{size:A4 landscape;margin:7mm}
${mohanadPrintFontCss()}body{font-family:Tahoma,Arial;padding:12mm;color:#111}.head{display:grid;grid-template-columns:1fr 110px 1fr}.logo{text-align:center}.logo img{width:90px;height:90px;object-fit:contain}.title{text-align:center;font-size:25px;margin:40px 0}.main{width:100%;border-collapse:collapse}.main td{border:1px solid #555;padding:10px}.sign{text-align:center;margin:80px auto 0;width:45%;border-top:1px solid #444;padding-top:10px}@page{size:A4 portrait;margin:7mm}
body{font-family:Tahoma;padding:25px}h1{text-align:center}table{width:100%;border-collapse:collapse;font-size:11px}th,td{border:1px solid #333;padding:6px;text-align:center}
@page{size:A4 landscape;margin:10mm}*{box-sizing:border-box}body{font-family:AlMohanad,Tahoma,Arial,sans-serif;color:#111;margin:0;font-size:11px}h2,h3{text-align:center;margin:10px 0}table{width:100%;border-collapse:collapse;margin:10px 0}th,td{border:1px solid #333;padding:6px;text-align:right;vertical-align:top}.report-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.report-kpis>div{border:1px solid #333;padding:10px;text-align:center}.report-kpis span,.report-kpis b{display:block}.report-kpis b{font-size:20px}.report-signatures{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:28px;text-align:center;line-height:2}@media print{button{display:none}}
'+cardPrintCSS()+'body{margin:0;display:grid;place-items:center;min-height:100vh;background:#fff}@page{size:86mm 54mm;margin:0}
'+cardPrintCSS()+' body{margin:0;display:grid;place-items:center;min-height:100vh;background:#fff}@page{size:86mm 54mm;margin:0}
'+cardPrintCSS()+' body{display:grid;place-items:center;padding:30px}
'+style+' html,body{margin:0;width:100%;height:100%;background:#000;overflow:hidden}.display-preview{width:100vw;height:100vh;aspect-ratio:auto;border-radius:0}
/* === قوة المدنيين ضمن شاشة الموظفين === */
.employee-force-tabs{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 16px}
.employee-force-tabs button{min-width:150px}
.employee-force-tabs button.active{background:linear-gradient(135deg,#0d7657,#0b5d46);border-color:rgba(214,178,78,.65);color:#fff;box-shadow:0 8px 20px rgba(0,0,0,.18)}
.employee-force-kpis{display:grid;grid-template-columns:repeat(3,minmax(170px,1fr));gap:12px;margin-bottom:16px}
.employee-force-kpi{padding:15px 17px;border:1px solid rgba(199,162,74,.22);border-radius:16px;background:rgba(7,50,39,.48)}
.employee-force-kpi span{display:block;color:#d6c68c;font-size:13px;font-weight:800;margin-bottom:7px}
.employee-force-kpi b{display:block;color:#fff;font-size:25px}
.employee-force-kpi small{display:block;color:rgba(255,255,255,.7);margin-top:5px}
.civilian-source-note{padding:11px 14px;border-radius:13px;background:rgba(199,162,74,.08);border:1px solid rgba(199,162,74,.18);color:#e9dfc6;line-height:1.8;margin-bottom:14px}
body.mode-light .employee-force-kpi{background:#f7faf8}
body.mode-light .employee-force-kpi b{color:#123c2f}
body.mode-light .employee-force-kpi small,body.mode-light .civilian-source-note{color:#51665c}
@media(max-width:750px){.employee-force-kpis{grid-template-columns:1fr}}
@page{size:A4 portrait;margin:13mm}body{font-family:'AlMohanad','Al Mohanad',Tahoma,Arial;color:#111}
h2{text-align:center;text-decoration:underline;margin:0 0 22px;font-size:18px}
table{width:100%;border-collapse:collapse;font-size:12px}th,td{border:1px solid #333;padding:7px;text-align:center}
th{background:#eee}.foot{margin-top:18px;text-align:left;font-size:10px;color:#555}
/* === قوة العسكريين ضمن شاشة الموظفين === */
.military-source-note{padding:11px 14px;border-radius:13px;background:rgba(45,122,92,.12);border:1px solid rgba(199,162,74,.18);color:#e9dfc6;line-height:1.8;margin-bottom:14px}
body.mode-light .military-source-note{color:#51665c}
.employee-force-kpis{grid-template-columns:repeat(4,minmax(160px,1fr))}
@media(max-width:1050px){.employee-force-kpis{grid-template-columns:repeat(2,minmax(170px,1fr))}}
@media(max-width:650px){.employee-force-kpis{grid-template-columns:1fr}}
@page{size:A4 portrait;margin:11mm}body{font-family:'AlMohanad','Al Mohanad',Tahoma,Arial;color:#111}
h2{text-align:center;text-decoration:underline;margin:0 0 18px;font-size:17px}
table{width:100%;border-collapse:collapse;font-size:11px}th,td{border:1px solid #333;padding:6px;text-align:center}
th{background:#eee}.foot{margin-top:16px;text-align:left;font-size:9px;color:#555}
/* === تحديث الموظفين: العمالة التشغيلية والطباعة الموحدة === */
.operational-source-note{padding:11px 14px;border-radius:13px;background:rgba(199,162,74,.12);border:1px solid rgba(199,162,74,.28);color:#f3e7c8;line-height:1.8;margin-bottom:14px}
body.mode-light .operational-source-note{color:#655b3d;background:#fff8e6}
.employee-force-kpis{grid-template-columns:repeat(5,minmax(145px,1fr))}
.employee-print-dialog .modal-box{max-width:560px}
.employee-print-dialog .print-scope-grid{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:10px;margin:18px 0}
.employee-print-dialog .print-scope-option{display:flex;align-items:center;gap:9px;padding:13px;border:1px solid rgba(199,162,74,.3);border-radius:12px;cursor:pointer;background:rgba(255,255,255,.04)}
.employee-print-dialog .print-scope-option:hover{border-color:rgba(199,162,74,.75);background:rgba(199,162,74,.1)}
.employee-print-dialog .print-scope-option input{width:auto;margin:0}
@media(max-width:1200px){.employee-force-kpis{grid-template-columns:repeat(3,minmax(160px,1fr))}}
@media(max-width:760px){.employee-force-kpis{grid-template-columns:1fr}.employee-print-dialog .print-scope-grid{grid-template-columns:1fr}}
@page{size:${scope==="all"||scope==="operational"?"A4 landscape":"A4 portrait"};margin:11mm}
body{font-family:'AlMohanad','Al Mohanad',Tahoma,Arial;color:#111}
h2{text-align:center;text-decoration:underline;margin:0 0 8px;font-size:18px}
.summary{text-align:center;margin:0 0 14px;font-size:12px;color:#444}
table{width:100%;border-collapse:collapse;font-size:${scope==="all"||scope==="operational"?"10px":"11px"}}
th,td{border:1px solid #333;padding:5px;text-align:center}th{background:#eee}
.foot{margin-top:14px;text-align:left;font-size:9px;color:#555}
/* تثبيت الشعارات في المواضع المعتمدة دون تغيير الإحداثيات المحفوظة */
.homepage-logo-draggable{
cursor:default!important;
pointer-events:none!important;
user-select:none!important;
touch-action:none!important;
}
.homepage-logo-draggable.dragging{outline:none!important}
.easha-mini-logo,
.official-navy-logo-v2,
.defense-header-logo,
.signature-sheet-logo,
.official-letter-logo,
.header-logo img,
.dashboard-brand-logo-wrap img{
object-fit:contain!important;
flex:0 0 auto!important;
max-width:100%!important;
}
.approved-logo-control-note{
grid-column:1/-1;
padding:10px 12px;
border-radius:11px;
border:1px solid rgba(199,162,74,.25);
background:rgba(199,162,74,.08);
color:#e6c66d;
font-size:12px;
font-weight:800;
}
.logo-position-approved-control{
opacity:.72!important;
cursor:not-allowed!important;
}
.permission-employee-search{
width:100%;
min-height:42px;
margin-bottom:8px;
border-radius:12px;
padding:8px 12px;
background:rgba(2,17,15,.55);
color:#fff;
border:1px solid rgba(199,162,74,.18);
}
.permission-user-count{
display:block;
margin-top:6px;
color:#c9d8d3;
font-size:11px;
}
.permission-access-state{
display:inline-block;
margin-top:6px;
padding:3px 8px;
border-radius:999px;
background:rgba(199,162,74,.10);
color:#e6c66d;
font-size:10px;
font-weight:900;
}
body.mode-light .permission-employee-search{background:#fff;color:#173c31}
body.mode-light .permission-user-count{color:#52675d}
.structured-employee-modal .modal-box{max-width:1040px}
.structured-employee-modal .form-grid{grid-template-columns:repeat(3,minmax(190px,1fr))}
.structured-employee-modal .full-field{grid-column:1/-1}
.smart-reference-note,.delegation-account-note{display:block;margin-top:6px;color:#d9bf70;font-size:11px;font-weight:800;line-height:1.6}
.delegation-fixed-field{background:rgba(199,162,74,.08)!important;border-color:rgba(199,162,74,.28)!important;cursor:not-allowed!important}
.delegation-account-banner{margin:0 0 12px;padding:10px 12px;border-radius:12px;background:rgba(31,121,92,.13);border:1px solid rgba(199,162,74,.22);line-height:1.7}
.delegation-account-error{background:rgba(160,48,48,.12);border-color:rgba(196,72,72,.35);color:#ffd8d8}
body.mode-light .smart-reference-note,body.mode-light .delegation-account-note{color:#80661c}
body.mode-light .delegation-fixed-field{background:#f6f0df!important}
@media(max-width:950px){.structured-employee-modal .form-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}}
@media(max-width:650px){.structured-employee-modal .form-grid{grid-template-columns:1fr}}
.official-letter-font-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:end}
.official-letter-custom-font-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}
.letter-account-card{grid-column:1/-1;padding:12px;border-radius:14px;background:rgba(199,162,74,.08);border:1px solid rgba(199,162,74,.24)}
.letter-account-card h3{margin:0 0 8px;color:#e6c66d}
.letter-account-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.letter-account-grid input{background:rgba(255,255,255,.05)!important;cursor:not-allowed}
.letter-routing-note{grid-column:1/-1;padding:10px 12px;border-radius:12px;background:rgba(31,121,92,.12);border:1px solid rgba(31,121,92,.32);line-height:1.7}
.letter-security-secret{color:#f1c75b;font-weight:900}
.letter-security-private{color:#ffb6b6;font-weight:900}
.letter-workflow-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}
.letter-workflow-meta>div{padding:9px;border:1px solid rgba(199,162,74,.2);border-radius:10px;background:rgba(255,255,255,.035)}
.letter-workflow-meta b,.letter-workflow-meta span{display:block}
.letter-workflow-meta span{margin-top:4px;color:#d7e3df}
.official-letter-sheet,.official-letter-sheet *{font-family:var(--letter-font-family)!important}
.official-letter-sheet{font-weight:var(--letter-font-weight,400)}
body.mode-light .letter-workflow-meta span{color:#40574d}
@media(max-width:800px){.official-letter-font-row,.letter-account-grid,.letter-workflow-meta{grid-template-columns:1fr}.official-letter-custom-font-row{grid-template-columns:1fr}}
${mohanadPrintFontCss()}@font-face{font-family:"MohanadLocal";src:local("Al-Mohanad"),local("AL-Mohanad"),local("Mohanad"),local("المهند")}*{box-sizing:border-box}html,body{margin:0;padding:0;background:#fff;color:#111}.official-letter-sheet,.official-letter-sheet *{font-family:var(--letter-font-family)!important}.official-letter-sheet{position:relative;width:210mm;min-height:297mm;margin:0 auto;padding:13mm 16mm 14mm;background:#fff;font-size:var(--letter-font-size);line-height:var(--letter-line-height);font-weight:var(--letter-font-weight)}.official-letterhead{display:grid;grid-template-columns:minmax(0,1fr) 125px minmax(0,1fr);grid-template-areas:"right center left";align-items:start;gap:8px;min-height:48mm}.official-letterhead-right{grid-area:right;text-align:right;font-size:15px;font-weight:700;line-height:1.65;padding-top:4mm}.official-letterhead-right span{display:block}.official-letterhead-center{grid-area:center;text-align:center}.official-letter-basmala{font-size:14px;font-weight:700;white-space:nowrap}.official-letterhead-left{grid-area:left;text-align:right;font-size:13px;font-weight:700;line-height:1.65;padding-top:5mm}.official-letterhead-left>div{display:grid;grid-template-columns:66px 1fr;gap:5px}.official-letter-main{padding-top:6mm}.official-letter-recipient{text-align:center;font-weight:700;margin:3mm 0 7mm;font-size:calc(var(--letter-font-size) + 1px)}.official-letter-greeting{margin-bottom:4mm}.official-letter-text{text-align:justify;min-height:85mm}.official-letter-closing{margin-top:4mm}.official-letter-signature{width:62mm;text-align:center;margin-top:12mm;display:flex;flex-direction:column;align-items:center;line-height:1.7}.official-letter-signature.signature-right{margin-right:0;margin-left:auto}.official-letter-signature.signature-center{margin-right:auto;margin-left:auto}.official-letter-signature.signature-left{margin-right:auto;margin-left:0}.official-letter-signature-image{width:46mm;height:21mm;object-fit:contain;margin-bottom:-5mm}.official-letter-copies{margin-top:12mm;font-size:14px}.official-letter-footer-note{position:absolute;bottom:7mm;right:16mm;left:16mm;text-align:center;border-top:1px solid #aaa;padding-top:2mm;font-size:11px;color:#555}@page{size:A4 portrait;margin:0}
.easha-doc-library-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}
.easha-doc-library-head h2{margin:0 0 6px}.easha-doc-library-head p{margin:0;color:var(--muted,#64748b)}
.easha-smart-search{display:grid;grid-template-columns:190px minmax(260px,1fr) auto;gap:10px;align-items:end;margin-top:14px}
.easha-smart-search label{display:flex;flex-direction:column;gap:6px;font-weight:700}.easha-smart-search select,.easha-smart-search input{min-height:44px}
.easha-smart-hint{margin-top:8px;font-size:13px;color:var(--muted,#64748b)}
.easha-doc-count{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;border-radius:999px;background:rgba(15,118,110,.12);font-weight:800}
.easha-document-name{display:flex;flex-direction:column;gap:4px}.easha-document-name small{color:var(--muted,#64748b)}
.easha-original-badge{display:inline-flex;padding:4px 8px;border-radius:999px;background:#dcfce7;color:#166534;font-weight:800;font-size:12px}
.easha-missing-badge{display:inline-flex;padding:4px 8px;border-radius:999px;background:#fff7ed;color:#9a3412;font-weight:800;font-size:12px}
.easha-topic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-top:14px}
.easha-topic-card{border:1px solid rgba(148,163,184,.35);border-radius:14px;padding:16px;text-align:right;background:var(--card,#fff);cursor:pointer;transition:.18s ease;min-height:130px}
.easha-topic-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(15,23,42,.12);border-color:rgba(15,118,110,.55)}
.easha-topic-card b{display:block;font-size:16px;margin-bottom:7px}.easha-topic-card p{margin:0;color:var(--muted,#64748b);line-height:1.7;font-size:13px}
.easha-pdf-modal .modal-box{width:min(1180px,96vw);height:92vh;display:flex;flex-direction:column;padding:14px}
.easha-pdf-modal iframe{width:100%;flex:1;border:1px solid rgba(148,163,184,.4);border-radius:12px;background:#eef2f7}
.easha-pdf-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:4px 4px 12px;flex-wrap:wrap}
.easha-pdf-head h2{margin:0 0 4px}.easha-pdf-head p{margin:0;color:var(--muted,#64748b)}
.easha-no-result{padding:28px;text-align:center;color:var(--muted,#64748b)}
@media(max-width:760px){.easha-smart-search{grid-template-columns:1fr}.easha-smart-search button{width:100%}}
@media print{.easha-doc-library-controls,.easha-smart-search,.easha-smart-hint{display:none!important}}
.official-logo-admin-panel{margin-top:18px;padding:18px;border:1px solid rgba(199,162,74,.35);border-radius:16px;background:rgba(7,28,31,.42)}
.official-logo-admin-panel h3{margin:0 0 6px}.official-logo-admin-note{font-size:12px;opacity:.82;margin:0 0 14px}
.official-logo-admin-grid{display:grid;grid-template-columns:minmax(190px,250px) 1fr;gap:18px;align-items:center}
.official-logo-live-preview{min-height:190px;display:flex;align-items:center;justify-content:center;padding:12px;background:#fff;border-radius:14px;overflow:hidden}
.official-logo-live-preview img{display:block;height:auto!important;object-fit:contain}
.official-logo-size-controls{display:grid;gap:10px}.official-logo-size-controls input[type="range"]{width:100%}
@media(max-width:760px){.official-logo-admin-grid{grid-template-columns:1fr}.official-logo-live-preview{min-height:150px}}
${typeof mohanadPrintFontCss==="function"?mohanadPrintFontCss():""}${monthlyShiftOfficialCssV140()}
.v141-employee-modal .modal-box{max-width:1180px!important;width:min(96vw,1180px)!important}
.v141-employee-modal .form-grid{grid-template-columns:repeat(3,minmax(250px,1fr))!important;gap:14px!important}
.v141-employee-modal input,.v141-employee-modal select,.v141-employee-modal textarea,.shift-employee-selector-modal select,.delegation-form-card select{width:100%!important;min-width:0!important;min-height:44px!important;font-size:14px!important;padding:9px 11px!important}
.v141-inline-check{display:flex!important;align-items:center;gap:8px;margin-top:7px;font-size:12px;line-height:1.5}.v141-inline-check input{width:18px!important;min-height:auto!important}
.v141-print-modal{max-width:920px!important}.v141-print-columns{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:10px;margin:12px 0 18px}.v141-print-columns label{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid rgba(199,162,74,.25);border-radius:10px}.v141-print-columns input{width:18px;height:18px}
@media(max-width:900px){.v141-employee-modal .form-grid,.v141-print-columns{grid-template-columns:1fr!important}}
${typeof mohanadPrintFontCss==='function'?mohanadPrintFontCss():''}@page{size:A4 landscape;margin:9mm}body{font-family:Mohanad,Tahoma,Arial;color:#111}h2{text-align:center}table{width:100%;border-collapse:collapse;font-size:10px}th,td{border:1px solid #333;padding:5px;text-align:center}th{background:#eee}
.shift-health-mark{display:inline-block;margin-inline-start:5px;padding:1px 6px;border:1px solid currentColor;border-radius:999px;font-size:10px;font-weight:800;white-space:nowrap}
.msv-group-members .msv-member-line{display:block!important;margin-bottom:.7mm;white-space:normal!important;line-height:1.4}.msv-group-members .msv-member-line span{display:block}
/* ===== V172: الفوارق والوفر ===== */
.v172-variance-note{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;margin:0 0 14px;border:1px solid rgba(199,162,74,.24);border-radius:14px;background:rgba(199,162,74,.07);line-height:1.8}
.v172-variance-note b{white-space:nowrap}.v172-variance-filters{display:grid;grid-template-columns:minmax(240px,1.2fr) minmax(180px,.7fr) minmax(240px,1fr) auto;gap:10px;align-items:end;margin-bottom:14px}.v172-variance-filters label{display:block;font-weight:800;margin-bottom:6px}.v172-summary{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px;margin:0 0 14px}.v172-summary .v172-kpi{padding:14px;border:1px solid var(--border,#ddd);border-radius:14px;background:var(--card,#fff)}.v172-kpi b{display:block;font-size:24px;margin-top:5px}.v172-kpi small{opacity:.72}.v172-plus{color:#0a8a5b;font-weight:900}.v172-minus{color:#c84848;font-weight:900}.v172-zero{color:#69727d;font-weight:900}.v172-var-table td,.v172-var-table th{vertical-align:middle}.v172-var-table .v172-diff{font-size:16px;font-weight:900;direction:ltr;text-align:center}.v172-status{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:900;white-space:nowrap}.v172-status.plus{background:rgba(20,160,100,.12);color:#087a4d}.v172-status.minus{background:rgba(210,70,70,.12);color:#b33939}.v172-status.zero{background:rgba(100,110,125,.12);color:#59616d}.v172-contract-sub{font-size:12px;opacity:.7;display:block;margin-top:3px}
@media(max-width:900px){.v172-variance-filters{grid-template-columns:1fr}.v172-summary{grid-template-columns:repeat(2,1fr)}}
.m7-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 16px}.m7-tabs button{font-size:12px;padding:8px 10px;border-radius:10px}.m7-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.m7-wide{grid-column:1/-1}.m7-table input,.m7-table select{min-width:70px;width:100%;box-sizing:border-box}.m7-signers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.m7-signer{border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:10px}.m7-checks{display:grid;gap:7px}.m7-check{display:flex;gap:8px;align-items:flex-start}.m7-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}@media(max-width:850px){.m7-grid,.m7-signers{grid-template-columns:1fr}.m7-wide{grid-column:auto}}
.messaging-v176-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:16px}.messaging-v176-card{border:1px solid rgba(199,162,74,.24);border-radius:16px;padding:16px;background:rgba(255,255,255,.035)}
.messaging-v176-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}.messaging-v176-tabs button{border-radius:999px;padding:9px 15px}.messaging-v176-tabs button.active{background:var(--gold,#c7a24a);color:#111;font-weight:800}
.messaging-v176-badges{display:flex;gap:8px;flex-wrap:wrap}.messaging-v176-badge{padding:5px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.16);font-size:12px}.msg-status-direct{background:rgba(40,150,90,.16)}.msg-status-pending{background:rgba(210,155,45,.17)}.msg-status-blocked{background:rgba(180,55,55,.16)}
.messaging-v176-compose textarea{min-height:180px}.messaging-v176-compose .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.messaging-v176-compose .wide{grid-column:1/-1}
.messaging-v176-list{display:grid;gap:10px}.messaging-v176-item{padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.025)}.messaging-v176-item.unread{border-color:rgba(199,162,74,.62);box-shadow:inset 4px 0 0 rgba(199,162,74,.8)}
.messaging-v176-item h4{margin:0 0 7px}.messaging-v176-meta{display:flex;gap:8px;flex-wrap:wrap;opacity:.86;font-size:12px}.messaging-v176-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
.messaging-policy-v176 .policy-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.messaging-policy-v176 .policy-box{border:1px solid rgba(255,255,255,.13);border-radius:14px;padding:14px}.messaging-policy-v176 .policy-users{max-height:300px;overflow:auto;display:grid;gap:7px}.messaging-policy-v176 .policy-user{display:flex;gap:8px;align-items:center;padding:8px;border-radius:10px;background:rgba(255,255,255,.035)}
.messaging-policy-v176 .rule-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.messaging-policy-v176 .rule-form .wide{grid-column:1/-1}.messaging-v176-help{padding:12px;border-radius:12px;background:rgba(28,111,158,.12);border:1px solid rgba(65,144,190,.25);line-height:1.8}
body.mode-light .messaging-v176-card,body.mode-light .messaging-policy-v176 .policy-box{background:#fff;border-color:#ddd}.message-view-v176{line-height:1.9;white-space:pre-wrap;border:1px solid #ddd;border-radius:10px;padding:14px;background:#fff;color:#111}
@media(max-width:900px){.messaging-v176-grid,.messaging-policy-v176 .policy-grid{grid-template-columns:1fr}.messaging-policy-v176 .rule-form,.messaging-v176-compose .form-grid{grid-template-columns:1fr}.messaging-v176-compose .wide,.messaging-policy-v176 .rule-form .wide{grid-column:auto}}
.official-output-logo-v2{margin:18px 0;padding:20px;border:2px solid rgba(199,162,74,.55);border-radius:16px;background:linear-gradient(135deg,rgba(199,162,74,.10),rgba(7,28,31,.34))}
.official-output-logo-v2 .ool-title{font-size:18px;font-weight:800;margin:0 0 5px}.official-output-logo-v2 .ool-sub{font-size:12px;opacity:.82;margin-bottom:16px;line-height:1.8}
.official-output-logo-v2 .ool-grid{display:grid;grid-template-columns:240px minmax(0,1fr);gap:20px;align-items:start}.official-output-logo-v2 .ool-preview{background:#fff;border-radius:14px;min-height:210px;display:flex;align-items:center;justify-content:center;padding:14px;box-shadow:inset 0 0 0 1px #ddd}.official-output-logo-v2 .ool-preview img{display:block;max-width:100%;height:auto;object-fit:contain}
.official-output-logo-v2 .ool-fields{display:grid;gap:13px}.official-output-logo-v2 .ool-file-label{font-weight:800}.official-output-logo-v2 input[type=file]{display:block!important;width:100%!important;padding:12px!important;border:1px dashed rgba(199,162,74,.8)!important;border-radius:10px!important;background:rgba(255,255,255,.06)!important;color:inherit!important;cursor:pointer!important}
.official-output-logo-v2 .ool-size-row{display:grid;grid-template-columns:1fr 110px;gap:10px;align-items:center}.official-output-logo-v2 .ool-size-row input[type=range]{width:100%}.official-output-logo-v2 .ool-actions{display:flex;gap:8px;flex-wrap:wrap}.official-output-logo-v2 .ool-status{min-height:22px;font-size:12px;font-weight:700;color:#d9be72}.official-output-logo-v2 .ool-uses{display:flex;gap:6px;flex-wrap:wrap}.official-output-logo-v2 .ool-uses span{padding:5px 9px;border-radius:999px;background:rgba(199,162,74,.12);border:1px solid rgba(199,162,74,.25);font-size:11px}
@media(max-width:760px){.official-output-logo-v2 .ool-grid{grid-template-columns:1fr}.official-output-logo-v2 .ool-preview{min-height:160px}.official-output-logo-v2 .ool-size-row{grid-template-columns:1fr}}
.meal-type-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:8px 0 14px}
.meal-type-choice label{display:flex;align-items:center;gap:9px;padding:12px;border:1px solid rgba(199,162,74,.28);border-radius:12px;background:rgba(255,255,255,.035);cursor:pointer}
.meal-type-choice label:has(input:checked){border-color:#c7a24a;background:rgba(199,162,74,.10)}
.meal-type-choice input{width:auto!important;min-height:auto!important}
.schedule-entry-block{border:1px solid rgba(199,162,74,.18);border-radius:14px;padding:12px;margin-top:8px;background:rgba(255,255,255,.025)}
.schedule-entry-block h3{margin:0 0 10px;color:#e6c66d}
.meal-entry-badge{display:inline-block;font-size:10px;padding:2px 7px;border-radius:999px;margin-inline-start:5px;border:1px solid rgba(199,162,74,.35)}
.meal-entry-badge.composite{background:rgba(199,162,74,.13);color:#f3d98b}
.meal-entry-badge.direct{background:rgba(72,150,120,.13);color:#9ce0c4}
.recipe-rule-note{padding:10px 12px;border-radius:12px;border:1px solid rgba(199,162,74,.25);background:rgba(199,162,74,.07);margin:8px 0 14px;line-height:1.8}
.recipe-rule-note b{color:#f0d47d}
.meal-source-cell small{display:block;opacity:.75;margin-top:3px}
@media(max-width:700px){.meal-type-choice{grid-template-columns:1fr}}
.p149-stats{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:12px;margin:0 0 14px}.p149-stats>div{border:1px solid var(--line,#555);border-radius:14px;padding:15px;display:flex;flex-direction:column;gap:5px;background:rgba(183,145,70,.07)}.p149-stats b{font-size:24px}.p149-stats span{font-size:12px;opacity:.8}.p149-note{padding:12px 14px;border-radius:12px;border:1px solid rgba(183,145,70,.45);background:rgba(183,145,70,.10);line-height:1.8;margin:10px 0 14px}.p149-badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800;border:1px solid var(--line,#666)}.p149-badge.source{background:rgba(55,115,185,.13);border-color:rgba(55,115,185,.4)}.p149-badge.manual{background:rgba(120,120,120,.12)}.p149-badge.ok{background:rgba(43,143,82,.13);border-color:rgba(43,143,82,.4)}.p149-badge.warn{background:rgba(208,145,24,.14);border-color:rgba(208,145,24,.5)}.p149-sub{font-size:11px;opacity:.72;margin-top:4px;line-height:1.55}.p149-modal{max-width:1180px}.p149-links{display:grid;grid-template-columns:repeat(3,minmax(190px,1fr));gap:10px;margin:10px 0 15px}.p149-links label{display:flex;gap:9px;align-items:flex-start;border:1px solid var(--line,#555);border-radius:12px;padding:11px;cursor:pointer}.p149-links input{width:auto;margin-top:3px}.p149-links span{display:flex;flex-direction:column;gap:3px}.p149-links small{opacity:.7;line-height:1.45}.p149-target-grid{padding:12px;border:1px dashed rgba(183,145,70,.5);border-radius:12px;margin-bottom:14px}.p149-context{padding:12px;border-radius:12px;background:rgba(55,115,185,.08);border:1px solid rgba(55,115,185,.28);line-height:1.9}@media(max-width:900px){.p149-stats{grid-template-columns:1fr 1fr}.p149-links{grid-template-columns:1fr}.p149-modal{max-width:96vw}}
.archive-v151-kpis{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:12px;margin-bottom:15px}.archive-v151-kpis>div{padding:14px;border:1px solid rgba(199,162,74,.22);border-radius:14px;background:rgba(255,255,255,.035);display:flex;flex-direction:column;gap:5px}.archive-v151-kpis span{font-size:12px;opacity:.8}.archive-v151-kpis b{font-size:24px}.archive-v151-toolbar{display:grid;grid-template-columns:1fr 220px;gap:10px}.archive-v151-card table{min-width:1280px}.archive-v151-sub{display:block;margin-top:4px;opacity:.7;font-size:10px}.archive-v151-type,.archive-v151-file{display:inline-block;padding:4px 8px;border-radius:999px;border:1px solid rgba(199,162,74,.28);background:rgba(199,162,74,.1);font-size:10px}.archive-v151-empty{opacity:.55}.archive-v151-modal{max-width:1050px}.archive-v151-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:12px}.archive-v151-modal-head p{margin:4px 0;opacity:.75}.archive-v151-ai-badge,.archive-v151-count{padding:7px 11px;border-radius:999px;background:rgba(52,135,91,.16);border:1px solid rgba(52,135,91,.3);white-space:nowrap}.archive-v151-drop{border:2px dashed rgba(199,162,74,.38);border-radius:16px;min-height:125px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;background:rgba(255,255,255,.025);transition:.2s}.archive-v151-drop.dragging{transform:scale(1.01);background:rgba(199,162,74,.09);border-color:rgba(199,162,74,.8)}.archive-v151-drop-icon{font-size:32px;line-height:1}.archive-v151-drop small{opacity:.7}.archive-v151-file-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}.archive-v151-file-actions span{font-size:11px;opacity:.75}.archive-v151-ready{margin-top:10px;padding:10px 12px;border-radius:12px;background:rgba(54,142,92,.12);border:1px solid rgba(54,142,92,.28);display:flex;align-items:center;justify-content:space-between;gap:10px}.archive-v151-ready>div{display:flex;flex-direction:column;gap:3px}.archive-v151-ready small{opacity:.7}.archive-v151-empty-state{margin-top:8px;padding:9px;border-radius:10px;background:rgba(255,255,255,.03);opacity:.7}.archive-v151-ai-hint{padding:10px 12px;border-radius:12px;background:rgba(46,118,180,.1);border:1px solid rgba(46,118,180,.22);font-size:12px}.archive-v151-ai-hint span{opacity:.75}.archive-v151-folder{margin-top:8px;padding:10px 12px;border-radius:12px;background:rgba(199,162,74,.08);border:1px solid rgba(199,162,74,.2);font-size:12px}.archive-v151-entity{max-width:980px}.archive-v151-entity table{min-width:850px}@media(max-width:1050px){.archive-v151-kpis{grid-template-columns:repeat(2,1fr)}.archive-v151-toolbar{grid-template-columns:1fr}}@media(max-width:650px){.archive-v151-kpis{grid-template-columns:1fr}.archive-v151-modal-head{flex-direction:column}.archive-v151-ready{flex-direction:column;align-items:stretch}}
.scanner-v152-modal{max-width:650px}.scanner-v152-modal p{opacity:.78;line-height:1.8}
/* V153 — التقارير المرنة + شعار الطباعة + شاشة الإعلانات الشبكية */
.v153-report-shell{display:grid;gap:16px}.v153-report-toolbar{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px;align-items:end}.v153-report-toolbar .full{grid-column:1/-1}.v153-report-fields{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:8px;padding:12px;border:1px solid rgba(199,162,74,.22);border-radius:14px;background:rgba(255,255,255,.03)}.v153-report-fields label{display:flex;gap:7px;align-items:center;padding:7px 9px;border:1px solid rgba(199,162,74,.15);border-radius:9px;background:rgba(255,255,255,.025);cursor:pointer}.v153-report-fields input{width:auto!important;min-height:0!important}.v153-report-summary{display:flex;gap:8px;flex-wrap:wrap}.v153-report-summary span{padding:7px 11px;border-radius:999px;border:1px solid rgba(199,162,74,.22);background:rgba(199,162,74,.08);font-size:12px}.v153-report-empty{padding:24px;text-align:center;opacity:.75}
.v153-print-logo-card{display:grid;grid-template-columns:230px minmax(0,1fr);gap:20px;align-items:start}.v153-print-logo-preview{min-height:220px;background:#fff;border-radius:15px;border:1px solid #ddd;display:grid;place-items:center;padding:15px;color:#333}.v153-print-logo-preview img{max-width:100%;object-fit:contain}.v153-logo-file{display:block!important;width:100%!important;padding:14px!important;border:2px dashed rgba(199,162,74,.65)!important;border-radius:12px!important;background:rgba(199,162,74,.06)!important;color:inherit!important}.v153-logo-hint{padding:10px 12px;border-radius:10px;background:rgba(46,146,104,.09);border:1px solid rgba(46,146,104,.2);line-height:1.8}
.v153-display{display:grid;grid-template-columns:290px minmax(0,1fr);gap:16px}.v153-display-side,.v153-display-main{border:1px solid rgba(199,162,74,.2);border-radius:16px;background:rgba(255,255,255,.025);padding:14px}.v153-screen-card{padding:11px;border:1px solid rgba(199,162,74,.15);border-radius:11px;margin:8px 0;cursor:pointer}.v153-screen-card.active{border-color:#c7a24a;background:rgba(199,162,74,.11)}.v153-screen-card b,.v153-screen-card small{display:block}.v153-screen-card small{opacity:.72;margin-top:4px}.v153-display-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0 14px}.v153-display-tabs button.active{background:#c7a24a;color:#11251f;border-color:#c7a24a}.v153-display-grid{display:grid;grid-template-columns:repeat(2,minmax(160px,1fr));gap:10px}.v153-display-grid .full{grid-column:1/-1}.v153-media-drop{padding:22px;border:2px dashed rgba(199,162,74,.55);border-radius:14px;text-align:center;background:rgba(199,162,74,.05)}.v153-media-drop.dragging{background:rgba(199,162,74,.13)}.v153-media-name{margin-top:8px;font-weight:700;color:#e6c66d}.v153-network-card{padding:14px;border-radius:14px;border:1px solid rgba(70,160,125,.3);background:rgba(70,160,125,.08);line-height:1.8}.v153-tv-url{direction:ltr;text-align:left;font-family:Consolas,monospace;padding:10px;border-radius:9px;background:rgba(0,0,0,.25);overflow:auto}.v153-bridge-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#d46a6a;margin-inline-end:6px}.v153-bridge-dot.ok{background:#58c392}.v153-display-preview{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:14px;background:#0b3d2e;margin-top:12px;border:1px solid rgba(199,162,74,.25)}.v153-display-preview>img,.v153-display-preview>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.v153-display-preview .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.32))}.v153-display-preview .center{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);text-align:center;max-width:80%;font-weight:800;text-shadow:0 2px 8px rgba(0,0,0,.55)}.v153-display-preview .ticker{position:absolute;bottom:0;left:0;right:0;padding:9px 14px;text-align:center;white-space:nowrap;overflow:hidden}.v153-display-preview .logo{position:absolute;top:5%;right:4%;max-width:15%;max-height:18%;object-fit:contain;z-index:4}.v153-upload-progress{font-size:12px;margin-top:7px;opacity:.82}.v153-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:14px}.v153-kpis>div{padding:12px;border-radius:13px;border:1px solid rgba(199,162,74,.18);background:rgba(255,255,255,.03)}.v153-kpis span,.v153-kpis b{display:block}.v153-kpis b{font-size:20px;color:#e6c66d;margin-top:3px}
@media(max-width:1000px){.v153-report-toolbar{grid-template-columns:repeat(2,1fr)}.v153-report-fields{grid-template-columns:repeat(3,1fr)}.v153-display{grid-template-columns:1fr}.v153-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.v153-report-toolbar,.v153-display-grid,.v153-print-logo-card{grid-template-columns:1fr}.v153-report-fields{grid-template-columns:1fr}.v153-kpis{grid-template-columns:1fr}}
/* === V169: البيانات الصحية في بوابة دخول المستفيد === */
.gate-health-alert{margin-top:14px;padding:14px 16px;border:2px solid #b7791f;border-radius:14px;background:#fff8e6;color:#3d2a00;box-shadow:0 6px 18px rgba(120,78,0,.08)}
.gate-health-alert.no-alert{border-color:#cbd5d1;background:#f7faf9;color:#51615b}
.gate-health-alert .gate-health-title{display:flex;align-items:center;gap:8px;font-weight:800;font-size:17px;margin-bottom:10px}
.gate-health-alert .gate-health-title .dot{width:11px;height:11px;border-radius:50%;background:#d97706;box-shadow:0 0 0 4px rgba(217,119,6,.12)}
.gate-health-alert .gate-health-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 12px}
.gate-health-alert .health-row{padding:9px 11px;border-radius:9px;background:rgba(255,255,255,.74);border:1px solid rgba(157,104,0,.18)}
.gate-health-alert .health-row.full{grid-column:1/-1}
.gate-health-alert .health-row b{display:block;margin-bottom:3px;color:#805600}
.gate-health-alert .health-allergy{border-color:#b91c1c;background:#fff1f2;color:#7f1d1d}
.gate-health-alert .health-allergy b{color:#991b1b}
.beneficiary-health-editor{grid-column:1/-1;margin-top:8px;padding:14px;border:1px solid #d8caa6;border-radius:14px;background:#fffcf4}
.beneficiary-health-editor h3{margin:0 0 5px;font-size:17px}
.beneficiary-health-editor>p{margin:0 0 12px;color:#65706c;font-size:13px}
.beneficiary-health-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.beneficiary-health-editor-grid .full{grid-column:1/-1}
.gate-verification-note{margin-top:10px;padding:10px 12px;border-radius:10px;background:#eef5f2;color:#43514c;font-size:13px}
@media(max-width:720px){.gate-health-alert .gate-health-grid,.beneficiary-health-editor-grid{grid-template-columns:1fr}.gate-health-alert .health-row.full,.beneficiary-health-editor-grid .full{grid-column:auto}}
/* === V170: طلب صرف مواد للمطبخ/الطاهي - تعبئة إلكترونية أو يدوية === */
.v170-mode-box{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 14px}
.v170-mode-card{border:1px solid rgba(199,162,74,.28);border-radius:14px;padding:12px;background:rgba(199,162,74,.05);cursor:pointer}
.v170-mode-card.active{border:2px solid #c7a24a;background:rgba(199,162,74,.12)}
.v170-mode-card b{display:block;font-size:15px;margin-bottom:4px}.v170-mode-card small{display:block;opacity:.8;line-height:1.6}
.v170-manual-wrap{margin-top:12px}.v170-manual-table select,.v170-manual-table input{min-width:90px}
.v170-manual-table .material-select{min-width:230px}
.v170-signers-box{margin-top:14px;padding:13px;border:1px solid rgba(199,162,74,.22);border-radius:14px;background:rgba(255,255,255,.03)}
.v170-signers-box h3{margin:0 0 8px;color:#e6c66d}.v170-signers-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:10px}
.v170-signer-slot{display:grid;grid-template-columns:1fr 1.4fr;gap:8px;padding:9px;border:1px solid rgba(255,255,255,.08);border-radius:10px}
body.mode-light .v170-signers-box,body.mode-light .v170-signer-slot{background:#fff;border-color:#d8dedb}
body.mode-light .v170-signers-box h3{color:#846b24}
.v170-auto-note{padding:10px 12px;border-radius:10px;background:rgba(20,110,75,.1);border:1px solid rgba(20,110,75,.22);margin:8px 0 12px;line-height:1.7}
.v170-manual-note{padding:10px 12px;border-radius:10px;background:rgba(155,105,20,.1);border:1px solid rgba(155,105,20,.22);margin:8px 0 12px;line-height:1.7}
@media(max-width:850px){.v170-mode-box,.v170-signers-grid{grid-template-columns:1fr}.v170-signer-slot{grid-template-columns:1fr}}
.delegation-v173-auto-note{margin:0 0 12px;padding:10px 12px;border-radius:12px;background:rgba(31,121,92,.13);border:1px solid rgba(199,162,74,.24);line-height:1.7}
.delegation-v173-principal-select-wrap{display:none!important}
.delegation-v173-fixed{background:rgba(199,162,74,.08)!important;border-color:rgba(199,162,74,.28)!important;cursor:not-allowed!important}
body.mode-light .delegation-v173-fixed{background:#f7f1df!important}
.delegation-limit-v175{border:1px solid rgba(199,162,74,.28);border-radius:16px;padding:18px;background:rgba(255,255,255,.035)}
.delegation-limit-v175 .limit-grid{display:grid;grid-template-columns:minmax(220px,360px) 1fr;gap:18px;align-items:start}
.delegation-limit-v175 .limit-box{padding:16px;border-radius:14px;background:rgba(11,82,63,.17);border:1px solid rgba(46,146,104,.25)}
.delegation-limit-v175 .limit-number{display:flex;align-items:center;gap:10px;margin-top:10px}
.delegation-limit-v175 .limit-number input{max-width:150px;font-size:22px;font-weight:900;text-align:center}
.delegation-limit-v175 .hard-rule{padding:12px 14px;border-radius:12px;background:rgba(166,52,52,.11);border:1px solid rgba(190,70,70,.28);line-height:1.8}
.delegation-limit-v175 .monthly-summary{margin-top:18px}
body.mode-light .delegation-limit-v175{background:#fff}
@media(max-width:800px){.delegation-limit-v175 .limit-grid{grid-template-columns:1fr}}
.acc177-shell{display:grid;gap:16px}.acc177-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.acc177-kpi{padding:15px;border-radius:15px;border:1px solid rgba(199,162,74,.25);background:rgba(255,255,255,.035)}.acc177-kpi b{display:block;font-size:22px;color:#f1d77d}.acc177-kpi span{display:block;margin-top:5px;font-weight:800}.acc177-kpi small{display:block;margin-top:4px;opacity:.72}
.acc177-filter{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}.acc177-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.acc177-summary>div{padding:12px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.1)}.acc177-summary b{display:block;margin-bottom:4px;color:#e7c760}.acc177-actions{display:flex;gap:7px;flex-wrap:wrap}.acc177-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}.acc177-tabs button{padding:8px 12px;border-radius:999px}.acc177-tabs button.active{background:var(--gold,#c7a24a);color:#111;font-weight:900}.acc177-table table{min-width:980px}.acc177-positive{color:#5fcf8c;font-weight:900}.acc177-negative{color:#ff8b8b;font-weight:900}.acc177-zero{font-weight:900}.acc177-file-chip{display:inline-block;padding:4px 8px;border-radius:999px;background:rgba(61,153,96,.16);border:1px solid rgba(61,153,96,.32);font-size:11px}.acc177-permission-note{padding:11px 13px;border-radius:12px;background:rgba(58,121,171,.12);border:1px solid rgba(58,121,171,.24);line-height:1.8}.acc177-msg-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.acc177-msg-user{padding:11px;border-radius:12px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.03);display:flex;justify-content:space-between;gap:10px;align-items:center}.acc177-msg-user b{display:block}.acc177-msg-user small{display:block;opacity:.72;margin-top:3px}
body.mode-light .acc177-kpi,body.mode-light .acc177-summary>div,body.mode-light .acc177-msg-user{background:#fff;border-color:#ddd}body.mode-light .acc177-kpi b,body.mode-light .acc177-summary b{color:#8a6813}
@media(max-width:1000px){.acc177-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.acc177-summary{grid-template-columns:1fr 1fr}.acc177-msg-list{grid-template-columns:1fr}}@media(max-width:700px){.acc177-kpis,.acc177-summary,.acc177-filter{grid-template-columns:1fr}}
@page{size:A4 portrait;margin:9mm}body{font-family:Tahoma,Arial;color:#111;font-size:12px} .head{display:grid;grid-template-columns:1fr 110px 1fr;align-items:start;margin-bottom:10px}.head img{width:82px;max-height:90px;object-fit:contain;justify-self:center}.org{font-weight:700;line-height:1.55}.title{text-align:center;font-size:16px;font-weight:800;text-decoration:underline;margin:12px 0}table{width:100%;border-collapse:collapse;margin:8px 0}th,td{border:1px solid #111;padding:5px;text-align:center;height:25px}h3{text-align:center;margin:10px 0}ul{list-style:none;padding:0;line-height:1.8}
@page{size:A4;margin:18mm}body{font-family:Tahoma,Arial,sans-serif;color:#111}h2{text-align:center}.meta{border:1px solid #333;padding:10px;line-height:1.9}.body{white-space:pre-wrap;line-height:2;padding:18px 4px}
@page{size:A4 landscape;margin:9mm}body{font-family:Tahoma,Arial;color:#111;font-size:11px}h1{text-align:center;font-size:18px}table{width:100%;border-collapse:collapse}th,td{border:1px solid #555;padding:5px;text-align:right}.actions,button,.acc177-actions,.acc177-tabs{display:none!important}
/* تحسين وضوح النص في بطاقة الإعاشة */
.easha-id-card.approved-professional .card-data,
.easha-id-card.approved-professional .card-name,
.easha-id-card.approved-professional .card-data *,
.easha-id-card.approved-professional .card-name *{
text-shadow:0 1px 2px rgba(0,0,0,.72);
}
.easha-id-card.approved-professional .card-data{font-weight:700}
.easha-id-card.approved-professional .card-name{font-weight:900}
.easha-doc-v184-modal .modal-box{width:min(900px,95vw);max-height:92vh;overflow:auto}
.easha-doc-v184-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.easha-doc-v184-grid .full{grid-column:1/-1}
.easha-doc-v184-grid label{display:block;font-weight:800;margin-bottom:6px}
.easha-doc-v184-grid input,.easha-doc-v184-grid select,.easha-doc-v184-grid textarea{width:100%;min-height:44px}
.easha-doc-v184-grid textarea{min-height:100px;resize:vertical}
.easha-doc-upload-box{border:1px dashed rgba(199,162,74,.65);border-radius:14px;padding:14px;background:rgba(199,162,74,.06)}
.easha-doc-upload-box input[type=file]{padding:9px;background:rgba(255,255,255,.04)}
.easha-doc-file-state{margin-top:8px;font-size:12px;line-height:1.7;color:var(--muted,#718079)}
.easha-doc-v184-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.easha-doc-v184-original{font-size:11px;color:var(--muted,#718079);display:block;margin-top:3px}
.easha-doc-v184-head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.easha-doc-v184-category{font-weight:800}
@media(max-width:760px){.easha-doc-v184-grid{grid-template-columns:1fr}.easha-doc-v184-grid .full{grid-column:1}}
/* ضمان تباين نصوص بطاقة الإعاشة مع الخلفية والصور */
.easha-id-card.approved-professional .card-fields-pro{
background:rgba(0,20,24,.42);
border-radius:1.8mm;
padding:1.2mm 1.5mm;
box-shadow:0 .8mm 2mm rgba(0,0,0,.20);
}
.easha-id-card.approved-professional .card-name-pro,
.easha-id-card.approved-professional .card-row-pro .label,
.easha-id-card.approved-professional .card-row-pro .value{
text-shadow:0 .3mm .7mm rgba(0,0,0,.82);
}
.v185-recipient-search{display:grid;gap:12px;margin-top:14px}
.v185-search-box{display:grid;grid-template-columns:1fr;gap:7px}
.v185-search-box input{width:100%;min-height:48px;border-radius:13px;padding:11px 14px}
.v185-search-help{font-size:12px;opacity:.78;line-height:1.8}
.v185-recipient-results{display:grid;gap:8px;max-height:420px;overflow:auto}
.v185-person{width:100%;text-align:right;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:12px 14px;border-radius:14px;border:1px solid rgba(199,162,74,.22);background:rgba(255,255,255,.035);cursor:pointer}
.v185-person:hover{border-color:rgba(230,198,109,.62);background:rgba(199,162,74,.09)}
.v185-person b{display:block;font-size:14px;margin-bottom:5px}.v185-person small{display:block;opacity:.75;line-height:1.65}.v185-person .go{font-weight:900;color:#e6c66d}
.v185-selected-person{padding:10px 12px;border-radius:12px;background:rgba(199,162,74,.10);border:1px solid rgba(199,162,74,.24);line-height:1.7}
.v185-contract-source{margin:0 0 18px;padding:15px;border-radius:16px;border:1px solid rgba(199,162,74,.28);background:rgba(199,162,74,.07)}
.v185-contract-source h3{margin:0 0 7px;color:#e6c66d}.v185-contract-source p{margin:0 0 12px;line-height:1.8;opacity:.84}
.v185-file-row{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.v185-file-name{flex:1;min-width:220px;padding:10px 12px;border:1px dashed rgba(199,162,74,.35);border-radius:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v185-print-fields{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:8px 14px;margin:14px 0}.v185-print-fields label{display:flex;gap:8px;align-items:center;padding:9px 10px;border:1px solid rgba(199,162,74,.16);border-radius:11px}
body.mode-light .v185-person{background:#fff}body.mode-light .v185-person .go,body.mode-light .v185-contract-source h3{color:#7b5b12}
@media(max-width:700px){.v185-print-fields{grid-template-columns:1fr}.v185-person{grid-template-columns:1fr}}
@page{size:A4 portrait;margin:12mm}body{font-family:Tahoma,Arial;color:#111}.head{text-align:center;margin-bottom:20px}.head img{width:85px;height:85px;object-fit:contain}.head h1{font-size:20px;margin:8px 0}.data{width:100%;border-collapse:collapse}.data th,.data td{border:1px solid #555;padding:9px;text-align:right}.data th{width:34%;background:#eee}.foot{margin-top:24px;font-size:10px;color:#555}
/* V186 — تبسيط تسكين المناوبين وإظهار الأسماء والجوال والطباعة بصفحة واحدة */
.v186-shift-selector-search{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;margin:12px 0}
.v186-shift-selector-search input{min-height:44px!important;font-size:14px!important}
.v186-shift-selector-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:4px;color:#c9d8d3;font-size:11px}
.v186-shift-bulk{display:grid;grid-template-columns:minmax(190px,1.5fr) repeat(2,minmax(130px,.8fr)) repeat(2,minmax(145px,.9fr)) auto auto;gap:8px;align-items:end;padding:10px;margin:0 0 10px;border:1px solid rgba(199,162,74,.22);border-radius:14px;background:rgba(199,162,74,.06)}
.v186-shift-bulk label{display:block;margin-bottom:5px;font-size:11px;font-weight:800;color:#e8dfc9}.v186-shift-bulk select,.v186-shift-bulk input{width:100%;min-height:38px;padding:6px 8px}
.v186-shift-paintbar{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:8px 10px;margin:0 0 10px;border-radius:12px;background:rgba(255,255,255,.04)}
.v186-shift-paintbar b{margin-left:5px}.v186-shift-paintbar button{min-width:38px;padding:7px 10px}.v186-shift-paintbar button.active{background:#d4ae4d!important;color:#12231d!important;border-color:#f0d37f!important}
.monthly-shift-matrix .shift-serial{right:0!important;min-width:34px!important;width:34px!important}
.monthly-shift-matrix .shift-number{right:34px!important;min-width:78px!important;width:78px!important}
.monthly-shift-matrix .shift-rank{right:112px!important;min-width:90px!important;width:90px!important}
.monthly-shift-matrix .shift-name{right:202px!important;min-width:190px!important;width:190px!important;text-align:right!important;font-weight:800!important;color:#fff!important}
.monthly-shift-matrix .shift-mobile{right:392px!important;min-width:112px!important;width:112px!important;text-align:center!important;color:#f1d987!important}
.v186-shift-cell{min-width:34px!important;width:34px!important;padding:1px!important;cursor:pointer;user-select:none}
.v186-shift-cell select{display:none!important}.v186-cell-button{width:31px!important;min-width:31px!important;height:28px!important;min-height:28px!important;padding:0!important;border-radius:5px!important;background:#fff!important;color:#10241e!important;border:1px solid #cdd8d4!important;font-weight:900!important;box-shadow:none!important}
.v186-cell-button.filled{background:#f0d37f!important;color:#17261f!important;border-color:#d3a934!important}.v186-cell-button.clear-mode{background:#fff!important}
.v186-shift-help{font-size:11px;color:#c9d8d3;line-height:1.7;margin:0 0 8px}.v186-shift-help strong{color:#e6c66d}
body.mode-light .v186-shift-selector-meta,body.mode-light .v186-shift-help{color:#52675d}body.mode-light .monthly-shift-matrix .shift-name{color:#16382d!important}body.mode-light .monthly-shift-matrix .shift-mobile{color:#6b5200!important}
@media(max-width:1250px){.v186-shift-bulk{grid-template-columns:repeat(3,minmax(180px,1fr))}.v186-shift-bulk button{min-height:40px}}
@media(max-width:760px){.v186-shift-selector-search,.v186-shift-bulk{grid-template-columns:1fr}.v186-shift-selector-search button{width:100%}}
/* النموذج الرسمي V186 */
.v186-official-sheet{font-family:"Mohanad",Tahoma,Arial,sans-serif;background:#fff;color:#000;width:100%;padding:3mm;font-size:6.4px;line-height:1.25}
.v186-official-header{display:grid;grid-template-columns:1fr 2.2fr 1fr;align-items:start;min-height:21mm}.v186-official-entity{font-weight:700;font-size:6.4px;line-height:1.45}.v186-official-entity span{display:block}.v186-official-center{text-align:center}.v186-official-center img{display:block;object-fit:contain;margin:0 auto .6mm}.v186-official-center h1{font-size:11px;text-decoration:underline;margin:0 0 .6mm}.v186-official-center strong{font-size:7.5px}.v186-official-status{text-align:left;font-weight:700;font-size:6px}
.v186-period{margin-top:1mm;page-break-inside:avoid}.v186-period h2{text-align:center;text-decoration:underline;font-size:8px;margin:0 0 .6mm}.v186-calendar{width:100%;border-collapse:collapse;table-layout:fixed;font-size:4.5px}.v186-calendar th,.v186-calendar td{border:1px solid #111;text-align:center;padding:.2mm;height:3.6mm;overflow:hidden}.v186-calendar tr:first-child th{background:#ddd;font-weight:800;writing-mode:vertical-rl;transform:rotate(180deg);height:8mm}.v186-calendar tr:first-child .v186-row-label{writing-mode:horizontal-tb;transform:none}.v186-row-label{width:11mm!important;background:#eee!important;font-weight:900}
.v186-groups{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #111;border-top:0}.v186-group{border-left:1px solid #111;min-height:11mm;display:grid;grid-template-rows:3.2mm 1fr}.v186-group:last-child{border-left:0}.v186-group-head{text-align:center;background:#ddd;border-bottom:1px solid #111;font-weight:900;padding:.25mm}.v186-group-members{padding:.55mm .8mm;font-size:5.2px}.v186-member{display:grid;grid-template-columns:1fr auto;gap:1mm;align-items:center;margin:.25mm 0;white-space:nowrap}.v186-member .mobile{font-weight:700;font-size:4.8px}.v186-empty{text-align:center;color:#666;padding:1mm}
.v186-lower{display:grid;grid-template-columns:1fr 1fr;gap:4mm;margin-top:1.2mm;min-height:22mm}.v186-lower h3{font-size:6.5px;text-decoration:underline;margin:0 0 .5mm}.v186-lower ul{margin:0 0 1mm;padding:0 3mm 0 0}.v186-lower li{margin-bottom:.3mm}.v186-footer{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;margin-top:1mm;min-height:13mm}.v186-copies{font-size:5.6px;line-height:1.4}.v186-sign{text-align:center;font-size:6px}.v186-sign-space{height:5mm}.v186-stamp{border:1.5px solid #222;border-radius:50%;display:inline-block;padding:1mm 2mm;margin-bottom:.5mm;font-weight:900}.v186-stamp small{font-size:4.4px}.v186-preview-scroll{overflow:auto;background:#9da4a1;padding:12px;border-radius:14px}.v186-preview-scroll .v186-official-sheet{min-width:1100px;box-shadow:0 4px 18px rgba(0,0,0,.28)}
@page{size:A4 landscape;margin:2mm}@media print{html,body{margin:0!important;padding:0!important;width:297mm!important;height:210mm!important;overflow:hidden!important;background:#fff!important}.v186-official-sheet{width:293mm!important;max-width:293mm!important;padding:1mm!important;margin:0!important;transform-origin:top right!important;page-break-inside:avoid!important;page-break-after:avoid!important;overflow:visible!important}.no-print{display:none!important}}
${typeof mohanadPrintFontCss==='function'?mohanadPrintFontCss():''}${printCss()}
/* V187 - Manual stock issue */
.v187-manual-card{border:1px solid rgba(199,162,74,.24)}
.v187-form-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;margin:14px 0}.v187-form-grid .span2{grid-column:span 2}
.v187-section-title{margin:18px 0 10px;color:#e6c66d}.v187-entry-table select,.v187-entry-table input{min-width:120px}.v187-entry-table .v187-item{min-width:260px}.v187-entry-table .v187-line-note{min-width:190px}
.v187-sign-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.v187-party{padding:12px;border-radius:14px;border:1px solid rgba(199,162,74,.18);background:rgba(255,255,255,.035)}.v187-party label{display:block;font-weight:900;margin-bottom:7px}.v187-party select,.v187-party input{width:100%;margin-bottom:8px}.v187-notes{margin-top:12px}.v187-notes label{display:block;font-weight:900;margin-bottom:7px}.v187-notes textarea{width:100%;min-height:80px}
.v187-view{width:min(1100px,96vw)!important}.v187-view-signs{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0}.v187-sign{display:flex;flex-direction:column;gap:6px;text-align:center}.v187-sign-line{height:45px;border-bottom:1px solid currentColor}.v187-sign-img{height:55px;max-width:160px;object-fit:contain;margin:auto}
.v187-issue-table{width:100%;border-collapse:collapse}.v187-issue-table th,.v187-issue-table td{border:1px solid rgba(120,140,130,.55);padding:7px;text-align:center}.v187-issue-table th{background:rgba(199,162,74,.12)}
@media(max-width:900px){.v187-form-grid{grid-template-columns:1fr 1fr}.v187-form-grid .span2{grid-column:1/-1}.v187-sign-grid,.v187-view-signs{grid-template-columns:1fr}}
'+printFont+'@page{size:A4 portrait;margin:9mm}*{box-sizing:border-box}body{font-family:AlMohanad,Tahoma,Arial,sans-serif;color:#111;margin:0;font-size:11px}.headx{display:grid;grid-template-columns:1fr 90px 1fr;align-items:start;border-bottom:2px solid #222;padding-bottom:7px}.headx .r{line-height:1.65}.headx .c{text-align:center}.headx img{max-width:72px;max-height:72px}.headx .l{text-align:left;line-height:1.65}h1{text-align:center;font-size:19px;margin:10px 0}.meta{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:8px}.meta div{border:1px solid #777;padding:6px;text-align:center}.v187-issue-table{width:100%;border-collapse:collapse;table-layout:fixed}.v187-issue-table th,.v187-issue-table td{border:1px solid #444;padding:5px;text-align:center;vertical-align:middle}.v187-issue-table th{background:#eee}.signs{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px}.v187-sign{display:flex;flex-direction:column;gap:5px;text-align:center}.v187-sign-line{height:40px;border-bottom:1px solid #222}.v187-sign-img{height:48px;max-width:135px;object-fit:contain;margin:auto}.note{border:1px solid #777;padding:7px;margin-top:12px;min-height:38px}
/* V188 - Meal supplies return to warehouse */
.v188-return-card{border:1px solid rgba(199,162,74,.24)}
.v188-return-form{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px}
.v188-return-form .full{grid-column:1/-1}
.v188-return-info{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:12px;border-radius:13px;background:rgba(199,162,74,.08);border:1px solid rgba(199,162,74,.18)}
.v188-return-info div{padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.035)}
.v188-return-info span{display:block;font-size:12px;color:#c9d8d3;margin-bottom:4px}.v188-return-info b{font-size:18px;color:#e6c66d}
.v188-return-reason{min-height:78px}
.v188-return-modal{width:min(820px,95vw)!important}
.v188-return-table td,.v188-return-table th{vertical-align:middle}
@media(max-width:760px){.v188-return-form{grid-template-columns:1fr}.v188-return-form .full{grid-column:auto}.v188-return-info{grid-template-columns:1fr}}
'+font+'@page{size:A4 portrait;margin:10mm}*{box-sizing:border-box}body{font-family:AlMohanad,Tahoma,Arial,sans-serif;color:#111;margin:0;font-size:12px}.hdr{display:grid;grid-template-columns:1fr 90px 1fr;align-items:start;border-bottom:2px solid #222;padding-bottom:8px}.hdr .c{text-align:center}.hdr img{max-width:74px;max-height:74px;background:transparent!important;filter:none!important;mix-blend-mode:normal!important}.hdr .l{text-align:left}h1{text-align:center;font-size:20px;margin:16px 0}.meta{width:100%;border-collapse:collapse;margin:10px 0}.meta td{border:1px solid #555;padding:8px}.box{border:1px solid #555;padding:10px;margin-top:10px;min-height:55px}.sign{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:45px;text-align:center}.sign div{border-top:1px solid #444;padding-top:7px}
/* V189 */
@page{size:A4 portrait;margin:12mm}*{box-sizing:border-box}body{font-family:Tahoma,Arial;color:#111;margin:0;background:#fff}.sheet{padding:2mm}.head{text-align:center;border-bottom:2px solid #222;padding-bottom:10px;margin-bottom:14px}.head img{width:82px;height:82px;object-fit:contain;background:transparent!important;filter:none!important;mix-blend-mode:normal!important}.head h2{margin:8px 0 4px;font-size:18px}.meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.meta div{border:1px solid #777;padding:8px}.meta span{display:block;font-size:10px;color:#555}.meta b{font-size:12px}.t{width:100%;border-collapse:collapse;margin-top:8px}.t th,.t td{border:1px solid #555;padding:8px;font-size:12px}.t th{width:30%;background:#eee}.sign{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;text-align:center;margin-top:55px;font-size:11px}.sign div{border-top:1px solid #555;padding-top:8px;min-height:55px}
'+((typeof mohanadPrintFontCss==='function')?mohanadPrintFontCss():'')+'@page{size:A4 landscape;margin:6mm}*{box-sizing:border-box}body{font-family:Tahoma,Arial,sans-serif;color:#111;margin:0;background:#fff}.sheet{width:100%;min-height:190mm;padding:2mm 3mm;page-break-after:always;position:relative}.sheet:last-child{page-break-after:auto}.top{display:grid;grid-template-columns:1fr 112px 1fr;align-items:start;margin-bottom:4px}.logo{text-align:center}.logo img{width:82px;height:82px;object-fit:contain;background:transparent!important;filter:none!important;mix-blend-mode:normal!important;box-shadow:none!important}.org{font-size:10.5px;line-height:1.55;font-weight:700}.meta{font-size:10px;line-height:1.6;text-align:left}.title{text-align:center;font-size:16px;font-weight:800;text-decoration:underline;margin:1px 0 5px}.subtitle{font-size:9px;font-weight:400;text-decoration:none;margin-top:2px}.head-info{width:100%;border-collapse:collapse;font-size:9px;margin-bottom:4px}.head-info td{padding:3px 5px;border:1px solid #555}.main{width:100%;border-collapse:collapse;table-layout:fixed;font-size:8.5px}.main th,.main td{border:1px solid #333;padding:3px;text-align:center;vertical-align:middle;height:24px}.main th{background:#eee;font-weight:800;line-height:1.25}.main .desc{text-align:right}.bottom{margin-top:0}.totals{width:42%;margin-right:auto;border-collapse:collapse;font-size:9px}.totals td{border:1px solid #444;padding:3px}.totals td:first-child{font-weight:800;background:#eee}.signers{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:9px;text-align:center;font-size:8.5px}.signer{min-height:64px;line-height:1.65}.signer b{font-size:9px}.sign{margin-top:8px}.note{font-size:7.8px;margin-top:4px;line-height:1.4}@media print{body{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
.v192-company-link{border:0!important;background:transparent!important;color:#e8ca63!important;padding:0!important;font-weight:900!important;text-decoration:underline;text-underline-offset:4px;cursor:pointer;box-shadow:none!important}
.v192-company-link:hover{color:#fff3ae!important}
.v192-sub{display:block;font-size:10px;color:#aebfba;margin-top:4px;line-height:1.5}
.v192-report-grid{display:grid;grid-template-columns:repeat(3,minmax(230px,1fr));gap:12px;margin-top:14px}
.v192-report-card{padding:15px;border-radius:16px;border:1px solid rgba(199,162,74,.20);background:rgba(255,255,255,.035);display:flex;flex-direction:column;gap:9px;min-height:150px}
.v192-report-card h3{margin:0;color:#e7ca68;font-size:15px}.v192-report-card p{margin:0;color:#c8d6d1;font-size:11px;line-height:1.75;flex:1}.v192-report-card .v192-count{font-size:21px;font-weight:900;color:#fff}
.v192-actions{display:flex;gap:7px;flex-wrap:wrap}.v192-actions button{min-width:74px}
.v192-report-modal{width:min(1280px,96vw)!important;max-height:94vh!important;overflow:auto!important}
.v192-report-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;flex-wrap:wrap;margin-bottom:12px}
.v192-report-meta{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:8px;margin:10px 0}
.v192-report-meta>div{padding:9px 11px;border-radius:11px;border:1px solid rgba(199,162,74,.16);background:rgba(255,255,255,.035)}
.v192-report-meta b{display:block;font-size:10px;color:#b8c9c3;margin-bottom:4px}.v192-report-meta span{font-weight:800}
.v192-report-section{margin-top:14px;border:1px solid rgba(199,162,74,.18);border-radius:14px;padding:12px;background:rgba(255,255,255,.02)}
.v192-report-section h3{margin:0 0 9px;color:#e7ca68}.v192-report-section table{width:100%;border-collapse:collapse;min-width:880px}.v192-report-section th,.v192-report-section td{border:1px solid rgba(199,162,74,.22);padding:7px;text-align:right;vertical-align:top;font-size:11px}.v192-report-section th{background:rgba(199,162,74,.10);color:#f3d97d}
.v192-builder-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:11px}.v192-builder-grid .span2{grid-column:span 2}.v192-builder-grid .full{grid-column:1/-1}.v192-builder-grid label{display:block;font-weight:800;margin-bottom:6px}.v192-builder-grid input,.v192-builder-grid select,.v192-builder-grid textarea{width:100%;min-height:42px}.v192-builder-grid textarea{min-height:80px;resize:vertical}
.v192-section-options{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:8px;margin-top:7px}.v192-section-option{display:flex;align-items:center;gap:7px;padding:9px;border:1px solid rgba(199,162,74,.18);border-radius:10px;background:rgba(255,255,255,.03)}.v192-section-option input{width:auto;min-height:auto}.v192-section-option span{font-size:11px;font-weight:800}
.v192-requests-table td,.v192-requests-table th{font-size:11px}.v192-nowrap{white-space:nowrap}
body.mode-light .v192-report-card,body.mode-light .v192-report-section,body.mode-light .v192-report-meta>div{background:#f7f9f8;border-color:#dce5e1}body.mode-light .v192-report-card h3,body.mode-light .v192-report-section h3{color:#745700}body.mode-light .v192-report-card p,body.mode-light .v192-sub{color:#53645e}body.mode-light .v192-report-card .v192-count{color:#17372c}body.mode-light .v192-company-link{color:#6e5300!important}
@media(max-width:1100px){.v192-report-grid{grid-template-columns:repeat(2,minmax(230px,1fr))}.v192-builder-grid{grid-template-columns:repeat(2,minmax(160px,1fr))}.v192-section-options{grid-template-columns:repeat(2,minmax(170px,1fr))}}
@media(max-width:650px){.v192-report-grid,.v192-builder-grid,.v192-section-options{grid-template-columns:1fr}.v192-builder-grid .span2,.v192-builder-grid .full{grid-column:auto}.v192-report-meta{grid-template-columns:1fr 1fr}}
@page{size:A4 landscape;margin:7mm}*{box-sizing:border-box}body{font-family:Tahoma,Arial;color:#111;margin:0;font-size:9px}.rhead{text-align:center;margin-bottom:8px}.rhead img{width:68px;height:68px;object-fit:contain;background:transparent!important;filter:none!important}.rhead h1{font-size:16px;margin:3px}.meta{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:7px 0}.meta div{border:1px solid #777;padding:4px}.meta b{display:block;font-size:8px}.sec{margin-top:8px;page-break-inside:auto}.sec h2{font-size:12px;margin:5px 0}.sec table{width:100%;border-collapse:collapse;table-layout:auto}.sec th,.sec td{border:1px solid #555;padding:3px;text-align:right;vertical-align:top}.sec th{background:#eee}.purpose{border:1px solid #777;padding:5px;margin:5px 0}
/* === V193: وضوح بيانات المستفيد + سبب الإيقاف الإلزامي === */
.beneficiary-health-editor{
background:#fffdf5!important;
color:#14231d!important;
border:1px solid #c9ad61!important;
box-shadow:0 8px 24px rgba(0,0,0,.10)!important;
}
.beneficiary-health-editor h3,
.beneficiary-health-editor label,
.beneficiary-health-editor .beneficiary-health-editor-grid label{
color:#15251f!important;
font-weight:900!important;
text-shadow:none!important;
}
.beneficiary-health-editor>p{
color:#4a5a53!important;
font-weight:700!important;
}
.beneficiary-health-editor input,
.beneficiary-health-editor select,
.beneficiary-health-editor textarea{
background:#ffffff!important;
color:#17241f!important;
border:1px solid #bda765!important;
-webkit-text-fill-color:#17241f!important;
opacity:1!important;
}
.beneficiary-health-editor input::placeholder,
.beneficiary-health-editor textarea::placeholder{
color:#66736e!important;
opacity:1!important;
}
.beneficiary-health-editor input:focus,
.beneficiary-health-editor select:focus,
.beneficiary-health-editor textarea:focus{
outline:2px solid rgba(176,137,38,.28)!important;
border-color:#9d7c26!important;
}
.beneficiary-stop-details-v193{
grid-column:1/-1;
display:none;
padding:14px 16px;
border-radius:14px;
border:1px solid #d56c6c!important;
background:rgba(135,28,28,.13)!important;
color:#fff!important;
}
.beneficiary-stop-details-v193.show{display:block!important}
.beneficiary-stop-details-v193 label{color:#ffdede!important;font-weight:900!important}
.beneficiary-stop-details-v193 textarea{
width:100%;
min-height:82px;
background:#fff!important;
color:#2a1717!important;
border:1px solid #d68c8c!important;
-webkit-text-fill-color:#2a1717!important;
}
.beneficiary-stop-meta-v193{
display:flex;
gap:12px;
flex-wrap:wrap;
margin-top:9px;
font-size:12px;
color:#ffe9e9!important;
}
.beneficiary-stop-meta-v193 span{
padding:6px 9px;
border-radius:999px;
border:1px solid rgba(255,255,255,.20);
background:rgba(0,0,0,.12);
}
.beneficiary-status-reason-v193{
display:block;
margin-top:5px;
max-width:240px;
color:#ffc0c0!important;
font-size:11px;
line-height:1.55;
font-weight:800;
}
body.mode-light .beneficiary-stop-details-v193{
background:#fff3f3!important;
color:#5b1e1e!important;
}
body.mode-light .beneficiary-stop-details-v193 label{color:#7f1d1d!important}
body.mode-light .beneficiary-stop-meta-v193{color:#6f2424!important}
body.mode-light .beneficiary-status-reason-v193{color:#9b1c1c!important}
/* === V193: تباين أوضح لشاشة الإعلانات وشاشات العرض === */
.v153-display-side,
.v153-display-main{
background:#0d2a22!important;
color:#f8f5ea!important;
border-color:rgba(205,170,79,.42)!important;
}
.v153-display-main .head h2,
.v153-display-main .head h3,
.v153-display-side .head h3,
.v153-display-grid label,
.v153-network-card,
.v153-media-drop{
color:#f8f5ea!important;
}
.v153-display-grid input,
.v153-display-grid select,
.v153-display-grid textarea{
background:#ffffff!important;
color:#14221d!important;
border:1px solid #c8aa55!important;
-webkit-text-fill-color:#14221d!important;
opacity:1!important;
}
.v153-display-grid input::placeholder,
.v153-display-grid textarea::placeholder{color:#68756f!important;opacity:1!important}
.v153-screen-card{
background:#13372d!important;
color:#f7f3e6!important;
border-color:rgba(205,170,79,.28)!important;
}
.v153-screen-card.active{
background:#1a4639!important;
border:2px solid #d0ad4c!important;
}
.v153-screen-card small{color:#d6ded9!important;opacity:1!important}
.v153-display-tabs button{
background:#183a31!important;
color:#f6f1e4!important;
border:1px solid rgba(205,170,79,.28)!important;
}
.v153-display-tabs button.active{
background:#d0ad4c!important;
color:#10231c!important;
}
.v153-media-drop{
background:#12342b!important;
border-color:#c9aa53!important;
}
.v153-media-name{color:#f0cf73!important}
.v153-network-card{
background:#133a30!important;
border-color:rgba(90,190,145,.38)!important;
}
.v153-kpis>div{
background:#12352b!important;
color:#f7f3e6!important;
border-color:rgba(205,170,79,.28)!important;
}
.v153-display-preview{
border:2px solid #c8aa55!important;
box-shadow:0 12px 30px rgba(0,0,0,.22)!important;
}
body.mode-light .v153-display-side,
body.mode-light .v153-display-main{
background:#f8f4e8!important;
color:#17241f!important;
}
body.mode-light .v153-display-main .head h2,
body.mode-light .v153-display-main .head h3,
body.mode-light .v153-display-side .head h3,
body.mode-light .v153-display-grid label,
body.mode-light .v153-network-card,
body.mode-light .v153-media-drop{
color:#17241f!important;
}
body.mode-light .v153-screen-card{background:#fff!important;color:#17241f!important}
body.mode-light .v153-screen-card.active{background:#f5ecd0!important}
body.mode-light .v153-screen-card small{color:#4b5b54!important}
body.mode-light .v153-display-tabs button{background:#fff!important;color:#17241f!important}
body.mode-light .v153-display-tabs button.active{background:#d0ad4c!important;color:#10231c!important}
body.mode-light .v153-media-drop{background:#fffaf0!important;color:#17241f!important}
body.mode-light .v153-network-card{background:#edf8f3!important;color:#17241f!important}
body.mode-light .v153-kpis>div{background:#fff!important;color:#17241f!important}
/* V190 — دمج المواد المعتمدة بالتوريد داخل العقود والشركات */
.v190-company-link{border:0!important;background:transparent!important;color:#e7c85f!important;padding:0!important;font-weight:900!important;text-decoration:underline;text-underline-offset:4px;cursor:pointer;box-shadow:none!important}
.v190-company-link:hover{color:#fff1a5!important}
.v190-contract-materials{margin-top:18px;padding-top:14px;border-top:1px solid rgba(199,162,74,.25)}
.v190-material-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.v190-material-head h3{margin:0;color:#e6c66d}.v190-material-head p{margin:4px 0 0;color:#cbd8d3;font-size:12px}
.v190-material-table{min-width:1180px}.v190-material-table input,.v190-material-table select{width:100%;min-width:90px}
.v190-material-table .v190-mat-name{min-width:190px}.v190-material-table .v190-mat-notes{min-width:190px}
.v190-material-total{font-weight:900;color:#e6c66d;white-space:nowrap}
.v190-view-card{max-width:1180px!important}
.v190-view-sections{display:grid;gap:15px}.v190-view-section{border:1px solid rgba(199,162,74,.20);border-radius:16px;padding:14px;background:rgba(255,255,255,.025)}
.v190-view-section h3{margin:0 0 12px;color:#e6c66d}
.v190-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px}
.v190-summary-grid>div{padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}
.v190-summary-grid b{display:block;font-size:11px;color:#c8d5d0;margin-bottom:5px}.v190-summary-grid span{display:block;font-weight:800;word-break:break-word}
.v190-view-materials table{width:100%;border-collapse:collapse}.v190-view-materials th,.v190-view-materials td{padding:8px;border:1px solid rgba(199,162,74,.22);text-align:right}.v190-view-materials th{background:rgba(199,162,74,.10);color:#f2d777}
.v190-view-totals{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}.v190-view-totals span{padding:8px 12px;border-radius:10px;background:rgba(199,162,74,.10);border:1px solid rgba(199,162,74,.18)}
.v190-material-count{display:block;font-size:10px;color:#c9d8d3;margin-top:4px}
body.mode-light .v190-company-link{color:#725400!important}body.mode-light .v190-material-head p,body.mode-light .v190-material-count{color:#51645c}
body.mode-light .v190-summary-grid>div{background:#f6f8f7;border-color:#dfe6e3}body.mode-light .v190-summary-grid b{color:#53645e}
@media(max-width:900px){.v190-summary-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}}
@media(max-width:560px){.v190-summary-grid{grid-template-columns:1fr}}
@page{size:A4 landscape;margin:8mm}*{box-sizing:border-box}body{font-family:Tahoma,Arial;color:#111;margin:0}.head{text-align:center;margin-bottom:8px}.head img{width:70px;height:70px;object-fit:contain;background:transparent!important;filter:none!important}.head h1{font-size:18px;margin:4px 0}.cols{display:grid;grid-template-columns:1fr 1fr;gap:8px}.data,.mats{width:100%;border-collapse:collapse;font-size:10px}.data th,.data td,.mats th,.mats td{border:1px solid #555;padding:4px;text-align:right}.data th{width:35%;background:#eee}.mats{margin-top:8px}.mats th{background:#eee;text-align:center}.mats td{text-align:center}.title{font-weight:700;font-size:12px;margin:8px 0 3px}.tot{margin-top:6px;font-size:10px;font-weight:700}
@page{size:A4 portrait;margin:12mm}*{box-sizing:border-box}body{font-family:Tahoma,Arial;color:#111;margin:0;font-size:11px;line-height:1.7}.sheet{width:100%}.top{text-align:center;border-bottom:2px solid #222;padding-bottom:8px}.top img{width:78px;height:78px;object-fit:contain;background:transparent!important;filter:none!important}.top h1{font-size:20px;margin:4px 0}.meta{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:10px 0}.meta div{border:1px solid #777;padding:6px}.meta b{display:block;font-size:10px}.section{margin-top:10px}.section h2{font-size:14px;margin:0 0 5px;background:#eee;border:1px solid #777;padding:5px}.data,.mats{width:100%;border-collapse:collapse}.data th,.data td,.mats th,.mats td{border:1px solid #666;padding:5px;vertical-align:top}.data th{width:24%;background:#f2f2f2}.mats{font-size:9px}.mats th{background:#eee;text-align:center}.mats td{text-align:center}.mats td.right{text-align:right}.clause{border:1px solid #777;padding:8px;min-height:40px;white-space:pre-wrap}.signs{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:22px}.sign{min-height:110px;text-align:center;border-top:1px solid #333;padding-top:7px}.foot{margin-top:10px;font-size:9px;text-align:center;color:#555}@media print{button{display:none}}
.v196-gram-input{min-width:105px!important;width:110px!important}
.v196-gram-help{display:block;margin-top:5px;font-size:11px;color:#c9d8d3;line-height:1.6}
.v196-qty-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.v196-qty-pair>div{min-width:0}
.v196-movement-badge{display:inline-block;padding:4px 8px;border-radius:999px;background:rgba(199,162,74,.12);border:1px solid rgba(199,162,74,.22);font-weight:800}
@media(max-width:760px){.v196-qty-pair{grid-template-columns:1fr}}
@page{size:A4 portrait;margin:9mm}*{box-sizing:border-box}body{font-family:Tahoma,Arial;color:#111;font-size:11px}.hdr{display:grid;grid-template-columns:1fr 85px 1fr;align-items:start;border-bottom:2px solid #222;padding-bottom:7px}.hdr img{max-width:72px;max-height:72px;background:transparent!important}.c{text-align:center}.l{text-align:left}h1{text-align:center;font-size:18px}.t{width:100%;border-collapse:collapse}.t th,.t td{border:1px solid #555;padding:6px;text-align:center}.t th{background:#eee}.signs{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:28px}.note{border:1px solid #777;padding:8px;margin-top:10px}
@page{size:A4 portrait;margin:10mm}body{font-family:Tahoma,Arial;color:#111}.hdr{text-align:center;border-bottom:2px solid #222;padding:8px}.hdr img{max-height:70px;background:transparent!important}.t{width:100%;border-collapse:collapse;margin-top:18px}.t th,.t td{border:1px solid #555;padding:9px}.t th{width:34%;background:#eee}.sign{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:50px;text-align:center}.sign div{border-top:1px solid #444;padding-top:8px}
@page{size:A4 portrait;margin:12mm}body{font-family:Tahoma,Arial;color:#111}.head{text-align:center;border-bottom:2px solid #222}.head img{width:75px;background:transparent!important}.t{width:100%;border-collapse:collapse;margin-top:14px}.t th,.t td{border:1px solid #555;padding:9px}.t th{background:#eee;width:32%}.sign{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:50px;text-align:center}.sign div{border-top:1px solid #555;padding-top:8px}
.dashboard-meta-chip.dashboard-inbox-chip{
cursor:pointer;
position:relative;
border-color:rgba(199,162,74,.42)!important;
background:linear-gradient(135deg,rgba(9,62,46,.96),rgba(15,82,59,.88))!important;
}
.dashboard-meta-chip.dashboard-inbox-chip:hover{transform:translateY(-1px)}
.dashboard-meta-chip.dashboard-inbox-chip strong{color:#f0ce72!important}
.dashboard-meta-chip.dashboard-inbox-chip small{color:#d7e8e1!important}
.dashboard-meta-chip.dashboard-inbox-chip .inbox-dot{
display:inline-flex;align-items:center;justify-content:center;
min-width:24px;height:24px;padding:0 7px;border-radius:999px;
background:#c7a24a;color:#08271f;font-weight:900;font-size:12px;margin-inline-start:6px;
}
.easha-v197-pdf-modal .modal-box{width:min(1180px,96vw)!important;height:min(88vh,900px)!important;display:flex;flex-direction:column}
.easha-v197-pdf-modal iframe{min-height:64vh;background:#fff}
.easha-v197-pdf-modal .easha-pdf-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.easha-v197-pdf-modal .easha-pdf-head .actions{display:flex;gap:8px;flex-wrap:wrap}
/* تباين ووضوح عام */
.gate-person-card{color:#17231f!important;isolation:isolate}
.gate-person-card .gate-person-info{position:relative;z-index:2;color:inherit!important}
.gate-person-card .gate-person-info h2,
.gate-person-card .gate-person-info p,
.gate-person-card .gate-person-info b{color:inherit!important;text-shadow:none!important}
.gate-person-card .gate-status-title{font-weight:1000!important;text-shadow:none!important}
.gate-person-card .beneficiary-health-panel,
.gate-person-card .beneficiary-health-box{color:#17231f!important;background:rgba(255,255,255,.92)!important}
.gate-person-photo.default-avatar-v198,.beneficiary-photo-thumb.default-avatar-v198{object-fit:contain!important;background:#eef2f0!important}
.beneficiary-photo-thumb.default-avatar-v198{width:48px;height:48px;border-radius:12px;padding:2px}
.card-photo-pro.default-avatar-v198{object-fit:contain!important;background:#eef2f0!important}
/* إعدادات بوابة الوجبات */
.v198-gate-settings{margin-top:16px;border:1px solid rgba(199,162,74,.34)!important}
.v198-gate-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:12px}
.v198-gate-settings-grid .full{grid-column:1/-1}
.v198-gate-preview-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.v198-gate-preview{min-height:150px;border-radius:18px;padding:18px;display:grid;place-items:center;text-align:center;background-size:cover!important;background-position:center!important;border:1px solid rgba(199,162,74,.24);overflow:hidden}
.v198-gate-preview strong{font-size:24px}.v198-gate-preview p{margin:6px 0 0;font-weight:800}
/* شاشة الإعلانات المبسطة */
.v198-display-layout{display:grid;grid-template-columns:minmax(230px,300px) minmax(0,1fr);gap:18px}
.v198-display-list{display:grid;gap:8px}.v198-display-list button{text-align:right;justify-content:flex-start;min-height:54px}
.v198-display-list button.active{border-color:#d3b55d!important;background:rgba(199,162,74,.16)!important}
.v198-display-basic-grid{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:12px}
.v198-display-basic-grid .full{grid-column:1/-1}
.v198-display-preview{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#0b3d2e;background-size:cover;background-position:center;border:1px solid rgba(199,162,74,.34);min-height:280px}
.v198-display-preview::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,var(--overlay,.38));z-index:1}
.v198-display-preview .main-text{position:absolute;left:7%;right:7%;top:38%;z-index:2;text-align:center;font-weight:1000;line-height:1.35;text-shadow:0 2px 8px rgba(0,0,0,.65);font-size:clamp(24px,4vw,54px)}
.v198-display-preview .ticker{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:12px 18px;font-weight:900;text-align:center}
.v198-display-preview .logo{position:absolute;z-index:3;top:18px;right:18px;max-width:110px;max-height:85px;object-fit:contain}
.v198-display-templates{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 14px}
.v198-display-advanced summary{cursor:pointer;font-weight:900;color:#e5c76e;margin:10px 0}
/* المستخلصات المالية — الخيارين */
.v198-extract-choice{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}
.v198-extract-choice .choice-card{border:1px solid rgba(199,162,74,.28);border-radius:18px;padding:18px;background:rgba(255,255,255,.03)}
.v198-extract-choice h3{margin:0 0 6px;color:#f0d372}.v198-extract-choice p{margin:0 0 12px;color:#c8d7d1}
.v198-extract2-modal .modal-box{max-width:1500px!important;width:97vw!important}
.v198-ex2-toolbar{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:10px;margin-bottom:12px}
.v198-ex2-toolbar .full{grid-column:1/-1}
.v198-ex2-table{min-width:1280px;width:100%;border-collapse:collapse}.v198-ex2-table th,.v198-ex2-table td{border:1px solid rgba(150,160,155,.5);padding:5px;text-align:center}.v198-ex2-table input{width:100%;min-width:70px}.v198-ex2-table .name{min-width:180px}
.v198-ex2-total{font-weight:1000;color:#e8cc77}
/* طباعة نموذج مستخلص 2 */
.v198-ex2-print{font-family:Tahoma,Arial,sans-serif;color:#000;background:#fff;direction:rtl;width:100%;font-size:10.5px}
.v198-ex2-print .head-grid{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:8px;align-items:start;margin-bottom:7px}
.v198-ex2-print .entity{line-height:1.5;font-weight:700}.v198-ex2-print .center{text-align:center}.v198-ex2-print .center img{width:65px;height:65px;object-fit:contain;background:#fff;display:block;margin:0 auto 5px}.v198-ex2-print .center h1{font-size:16px;margin:2px 0;text-decoration:underline}.v198-ex2-print .meta{line-height:1.8}
.v198-ex2-print table{width:100%;border-collapse:collapse;table-layout:fixed}.v198-ex2-print th,.v198-ex2-print td{border:1px solid #111;padding:4px;text-align:center;height:24px}.v198-ex2-print th{font-weight:900;background:#f2f2f2}
.v198-ex2-print .notes{display:grid;grid-template-columns:1.2fr 1fr;gap:0;border:1px solid #111;border-top:0;min-height:50px}.v198-ex2-print .notes>div{padding:6px;border-left:1px solid #111}.v198-ex2-print .notes>div:last-child{border-left:0}
.v198-ex2-print .signatures{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid #111;border-top:0;min-height:68px}.v198-ex2-print .signatures>div{text-align:center;padding:6px;border-left:1px solid #111}.v198-ex2-print .signatures>div:last-child{border-left:0}.v198-ex2-print .sigspace{height:25px}
/* شعار الطباعة — منع الخلفية السوداء */
.print-logo,.official-logo,.print-header-logo,.form-logo,.v186-official-center,.v198-ex2-print .center{background:#fff!important}
.print-logo img,.official-logo img,.print-header-logo img,.form-logo img,.v186-official-center img,.v198-ex2-print .center img{background:#fff!important;filter:none!important;mix-blend-mode:normal!important;box-shadow:none!important}
/* تنظيف المسميات القديمة */
.v198-hidden{display:none!important}
@media(max-width:900px){
.v198-gate-settings-grid,.v198-display-basic-grid,.v198-ex2-toolbar{grid-template-columns:1fr 1fr}
.v198-display-layout{grid-template-columns:1fr}.v198-extract-choice{grid-template-columns:1fr}.v198-gate-preview-row{grid-template-columns:1fr}
}
@media(max-width:560px){.v198-gate-settings-grid,.v198-display-basic-grid,.v198-ex2-toolbar{grid-template-columns:1fr}}
@media print{
img{filter:none!important;mix-blend-mode:normal!important}
.v198-ex2-print{width:100%!important;margin:0!important;padding:0!important}
.v198-ex2-print th,.v198-ex2-print td{font-size:9px!important;padding:2px!important;height:20px!important}
.v198-ex2-print .head-grid{margin-bottom:4px!important}
}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:'+H(x.background_color)+'}body{position:relative;'+media+'}body:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,'+(N(x.overlay)/100)+')}h1{position:absolute;z-index:2;left:7%;right:7%;top:35%;text-align:center;color:'+H(color)+';font:900 '+N(x.center_font_size)+'px Tahoma;text-shadow:0 2px 9px #000}.ticker{position:absolute;z-index:3;bottom:0;left:0;right:0;padding:16px;text-align:center;background:'+H(x.ticker_bg)+';color:'+H(x.ticker_color)+';font:900 24px Tahoma}.logo{position:absolute;z-index:3;top:24px;right:24px;width:120px;max-height:100px;object-fit:contain}
'+document.getElementById('easha-v198-comprehensive-style').innerHTML+'@page{size:A4 landscape;margin:5mm}body{margin:0;background:#fff}
.v199-reg-tools{display:flex;align-items:end;gap:16px;justify-content:space-between;flex-wrap:wrap;margin-top:14px}.v199-reg-tools label{display:flex;flex-direction:column;gap:6px;min-width:min(100%,420px);font-weight:800}.v199-reg-tools input{min-height:44px}.v199-reg-summary,.v199-permission-hint{padding:10px 12px;border-radius:12px;background:rgba(148,163,184,.12);line-height:1.7}.v199-permission-hint{margin-top:10px}.v199-click-kpi{cursor:pointer}.v199-click-kpi:hover{outline:2px solid rgba(201,168,91,.45);outline-offset:2px}.v199-report-count{min-width:64px;min-height:38px;border:1px solid rgba(201,168,91,.65);border-radius:10px;background:rgba(201,168,91,.12);font-weight:900;font-size:16px;color:inherit;cursor:pointer}.v199-report-count:hover{background:rgba(201,168,91,.22)}.v199-report-modal .modal-box{width:min(1200px,96vw);max-height:92vh;overflow:auto}.v199-report-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.v199-report-head h2,.v199-report-head p{margin:0 0 6px}.v199-report-search{display:flex;flex-direction:column;gap:6px;margin:12px 0;font-weight:800}.v199-report-search input{min-height:44px}.v199-reports-title p{color:var(--muted,#64748b)}.easha-doc-v184-head-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.danger{background:#b91c1c!important;color:#fff!important;border-color:#b91c1c!important}
body{font-family:Tahoma,Arial;padding:24px;color:#111}table{border-collapse:collapse;width:100%;font-size:12px}th,td{border:1px solid #222;padding:7px;text-align:right}th{background:#eee}h2{margin:0 0 14px}@page{size:A4 landscape;margin:10mm}
/* V202: no CSS variable is used for the visible background. */
@media screen {
html, .login-screen, .login-screen-v2, .static-login-overlay {
background-color:#071f21 !important;
background-image:url("../assets/img/system-background.png"), url("../assets/img/img-fb5cf075ca862ca8.png") !important;
background-position:center center, center center !important;
background-size:cover, cover !important;
background-repeat:no-repeat, no-repeat !important;
background-attachment:fixed, fixed !important;
}
html{min-height:100% !important;}
body{min-height:100% !important;background-color:transparent !important;background-image:none !important;position:relative !important;isolation:isolate !important;}
#easha-v202-background-image{position:fixed !important;inset:0 !important;width:100% !important;height:100% !important;object-fit:cover !important;object-position:center center !important;z-index:-1 !important;pointer-events:none !important;user-select:none !important;}
.app, main, .content{background-color:transparent !important;}
}
@media print{html,body{background:#fff !important;background-image:none !important;}}
.v203-docs{margin:18px 0;padding:16px;border:1px solid rgba(199,162,74,.34);border-radius:16px;background:rgba(199,162,74,.06)}
.v203-docs-title h3{margin:0 0 6px;color:#e6c66d}.v203-docs-title p,.v203-hint{line-height:1.8;opacity:.85}
.v203-upload-card{margin-top:12px;padding:13px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.035)}
.v203-upload-card>label{display:block;font-weight:900;margin-bottom:8px}.v203-file-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.v203-file-name{flex:1;min-width:220px;padding:9px 11px;border-radius:10px;background:rgba(255,255,255,.05)}
.v203-chip-list{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.v203-file-chip{padding:7px 9px;border-radius:999px;background:rgba(199,162,74,.13);border:1px solid rgba(199,162,74,.25)}.v203-file-chip small{opacity:.72}
.v203-existing{margin-top:12px}.v203-existing h4{margin:0 0 8px}.v203-proof-row{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:9px;border-top:1px solid rgba(255,255,255,.08)}.v203-proof-row b,.v203-proof-row small{display:block}.v203-proof-row small{opacity:.68;margin-top:3px}.v203-empty{padding:10px;opacity:.7}
body.mode-light .v203-docs{background:#fffaf0;color:#183128}body.mode-light .v203-upload-card{background:#fff;border-color:#ddd}body.mode-light .v203-file-name{background:#f5f5f5;color:#183128}
.v205-duplicate-material{outline:2px solid #b42318 !important;background:#fff1f0 !important;}
.v205-material-note{margin:8px 0 12px;padding:9px 12px;border:1px solid rgba(180,35,24,.28);border-radius:10px;background:rgba(255,241,240,.9);font-weight:700;color:#7a271a}
${cssFont}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:#fff;color:#000;font-family:Tahoma,Arial,sans-serif}body{padding:4mm}.print-sheet{width:100%;display:block!important;visibility:visible!important}.official-head{display:grid;grid-template-columns:1fr 92px 1fr;align-items:start;min-height:60px;margin-bottom:2mm}.entity-lines{text-align:right;font-size:7px;font-weight:700;line-height:1.45}.entity-lines span{display:block}.official-logo{text-align:center}.official-logo img{width:58px;height:58px;object-fit:contain}.top-left{text-align:left;font-size:7px;line-height:1.45}.main-title{text-align:center;margin:0 0 2mm}.main-title h1{font-size:12px;margin:0 0 1mm}.main-title .range{font-size:7px;font-weight:700}.table-wrap{width:100%;overflow:visible!important;display:block!important}.shift-print-table{display:table!important;visibility:visible!important;width:100%!important;border-collapse:collapse!important;table-layout:fixed!important;font-size:4.7px!important}.shift-print-table thead{display:table-header-group!important}.shift-print-table tbody{display:table-row-group!important}.shift-print-table tr{display:table-row!important;break-inside:avoid;page-break-inside:avoid}.shift-print-table th,.shift-print-table td{display:table-cell!important;visibility:visible!important;border:0.25mm solid #111!important;padding:.35mm!important;text-align:center!important;vertical-align:middle!important;height:5.2mm!important;overflow:hidden!important;line-height:1.1!important}.shift-print-table th{font-weight:700}.period-header{background:#d9d9d9!important;font-size:5.2px!important;height:7mm!important}.period-header b,.period-header small{display:block}.period-header small{font-size:4.3px;margin-top:.4mm}.day-header{background:#efefef!important;font-size:4.5px!important}.day-header span,.day-header b{display:block}.serial{width:7mm}.number{width:18mm}.rank{width:17mm}.employee-name{width:39mm;text-align:right!important;font-size:5.2px!important;font-weight:700}.mobile{width:22mm;direction:ltr}.duty-cell{font-weight:700;white-space:nowrap}.lower-area{display:grid;grid-template-columns:1.2fr 1.2fr .8fr;gap:3mm;margin-top:2mm;font-size:6px;line-height:1.35;break-inside:avoid}.lower-box h3{font-size:6.5px;margin:0 0 .6mm;text-decoration:underline}.multiline{white-space:pre-line}.signature{text-align:center;margin-top:2mm;font-size:6.5px;line-height:1.4;break-inside:avoid}.signature-space{height:7mm}.print-meta{text-align:left;font-size:5.5px;margin-bottom:1mm}@page{size:A4 landscape;margin:4mm}@media print{html,body{width:auto!important;height:auto!important;overflow:visible!important}.print-sheet,.table-wrap,.shift-print-table{display:block!important;visibility:visible!important}.shift-print-table{display:table!important}thead{display:table-header-group!important}tbody{display:table-row-group!important}tr{display:table-row!important}th,td{display:table-cell!important}.no-print{display:none!important}}
.v208-reg-source{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:900;background:rgba(14,116,144,.12);border:1px solid rgba(14,116,144,.28)}
.v208-reg-source.bundled{background:rgba(34,197,94,.10);border-color:rgba(34,197,94,.28)}
.v208-reg-source.uploaded{background:rgba(59,130,246,.10);border-color:rgba(59,130,246,.28)}
.v208-reg-refresh{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.v208-reg-note{margin-top:10px;padding:10px 12px;border-radius:12px;background:rgba(59,130,246,.08);border:1px solid rgba(59,130,246,.18);line-height:1.8}
'+printCssV()+'
/* V210 — العقود المزدوجة والتشغيل الآلي للوجبات والتكلفة */
.v210-double-box{margin:14px 0;padding:14px;border:1px solid rgba(199,162,74,.35);border-radius:16px;background:rgba(199,162,74,.07)}
.v210-double-box h3{margin:0 0 6px;color:#e6c66d}.v210-double-box p{margin:0 0 12px;opacity:.82;line-height:1.7}
.v210-auto-summary{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px;margin:12px 0}
.v210-auto-summary>div,.v210-kpi{padding:13px;border:1px solid rgba(199,162,74,.26);border-radius:14px;background:rgba(255,255,255,.035);display:flex;flex-direction:column;gap:5px}.v210-auto-summary b,.v210-kpi b{font-size:20px;color:#e6c66d}
.v210-meal-grid{display:grid;grid-template-columns:repeat(3,minmax(250px,1fr));gap:12px;margin:12px 0}.v210-meal-card{border:1px solid rgba(199,162,74,.25);border-radius:15px;padding:14px;background:rgba(255,255,255,.035)}.v210-meal-card h3{margin:0 0 8px}.v210-meal-card .line{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px dashed rgba(199,162,74,.16)}.v210-meal-card .line:last-child{border-bottom:0}
.v210-auto-note{padding:11px 13px;border-radius:12px;background:rgba(46,134,99,.12);border:1px solid rgba(46,134,99,.28);line-height:1.8}.v210-warn{background:rgba(189,120,35,.12);border-color:rgba(189,120,35,.35)}
.v210-source-badge{display:inline-flex;padding:4px 8px;border-radius:999px;background:rgba(46,134,99,.14);border:1px solid rgba(46,134,99,.35);font-size:10px;font-weight:800}.v210-adjusted{display:block;color:#f3bf62;font-size:10px;margin-top:4px}
.v210-report-kpis{display:grid;grid-template-columns:repeat(5,minmax(145px,1fr));gap:10px;margin:12px 0}.v210-report-section{margin-top:16px}.v210-report-section h3{margin:0 0 8px}.v210-small{font-size:10px;opacity:.75;line-height:1.6}
.v210-role-note{padding:10px;border-radius:12px;border:1px solid rgba(199,162,74,.24);background:rgba(199,162,74,.07);margin:10px 0;line-height:1.8}
.v210-test-pass{color:#63d69b;font-weight:900}.v210-test-fail{color:#ff8c8c;font-weight:900}
body.mode-light .v210-double-box h3,body.mode-light .v210-auto-summary b,body.mode-light .v210-kpi b{color:#7a5b0b}
@media(max-width:1050px){.v210-meal-grid{grid-template-columns:1fr}.v210-auto-summary,.v210-report-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.v210-auto-summary,.v210-report-kpis{grid-template-columns:1fr}}
/* V210 — نقل محاضر تسليم طلبات الإعاشة إلى المستودع + ترويسة واحدة */
.v210-handover-card{margin-top:14px;border:1px solid rgba(199,162,74,.3)}
.v210-handover-card .v210-status{display:inline-flex;padding:4px 8px;border-radius:999px;border:1px solid rgba(199,162,74,.28);font-size:10px;font-weight:800}
.v210-handover-card .v210-ready{background:rgba(46,134,99,.13);border-color:rgba(46,134,99,.32)}
.v210-handover-card .v210-completed{background:rgba(38,108,166,.12);border-color:rgba(38,108,166,.28)}
.v210-handover-card .v210-preparing{background:rgba(199,162,74,.11)}
.v211-demo-banner{border:1px solid rgba(199,162,74,.38);background:rgba(199,162,74,.08);border-radius:14px;padding:12px 14px;margin-bottom:14px;line-height:1.8}
.v211-demo-banner b{color:#e3c46a}.v211-demo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}.v211-demo-grid>div{border:1px solid rgba(199,162,74,.22);border-radius:12px;padding:11px;background:rgba(255,255,255,.035)}.v211-demo-grid span{display:block;font-size:10px;opacity:.72}.v211-demo-grid b{display:block;margin-top:4px;font-size:14px}.v211-cost-controls{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:10px;align-items:end;margin:12px 0}.v211-cost-controls label{display:flex;flex-direction:column;gap:5px}.v211-receipt-table small{display:block;opacity:.7;margin-top:3px}.v211-half{font-weight:900;color:#2d8c67}.v211-report-note{font-size:11px;opacity:.78;line-height:1.8;margin-top:8px}
@media(max-width:900px){.v211-demo-grid,.v211-cost-controls{grid-template-columns:1fr 1fr}}@media(max-width:560px){.v211-demo-grid,.v211-cost-controls{grid-template-columns:1fr}}
/* V212 — وضوح نموذج العقد: لا نص أصفر داخل شاشة العقد */
.v212-contract-modal{background:#f7f7f4!important;color:#111!important}
.v212-contract-modal h1,.v212-contract-modal h2,.v212-contract-modal h3,.v212-contract-modal h4,
.v212-contract-modal p,.v212-contract-modal label,.v212-contract-modal b,.v212-contract-modal span,
.v212-contract-modal .finance-section-title,.v212-contract-modal th{color:#111!important}
.v212-contract-modal input,.v212-contract-modal select,.v212-contract-modal textarea{background:#fff!important;color:#111!important;border-color:#777!important}
.v212-contract-modal option{background:#fff!important;color:#111!important}
.v212-contract-modal .v212-mode-box{margin:12px 0;padding:14px;border:1px solid #8f8f85;border-radius:14px;background:#fff;color:#111}
.v212-contract-modal .v212-mode-box h3{margin:0 0 7px;font-size:16px}.v212-contract-modal .v212-mode-box p{margin:0;line-height:1.85}
.v212-contract-modal .v212-mode-box .v212-flow{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px}.v212-contract-modal .v212-flow span{padding:6px 9px;border:1px solid #aaa;border-radius:999px;background:#f3f3ee;font-weight:800;font-size:11px;color:#111!important}
.v212-contract-modal #v210_double_contract_fields,.v212-contract-modal #v212_single_company_fields{background:#fff!important;color:#111!important;border-color:#888!important}
/* نموذج طلب استلام المواد والمطبوعات ذات الخلفية الفاتحة */
.v191-paper,.v191-paper *,.v191-extract-table th,.v191-extract-table td,.v191-paper-title,.v191-paper-subtitle,.v191-paper-org,.v191-paper-meta{color:#111!important}
.v191-extract-table th{background:#eee!important}
@media print{th,td,.v191-paper-title,.v191-paper-subtitle,.v191-paper-org,.v191-paper-meta{color:#000!important}}
/* تقارير التكاليف — اختيار العقد */
.v213-cost-page .v213-cost-controls{display:grid;grid-template-columns:minmax(280px,1.35fr) repeat(3,minmax(150px,.75fr)) auto auto;gap:10px;align-items:end;margin:14px 0}
.v213-cost-page .v213-cost-controls label{display:flex;flex-direction:column;gap:6px;font-weight:800}
.v213-cost-page .v213-contract-summary{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px;margin:12px 0 16px}
.v213-cost-page .v213-contract-summary>div{padding:12px;border:1px solid rgba(199,162,74,.25);border-radius:13px;background:rgba(255,255,255,.04)}
.v213-cost-page .v213-contract-summary span{display:block;font-size:10px;opacity:.72}.v213-cost-page .v213-contract-summary b{display:block;margin-top:5px;font-size:14px}
.v213-cost-page .v213-filter-note{padding:10px 12px;border-radius:12px;background:rgba(50,135,105,.10);border:1px solid rgba(50,135,105,.28);line-height:1.8;margin:10px 0}
.v213-cost-page .v213-report-section{margin-top:16px}.v213-cost-page .v213-report-section h3{margin:0 0 9px}
.v213-cost-page .v213-kpis{display:grid;grid-template-columns:repeat(5,minmax(145px,1fr));gap:10px;margin:14px 0}
.v213-cost-page .v213-kpi{padding:13px;border-radius:13px;border:1px solid rgba(199,162,74,.25);background:rgba(255,255,255,.04)}
.v213-cost-page .v213-kpi span{display:block;font-size:10px;opacity:.72}.v213-cost-page .v213-kpi b{display:block;font-size:19px;margin-top:5px}
/* إجراءات العمل الرقابية — إعادة تنظيم شاملة */
.v213-regulatory-page{max-width:1600px;margin:0 auto}
.v213-regulatory-page .regulatory-tabs,.v213-regulatory-page .m7-tabs{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:8px!important;padding:12px!important;margin:0 0 12px!important;border:1px solid rgba(199,162,74,.22);border-radius:16px;background:rgba(255,255,255,.045)!important;overflow:visible!important}
.v213-regulatory-page .regulatory-tabs:before{content:'السجلات والتقارير الرقابية الأساسية';grid-column:1/-1;font-weight:900;font-size:14px;padding:2px 4px 7px;border-bottom:1px solid rgba(199,162,74,.18)}
.v213-regulatory-page .m7-tabs:before{content:'النماذج والمحاضر الرقابية الرسمية';grid-column:1/-1;font-weight:900;font-size:14px;padding:2px 4px 7px;border-bottom:1px solid rgba(199,162,74,.18)}
.v213-regulatory-page .regulatory-tabs button,.v213-regulatory-page .m7-tabs button{width:100%;min-height:44px;white-space:normal!important;line-height:1.55;text-align:center;border-radius:11px!important;border:1px solid rgba(199,162,74,.18)!important;background:rgba(255,255,255,.035)!important;color:#f4f6f5!important}
.v213-regulatory-page .regulatory-tabs button.active,.v213-regulatory-page .m7-tabs button.active{background:#c7a24a!important;color:#10251d!important;border-color:#c7a24a!important;font-weight:900;box-shadow:none!important}
.v213-regulatory-page>.card,.v213-regulatory-page .card{border-radius:17px;border:1px solid rgba(199,162,74,.22);overflow:visible}
.v213-regulatory-page .card>.head{padding-bottom:12px;margin-bottom:14px;border-bottom:1px solid rgba(199,162,74,.18);align-items:flex-start}
.v213-regulatory-page .card>.head h2{margin:0 0 5px;font-size:20px}.v213-regulatory-page .card>.head p{margin:0;line-height:1.8;opacity:.8}
.v213-regulatory-page .m7-grid,.v213-regulatory-page .form-grid,.v213-regulatory-page .regulatory-official-meta{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin-bottom:16px!important}
.v213-regulatory-page .m7-grid>div,.v213-regulatory-page .form-grid>div,.v213-regulatory-page .regulatory-official-meta>div{min-width:0}
.v213-regulatory-page label:not(.m7-check){display:flex!important;flex-direction:column;gap:6px;font-weight:800;line-height:1.55}
.v213-regulatory-page input:not([type=checkbox]):not([type=radio]),.v213-regulatory-page select,.v213-regulatory-page textarea{width:100%!important;box-sizing:border-box!important;min-height:43px!important;background:#fff!important;color:#111!important;border:1px solid #b8b8b3!important;border-radius:10px!important;padding:9px 11px!important}
.v213-regulatory-page textarea{min-height:110px!important;resize:vertical}
.v213-regulatory-page h3,.v213-regulatory-page .section-title{margin:18px 0 10px!important;padding:9px 12px;border-right:4px solid #c7a24a;border-radius:8px;background:rgba(199,162,74,.08);font-size:16px;text-align:right!important;color:inherit!important}
.v213-regulatory-page .m7-checks{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px!important;margin:10px 0 18px}
.v213-regulatory-page .m7-check{display:flex!important;flex-direction:row!important;align-items:flex-start!important;justify-content:flex-start!important;gap:10px!important;padding:11px 12px;border:1px solid rgba(199,162,74,.20);border-radius:11px;background:rgba(255,255,255,.035);cursor:pointer;line-height:1.7;min-height:48px;box-sizing:border-box}
.v213-regulatory-page .m7-check input[type=checkbox]{appearance:auto!important;-webkit-appearance:checkbox!important;width:19px!important;height:19px!important;min-width:19px!important;max-width:19px!important;min-height:19px!important;margin:2px 0 0!important;padding:0!important;flex:0 0 19px!important;accent-color:#c7a24a}
.v213-regulatory-page .m7-check span{flex:1;display:block;text-align:right}
.v213-regulatory-page .table-wrap{border:1px solid rgba(199,162,74,.18);border-radius:12px;overflow:auto;margin:10px 0 16px}
.v213-regulatory-page table{width:100%;border-collapse:collapse}.v213-regulatory-page th{background:rgba(199,162,74,.13);font-weight:900;white-space:normal;line-height:1.5}.v213-regulatory-page th,.v213-regulatory-page td{padding:8px 7px;vertical-align:middle}
.v213-regulatory-page .m7-table input,.v213-regulatory-page .m7-table select{min-width:95px!important;min-height:37px!important;padding:6px 7px!important}
.v213-regulatory-page .m7-signers{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important}
.v213-regulatory-page .m7-signer{padding:13px!important;border:1px solid rgba(199,162,74,.22)!important;background:rgba(255,255,255,.035)!important}
.v213-regulatory-page .m7-actions,.v213-regulatory-page .actions{display:flex!important;gap:8px!important;flex-wrap:wrap!important;align-items:center;margin-top:14px}
.v213-regulatory-page .regulatory-kpis{grid-template-columns:repeat(5,minmax(135px,1fr))!important;gap:10px!important}
body.mode-light .v213-regulatory-page .regulatory-tabs button,body.mode-light .v213-regulatory-page .m7-tabs button{background:#fff!important;color:#17372e!important;border-color:#d4d2c9!important}
body.mode-light .v213-regulatory-page .regulatory-tabs button.active,body.mode-light .v213-regulatory-page .m7-tabs button.active{background:#0b3d2e!important;color:#fff!important;border-color:#0b3d2e!important}
body.mode-light .v213-regulatory-page .m7-check,body.mode-light .v213-regulatory-page .m7-signer{background:#fff!important;border-color:#d8d6cf!important;color:#111!important}
@media(max-width:1100px){.v213-cost-page .v213-cost-controls{grid-template-columns:1fr 1fr 1fr}.v213-cost-page .v213-contract-summary,.v213-cost-page .v213-kpis{grid-template-columns:repeat(2,1fr)}.v213-regulatory-page .regulatory-kpis{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:760px){.v213-cost-page .v213-cost-controls,.v213-cost-page .v213-contract-summary,.v213-cost-page .v213-kpis,.v213-regulatory-page .m7-grid,.v213-regulatory-page .form-grid,.v213-regulatory-page .regulatory-official-meta,.v213-regulatory-page .m7-checks,.v213-regulatory-page .m7-signers,.v213-regulatory-page .regulatory-kpis{grid-template-columns:1fr!important}}
.v214-shift-page{max-width:1700px;margin:0 auto}.v214-shift-page .v214-shift-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0 16px}.v214-shift-page .v214-shift-step{padding:12px;border-radius:13px;border:1px solid rgba(199,162,74,.24);background:rgba(255,255,255,.04);text-align:center}.v214-shift-page .v214-shift-step b{display:block;font-size:15px}.v214-shift-page .v214-shift-step span{display:block;margin-top:4px;font-size:10px;opacity:.72;line-height:1.55}
.v214-shift-cards{display:grid;gap:12px}.v214-shift-card{border:1px solid rgba(199,162,74,.23);border-radius:16px;padding:14px;background:rgba(255,255,255,.035)}.v214-shift-card .v214-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.v214-shift-card h3{margin:0 0 5px}.v214-shift-meta{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.v214-shift-meta span{padding:5px 9px;border-radius:999px;border:1px solid rgba(199,162,74,.2);font-size:10px}.v214-shift-actions{display:flex;gap:7px;flex-wrap:wrap}
.v214-builder-modal{width:min(1600px,98vw)!important;max-width:98vw!important;height:min(92vh,980px);overflow:auto!important;padding:0!important}.v214-builder-head{position:sticky;top:0;z-index:8;background:#071c17;padding:15px 18px;border-bottom:1px solid rgba(199,162,74,.25);display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.v214-builder-head h2{margin:0 0 4px}.v214-builder-head p{margin:0;opacity:.75}.v214-builder-body{padding:16px}.v214-builder-section{border:1px solid rgba(199,162,74,.22);border-radius:15px;padding:14px;margin-bottom:14px;background:rgba(255,255,255,.03)}.v214-builder-section>h3{margin:0 0 5px}.v214-builder-section>.hint{margin:0 0 12px;opacity:.72;line-height:1.7}
.v214-employee-toolbar{display:grid;grid-template-columns:1.4fr auto auto;gap:8px;margin-bottom:10px}.v214-employee-list{max-height:285px;overflow:auto;border:1px solid rgba(199,162,74,.18);border-radius:12px}.v214-employee-list table{width:100%;border-collapse:collapse}.v214-employee-list th{position:sticky;top:0;z-index:2;background:#12342b}.v214-employee-list th,.v214-employee-list td{padding:7px 6px;border-bottom:1px solid rgba(199,162,74,.13);text-align:center}.v214-employee-list td.name{text-align:right;font-weight:800}.v214-employee-list input[type=checkbox]{width:18px;height:18px;min-height:18px}.v214-employee-list select{min-width:85px;min-height:34px;padding:4px 5px}
.v214-day-block{margin-top:12px;border:1px solid rgba(199,162,74,.17);border-radius:13px;overflow:hidden}.v214-day-title{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;background:rgba(199,162,74,.09)}.v214-day-title h4{margin:0}.v214-rotate-controls{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.v214-rotate-controls select{min-height:34px}.v214-day-scroll{overflow:auto}.v214-day-grid{border-collapse:collapse;min-width:max-content;width:100%;table-layout:fixed}.v214-day-grid th,.v214-day-grid td{border:1px solid rgba(199,162,74,.25);padding:4px;text-align:center;min-width:44px}.v214-day-grid th.rowlabel{position:sticky;right:0;z-index:3;min-width:72px;background:#12342b}.v214-day-grid .weekday{font-size:9px;white-space:nowrap}.v214-day-grid .dayno{font-weight:900;font-size:12px}.v214-group-cell button{width:36px;height:32px;padding:0;border-radius:8px;font-weight:900}.v214-group-cell button.active{background:#c7a24a!important;color:#10251d!important;border-color:#c7a24a!important}.v214-builder-footer{position:sticky;bottom:0;z-index:8;padding:12px 16px;background:#071c17;border-top:1px solid rgba(199,162,74,.25);display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.v214-shift-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0}.v214-shift-summary div{padding:9px;border-radius:11px;border:1px solid rgba(199,162,74,.18);background:rgba(255,255,255,.03)}.v214-shift-summary span{display:block;font-size:9px;opacity:.7}.v214-shift-summary b{display:block;margin-top:4px}
body.mode-light .v214-builder-head,body.mode-light .v214-builder-footer{background:#f7f7f3;color:#111}body.mode-light .v214-employee-list th,body.mode-light .v214-day-grid th.rowlabel{background:#e8eee9;color:#111}body.mode-light .v214-builder-section,body.mode-light .v214-shift-card{background:#fff;color:#111;border-color:#d7d3c8}
@media(max-width:950px){.v214-shift-page .v214-shift-flow,.v214-shift-summary{grid-template-columns:repeat(2,1fr)}.v214-employee-toolbar{grid-template-columns:1fr 1fr}.v214-employee-toolbar input{grid-column:1/-1}}@media(max-width:620px){.v214-shift-page .v214-shift-flow,.v214-shift-summary{grid-template-columns:1fr}.v214-card-head{flex-direction:column}}
.easha-login-core-fix-badge{margin-top:10px;padding:7px 10px;border:1px solid rgba(201,162,67,.45);border-radius:10px;color:#e7d28e;font-size:11px;text-align:center;background:rgba(0,0,0,.18)}
${font}${officialCss()}
/* ============================================================
V215 — تحسين الاستايل والتصميم (نفس الهوية: أخضر بحري + ذهبي)
يضيف طبقة تحسين فوق التصميم الحالي دون المساس بإصلاحات
تباين الوضع الداكن (V214). لا يعدّل ألوان النصوص القسرية،
فقط الإيقاع، الطباعة، الحدود، الظلال، والحركة.
============================================================ */
:root{
--gold-light:#e6c66d;
--gold-deep:#a9812f;
--ink:#03130f;
--surface-1:rgba(3,17,14,.92);
--surface-2:rgba(6,26,20,.86);
--surface-3:rgba(255,255,255,.06);
--hairline:rgba(255,255,255,.09);
--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:28px;--space-7:36px;
--radius-sm:10px;--radius-md:14px;--radius-lg:20px;
--shadow-sm:0 4px 14px rgba(0,0,0,.22);
--shadow-md:0 14px 34px rgba(0,0,0,.30);
--shadow-lg:0 24px 56px rgba(0,0,0,.36);
--ease:cubic-bezier(.2,.7,.3,1);
--font-display:"AlMohanadEmbedded","Traditional Arabic",Tahoma,Arial,sans-serif;
}
/* -------- الحركة والتركيز (أساسيات الجودة) -------- */
*{scroll-behavior:smooth}
a,button,.nav-btn,input,select,textarea,.badge,.card,.stat{transition:background-color .18s var(--ease),border-color .18s var(--ease),box-shadow .18s var(--ease),transform .18s var(--ease),opacity .18s var(--ease)}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.nav-btn:focus-visible,a:focus-visible{outline:2px solid var(--gold-light);outline-offset:2px}
@media (prefers-reduced-motion:reduce){
*{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}
/* -------- الطباعة (Typography) -------- */
header h1,.login-box h1,.brand h2,.card h2,.notice h2,.group-title,.nav-btn b,button,.stat strong,.badge,.head h2,.head h3{
font-family:var(--font-display);
letter-spacing:.2px;
}
header h1,.login-box h1{font-weight:900}
.stat strong{font-size:30px;letter-spacing:.4px}
header p,.login-box p,.card p,.notice p{line-height:1.85}
/* -------- شعار السطر الذهبي المزدوج (العنصر المميز) --------
إشارة إلى شرائط الرتب البحرية: خط ذهبي مزدوج رفيع يُستخدم
كترويسة موحّدة أسفل العناوين، وكمؤشر نشاط في القوائم والبطاقات. */
header h1,.login-box h1,.card h2,.notice h2{
position:relative;
padding-bottom:10px;
display:inline-block;
}
header h1::after,.login-box h1::after,.card h2::after,.notice h2::after{
content:"";
position:absolute;
right:0;left:0;bottom:0;
height:5px;
background:
linear-gradient(90deg,var(--gold) 0 60%,transparent 60%) 0 0/70% 2px no-repeat,
linear-gradient(90deg,var(--gold-light) 0 40%,transparent 40%) 0 100%/45% 2px no-repeat;
}
.login-box h1::after{right:auto;left:0;width:64px}
/* -------- الشريط الجانبي والتنقل -------- */
aside{
background:var(--surface-1);
padding:var(--space-4) var(--space-3);
}
.brand{padding-bottom:var(--space-4);margin-bottom:var(--space-3)}
.brand img{filter:drop-shadow(0 6px 12px rgba(0,0,0,.4))}
.group-title{
position:relative;
margin:var(--space-5) var(--space-2) var(--space-2);
padding-bottom:6px;
}
.group-title::after{
content:"";
position:absolute;left:0;right:60%;bottom:0;
height:1px;background:linear-gradient(90deg,var(--line) 0,transparent 100%);
}
.nav-btn{
border-radius:var(--radius-sm);
padding:10px 12px;
margin-bottom:2px;
position:relative;
border-inline-end:3px solid transparent;
}
.nav-btn:hover{background:var(--surface-3);transform:translateX(-2px)}
[dir="rtl"] .nav-btn:hover,.nav-btn:hover{transform:none}
.nav-btn.active{
background:linear-gradient(90deg,rgba(199,162,74,.16),rgba(255,255,255,.05));
border-inline-end-color:var(--gold);
box-shadow:inset 0 0 0 1px rgba(199,162,74,.15);
}
.nav-btn em{font-weight:700}
aside::-webkit-scrollbar{width:9px}
aside::-webkit-scrollbar-track{background:transparent}
aside::-webkit-scrollbar-thumb{background:rgba(199,162,74,.35);border-radius:999px}
aside::-webkit-scrollbar-thumb:hover{background:rgba(199,162,74,.55)}
*{scrollbar-width:thin;scrollbar-color:rgba(199,162,74,.4) transparent}
/* -------- الرأس (Header) -------- */
header{
padding:var(--space-4) var(--space-5);
box-shadow:0 1px 0 var(--hairline),0 12px 24px -18px rgba(0,0,0,.5);
}
header h1{font-size:20px}
/* -------- البطاقات والإحصائيات -------- */
.card,.notice{
border-radius:var(--radius-lg);
box-shadow:var(--shadow-md);
position:relative;
overflow:hidden;
}
.card::before,.notice::before{
content:"";
position:absolute;inset:0 0 auto 0;height:3px;
background:linear-gradient(90deg,var(--gold-deep),var(--gold) 45%,var(--gold-light) 75%,transparent);
opacity:.85;
}
.stat{
border-radius:var(--radius-md);
position:relative;
overflow:hidden;
}
.stat:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}
.stat span{letter-spacing:.2px}
/* -------- الجداول -------- */
.table-wrap{border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}
table{border-collapse:separate;border-spacing:0}
th{
padding:12px 10px;
font-weight:900;
border-bottom:2px solid var(--line);
box-shadow:0 1px 0 rgba(255,255,255,.04);
}
tbody tr{position:relative}
tbody tr:nth-child(even){background:rgba(255,255,255,.025)}
tbody tr:hover td{background:rgba(199,162,74,.06)}
td{border-bottom:1px solid var(--hairline)}
body.mode-light tbody tr:nth-child(even){background:rgba(11,61,46,.035)}
body.mode-light tbody tr:hover td{background:rgba(11,61,46,.05)}
/* -------- الشارات (Badges) -------- */
.badge{
display:inline-flex;align-items:center;gap:6px;
padding:5px 11px;
border:1px solid var(--hairline);
}
.badge::before{
content:"";
width:6px;height:6px;border-radius:50%;
background:currentColor;
opacity:.85;
flex:none;
}
/* -------- الأزرار وحقول الإدخال -------- */
button{border-radius:var(--radius-sm);font-weight:800}
button:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}
button:active{transform:translateY(0)}
button.primary{box-shadow:0 8px 20px -8px rgba(20,84,61,.7)}
button.gold{box-shadow:0 8px 20px -8px rgba(199,162,74,.55)}
input,select,textarea{border-radius:var(--radius-sm)}
input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px rgba(199,162,74,.25)}
/* -------- شاشة الدخول -------- */
.login-screen{position:relative}
.login-screen::before{
content:"";
position:absolute;inset:0;
background:linear-gradient(115deg,rgba(2,14,11,.65) 15%,rgba(2,14,11,.15) 55%,transparent 78%);
pointer-events:none;
}
.login-box{position:relative;z-index:1}
.login-box h1{font-size:32px;text-shadow:0 2px 10px rgba(0,0,0,.5)}
.login-box label{text-shadow:none}
.login-box input{
background:rgba(6,26,20,.55);
color:#fff;
border:1px solid var(--line);
backdrop-filter:blur(6px);
}
.login-box input::placeholder{color:rgba(255,255,255,.55)}
body.mode-light .login-box input{background:rgba(255,255,255,.94);color:#10231d}
/* -------- النوافذ المنبثقة (Modals) -------- */
.modal-box{
border-radius:24px;
box-shadow:var(--shadow-lg);
animation:v215ModalIn .22s var(--ease);
}
@keyframes v215ModalIn{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
/* -------- لوحة تبديل الوضع -------- */
.mode-panel{box-shadow:var(--shadow-sm)}
@media print{
.card::before,.notice::before,header h1::after,.login-box h1::after,.card h2::after,.notice h2::after{display:none!important}
}
/* ============================================================
V216 — تصميم مخصص للوضع الفاتح (نفس الهوية: أخضر بحري + ذهبي)
الفكرة: تبقى القوائم والرأس بلون أخضر داكن دائماً (كأنها
"الزي البحري")، بينما تتحول مساحة المحتوى إلى لون ورقي دافئ
أقرب لوثيقة رسمية، مع شارات بأسلوب "الختم الرسمي" لضمان
وضوح تام. هذا يبني على متغيرات V215 ولا يعدّلها.
============================================================ */
body.mode-light{
--paper:#f7f2e4;
--paper-card:#fffdf8;
--ink-strong:#132a20;
--ink-soft:#54685f;
--stamp-green:#0b3d2e;
--stamp-gold:#8a6813;
--stamp-red:#7a231a;
}
/* -------- خلفية المحتوى: طابع ورقي دافئ -------- */
body.mode-light:before{
background:
radial-gradient(1200px 700px at 85% -10%,rgba(199,162,74,.10),transparent 60%),
var(--paper);
}
body.mode-light .content{color:var(--ink-strong)}
/* -------- البطاقات: ورق أبيض دافئ بدل الأبيض المسطح -------- */
body.mode-light .card,
body.mode-light .notice{
background:var(--paper-card);
color:var(--ink-strong);
border-color:rgba(11,61,46,.14);
box-shadow:0 1px 0 rgba(255,255,255,.6) inset,var(--shadow-sm);
}
body.mode-light .card p,body.mode-light .notice p{color:var(--ink-soft)}
body.mode-light .stat{
background:var(--paper-card);
border-color:rgba(11,61,46,.14);
}
body.mode-light .stat span{color:var(--ink-soft)}
/* إصلاح: رقم الإحصائية كان بلون ذهبي فاتح غير مقروء على خلفية فاتحة */
body.mode-light .stat strong{color:var(--stamp-green)}
/* -------- الجداول -------- */
body.mode-light .table-wrap{border-color:rgba(11,61,46,.14)}
body.mode-light table{background:var(--paper-card)}
body.mode-light th{background:#eef7f2;color:var(--stamp-green);border-bottom-color:rgba(11,61,46,.22)}
body.mode-light td{color:var(--ink-strong);border-bottom-color:rgba(11,61,46,.08)}
/* -------- الشارات: أسلوب "الختم الرسمي" --------
إصلاح: الشارات كانت بألوان باهتة مصمّمة لخلفية داكنة، وتفقد
وضوحها تماماً على خلفية فاتحة. هنا تتحول إلى أختام مصمتة
بتباين كامل، بما يشبه أختام المستندات الرسمية. */
body.mode-light .badge{
border:1px solid transparent;
font-weight:900;
}
body.mode-light .badge.ok{background:var(--stamp-green);color:#f2fbf6}
body.mode-light .badge.warn{background:var(--stamp-gold);color:#fff8e6}
body.mode-light .badge.bad{background:var(--stamp-red);color:#fff2f0}
body.mode-light .badge:not(.ok):not(.warn):not(.bad){
background:#eef2ef;color:var(--ink-strong);border-color:rgba(11,61,46,.15);
}
body.mode-light .oktxt{color:var(--stamp-green);font-weight:800}
body.mode-light .badtxt{color:var(--stamp-red);font-weight:800}
/* -------- الأزرار وحقول الإدخال -------- */
body.mode-light button{color:#fff}
body.mode-light button.primary{background:var(--stamp-green)!important}
body.mode-light button.gold{background:var(--gold)!important;color:#10231d!important}
body.mode-light input,body.mode-light select,body.mode-light textarea{
background:#fff;color:var(--ink-strong);border:1px solid rgba(11,61,46,.18);
}
body.mode-light input:focus,body.mode-light select:focus,body.mode-light textarea:focus{
box-shadow:0 0 0 3px rgba(199,162,74,.22);border-color:var(--gold)
}
body.mode-light input::placeholder{color:#8b998f}
/* -------- النوافذ المنبثقة -------- */
body.mode-light .modal-box{background:var(--paper-card);color:var(--ink-strong);border-color:rgba(11,61,46,.14)}
/* -------- الترويسة الذهبية المزدوجة تبقى كما هي، وتُلوّن هنا
بتباين أدق فوق الورق الفاتح -------- */
body.mode-light .card::before,body.mode-light .notice::before{opacity:1}
/* -------- زر تبديل الوضع -------- */
body.mode-light .mode-panel{background:rgba(255,253,248,.9);border-color:rgba(11,61,46,.16)}
body.mode-light .mode-panel b{color:var(--ink-strong)}
/* ============================================================
V217 — إعادة تصميم بوابة دخول الوجبات + نافذة انبثاق ملء الشاشة
============================================================ */
.gate-header-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.gate-link-status{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800;color:var(--ink-soft,#52675d)}
.gate-link-dot{width:10px;height:10px;border-radius:50%;background:#b0bab5;box-shadow:0 0 0 3px rgba(176,186,181,.18);flex:none}
.gate-link-dot.connected{background:#12b76a;box-shadow:0 0 0 3px rgba(18,183,106,.2)}
.gate-link-dot.connecting{background:#f79009;box-shadow:0 0 0 3px rgba(247,144,9,.2);animation:v217Pulse 1s infinite}
.gate-link-dot.disconnected{background:#b0bab5}
@keyframes v217Pulse{0%,100%{opacity:1}50%{opacity:.4}}
#cardScan{font-size:20px;padding:14px 16px;text-align:center;letter-spacing:.5px}
#cardScan:focus{box-shadow:0 0 0 3px rgba(199,162,74,.28)}
.gate-link-modal{max-width:480px}
.gate-link-modal label{display:block;margin:10px 0 6px;font-weight:800}
.gate-link-modal input{width:100%}
.gate-link-status-row{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:14px}
.gate-link-hint{font-size:12.5px;color:var(--ink-soft,#697a72);line-height:1.8}
/* -------- الطبقة المنبثقة ملء الشاشة -------- */
.gate-overlay{
position:fixed;inset:0;z-index:99990;display:flex;align-items:center;justify-content:center;
padding:5vh 4vw;cursor:pointer;background-color:#0b3d2e;
opacity:0;transform:scale(.97);transition:opacity .22s ease,transform .22s ease;
}
.gate-overlay.show{opacity:1;transform:scale(1)}
.gate-overlay.closing{opacity:0;transform:scale(.97)}
.gate-overlay .gate-person-card{
max-width:640px;width:100%;box-shadow:0 30px 70px rgba(0,0,0,.35);
border-width:3px;padding:34px;background-color:rgba(255,255,255,.92)!important;
}
.gate-overlay .gate-status-title{font-size:44px;margin-bottom:14px}
.gate-overlay .gate-person-photo{width:190px;height:230px}
.gate-overlay .gate-person-info p{font-size:16px;margin:6px 0}
.gate-overlay-close-hint{position:absolute;bottom:5vh;left:0;right:0;text-align:center;color:#fff;opacity:.75;font-weight:800;font-size:13px}
@media(max-width:640px){
.gate-overlay .gate-status-title{font-size:32px}
.gate-overlay .gate-person-photo{width:130px;height:160px}
}
:root {
--easha-sidebar-font-family: Tahoma, Arial, sans-serif;
--easha-sidebar-font-size: 13px;
--easha-sidebar-frame: rgba(201, 169, 97, .42);
--easha-sidebar-frame-strong: rgba(226, 196, 116, .72);
}
/* إطار ذهبي رفيع وهادئ لكل عنصر تنقل، مع إبقاء العناوين وزر الخروج كما هي. */
body.app-ready .app > aside > nav .nav-btn:not(.nav-logout) {
box-sizing: border-box !important;
width: 100% !important;
min-height: 42px !important;
margin: 3px 0 !important;
padding: 7px 10px !important;
display: grid !important;
grid-template-columns: 24px minmax(0, 1fr) auto !important;
column-gap: 8px !important;
align-items: center !important;
border: 1px solid var(--easha-sidebar-frame) !important;
border-radius: 6px !important;
background: rgba(255, 255, 255, .012) !important;
box-shadow: none !important;
font-family: var(--easha-sidebar-font-family) !important;
font-size: var(--easha-sidebar-font-size) !important;
line-height: 1.35 !important;
transition: border-color .16s ease, background-color .16s ease !important;
}
body.app-ready .app > aside > nav .nav-btn:not(.nav-logout):hover,
body.app-ready .app > aside > nav .nav-btn:not(.nav-logout):focus-visible {
border-color: var(--easha-sidebar-frame-strong) !important;
background: rgba(201, 169, 97, .055) !important;
}
body.app-ready .app > aside > nav .nav-btn.active:not(.nav-logout) {
border-color: var(--easha-sidebar-frame-strong) !important;
background: rgba(201, 169, 97, .075) !important;
box-shadow: inset 3px 0 0 rgba(226, 196, 116, .62) !important;
}
body.app-ready .app > aside > nav .nav-btn:not(.nav-logout) > span {
width: 24px !important;
font-size: 1em !important;
line-height: 1 !important;
opacity: .92 !important;
}
body.app-ready .app > aside > nav .nav-btn:not(.nav-logout) > b {
min-width: 0 !important;
font-family: inherit !important;
font-size: inherit !important;
font-weight: 600 !important;
line-height: inherit !important;
}
body.app-ready .app > aside > nav .nav-btn:not(.nav-logout) > em {
min-width: 18px !important;
font-family: inherit !important;
font-size: .88em !important;
font-style: normal !important;
color: #e6c66d !important;
opacity: .95 !important;
}
body.app-ready .app > aside > nav .group-title {
margin: 14px 7px 5px !important;
padding: 0 !important;
border: 0 !important;
font-size: 11.5px !important;
line-height: 1.45 !important;
letter-spacing: 0 !important;
}
/* لوحة تحكم مدير النظام بخط القائمة الجانبية. */
.easha-sidebar-style-card {
margin-top: 18px;
padding: 18px;
border: 1px solid rgba(201, 169, 97, .32);
border-radius: 12px;
background: rgba(201, 169, 97, .045);
}
.easha-sidebar-style-card .easha-sidebar-style-head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 16px;
margin-bottom: 14px;
}
.easha-sidebar-style-card h4 {
margin: 0 0 5px;
color: var(--gold, #c9a961);
font-size: 16px;
}
.easha-sidebar-style-card p {
margin: 0;
opacity: .78;
line-height: 1.65;
}
.easha-sidebar-style-grid {
display: grid;
grid-template-columns: minmax(190px, 1.3fr) minmax(210px, 1fr) minmax(100px, .55fr);
gap: 12px;
align-items: end;
}
.easha-sidebar-style-field {
display: grid;
gap: 7px;
}
.easha-sidebar-style-field > span {
font-weight: 700;
}
.easha-sidebar-style-field select,
.easha-sidebar-style-field input[type="number"] {
width: 100%;
min-height: 42px;
}
.easha-sidebar-style-field input[type="range"] {
width: 100%;
accent-color: var(--gold, #c9a961);
}
.easha-sidebar-style-preview {
margin: 16px 0 12px;
padding: 12px;
border: 1px dashed rgba(201, 169, 97, .3);
border-radius: 10px;
}
.easha-sidebar-style-preview-row {
min-height: 42px;
padding: 7px 10px;
display: grid;
grid-template-columns: 24px minmax(0, 1fr) auto;
gap: 8px;
align-items: center;
border: 1px solid var(--easha-sidebar-frame);
border-radius: 6px;
background: rgba(201, 169, 97, .055);
font-family: var(--easha-sidebar-font-family);
font-size: var(--easha-sidebar-font-size);
line-height: 1.35;
}
.easha-sidebar-style-preview-row b {
font-size: inherit;
}
.easha-sidebar-style-preview-row em {
color: #e6c66d;
font-size: .88em;
font-style: normal;
}
.easha-sidebar-style-actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 9px;
}
.easha-sidebar-style-status {
min-height: 22px;
margin-inline-start: 4px;
color: #2f9e67;
font-weight: 700;
}
@media (max-width: 760px) {
.easha-sidebar-style-grid {
grid-template-columns: 1fr;
}
.easha-sidebar-style-card .easha-sidebar-style-head {
display: block;
}
}