/* Orb shared tokens + base. mIRC soul: white, Fixedsys, the real palette.
   Every page and every verse can rely on these design tokens. */
:root{
  --m0:#ffffff; --m1:#000000; --m2:#00007f; --m3:#009300;
  --m4:#ff0000; --m5:#7f0000; --m6:#9c009c; --m7:#fc7f00;
  --m8:#ffff00; --m9:#00fc00; --m10:#009393; --m11:#00ffff;
  --m12:#0000fc; --m13:#ff00ff; --m14:#7f7f7f; --m15:#d2d2d2;
  --line:#b6b6b6; --line-soft:#dcdcdc; --sel:#000080;
  --mono:"Fixedsys Excelsior 3.01","Fixedsys","Lucida Console","Consolas","Courier New",monospace;
  --theme-bg:#ffffff; --theme-ink:#000000;
}
*{box-sizing:border-box}
html,body{height:100%;margin:0}
body{background:#e4e4e4;color:var(--m1);font-family:var(--mono);font-size:15px;
  -webkit-font-smoothing:none;image-rendering:pixelated}

/* reusable bits for login + browser */
.brand{font-weight:bold;color:var(--m2);letter-spacing:.3px}
.brand b{color:var(--m4)}
.card{background:#fff;border:1px solid var(--line)}
.muted{color:var(--m14)}
.err{color:var(--m4)}
.ok{color:var(--m3)}

.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;
  background:#fff;border:1px solid var(--line);color:var(--m1);font-family:var(--mono);
  font-size:15px;padding:8px 12px;cursor:pointer;text-decoration:none}
.btn:hover{background:#eef0f4}
.btn:active{background:#e2e6ee}
.btn.primary{background:var(--sel);color:#fff;border-color:var(--sel);font-weight:bold}
.btn.primary:hover{background:#00006a}
.btn .ic{font-size:16px}

.field{width:100%;background:#fff;border:1px solid var(--line);font-family:var(--mono);
  font-size:15px;color:var(--m1);padding:7px 9px;outline:none}
.field:focus{border-color:#7f7f7f}
label.lbl{display:block;color:var(--m14);font-size:12px;margin:10px 0 3px}

::-webkit-scrollbar{width:14px;height:14px}
::-webkit-scrollbar-track{background:#f0f0f0}
::-webkit-scrollbar-thumb{background:#c9c9c9;border:3px solid #f0f0f0;border-radius:8px}
::-webkit-scrollbar-thumb:hover{background:#b0b0b0}

/* utility classes (no inline styles after this) */
.hidden{display:none !important}
.grow{flex:1}
.col-start{flex-direction:column;align-items:flex-start}
.w84{width:84px}
.w120{width:120px}
.w46{width:46px}
.w240{width:240px}
.h8{height:8px}
.h12{height:12px}
.tc{text-align:center}
.sm{font-size:12px}
.sm2{font-size:13px}
.mt4{margin-top:4px}
.mt10{margin-top:10px}
.mt14{margin-top:14px}
.mt24{margin-top:24px}
.mb2{margin-bottom:2px}
.mb4{margin-bottom:4px}
.plain{border:none;padding:0}
.link{color:var(--m12)}
.verse-err{padding:16px;color:var(--m4)}

/* mIRC / theme colour swatches */
.m0{background:var(--m0)}.m1{background:var(--m1)}.m2{background:var(--m2)}.m3{background:var(--m3)}
.m4{background:var(--m4)}.m5{background:var(--m5)}.m6{background:var(--m6)}.m7{background:var(--m7)}
.m8{background:var(--m8)}.m9{background:var(--m9)}.m10{background:var(--m10)}.m11{background:var(--m11)}
.m12{background:var(--m12)}.m13{background:var(--m13)}.m14{background:var(--m14)}.m15{background:var(--m15)}

.mc0{color:var(--m0)}.mc1{color:var(--m1)}.mc2{color:var(--m2)}.mc3{color:var(--m3)}
.mc4{color:var(--m4)}.mc5{color:var(--m5)}.mc6{color:var(--m6)}.mc7{color:var(--m7)}
.mc8{color:var(--m8)}.mc9{color:var(--m9)}.mc10{color:var(--m10)}.mc11{color:var(--m11)}
.mc12{color:var(--m12)}.mc13{color:var(--m13)}.mc14{color:var(--m14)}.mc15{color:var(--m15)}

.fg0{color:var(--m0)}.fg1{color:var(--m1)}.fg2{color:var(--m2)}.fg3{color:var(--m3)}
.fg4{color:var(--m4)}.fg5{color:var(--m5)}.fg6{color:var(--m6)}.fg7{color:var(--m7)}
.fg8{color:var(--m8)}.fg9{color:var(--m9)}.fg10{color:var(--m10)}.fg11{color:var(--m11)}
.fg12{color:var(--m12)}.fg13{color:var(--m13)}.fg14{color:var(--m14)}.fg15{color:var(--m15)}

.bg0{background:var(--m0)}.bg1{background:var(--m1)}.bg2{background:var(--m2)}.bg3{background:var(--m3)}
.bg4{background:var(--m4)}.bg5{background:var(--m5)}.bg6{background:var(--m6)}.bg7{background:var(--m7)}
.bg8{background:var(--m8)}.bg9{background:var(--m9)}.bg10{background:var(--m10)}.bg11{background:var(--m11)}
.bg12{background:var(--m12)}.bg13{background:var(--m13)}.bg14{background:var(--m14)}.bg15{background:var(--m15)}

.thm0{--theme-bg:var(--m0)}.thm1{--theme-bg:var(--m1)}.thm2{--theme-bg:var(--m2)}.thm3{--theme-bg:var(--m3)}
.thm4{--theme-bg:var(--m4)}.thm5{--theme-bg:var(--m5)}.thm6{--theme-bg:var(--m6)}.thm7{--theme-bg:var(--m7)}
.thm8{--theme-bg:var(--m8)}.thm9{--theme-bg:var(--m9)}.thm10{--theme-bg:var(--m10)}.thm11{--theme-bg:var(--m11)}
.thm12{--theme-bg:var(--m12)}.thm13{--theme-bg:var(--m13)}.thm14{--theme-bg:var(--m14)}.thm15{--theme-bg:var(--m15)}

.thi0{--theme-ink:var(--m0)}.thi1{--theme-ink:var(--m1)}.thi2{--theme-ink:var(--m2)}.thi3{--theme-ink:var(--m3)}
.thi4{--theme-ink:var(--m4)}.thi5{--theme-ink:var(--m5)}.thi6{--theme-ink:var(--m6)}.thi7{--theme-ink:var(--m7)}
.thi8{--theme-ink:var(--m8)}.thi9{--theme-ink:var(--m9)}.thi10{--theme-ink:var(--m10)}.thi11{--theme-ink:var(--m11)}
.thi12{--theme-ink:var(--m12)}.thi13{--theme-ink:var(--m13)}.thi14{--theme-ink:var(--m14)}.thi15{--theme-ink:var(--m15)}

.b{font-weight:bold}
.u{text-decoration:underline}

#app .orbc-chat{background:var(--theme-bg,#fff) !important;color:var(--theme-ink,var(--m1)) !important}
#inputwrap,#input{background:var(--theme-bg,#fff) !important}
#prompt,#input{color:var(--theme-ink,var(--m1)) !important}