/* Scoped to the admin dashboard. Customer and Sanaa layouts retain their styles. */
.sn-shell:has(.das-command){max-width:1280px}.das-command{--dc-bg:#141715;--dc-card:#1b1f1c;--dc-border:#ffffff1c;--dc-text:#f6f7f2;--dc-muted:#adb3ab;--dc-yellow:#f4ca43;background:var(--dc-bg);color:var(--dc-text);padding:clamp(14px,2vw,24px);border-radius:22px;direction:rtl;font-family:'SM Sham','SA Hazm',Arial,sans-serif;overflow-wrap:anywhere}
[data-theme=light] .das-command{--dc-bg:#f0f1e9;--dc-card:#fffef8;--dc-border:#20251f25;--dc-text:#20251f;--dc-muted:#62695f}.das-command *{box-sizing:border-box}.das-command button,.das-command a{font:inherit;cursor:pointer;touch-action:manipulation}.das-command svg{width:23px;height:23px;flex:none}.das-command h1,.das-command h2,.das-command h3,.das-command p{margin:0}.das-command button:focus-visible,.das-command a:focus-visible{outline:3px solid var(--dc-yellow);outline-offset:3px}.das-command small{font-size:12px;line-height:1.8;color:var(--dc-muted)}
.dc-hero{position:relative;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:190px;padding:clamp(22px,3vw,38px);border:1px solid var(--dc-border);border-inline-start:4px solid var(--dc-yellow);border-radius:22px;background:linear-gradient(90deg,#10141199,#101411ed),url('/images/hero-camp.webp') center 10%/cover;isolation:isolate;color:#fff}.dc-hero::after{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at 20% 30%,#efbd2420,transparent 60%);z-index:-1;pointer-events:none}.dc-hero h1{font-size:clamp(26px,3.5vw,38px);line-height:1.6;margin:5px 0}.dc-hero p{line-height:1.9;font-size:16px;max-width:45ch}.dc-hero small{color:#c4c8bb}.dc-hero-facts{display:grid;gap:10px;justify-items:start}.dc-hero-facts strong{font-size:16px;color:#f4ca43}.dc-refresh{display:flex;gap:7px;align-items:center;border:1px solid #f4ca4366;border-radius:30px;background:#15191388;color:#fff;min-height:44px;padding:8px 16px;font-size:13px!important}
.dc-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.dc-quick{display:flex;align-items:center;gap:12px;min-height:85px;border:1px solid var(--dc-border);border-radius:16px;padding:15px;background:var(--dc-card);color:var(--dc-text);text-align:right;transition:transform .18s,box-shadow .18s}.dc-quick-copy{display:grid;gap:3px}.dc-quick strong{font-size:15px}.dc-quick svg{color:var(--dc-yellow);width:28px;height:28px}.dc-quick:first-child{background:var(--dc-yellow);color:#171a14;border-color:var(--dc-yellow)}.dc-quick:first-child small,.dc-quick:first-child svg{color:#333820}
.dc-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px}.dc-kpi{min-width:0;background:var(--dc-card);border:1px solid var(--dc-border);border-radius:18px;position:relative;padding:16px;transition:transform .18s}.dc-kpi-link{display:grid;gap:6px;padding:0;border:0;background:none;color:inherit;text-align:right;width:100%;min-height:130px}.dc-kpi-top{display:flex;align-items:center;gap:9px;font-size:13px}.dc-kpi-top svg{color:var(--dc-yellow);width:22px}.dc-number{font-size:35px;line-height:1.4}.dc-definition{font-size:11px!important;line-height:1.9;color:var(--dc-muted);display:block}.dc-kpi-link>small{font-size:10px}.dc-kpi-chart{margin-top:6px}
.dc-layout{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.dc-panel{border:1px solid var(--dc-border);background:var(--dc-card);padding:20px;border-radius:20px;min-width:0;align-self:start}.dc-panel h2{font-size:19px;line-height:1.7}.dc-panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.dc-panel p{line-height:1.9;font-size:14px}.dc-attention{grid-column:span 5}.dc-orders-chart{grid-column:span 7}.dc-distribution{grid-column:span 5}.dc-projects{grid-column:span 7}.dc-funnel{grid-column:span 5}.dc-activity{grid-column:span 7}.dc-shortcuts{grid-column:span 12}
.dc-text-button{min-height:44px;min-width:44px;padding:7px 12px;background:transparent;color:var(--dc-text);border:1px solid var(--dc-border);border-radius:24px;font-size:12px!important}.dc-text-button:hover{border-color:#a28a34}.dc-alert-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--dc-border)}.dc-alert-row:last-child{border-bottom:0}.dc-alert-row>div,.dc-alert-row>p{flex:1;min-width:0}.dc-alert-row strong{display:block;font-size:14px;line-height:1.7}.dc-alert-row small{display:block;font-size:10px}.dc-alert-row>svg{color:var(--dc-yellow)}.dc-error{color:var(--dc-muted);padding:8px 0}
.dc-project{width:100%;min-height:90px;border:1px solid var(--dc-border);padding:12px 14px;border-radius:13px;background:color-mix(in srgb,var(--dc-card),var(--dc-text) 3%);color:var(--dc-text);text-align:right;display:grid;grid-template-columns:1fr auto;gap:6px 12px;margin:10px 0;transition:transform .18s}.dc-project strong{font-size:15px}.dc-project span{font-size:12px}.dc-project>small{font-size:10px}.dc-project progress{grid-column:span 2;width:100%;height:7px;accent-color:#e8c64c}.dc-project>small:last-child{grid-column:span 2}
.dc-bars{height:190px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;align-items:end;padding:10px 4px 0}.dc-bar{position:relative;min-width:0;min-height:44px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:0 4px;gap:7px;border:0;background:none;color:var(--dc-text)}.dc-bar-fill{display:block;min-height:2px;height:calc(var(--bar)*.78);width:100%;max-width:42px;border-radius:7px 7px 2px 2px;background:linear-gradient(#f7da64,#b18e1b);border:1px solid #f4ca4388;transition:filter .18s}.dc-bar:hover .dc-bar-fill,.dc-bar:focus-visible .dc-bar-fill{filter:brightness(1.3)}.dc-bar small{font-size:10px;white-space:nowrap}.dc-chart-value{min-height:28px;margin:12px 0 0!important;color:var(--dc-muted);font-size:12px!important}.dc-bars.is-mini{height:44px;gap:5px;padding-top:0;max-width:190px}.is-mini .dc-bar{padding:0;min-height:44px}.is-mini .dc-bar-fill{max-width:10px;background:#9b923f;border:0}.dc-donut-wrap{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;padding:10px 0}.dc-donut{width:150px;height:150px;flex:none;border-radius:50%;padding:19px}.dc-donut>span{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:var(--dc-card)}.dc-donut strong{font-size:30px}.dc-donut small{font-size:11px}.dc-donut-legend{display:grid;gap:4px}.dc-donut-legend button{display:flex;align-items:center;gap:8px;min-height:44px;background:none;border:0;color:var(--dc-text);font-size:13px;text-align:right}.dc-donut-legend i{height:8px;width:8px;border-radius:50%;flex:none}
.dc-timeline-row{display:flex;gap:14px;align-items:center;border-inline-start:1px solid var(--dc-border);padding:10px 12px;margin-inline-start:4px;position:relative}.dc-timeline-row::before{content:'';position:absolute;right:-4px;top:21px;width:7px;height:7px;background:var(--dc-yellow);border-radius:50%}.dc-timeline-row>div{display:grid;gap:3px;flex:1}.dc-timeline-row strong{font-size:14px}.dc-timeline-row span{font-size:12px}.dc-timeline-row small{font-size:10px}.das-command .das-management-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0}.das-command .dc-shortcut{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:8px;min-height:120px;text-align:center;background:transparent;border:1px solid var(--dc-border);border-radius:14px;padding:16px;color:var(--dc-text);text-decoration:none;box-shadow:none;transition:transform .18s}.dc-shortcut strong{font-size:14px}.dc-shortcut small{font-size:10px}.dc-shortcut svg{color:var(--dc-yellow)}
@media(hover:hover){.dc-quick:hover,.dc-kpi:hover,.dc-project:hover,.das-command .dc-shortcut:hover{transform:translateY(-3px);box-shadow:0 5px 20px #0002}}.das-command button:active{transform:scale(.99)}
@media(max-width:1024px){.dc-quick-grid,.dc-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.dc-attention,.dc-orders-chart,.dc-distribution,.dc-projects,.dc-funnel,.dc-activity{grid-column:span 6}.das-command .das-management-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.dc-hero{display:block;min-height:210px;padding:22px}.dc-hero-facts{margin-top:14px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.dc-hero-facts>strong{display:none}.dc-hero-facts>small{flex-basis:100%}.dc-refresh{margin-inline-start:auto}.dc-layout{display:flex;flex-direction:column}.dc-panel{width:100%;padding:16px}.dc-attention{order:0}.dc-projects{order:1}.dc-orders-chart{order:2}.dc-distribution{order:3}.dc-activity{order:4}.dc-funnel{order:5}.dc-shortcuts{order:6}.dc-quick{padding:12px;gap:8px;min-height:84px}.dc-quick strong{font-size:13px}.dc-quick small{font-size:10px}.dc-quick svg{width:22px}.dc-kpi{padding:13px}.dc-kpi-top{font-size:12px;align-items:start}.dc-number{font-size:30px}.dc-kpi-link{min-height:165px}.dc-kpi-link>small{line-height:1.8}.das-command .das-management-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dc-project{grid-template-columns:minmax(0,1fr)}.dc-project progress,.dc-project>small:last-child{grid-column:1}.dc-bars{gap:4px}.dc-bar{padding:0 2px}}
@media(prefers-reduced-motion:reduce){.das-command *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.das-command button:hover,.das-command button:active,.das-command a:hover{transform:none!important}}
.dc-project progress::-webkit-progress-value{transition:width .2s ease}
@media(prefers-reduced-motion:reduce){.dc-project progress::-webkit-progress-value{transition:none}}
.dc-donut{border:0;color:var(--dc-text);cursor:pointer}
.das-command button:disabled{opacity:.55;cursor:wait}
.das-command .dc-starter-v4-test{display:grid;gap:10px;margin-top:22px;border-color:#75610c;background:linear-gradient(145deg,#19170d,#111);}
.dc-starter-v4-test h2,.dc-starter-v4-test p{margin:0}.dc-starter-v4-test p{color:var(--dc-muted);line-height:1.8}
.dc-starter-v4-test .dc-starter-v4-test-button{width:100%;min-height:52px;border:0;border-radius:13px;background:#f4ca43;color:#111;font:inherit;font-weight:900;cursor:pointer}
@media(prefers-reduced-motion:reduce){.dc-starter-v4-test *{transition:none!important}}
.das-product-lab{max-width:1180px;margin:0 auto;padding:clamp(18px,4vw,42px);direction:rtl}.dpl-head{display:grid;gap:12px;margin-bottom:22px}.dpl-head h1{margin:0;font-size:clamp(30px,5vw,54px);color:#fff}.dpl-head p{max-width:760px;color:#d7d7d7;line-height:1.9}.dpl-badge{width:max-content;padding:7px 12px;border-radius:999px;background:#ffd21c;color:#111;font-weight:800}.dpl-note{padding:18px 20px;margin-bottom:22px;border:1px solid #5c4c00;border-radius:18px;background:linear-gradient(135deg,#211b00,#0e0e0e);color:#fff}.dpl-note p{margin:.5rem 0 0;color:#d8d3b8}.dpl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px}.dpl-card{overflow:hidden;border:1px solid #303030;border-radius:22px;background:#151515;color:#fff}.dpl-card img{width:100%;height:170px;object-fit:cover;background:#090909}.dpl-copy{display:grid;gap:10px;padding:18px}.dpl-copy small{color:#f4ca43}.dpl-copy h2,.dpl-copy p{margin:0}.dpl-copy p{color:#bdbdbd;line-height:1.7}.dpl-actions{display:grid;gap:9px;margin-top:8px}.dpl-actions button,.dpl-secondary{min-height:46px;border-radius:13px;text-align:center;display:grid;place-items:center}.dpl-secondary{border:1px solid #4a4a4a;color:#fff;text-decoration:none}.das-product-preview-bar{position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;padding:10px 16px;background:#ffd21c;color:#111;box-shadow:0 8px 24px #0008;direction:rtl}.das-product-preview-bar button{min-height:38px;padding:6px 14px;border:1px solid #111;border-radius:10px;background:#111;color:#fff;font:inherit;font-weight:800}@media(max-width:600px){.das-product-preview-bar{justify-content:space-between;font-size:12px}.das-product-preview-bar span{width:100%;text-align:center;order:3}.dpl-card img{height:145px}}
/* The same comparison entry appears in the dashboard and Product Lab. */
[data-sanaa-comparison] .dpl-actions{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));margin:18px 0}
[data-sanaa-comparison] .dpl-actions a{display:grid;place-items:center;min-height:52px;padding:12px 18px;border-radius:14px;background:#ffd21c;color:#111;font:inherit;font-weight:800;text-align:center;text-decoration:none;border:1px solid #ffd21c}
[data-sanaa-comparison] .dpl-actions a:last-child{background:#151515;color:#fff;border-color:#686047}
[data-sanaa-comparison] a:focus-visible{outline:3px solid white;outline-offset:4px}