/* Focused Operator UX sweep: conversation first, controls second. */
header{padding:.7rem 0 .35rem}
header>a{font-size:.86rem;letter-spacing:.08em}
.header-actions{gap:.35rem}
.header-actions button{padding:.45rem .7rem;border-radius:999px;background:transparent;color:var(--muted);font-size:.78rem}
.header-actions button:hover,.header-actions button:focus-visible{color:var(--text);border-color:#3b526b;outline:none}
#clear-chat{width:2rem;height:2rem;padding:0!important;font-size:1.05rem!important}
.welcome{padding:1.2rem .5rem 1rem}
.welcome p{margin:.2rem 0;font-size:.64rem;opacity:.85}
.welcome h1{font-size:clamp(2rem,7vw,3.35rem);line-height:1.05;margin:.35rem 0 .55rem}
.welcome>span{font-size:.95rem}
.quick-prompts{grid-template-columns:repeat(2,minmax(0,1fr));max-width:30rem;margin-top:1.15rem}
.quick-prompts button{padding:.62rem .75rem;border-radius:999px;text-align:center;font-size:.8rem;font-weight:700;background:#0e1d2e}
#operator-log{padding:.6rem 0 .35rem;gap:.7rem}
.message{border-radius:16px;padding:.72rem .82rem;box-shadow:none}
.message span{opacity:.78}
#operator-form{margin:.2rem 0 .35rem;padding:.55rem .6rem;border-color:#2a4059;border-radius:20px;box-shadow:0 10px 35px #0006}
#operator-input{min-height:3.1rem;padding:.4rem .35rem;font-size:1rem}
#operator-form>div{display:flex;align-items:center;gap:.5rem}
#operator-form>div>span{min-width:0;flex:1}
#operator-status{font-size:.72rem;opacity:.72}
#operator-status:not(:empty){display:inline-block}
.operator-actions{display:flex!important;gap:.35rem!important}
.operator-actions button{display:grid;place-items:center;width:2.65rem;height:2.65rem;padding:0!important;border-radius:50%!important}
.operator-actions #save-secret{background:transparent!important;color:var(--muted)!important;border:1px solid transparent!important}
.operator-actions #save-secret:hover,.operator-actions #save-secret:focus-visible{border-color:var(--line)!important;color:var(--text)!important}
#operator-form button[type="submit"]{min-width:2.65rem!important;background:var(--mint);font-size:1.2rem}
#conversation-history{width:min(380px,100%);padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom));background:#08131f}
#conversation-history>div{position:sticky;top:0;background:#08131f;padding:.1rem 0 .65rem;z-index:1}
#conversation-history h2{font-size:1.3rem}
#close-history{width:2.1rem;height:2.1rem;padding:0;border-radius:50%;background:transparent;font-size:1.25rem}
#operator-sync{display:block;margin:.05rem 0 .8rem;color:var(--muted);font-size:.75rem}
#history-empty{padding:1rem 0;color:var(--muted)}
#history-list{gap:.4rem}
#history-list button{padding:.8rem .85rem;border-radius:14px;background:#0d1a29}
#history-list button[aria-current="page"]{background:#13283a}
@media(max-width:600px){
  main{padding-inline:max(.55rem,env(safe-area-inset-left)) max(.55rem,env(safe-area-inset-right))}
  header{padding:.45rem 0 .25rem}
  .header-actions{overflow:visible}
  .header-actions button{font-size:.72rem;padding:.38rem .58rem}
  .welcome{padding:.5rem .2rem}
  .welcome p{display:none}
  .welcome h1{font-size:clamp(1.9rem,10vw,2.45rem)}
  .welcome>span{font-size:.86rem}
  .quick-prompts{gap:.4rem;margin-top:.8rem}
  .quick-prompts button{padding:.52rem .55rem;font-size:.76rem}
  #operator-form{margin-bottom:.18rem;padding:.45rem .5rem}
  #operator-input{min-height:2.9rem}
  .operator-actions{display:flex!important;grid-template-columns:none!important}
  .operator-actions button{width:2.45rem!important;height:2.45rem!important}
}

/* Keep optional advanced controls present without competing with the chat. */
#operator-form .operator-attach{width:2.45rem!important;min-width:2.45rem!important;height:2.45rem;padding:0!important;border-radius:50%!important;background:transparent!important;color:var(--muted)!important;border-color:transparent!important}
#operator-form .operator-attach:hover,#operator-form .operator-attach:focus-visible{border-color:var(--line)!important;color:var(--text)!important;background:transparent!important}
#operator-form .operator-live-awareness{width:1.8rem;min-width:1.8rem;height:1.8rem;padding:0;justify-content:center;border-color:transparent;background:transparent}
#operator-form .operator-live-awareness>span:last-child{display:none}
#operator-form .operator-live-awareness__dot{width:8px;height:8px}