/* Molecule Studio, "Lab White" theme. Active when <html class="ms-light">, switched by the
   sun/moon toggle in the header and remembered per browser. Optional backdrop photo:
   images/lab-light.webp (bright, softly blurred laboratory, 2400 x 1350). */

/* ---- the toggle itself (shown in every theme) ---- */
.ms-tog{display:inline-flex;align-items:center;gap:2px;height:34px;padding:3px;border-radius:999px;cursor:pointer;flex-shrink:0;
  border:1px solid rgba(126,232,26,.22);background:rgba(3,11,6,.88)}
.ms-tog span{display:grid;place-items:center;width:28px;height:26px;border-radius:999px;color:#9fb39c;transition:all .15s}
.ms-tog svg{width:15px;height:15px}
.ms-tog .ms-moon{background:rgba(255,255,255,.12);color:#fff}
html.ms-light .ms-tog{border-color:#d6deea;background:#eef2f8}
html.ms-light .ms-tog .ms-sun{background:#fff;color:#f2a516;box-shadow:0 1px 3px rgba(20,40,80,.18)}
html.ms-light .ms-tog .ms-moon{background:transparent;color:#8a95a6}

/* ---- palette ---- */
html.ms-light{
  --s1:rgba(255,255,255,.88);--s2:#f6f8fb;--s3:#eef2f7;
  --tx:#1d2737;--dim:#5b6678;--dim2:#6b7688;
  --gold:#1d5fe0;--teal:#1d5fe0;--lime:#1d5fe0;--lime2:#1a6ae0;--green:#1d5fe0;
  --border:#e3e9f1;--border2:#d3dce8;--edge:#d3dce8;
  color-scheme:light
}
html.ms-light body{color:#1d2737;
  background:url(images/lab-light.webp) center/cover no-repeat,
    radial-gradient(800px 600px at 8% 90%,rgba(31,122,255,.10),transparent 70%),
    radial-gradient(700px 500px at 95% 10%,rgba(31,122,255,.08),transparent 70%),
    linear-gradient(180deg,#f3f6fa,#e4ebf3)}
html.ms-light #hdr,html.ms-light #sbl,html.ms-light #sbr{text-shadow:none}
html.ms-light ::selection{background:rgba(31,122,255,.2)}
html.ms-light *{scrollbar-color:#c3cfdf transparent}
html.ms-light ::-webkit-scrollbar-thumb{background:#c3cfdf}

/* ---- top strip and header ---- */
html.ms-light #crumb{background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,255,255,.6))}
html.ms-light #crumb b{color:#1d5fe0}
html.ms-light #crumb span,html.ms-light #crumb em{color:#1d2737}
html.ms-light .crumb-about{color:#4a5568!important;border-color:#d6deea!important;background:#fff!important}
html.ms-light #hdr{background:rgba(255,255,255,.92);border:1px solid #dbe3ee;box-shadow:0 6px 24px rgba(30,50,90,.08)}
html.ms-light .lm{color:#1d5fe0}
html.ms-light .ln{color:#1d2737;text-shadow:none}
html.ms-light .ln em{color:#6b7688}
html.ms-light .vsep{background:#dfe6ef}
html.ms-light .mb,html.ms-light .ib{background:#fff;border:1px solid #d9e1ec;color:#1d2737;box-shadow:0 1px 2px rgba(20,40,80,.05)}
html.ms-light .mb:hover,html.ms-light .ib:hover{background:#f3f7fc;border-color:#c5d2e3;color:#0f1726}
html.ms-light .mb.on,html.ms-light .ib.on{background:#e8f1ff;border-color:#1d5fe0;color:#1d5fe0;box-shadow:none}
html.ms-light .ib.red:hover{border-color:#e5484d;color:#d12f35;background:#fff3f3}
html.ms-light .srow{background:#f1f4f9;border-radius:8px}
html.ms-light .sb{color:#1d2737}
html.ms-light .sb:hover{background:#e6ecf4;color:#0f1726}
html.ms-light .sb.on{background:#1d5fe0;border-color:#1d5fe0;color:#fff;box-shadow:0 2px 8px rgba(31,122,255,.3)}
html.ms-light #pcq,html.ms-light .elq,html.ms-light .pcq-wrap input,html.ms-light .lib-q input,html.ms-light .prot-sr input,html.ms-light .graph-input-row input{
  background:#fff;border:1px solid #d6deea;color:#1d2737}
html.ms-light #pcq:focus,html.ms-light .elq:focus-within{border-color:#1d5fe0;box-shadow:0 0 0 3px rgba(31,122,255,.14)}
html.ms-light #pcq::placeholder,html.ms-light .elq input::placeholder,html.ms-light .pcq-wrap input::placeholder,html.ms-light .lib-q input::placeholder,html.ms-light .prot-sr input::placeholder{color:#8a95a6}
html.ms-light .elq{color:#8a95a6}
html.ms-light #pcbtn,html.ms-light .pcq-btn,html.ms-light .prot-load-btn,html.ms-light .graph-input-row button{background:#1d5fe0;border-color:#1d5fe0;color:#fff;box-shadow:0 2px 10px rgba(31,122,255,.3)}
html.ms-light #pcbtn:hover,html.ms-light .pcq-btn:hover,html.ms-light .prot-load-btn:hover{background:#3a8cff}

/* ---- side panels ---- */
html.ms-light .panel,html.ms-light #sbl,html.ms-light #sbr{background:rgba(255,255,255,.9);border:1px solid #dbe3ee;box-shadow:0 8px 30px rgba(30,50,90,.08)}
html.ms-light #ctr{border:1px solid rgba(160,185,215,.6);background:radial-gradient(120% 90% at 50% 35%,rgba(236,242,249,.18),rgba(205,219,236,.38));box-shadow:inset 0 0 60px rgba(255,255,255,.35)}
html.ms-light .slbl{color:#1d2737;font-family:var(--sans);font-weight:700;letter-spacing:0;text-transform:none;font-size:17px}
html.ms-light .elcat,html.ms-light .lcat{color:#1d2737;font-family:var(--sans);font-weight:700;letter-spacing:0;text-transform:none;font-size:14px;
  background:#f1f4f9;border:1px solid #e3e9f1;border-radius:7px;padding:7px 10px;margin-top:6px}
html.ms-light .elt{box-shadow:0 1px 3px rgba(20,40,80,.08);background-color:#fff!important}
html.ms-light .elt:hover{filter:none;box-shadow:0 4px 12px rgba(20,40,80,.12)}
html.ms-light .elt.sel{outline:2px solid #1d5fe0;box-shadow:0 0 0 4px rgba(31,122,255,.14)}
html.ms-light .es{filter:brightness(.8) saturate(1.2);text-shadow:none}
html.ms-light .es[style*="#dddddd"],html.ms-light .es[style*="#ffffff"]{color:#7b8494!important;filter:none}
html.ms-light .en{color:#1d2737}
html.ms-light .ev{color:#6b7688}
html.ms-light .ez{color:#8a95a6}

/* ---- canvas badges ---- */
html.ms-light #chint,html.ms-light #geo-badge,html.ms-light #ang-badge,html.ms-light #ato-tt{background:rgba(255,255,255,.94);border:1px solid #d6deea;color:#1d2737;box-shadow:0 4px 14px rgba(30,50,90,.1)}
html.ms-light #geo-badge .gn{color:#1d2737}

/* ---- right panel ---- */
html.ms-light .rtbs{border-bottom-color:#e3e9f1}
html.ms-light .rt{color:#4a5568;text-shadow:none}
html.ms-light .rt:hover{color:#1d2737}
html.ms-light .rt.on{color:#1d5fe0;border-bottom-color:#1d5fe0;text-shadow:none;background:#f0f6ff}
html.ms-light .mfml{color:#1d2737;text-shadow:none}
html.ms-light .mgeo{color:#4a5568}
html.ms-light .iblk,html.ms-light .prot-info-block,html.ms-light .eq-det-block{background:#f7f9fc;border:1px solid #e1e7f0}
html.ms-light .iblk-t{color:#1d2737;font-family:var(--sans);font-weight:700;letter-spacing:0;text-transform:none;font-size:14px}
html.ms-light .irow{border-bottom-color:#e6ebf2}
html.ms-light .il{color:#5b6678}
html.ms-light .iblk .irow>span[style*="Playfair"]{filter:brightness(.8) saturate(1.2)}
html.ms-light .iblk .irow>span[style*="#dddddd"]{color:#4a5568!important;filter:none}
html.ms-light .xbx{background:#f4f8fd;border:1px solid #dbe3ee;color:#1d2737}
html.ms-light .xbx strong{color:#1d5fe0}
html.ms-light .pc-badge{background:#e8f1ff!important;color:#1d5fe0!important;border-color:#c9dcff!important}
html.ms-light .pcard,html.ms-light .preset-item,html.ms-light .eq-card{background:#fff;border:1px solid #e1e7f0}
html.ms-light .pcard:hover,html.ms-light .preset-item:hover,html.ms-light .eq-card:hover,html.ms-light .preset-item.active,html.ms-light .eq-card.active{border-color:#1d5fe0;background:#f3f8ff}
html.ms-light .pcard-f{color:#1d5fe0}
html.ms-light .lit:hover,html.ms-light .eq-cat-item:hover,html.ms-light .graph-preset:hover{background:#f1f5fb;border-color:#e1e7f0}
html.ms-light .eq-cat-item.active,html.ms-light .graph-preset.active{background:#e8f1ff;border-color:#c9dcff}
html.ms-light .sty-btn,html.ms-light .eq-copy-btn{border-color:#d6deea;color:#1d2737}
html.ms-light .sty-btn.active{background:#1d5fe0;border-color:#1d5fe0;color:#fff}
html.ms-light .eq-render-area,html.ms-light .prot-view,html.ms-light #prot-3d{background:#f7f9fc}
html.ms-light .gs-card{background:#fff;border-color:#d6deea;box-shadow:0 10px 30px rgba(30,50,90,.1)}
html.ms-light .nm{background:#fff;border-color:#d6deea;color:#1d2737;box-shadow:0 6px 18px rgba(30,50,90,.12)}
html.ms-light .katex{color:#1d2737}
html.ms-light a[data-vvgo]{background:#fff!important;color:#1d5fe0!important;border-color:#c9dcff!important}

/* ---- beat the "solid backing" and contrast rules at the end of theme.css ---- */
html.ms-light .elt::before{background:#fff}
html.ms-light .sb.on{background-color:#1d5fe0}
html.ms-light .mb.on,html.ms-light .ib.on{background-color:#e8f1ff}
html.ms-light #pcbtn,html.ms-light .pcq-btn,html.ms-light .prot-load-btn,html.ms-light .graph-input-row button{background:#1d5fe0}
html.ms-light .sty-btn,html.ms-light .eq-copy-btn{background:#fff}
html.ms-light .rtbs{background:#f7f9fc}
html.ms-light .iblk .irow>span[style*="Playfair"]{filter:brightness(.8) saturate(1.2)!important}
html.ms-light .es{filter:brightness(.8) saturate(1.2)!important}
html.ms-light .es[style*="#dddddd"],html.ms-light .iblk .irow>span[style*="#dddddd"]{filter:none!important}
html.ms-light .mgeo,html.ms-light .il,html.ms-light .lin-g,html.ms-light .eq-card-desc,html.ms-light .prot-row-lbl,html.ms-light .eq-cat-count{color:#5b6678!important}
html.ms-light .slbl,html.ms-light .iblk-t,html.ms-light .pclbl,html.ms-light .preset-label,html.ms-light .sty-label,html.ms-light .eq-hdr-lbl,html.ms-light .eq-det-title,html.ms-light .graph-custom-label,html.ms-light .ln em{color:#1d2737!important}
html.ms-light #crumb b{color:#1d5fe0!important}
html.ms-light .iv,html.ms-light .irow{color:#1d2737}
html.ms-light .irow span[style*="color:#ffd"],html.ms-light .irow span[style*="color:var(--gold)"]{color:#1d5fe0!important}
html.ms-light .gs-card h2,html.ms-light .gs-list li b{color:#1d2737}
html.ms-light .gs-list li{background:#f7f9fc;border-color:#e1e7f0}
html.ms-light .gs-list-t{color:#1d2737}
html.ms-light .soon-tag,html.ms-light .gs-tag{background:#1d5fe0;color:#fff}
html.ms-light .gs-ico{color:#1d5fe0}
html.ms-light .gs-btn{background:#1d5fe0;border-color:#1d5fe0;color:#fff}
html.ms-light #crumb .vvm{filter:hue-rotate(110deg) saturate(1.3)}
html.ms-light span[style*="#ffd43b"]{color:#b7791f!important}
html.ms-light span[style*="#69db7c"]{color:#2f9e44!important}
html.ms-light span[style*="#ff6b6b"]{color:#d64545!important}
html.ms-light .srow{border-color:#e1e7f0!important}
html.ms-light .pcsrch{border-color:#e1e7f0}

/* studio look, same as the other simulators: one clean sans, normal case, blue selected states */
html.ms-light body,html.ms-light body *:not(svg):not(svg *):not(.es):not(.mfml):not(.katex):not(.katex *){font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif!important}
html.ms-light body *{letter-spacing:normal!important;text-transform:none!important}
html.ms-light .rt{font-weight:700;font-size:14px}
html.ms-light .rt.on{background:linear-gradient(180deg,#2563eb,#1d4ed8);color:#fff;border-bottom-color:transparent;border-radius:10px 10px 0 0}
html.ms-light .rt.on svg{color:#fff}
html.ms-light #hdr,html.ms-light .panel,html.ms-light #sbl,html.ms-light #sbr{border-radius:18px;background:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.95);box-shadow:0 10px 30px rgba(30,60,120,.14);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
html.ms-light .mb.on,html.ms-light .ib.on{background:linear-gradient(180deg,#2563eb,#1d4ed8)!important;border-color:transparent;color:#fff}
html.ms-light .mb,html.ms-light .ib,html.ms-light #pcq,html.ms-light #pcbtn{border-radius:12px}
html.ms-light #chint{font-weight:600}