
/* Zuni Experience v3 — authenticated shell refinements */
.ops-brand::before{display:none!important}
.ops-brand::after{right:auto;left:36px;top:35px;width:9px;height:9px;background:#ef1b24;box-shadow:0 0 0 3px rgba(8,11,16,.75)}
.zuni-brand-icon-header{display:block!important;width:42px!important;height:42px!important;flex:0 0 42px;object-fit:contain;border-radius:0!important;background:transparent!important;box-shadow:none!important;filter:grayscale(1) brightness(0) invert(1)}
:root[data-zuni-theme="light"] .zuni-brand-icon-header{filter:grayscale(1) brightness(0)}
:root[data-zuni-theme="light"] .ops-brand::after{box-shadow:0 0 0 3px rgba(255,255,255,.92)}
.ops-topbar{min-height:72px}
.ops-brand h1{font-size:20px}
.ops-workspace{max-width:1800px;margin:0 auto}
.ops-center-panel,.ops-inbox-panel,.ops-context-panel{min-width:0}
.ops-center-header{border-bottom:1px solid rgba(255,255,255,.07)}
.ops-center-body{background:
 radial-gradient(circle at 50% 0%,rgba(255,255,255,.025),transparent 30%),
 transparent}
.ops-message{line-height:1.45}
.ops-composer{transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.ops-composer:focus-within{border-color:rgba(239,27,36,.30);box-shadow:0 18px 50px rgba(0,0,0,.28),0 0 0 3px rgba(239,27,36,.06)}
.ops-channel,.ops-list-item,.ops-context-section{transition:background .18s ease,border-color .18s ease,transform .18s ease}
.ops-channel:hover,.ops-list-item:hover{transform:translateY(-1px)}
@media(max-width:1180px){
  .ops-workspace{grid-template-columns:300px minmax(0,1fr)}
  .ops-context-panel{display:none}
}
@media(max-width:760px){
  .ops-topbar{height:auto;min-height:64px;padding:10px 12px;flex-wrap:wrap}
  .ops-top-actions{width:100%;justify-content:flex-end}
  .ops-workspace{display:block;height:auto;min-height:calc(100vh - 112px)}
  .ops-inbox-panel{min-height:320px;border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}
  .ops-center-panel{min-height:680px}
  .ops-center-body{padding:12px 12px 8px}
  .ops-composer{
    grid-template-columns:auto minmax(0,1fr) auto;
    gap:8px;
    align-items:center;
    padding:8px 10px calc(8px + env(safe-area-inset-bottom));
  }
  .ops-compose-tools{gap:4px}
  .ops-compose-tools button,
  .ops-composer > button{
    width:36px;
    min-width:36px;
    height:36px;
    padding:0;
  }
  .ops-composer > button{min-width:68px;width:auto;padding:0 12px}
  .ops-composer textarea{
    min-height:38px;
    height:38px;
    max-height:96px;
    padding:8px 10px;
    line-height:1.35;
    overflow-y:auto;
  }
  .ops-composer:focus-within{box-shadow:0 -8px 28px rgba(0,0,0,.22)}
}
