.sb-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;flex-wrap:wrap;margin-bottom:1rem}
.sb-head h2{margin:0 0 .35rem}
.sb-muted{color:var(--portal-muted,#94a3b8);font-size:.88rem;margin:0}
.sb-tabs{display:flex;gap:.4rem;flex-wrap:wrap;margin:0 0 .85rem}
.sb-tabs button,.sb-toolbar button{border:1px solid var(--portal-border,#334155);background:transparent;color:inherit;border-radius:8px;padding:.4rem .7rem;cursor:pointer}
.sb-tabs button.active{background:rgba(99,102,241,.18);border-color:rgba(99,102,241,.5)}
.sb-search input{width:100%;max-width:28rem;padding:.55rem .75rem;border-radius:8px;border:1px solid var(--portal-border,#334155);background:transparent;color:inherit}
.sb-list{display:grid;gap:.75rem;margin:1rem 0}
.sb-card{border:1px solid var(--portal-border,#334155);border-radius:12px;padding:1rem 1.1rem;cursor:pointer;background:rgba(15,23,42,.35)}
.sb-card.sb-unread{border-color:rgba(99,102,241,.45)}
.sb-kicker{margin:0 0 .35rem;font-size:.72rem;letter-spacing:.04em;color:#818cf8;text-transform:uppercase}
.sb-card h3,.sb-reader h2{margin:.1rem 0 .4rem}
.sb-meta{font-size:.8rem;color:var(--portal-muted,#94a3b8)}
.sb-compose,.sb-reader{border:1px solid var(--portal-border,#334155);border-radius:14px;padding:1rem;margin-top:1rem}
.sb-compose-head{display:flex;justify-content:space-between;gap:.75rem;align-items:center}
.sb-save-state{font-size:.8rem;color:#a5b4fc}
.sb-compose label,.sb-compose fieldset{display:block;margin:.7rem 0}
.sb-compose input,.sb-compose select,.sb-compose textarea{width:100%;margin-top:.3rem;padding:.5rem .65rem;border-radius:8px;border:1px solid var(--portal-border,#334155);background:transparent;color:inherit}
.sb-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.sb-toolbar{display:flex;gap:.25rem;flex-wrap:nowrap;overflow-x:auto;padding:.35rem 0;margin-bottom:.4rem;-webkit-overflow-scrolling:touch}
.sb-toolbar button{min-width:2rem;flex:0 0 auto}
.sb-editor{min-height:16rem;border:1px solid var(--portal-border,#334155);border-radius:10px;padding:.85rem;background:rgba(2,6,23,.35)}
.sb-editor:focus{outline:2px solid rgba(99,102,241,.45)}
.sb-editor table{width:100%;border-collapse:collapse}
.sb-editor th,.sb-editor td{border:1px solid #475569;padding:.35rem}
.sb-callout,.sb-editor .sb-callout{border-left:4px solid #818cf8;background:rgba(99,102,241,.12);padding:.6rem .8rem;margin:.7rem 0}
.sb-checks{display:flex;flex-wrap:wrap;gap:.35rem .75rem}
.sb-check{display:inline-flex;gap:.35rem;align-items:center;font-size:.85rem}
.sb-people{max-height:9rem;overflow:auto}
.sb-actions,.sb-assist{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.8rem}
.sb-ack{margin-top:1.2rem;padding:1rem;border-radius:12px;border:1px solid rgba(245,158,11,.45);background:rgba(245,158,11,.08)}
.sb-warn{color:#fbbf24}
.sb-body{line-height:1.55}
.sb-body img{max-width:100%;height:auto}
@media (max-width:720px){
  .sb-grid{grid-template-columns:1fr}
  .sb-head{flex-direction:column}
}