/* YasReady Studio shared appearance layer. Functional source CSS remains intact underneath. */
:root{
  --yr-ready:#C6FF00;
  --yr-brand-ink:#171719;
  --yr-accent:#16815c;
  --yr-accent2:#2ac982;
  --yr-teal:#5bd69a;
  --yr-bg:#07090e;
  --yr-panel:#10141c;
  --yr-panel2:#151a24;
  --yr-line:rgba(255,255,255,.10);
  --yr-text:#f7f8fb;
  --yr-muted:#9299a8;
  color-scheme:dark;
}
:root[data-theme="light"]{
  --yr-bg:#f4f5f8;
  --yr-panel:#ffffff;
  --yr-panel2:#f0f2f6;
  --yr-line:rgba(20,24,34,.12);
  --yr-text:#141720;
  --yr-muted:#686f7c;
  color-scheme:light;
  --bg:var(--yr-bg)!important;
  --panel:var(--yr-panel)!important;
  --panel2:var(--yr-panel2)!important;
  --line:var(--yr-line)!important;
  --text:var(--yr-text)!important;
  --muted:var(--yr-muted)!important;
}
:root[data-theme="dark"]{
  --bg:var(--yr-bg);
  --panel:var(--yr-panel);
  --panel2:var(--yr-panel2);
  --line:var(--yr-line);
  --text:var(--yr-text);
  --muted:var(--yr-muted);
}

.yasready-utility{position:fixed;right:16px;bottom:16px;z-index:9998;display:flex;align-items:center;gap:7px;padding:6px;border:1px solid var(--yr-line);border-radius:16px;background:color-mix(in srgb,var(--yr-panel) 88%,transparent);box-shadow:0 14px 46px rgba(0,0,0,.2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.yasready-utility a,.yasready-utility button{font:750 12px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;color:var(--yr-text)}
.yasready-utility .yr-home{display:flex;align-items:center;gap:7px;padding:5px 8px 5px 5px;text-decoration:none;border-radius:11px}
.yasready-utility .yr-mark{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:linear-gradient(135deg,var(--yr-accent),var(--yr-accent2));color:white;font-weight:900}
.yasready-utility .yr-theme{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:11px;background:var(--yr-panel2);cursor:pointer}

:root[data-theme="light"] body:not(.obs-page){background:radial-gradient(circle at 75% -10%,rgba(22,129,92,.09),transparent 30%),var(--yr-bg)!important;color:var(--yr-text)!important}
:root[data-theme="light"] .sidebar{background:#fff!important;border-color:var(--yr-line)!important}
:root[data-theme="light"] nav a,:root[data-theme="light"] nav button{color:#555d6b!important}
:root[data-theme="light"] .hosts,:root[data-theme="light"] .ready-chip,:root[data-theme="light"] .quick-card,:root[data-theme="light"] .value-row>div{background:#fff!important;color:var(--yr-text)!important}
:root[data-theme="light"] .host-dots span{background:#e9ecf2!important;border-color:#fff!important;color:#323744!important}
:root[data-theme="light"] .guest-card{background:linear-gradient(180deg,#fff,#f6f7fa)!important;box-shadow:0 24px 70px rgba(32,36,48,.08)!important}
:root[data-theme="light"] .guest-avatar{background:linear-gradient(145deg,#ddf4e8,#effaf4)!important;color:#174936!important}
:root[data-theme="light"] .guest-meta span,:root[data-theme="light"] .quick-card i,:root[data-theme="light"] .journey-step i{background:#eef0f5!important;color:#5f6673!important}
:root[data-theme="light"] .journey{background:#f7f8fa!important}
:root[data-theme="light"] dialog{background:#fff!important;color:var(--yr-text)!important}
:root[data-theme="light"] .form-grid input,:root[data-theme="light"] .form-grid textarea{background:#f5f6f9!important;color:var(--yr-text)!important}
:root[data-theme="light"] .dialog-actions button,:root[data-theme="light"] .icon-close{background:#eef0f5!important;color:var(--yr-text)!important}

:root[data-theme="light"] .control-shell,:root[data-theme="light"] .guest-shell,:root[data-theme="light"] .room-shell{color:var(--yr-text)!important}
:root[data-theme="light"] .connection-setup,:root[data-theme="light"] .capture-bar,:root[data-theme="light"] .guest-control-card,:root[data-theme="light"] .connection-card,:root[data-theme="light"] .info-card{background:#fff!important;color:var(--yr-text)!important;box-shadow:0 20px 60px rgba(30,34,45,.07)!important}
:root[data-theme="light"] select,:root[data-theme="light"] input,:root[data-theme="light"] textarea{background:#f5f6f9;color:var(--yr-text);border-color:var(--yr-line)}

:root[data-theme="light"] .topbar{background:rgba(255,255,255,.82)!important;border-color:var(--yr-line)!important}
:root[data-theme="light"] .card,:root[data-theme="light"] .glass{background:rgba(255,255,255,.88)!important;color:var(--yr-text)!important;box-shadow:0 20px 60px rgba(30,34,45,.07)!important}
:root[data-theme="light"] .btn,:root[data-theme="light"] .round-control{background:#eef0f5!important;color:#232733!important;border-color:var(--yr-line)!important}
:root[data-theme="light"] .btn.primary,:root[data-theme="light"] .btn.teal{color:white!important;background:linear-gradient(135deg,var(--yr-accent),var(--yr-accent2))!important}
:root[data-theme="light"] .focus-panel,:root[data-theme="light"] .cue-banner{color:var(--yr-text)!important}
:root[data-theme="light"] .input,:root[data-theme="light"] .textarea{background:#f5f6f9!important;color:var(--yr-text)!important}

@media(max-width:700px){.yasready-utility{right:10px;bottom:10px}.yasready-utility .yr-home>span:last-child{display:none}}


/* v0.9.4 — YasReady shared green brand */
.yr-logo,.yasready-utility .yr-mark{position:relative!important;background:#171719!important;color:#fff!important;box-shadow:0 14px 32px rgba(0,0,0,.20)!important}
.yr-logo:after,.yasready-utility .yr-mark:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;right:7px;bottom:7px;background:var(--yr-ready);box-shadow:0 0 0 2px rgba(198,255,0,.12)}
.yr-logo:after{width:9px;height:9px;right:6px;bottom:6px}
.yr-brand strong{letter-spacing:-.025em}
:root[data-theme="light"] body:not(.obs-page){background:radial-gradient(circle at 75% -10%,rgba(22,129,92,.09),transparent 30%),radial-gradient(circle at 45% -10%,rgba(198,255,0,.035),transparent 24%),var(--yr-bg)!important}
:root[data-theme="dark"] body:not(.obs-page){background:radial-gradient(circle at 75% -10%,rgba(42,201,130,.10),transparent 30%),radial-gradient(circle at 45% -10%,rgba(198,255,0,.03),transparent 24%),var(--yr-bg)!important}
