/* ==========================
   Reset / Base
   ========================== */
html, body { height: 100%; overflow: hidden; }
.tui-root{
  background:#071018;
  color:#d6e6ff;
  font-family:ui-monospace,monospace;
  padding:18px;
  min-height:100vh;
  box-sizing:border-box;
  display:flex;
  align-items:stretch;
  overflow:hidden;
}
.tui-shell{
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
  min-height:0;
  max-width:1100px;
  margin:0 auto;
  border:1px solid #122129;
  border-radius:6px;
  padding:12px;
}
.u-sr-only{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);border:0;padding:0;margin:-1px;white-space:nowrap}

/* ==========================
   Layout & Prompt
   ========================== */
.tui-prompt{display:flex;gap:8px;align-items:center;margin-bottom:10px}
.tui-prompt input{background:transparent;border:1px solid #21313a;color:inherit;padding:6px;border-radius:4px}
.tui-prompt button{background:#16334a;color:#d6e6ff;border:1px solid #234; padding:6px 10px;border-radius:4px}

/* ==========================
   Output / Content
   ========================== */
.tui-output{
  background:#041014;
  border:1px solid rgba(255,255,255,0.03);
  padding:8px;
  border-radius:4px;
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
}
[data-tui-role="table"] table{width:100%;font-size:13px;border-collapse:collapse}
[data-tui-role="table"] th,[data-tui-role="table"] td{padding:6px;border-bottom:1px solid rgba(255,255,255,0.03);text-align:left}

/* ==========================
   Header / Footer
   ========================== */
.tui-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.footer{margin-top:12px}

/* ==========================
   Authentication UI
   ========================== */
.tui-auth-controls{display:flex;gap:8px;align-items:center;margin-left:auto}
.tui-auth-phone{width:180px}
.tui-auth-otp-code{width:120px}
.tui-auth-status{margin-left:8px}

/* ==========================
   Command input / Bar
   ========================== */
.tui-cmd-input{
  flex:1;
  background:transparent;
  border:1px solid #21313a;
  color:inherit;
  padding:6px;
  border-radius:4px;
  font-family:ui-monospace,monospace;
}
.tui-cmd-input:focus{outline:2px solid rgba(100,180,220,0.12);border-color:#2a5667}
.tui-cmd-bar{position:fixed;left:50%;transform:translateX(-50%);bottom:12px;width:calc(100% - 32px);max-width:1100px;z-index:60}
.tui-cmd-inner{display:flex;gap:8px;align-items:center}
.tui-cmd-status{min-width:160px;text-align:right;margin-left:auto}
.tui-shell{padding-bottom:120px}

/* Command bar appearance so it feels inside the shell */
.tui-cmd-bar{box-shadow:0 -1px 0 rgba(0,0,0,0.4);background:rgba(4,16,20,0.95);border-top:1px solid rgba(255,255,255,0.02);padding:10px;border-radius:6px}

/* Header signout */
.tui-signout{margin-left:12px;background:transparent;border:1px solid #234;color:#d6e6ff;padding:6px 8px;border-radius:4px;cursor:pointer}

/* auth inline */
.tui-auth-inline{display:flex;align-items:center;margin-left:auto;gap:8px}
.tui-auth-controls{display:flex;gap:8px;align-items:center}
/* ==========================
   Pager / Buttons
   ========================== */
[data-tui-role="pager"]{display:flex;gap:8px;margin-top:10px}
[data-tui-role="pager-btn"]{background:#0c4a5a;color:#d6e6ff;border:1px solid #163b4d;padding:6px 10px;border-radius:4px;cursor:pointer}
[data-tui-role="pager-btn"][disabled]{opacity:0.4;cursor:not-allowed}

/* ==========================
   Utilities
   ========================== */
[data-tui-role="muted"], .u-muted{color:#9fb2cc;font-size:12px}
.u-muted-right{margin-left:auto}
[data-tui-role="placeholder"]{color:#7f95ab}
.u-hidden{display:none!important}
.u-flex-grow{flex:1}
.u-small-input{width:90px}