/* سِراج — لوحة ألوان حديثة للمحاكي، دون تغيير منطق الدوائر */
.simulator-scope{
  --background:oklch(.975 .012 145);
  --foreground:oklch(.245 .032 160);
  --card:oklch(.995 .006 145);
  --card-foreground:oklch(.255 .038 160);
  --popover:oklch(.995 .006 145);
  --popover-foreground:oklch(.255 .038 160);
  --primary:oklch(.49 .105 158);
  --primary-foreground:oklch(.985 .008 145);
  --secondary:oklch(.927 .024 150);
  --secondary-foreground:oklch(.30 .045 160);
  --muted:oklch(.949 .018 150);
  --muted-foreground:oklch(.49 .034 160);
  --accent:oklch(.895 .058 150);
  --accent-foreground:oklch(.27 .045 160);
  --destructive:oklch(.57 .19 27);
  --destructive-foreground:oklch(.985 .005 30);
  --border:oklch(.865 .025 155);
  --input:oklch(.89 .025 155);
  --ring:oklch(.53 .11 158);
  --sidebar:oklch(.955 .018 150);
  --sidebar-foreground:oklch(.26 .04 160);
  --sidebar-accent:oklch(.90 .045 150);
  --sidebar-accent-foreground:oklch(.27 .05 160);
  --sidebar-border:oklch(.86 .026 155);
  --color-background:var(--background);
  --color-foreground:var(--foreground);
  --color-card:var(--card);
  --color-card-foreground:var(--card-foreground);
  --color-popover:var(--popover);
  --color-popover-foreground:var(--popover-foreground);
  --color-primary:var(--primary);
  --color-primary-foreground:var(--primary-foreground);
  --color-secondary:var(--secondary);
  --color-secondary-foreground:var(--secondary-foreground);
  --color-muted:var(--muted);
  --color-muted-foreground:var(--muted-foreground);
  --color-accent:var(--accent);
  --color-accent-foreground:var(--accent-foreground);
  --color-destructive:var(--destructive);
  --color-destructive-foreground:var(--destructive-foreground);
  --color-border:var(--border);
  --color-input:var(--input);
  --color-ring:var(--ring);
  --color-sidebar:var(--sidebar);
  --color-sidebar-foreground:var(--sidebar-foreground);
  --color-sidebar-accent:var(--sidebar-accent);
  --color-sidebar-accent-foreground:var(--sidebar-accent-foreground);
  --canvas:oklch(.985 .009 145);
  --color-canvas:var(--canvas);
  --grid-line:oklch(.905 .024 150);
  --panel-bg:oklch(.958 .017 150);
  --panel-grid:oklch(.916 .025 150);
  --panel-label:oklch(.32 .042 160);
  --lad-box:oklch(.988 .008 145);
  --lad-rail:oklch(.61 .035 158);
  --lad-live:oklch(.57 .14 150);
  --lad-elem:oklch(.92 .033 150);
  --lad-wire:oklch(.46 .046 160);
  --device-edge:oklch(.72 .027 158);
  --device-line:oklch(.43 .045 160);
  --wire-neutral:oklch(.48 .045 235);
  --wire-control:oklch(.53 .115 190);
  --wire-phase:oklch(.59 .155 48);
  --wire-earth:oklch(.56 .145 148);
  --run:oklch(.57 .145 150);
  --color-run:var(--run);
  --run-foreground:oklch(.985 .008 145);
  --color-run-foreground:var(--run-foreground);
  --warn:oklch(.72 .13 78);
  --color-warn:var(--warn);
  --btn-yellow:oklch(.84 .145 94);
  --btn-green:oklch(.60 .145 150);
  --btn-black:oklch(.32 .035 160);
  --btn-red:oklch(.57 .17 28);
  --screen:oklch(.95 .025 150);
  --led-off:oklch(.67 .025 155);
  --led-on:oklch(.66 .17 150);
  color:var(--foreground);
  color-scheme:light;
}
.simulator-scope>div{background-color:var(--background);color:var(--foreground)}
.simulator-scope>div>header{
  background:linear-gradient(108deg,#14382f 0%,#174537 58%,#1e5141 100%);
  border-color:#315b4c;
  color:#f4f7f1;
  box-shadow:0 5px 18px rgba(17,54,43,.16);
}
.simulator-scope>div>header button:not(.bg-run){
  color:#eff6ef;
  background:rgba(255,255,255,.075);
  border-color:rgba(219,240,222,.19);
  border-radius:10px;
  transition:background-color .16s,border-color .16s,transform .16s,box-shadow .16s;
}
.simulator-scope>div>header button:not(.bg-run):hover:not(:disabled){
  background:rgba(255,255,255,.15);
  border-color:rgba(220,244,222,.38);
  transform:translateY(-1px);
}
.simulator-scope>div>header button.bg-run{
  color:#17382e;
  background:linear-gradient(135deg,#d8f18f,#bde46c);
  border:1px solid #c8e982;
  border-radius:10px;
  box-shadow:0 5px 14px rgba(174,220,106,.22);
}
.simulator-scope>div>header button.bg-run:hover:not(:disabled){
  background:linear-gradient(135deg,#e3f8a8,#c9ed7f);
  transform:translateY(-1px);
}
.simulator-scope>div>header input{
  color:#f4f7f1;
  background:rgba(255,255,255,.085);
  border-color:rgba(219,240,222,.2);
  border-radius:10px;
}
.simulator-scope>div>header input::placeholder{color:#c5d8cb}
.simulator-scope .relative.min-w-0.flex-1.overflow-hidden.overscroll-none{
  background-color:var(--canvas);
}
.simulator-scope [class~="bg-sidebar"]{color:var(--sidebar-foreground)}
.simulator-scope [class~="bg-card"],
.simulator-scope [class~="bg-popover"]{border-radius:12px}
.simulator-scope [class~="bg-secondary"]{border-radius:10px}
.simulator-scope button{transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s,transform .16s}
.simulator-scope button:focus-visible,
.simulator-scope input:focus-visible,
.simulator-scope textarea:focus-visible,
.simulator-scope select:focus-visible{
  outline:3px solid rgba(38,129,94,.32);
  outline-offset:2px;
}
.simulator-scope [class*="shadow-2xl"]{box-shadow:0 12px 34px rgba(29,66,51,.12)}
@media(max-width:640px){
  .simulator-scope>div>header{box-shadow:0 4px 14px rgba(17,54,43,.13)}
  .simulator-scope>div>header button:not(.bg-run){border-color:rgba(219,240,222,.16)}
}
@media(prefers-reduced-motion:reduce){.simulator-scope button{transition:none!important}}

/* تحسين التباين مع مساحة الرسم الافتراضية، مع إبقاء ألوان الخلفية المخصصة كما هي */
.simulator-scope .relative.min-w-0.flex-1.overflow-hidden.overscroll-none[style*="rgb(245, 248, 243)"]{
  --grid-line:rgba(66,103,79,.14)!important;
  --canvas-text:#223d32!important;
}
/* الشريط الداكن: توحيد عناصر التحكم التي لها خلفية صريحة */
.simulator-scope>div>header button:not(.bg-run){
  color:#eff6ef!important;
  background:rgba(255,255,255,.075)!important;
  border-color:rgba(219,240,222,.19)!important;
}
.simulator-scope>div>header button:not(.bg-run):hover:not(:disabled){background:rgba(255,255,255,.15)!important}
.simulator-scope>div>header button.bg-run{
  color:#17382e!important;
  background:linear-gradient(135deg,#d8f18f,#bde46c)!important;
  border-color:#c8e982!important;
}
.simulator-scope>div>header input{
  color:#f4f7f1!important;
  background:rgba(255,255,255,.085)!important;
  border-color:rgba(219,240,222,.2)!important;
}

/* الروابط وأزرار فتح الملفات تتبع أسلوب الشريط نفسه */
.simulator-scope{--canvas:#f5f8f3;--color-canvas:var(--canvas)}
.simulator-scope>div>header a:not(.bg-run),
.simulator-scope>div>header label,
.simulator-scope>div>header [role="button"]{
  color:#eff6ef!important;
  background:rgba(255,255,255,.075)!important;
  border-color:rgba(219,240,222,.19)!important;
  border-radius:10px;
}
.simulator-scope>div>header a:not(.bg-run):hover,
.simulator-scope>div>header label:hover,
.simulator-scope>div>header [role="button"]:hover{background:rgba(255,255,255,.15)!important}
.simulator-scope>div>header input::placeholder{color:#c5d8cb!important}

.simulator-scope>div>header select{
  color:#eff6ef!important;
  background:rgba(255,255,255,.075)!important;
  border-color:rgba(219,240,222,.19)!important;
  border-radius:10px;
}
.simulator-scope>div>header select option{color:#203b31;background:#f5f8f3}