.dcc-tools{position:fixed;z-index:40;right:10px;bottom:8px;display:flex;align-items:center;gap:5px}.dcc-tools button,.dcc-tools span{border:1px solid #53627a;background:#111a29;color:#f5efe4;border-radius:8px;padding:5px 8px;font:700 10px Arial}.dcc-tools span{color:#38d5b0}.login-layer{position:fixed;z-index:100;inset:0;background:rgba(5,12,21,.86);display:grid;place-items:center}.login-card{width:min(390px,calc(100vw - 28px));background:#17253a;border:1px solid #b8924c;border-radius:18px;padding:24px;box-shadow:0 25px 80px #000}.login-card h2{font:700 28px Georgia;margin:6px 0}.login-card p{color:#aab5c5;line-height:1.45}.login-card label{display:grid;gap:5px;margin:13px 0;color:#e4bd70;font-weight:700}.login-card input{width:100%;border:1px solid #526178;border-radius:9px;background:#0f1928;color:#fff;padding:11px;font-size:15px}.login-error{display:block;color:#ff7772;margin-top:10px}.login-card .button{margin-top:5px}
.lang-ar .main,.lang-ar .module,.lang-ar .panel,.lang-ar .metric,.lang-ar .mini{direction:rtl;text-align:right}.lang-ar .sidebar{direction:rtl}.lang-ar .module .open{direction:rtl}.lang-ar .dcc-tools{direction:ltr}.lang-ar .user{direction:rtl}.lang-ar .table-row,.lang-ar .approval-item,.lang-ar .connection{direction:rtl}.lang-ar .calendar{direction:rtl}

/* Keep ERP totals visible inside Website Admin cards without increasing card height. */
body[data-page="web"] .mini{position:relative;padding-top:27px!important}
body[data-page="web"] .mini h3{margin-block:0 3px!important}
body[data-page="web"] .mini p{margin:0 0 5px!important;line-height:1.15!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body[data-page="web"] .mini .button{padding-block:5px!important;min-height:26px}
body[data-page="web"] .mini .erp-count{position:absolute;inset-block-start:7px;inset-inline-end:12px;display:inline-flex;align-items:center;min-height:20px;padding:3px 8px;border-radius:999px;background:rgba(56,213,176,.12);border:1px solid rgba(56,213,176,.3);color:#65e3c1;font:800 10px/1 Arial;white-space:nowrap}

/* Full-page workspaces use an internal vertical scroller; the page never scrolls. */
body.workspace-open{overflow:hidden}
.workspace-layer[hidden]{display:none}.workspace-layer{position:fixed;z-index:90;inset:0;background:rgba(5,10,18,.82);backdrop-filter:blur(7px);display:grid;place-items:center;padding:12px;overflow:hidden}
.workspace-dialog{width:min(1180px,calc(100vw - 24px));height:min(760px,calc(100dvh - 24px));max-height:calc(100dvh - 24px);min-width:0;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) 58px;background:linear-gradient(145deg,#1e2d45,#121a2b);border:1px solid rgba(228,189,112,.65);border-radius:20px;box-shadow:0 28px 90px #000;overflow:hidden}
.workspace-dialog>header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:20px 22px 14px;border-bottom:1px solid #3a4b62}.workspace-dialog h2{margin:0;font:700 clamp(24px,3vw,38px)/1 Georgia}.workspace-subtitle{margin:7px 0 0;color:#aab5c5}.workspace-close{width:40px;height:40px;flex:0 0 40px;border:1px solid #596981;border-radius:50%;background:#111a29;color:#fff;font-size:26px;cursor:pointer}
.workspace-tools{display:grid;grid-template-columns:minmax(180px,1fr) minmax(140px,220px) auto;gap:10px;padding:12px 22px;border-bottom:1px solid #304158}.workspace-search,.workspace-filter{width:100%;min-width:0;border:1px solid #4b5e78;border-radius:10px;background:#0e1828;color:#fff;padding:10px 12px;font:600 13px Arial}.workspace-total{align-self:center;color:#65e3c1;font-weight:800;white-space:nowrap}
.workspace-tools[hidden]{display:none!important}
.workspace-body{min-width:0;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:16px 22px;scrollbar-gutter:stable}.workspace-body::-webkit-scrollbar{width:9px}.workspace-body::-webkit-scrollbar-thumb{background:#52657d;border-radius:10px;border:2px solid transparent;background-clip:padding-box}.workspace-body::-webkit-scrollbar-track{background:#0d1725}
.workspace-dialog>footer{position:relative;z-index:4;min-height:58px;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:8px 22px calc(8px + env(safe-area-inset-bottom));border-top:1px solid #3a4b62;background:#151f32;color:#8291a6;font:700 10px Arial;letter-spacing:.08em;overflow:hidden}.workspace-dialog>footer .button{width:auto;min-width:120px;height:38px;padding:7px 16px;flex:0 0 auto}
.workspace-table{display:grid;gap:0;min-width:0}.workspace-row{display:grid;grid-template-columns:var(--workspace-cols);gap:12px;align-items:center;min-width:0;padding:11px 10px;border-bottom:1px solid #34455b}.workspace-row:nth-child(odd):not(.workspace-header){background:rgba(255,255,255,.018)}.workspace-row:hover:not(.workspace-header){background:#21334b}.workspace-row>span{min-width:0;overflow-wrap:anywhere}.workspace-header{position:sticky;z-index:2;top:-16px;background:#17253a;color:#e4bd70;text-transform:uppercase;font:800 11px Arial;letter-spacing:.07em;border-bottom-color:#b8924c}.workspace-empty{color:#aab5c5;text-align:center;padding:40px}
.workspace-row[hidden]{display:none!important}
.workspace-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.workspace-cards article{min-width:0;border:1px solid #3d5069;border-radius:14px;background:#17243a;padding:15px}.workspace-cards h3{font:700 18px Georgia;margin:13px 0 7px;overflow-wrap:anywhere}.workspace-cards p{color:#aab5c5;line-height:1.45;margin:0;overflow-wrap:anywhere}
.meta-connect{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;border:1px solid rgba(228,189,112,.55);border-radius:15px;background:#111b2c;padding:16px;margin-bottom:14px}.meta-connect h3{margin:10px 0 5px;font:700 21px Georgia}.meta-connect p{margin:0;color:#aab5c5;line-height:1.45;overflow-wrap:anywhere}.meta-connect-actions{display:grid;gap:8px;min-width:220px}.meta-connect-actions .button{width:100%}
.lang-ar .workspace-dialog{direction:rtl;text-align:right}
@media(max-width:760px){.workspace-layer{padding:7px}.workspace-dialog{width:calc(100vw - 14px);height:calc(100dvh - 14px);border-radius:14px}.workspace-dialog>header{padding:14px}.workspace-dialog h2{font-size:23px}.workspace-tools{grid-template-columns:1fr 120px;padding:9px 12px}.workspace-total{display:none}.workspace-body{padding:10px 12px}.workspace-row{grid-template-columns:1fr 1fr!important}.workspace-row>span:nth-child(n+3){display:none}.workspace-cards{grid-template-columns:1fr}.meta-connect{grid-template-columns:1fr}.meta-connect-actions{min-width:0}.workspace-dialog>footer{padding:9px 12px}.workspace-dialog>footer span{font-size:7px}}
.erp-count{display:block;margin-top:8px;color:#38d5b0;font:700 12px Arial}.lang-ar .erp-count{text-align:right}
.meta-checklist{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:13px}.meta-checklist span{display:flex;align-items:center;gap:7px;border:1px solid #3b4e66;border-radius:9px;padding:7px 9px;color:#aab5c5;font:700 11px Arial}.meta-checklist span.ready{border-color:rgba(56,213,176,.45);background:rgba(56,213,176,.07);color:#65e3c1}.meta-checklist b{font-size:15px}.meta-scopes{margin-top:10px;color:#e4bd70;font-size:11px}.meta-scopes code{display:block;margin-top:7px;color:#9eabc0;line-height:1.6;overflow-wrap:anywhere}.meta-live{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.meta-live>*{border:1px solid #40536b;border-radius:9px;padding:7px 9px;color:#cbd5e2;font-size:11px}.meta-live strong{color:#f5efe4}.meta-error{margin-top:10px!important;border-left:3px solid #ff7772;padding-left:9px;color:#ffaaa6!important}
@media(max-width:760px){.meta-checklist{grid-template-columns:1fr 1fr}}
.topbar>div:first-child{min-width:0}.topbar .user{flex:0 0 auto}.control-open-btn{align-self:center;flex:0 0 88px;min-width:88px;white-space:nowrap;text-align:center;border:1px solid #e4bd70;border-radius:11px;background:#18273c;color:#e4bd70;padding:10px 14px;font-weight:900;cursor:pointer;margin-left:auto}.lang-ar .control-open-btn{margin-left:0;margin-right:auto}.control-form{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(130px,.6fr) auto auto;gap:10px;align-items:end;border:1px solid #40536b;border-radius:14px;background:#111b2c;padding:14px}.control-form label{display:grid;gap:5px;color:#e4bd70;font:800 11px Arial}.control-form label.wide{grid-column:1/3}.control-form input,.control-form select,.control-form textarea{width:100%;min-width:0;border:1px solid #4b5e78;border-radius:9px;background:#0e1828;color:#fff;padding:9px 10px;font:600 13px Arial;resize:vertical}.control-form .button{min-width:125px}.control-safety{margin:10px 0;border:1px solid rgba(241,199,91,.38);border-radius:10px;background:rgba(241,199,91,.07);color:#f1c75b;padding:10px 12px;font-size:12px}.control-list{display:grid;gap:10px}.control-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:15px;border:1px solid #3b4e66;border-radius:13px;background:#17243a;padding:14px}.control-item small{margin-left:8px;color:#9eabc0}.control-item h3{margin:10px 0 5px;font:700 19px Georgia}.control-item p{margin:0;color:#aab5c5;line-height:1.45;white-space:pre-wrap}.control-item em{display:block;margin-top:8px;color:#77869b;font-size:10px}.control-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.control-actions .button,.control-actions .tab{width:auto;min-width:105px;padding:9px 11px}.lang-ar .control-item small{margin-left:0;margin-right:8px}
.control-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:10px}.control-summary span{display:grid;gap:3px;border:1px solid #3d5069;border-radius:11px;background:#17243a;padding:9px 12px;color:#9eabc0;font-size:10px}.control-summary b{color:#f5efe4;font:700 20px Georgia}.control-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,260px);gap:9px;margin:10px 0}.control-filters input,.control-filters select{width:100%;border:1px solid #4b5e78;border-radius:9px;background:#0e1828;color:#fff;padding:9px 11px}.control-preview-panel{position:relative;border:1px solid #e4bd70;border-radius:14px;background:linear-gradient(135deg,#233c56,#342943);padding:18px;margin:10px 0;min-height:130px}.control-preview-panel[hidden]{display:none}.control-preview-panel h3{font:700 25px Georgia;margin:7px 0}.control-preview-panel p{max-width:760px;color:#f5efe4;font-size:15px;line-height:1.55;white-space:pre-wrap}.control-preview-panel small{color:#e4bd70}.control-preview-panel .workspace-close{position:absolute;right:12px;top:12px;width:32px;height:32px;flex-basis:32px;font-size:18px}.lang-ar .control-preview-panel .workspace-close{right:auto;left:12px}.control-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.control-meta span{border:1px solid #3d5069;border-radius:999px;padding:4px 7px;color:#9eabc0;font-size:10px}.control-item blockquote{margin:9px 0 0;border-left:3px solid #e4bd70;padding-left:9px;color:#d5c7ad;font-size:11px}.lang-ar .control-item blockquote{border-left:0;border-right:3px solid #e4bd70;padding-left:0;padding-right:9px}.control-activity{margin-top:12px;border:1px solid #3b4e66;border-radius:11px;padding:10px 13px;color:#e4bd70}.control-activity ul{margin:9px 0 0;color:#aab5c5;line-height:1.8;font-size:11px}
@media(max-width:760px){.control-open-btn{position:absolute;top:14px;right:14px}.lang-ar .control-open-btn{right:auto;left:14px}.control-summary{grid-template-columns:1fr 1fr}.control-filters{grid-template-columns:1fr}.control-form{grid-template-columns:1fr}.control-form label.wide{grid-column:auto}.control-item{grid-template-columns:1fr}.control-actions{justify-content:flex-start}}