/* ── STATUS BAR ── */
#sbar{flex-shrink:0;background:rgba(16,10,32,0.97);border-bottom:1px solid rgba(140,90,200,0.22);padding:8px 13px 7px;}
.srow{display:flex;align-items:center;gap:10px;}
#ava{width:48px;height:48px;border-radius:8px;flex-shrink:0;background:linear-gradient(135deg,#38185a,#183828);border:1.5px solid rgba(160,110,240,0.38);display:flex;align-items:center;justify-content:center;font-size:23px;cursor:pointer;transition:border-color .15s;}
#ava:hover{border-color:rgba(200,150,255,0.65);}
.sbars{flex:1;}
.nrow{display:flex;align-items:center;gap:7px;margin-bottom:5px;}
.brow{display:flex;align-items:center;gap:5px;margin-bottom:3px;}

/* ── NARRATIVE ── */
#narr{flex:1;position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:35vh;}
#scroll{flex:1;overflow-y:auto;padding:42px 13px 6px;scrollbar-width:thin;scrollbar-color:rgba(120,70,180,0.3) transparent;}
#scroll::-webkit-scrollbar{width:3px;}
#scroll::-webkit-scrollbar-thumb{background:rgba(120,70,180,0.3);border-radius:2px;}
.sitbar{text-align:center;padding:5px 12px;flex-shrink:0;background:linear-gradient(transparent,rgba(8,4,18,0.92));}

/* ── ACTIONS ── */
#azone{flex-shrink:0;background:rgba(8,5,20,0.97);border-top:1px solid rgba(120,80,180,0.18);padding:9px 12px;}
.agrid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:9px;max-height:30vh;overflow-y:auto;padding-right:4px;}
.irow{display:flex;gap:7px;}
#cmdinput{
  flex:1;background:rgba(255,255,255,0.045);
  border:1px solid rgba(160,110,240,0.2);border-radius:7px;
  color:#e0d0ff;padding:8px 11px;font-size:15px;
  font-family:inherit;outline:none;caret-color:#c090ff;
  transition:border-color .15s;
}
#cmdinput:focus{border-color:rgba(180,130,255,0.42);}
#cmdinput::placeholder{color:rgba(160,120,200,0.35);}
#sendbtn{
  background:rgba(120,70,200,0.38);border:1px solid rgba(160,110,240,0.4);
  border-radius:7px;color:#e0c0ff;padding:8px 14px;
  cursor:pointer;font-size:15px;font-family:inherit;transition:background .15s;
}
#sendbtn:hover{background:rgba(140,90,220,0.58);}

/* ── BOTTOM NAV ── */
#bnav{display:flex;flex-shrink:0;background:rgba(5,3,14,0.98);border-top:1px solid rgba(80,50,140,0.25);}
.nbtn{
  flex:1;background:none;border:none;border-top:2px solid transparent;
  padding:7px 3px 9px;cursor:pointer;font-family:inherit;font-size:14px;
  display:flex;flex-direction:column;align-items:center;gap:2px;
  color:rgba(160,130,210,0.4);transition:color .15s;
}
.nbtn.active{color:#c090ff;border-top-color:#c090ff;}
.nbtn .ni{font-size:21px;}