/* One central conversation. Tasks and settings occupy the same optional slot. */
#p-play.bb-conversation-workspace {--bb-task-width:248px;--bb-operation-width:300px;}
#p-play.bb-conversation-workspace .pg-main {display:flex!important;flex-direction:column!important;position:relative!important;min-width:0!important;padding:0!important;gap:0!important;background:#fff!important;border:1px solid #e1e7ee!important;border-radius:16px!important;overflow:hidden!important;}
#p-play.bb-conversation-workspace .pg-main>.bb-rab-orchestration,
#p-play.bb-conversation-workspace .pg-main>.pg-presets,
#p-play.bb-conversation-workspace .pg-main>.bb-create-intent-preview,
#p-play.bb-conversation-workspace .pg-main>.pg-info {display:none!important;}
#p-play.bb-conversation-workspace .pg-out {order:1!important;flex:1 1 0!important;min-height:170px!important;max-height:none!important;overflow:auto!important;overscroll-behavior:contain;scrollbar-width:thin;padding:20px clamp(16px,3vw,48px)!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;transform:none!important;}
#p-play.bb-conversation-workspace .pg-out::before {display:none!important;content:none!important;}
#p-play.bb-conversation-workspace .pg-out .bb-create-conversation {max-width:800px;margin:0 auto;padding:0!important;}
#p-play.bb-conversation-workspace .bb-create-conversation-turn {padding:12px 0!important;font-size:14px;line-height:1.75;}
#p-play.bb-conversation-workspace .bb-create-conversation-text {font-size:14px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere;}
#p-play.bb-conversation-workspace .pg-in {order:3!important;flex:0 0 auto!important;margin:10px 16px 16px!important;padding:0!important;border:1px solid #d6dee9!important;border-radius:16px!important;box-shadow:0 5px 20px rgba(22,43,72,.05)!important;background:#fff!important;}
#p-play.bb-conversation-workspace .pg-in textarea {min-height:112px!important;line-height:1.65!important;font-size:14px!important;}
#p-play.bb-conversation-workspace .bb-create-conversation-context,
#p-play.bb-conversation-workspace .bb-create-followup-actions {display:none!important;}
#p-play.bb-conversation-workspace .pg-in-foot {min-height:46px!important;}
.bb-view-head {order:0;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:12px 16px;border-bottom:1px solid #edf0f4;background:#fff;}
.bb-view-identity {display:flex;align-items:center;gap:8px;min-width:0;flex:1;}
.bb-view-identity>span {display:grid;gap:3px;min-width:0;}
.bb-view-identity b {font-size:13px;color:#21334e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.bb-view-identity small {font-size:10px;color:#788698;}
.bb-view-head-actions {display:flex;align-items:center;gap:5px;}
.bb-view-head button,.bb-view-link {display:inline-flex;align-items:center;justify-content:center;min-width:30px;min-height:30px;padding:5px 8px;border:0;border-radius:8px;background:transparent;color:#61738b;text-decoration:none;cursor:pointer;font-size:14px;}
.bb-view-head button:hover,.bb-view-link:hover {background:#f0f4f8;color:#1f4e87;}
.bb-view-head button:focus-visible,.bb-view-panel button:focus-visible,.bb-view-link:focus-visible {outline:2px solid #5189ce;outline-offset:2px;}
.bb-view-update {flex-basis:100%;font-size:11px;color:#80672c;background:#fffaf0;border-radius:8px;padding:6px 10px;}
.bb-view-update button {color:#315d8d;font-size:11px;text-decoration:underline;}
.bb-view-panel {box-sizing:border-box;min-width:0;overflow:auto;padding:0 0 18px;background:#f6f8fb;border:1px solid #e0e6ee;border-radius:14px;scrollbar-width:thin;}
.bb-view-panel-head {position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;min-height:42px;padding:0 12px;background:#f6f8fb;border-bottom:1px solid #e5eaf1;}
.bb-view-panel-head>b {font-size:11px;color:#65748a;font-weight:600;}
.bb-view-panel-head button {border:0;background:none;color:#607089;font-size:22px;cursor:pointer;}
#bbCreateTaskContent {padding:10px;}
.bb-view-current {padding:14px 12px;background:#fff;border:1px solid #e0e7ef;border-radius:12px;}
.bb-view-status,.bb-view-empty>span {font-size:10px;color:#76849a;}
.bb-view-current h3 {font-size:13px;line-height:1.5;color:#253e5a;font-weight:650;margin:9px 0 6px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.bb-view-current p {font-size:11px;line-height:1.6;color:#7b8798;margin:0 0 10px;}
.bb-view-primary {width:100%;min-height:32px;border:1px solid #dbe5f1;border-radius:8px;background:#f3f7fc;color:#315c90;font-size:11px;cursor:pointer;}
.bb-view-image {display:block;width:100%;max-height:180px;margin-top:12px;padding:0;overflow:hidden;border:0;border-radius:8px;background:#f5f7fa;cursor:zoom-in;}
.bb-view-image img {display:block;max-height:180px;width:100%;object-fit:contain;}
.bb-view-assets {display:grid;gap:4px;margin:8px 0;}
.bb-view-assets button {display:flex;gap:8px;align-items:center;border:0;background:transparent;text-align:left;color:#5d718b;padding:6px;font-size:11px;min-width:0;cursor:pointer;}
.bb-view-assets button>span:last-child {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.bb-view-details {font-size:10px;line-height:1.6;margin:10px 2px;color:#7d899b;}
.bb-view-details summary {cursor:pointer;}
.bb-view-details p,.bb-view-details pre {overflow-wrap:anywhere;white-space:pre-wrap;}
.bb-view-task-list {margin-top:20px;}
.bb-view-task-list h3,.bb-view-decisions h3 {font-size:11px;font-weight:600;color:#77859a;margin:12px 3px 8px;}
.bb-view-task-list h3 span {float:right;}
.bb-view-task {display:flex;align-items:center;border:1px solid transparent;border-radius:9px;margin:3px 0;}
.bb-view-task.is-active {background:#eaf1fa;border-color:#dbe6f4;}
.bb-view-task>button {display:grid;gap:5px;flex:1;min-width:0;padding:10px 7px;text-align:left;background:none;border:0;cursor:pointer;}
.bb-view-task b {font-size:11px;font-weight:600;color:#3d5270;line-height:1.45;overflow-wrap:anywhere;}
.bb-view-task small {font-size:9px;color:#8792a2;}
.bb-view-task .bb-view-link {flex:0 0 28px;min-width:28px;}
.bb-view-edit-trigger {padding:8px;border:1px solid #dce6f3;border-radius:7px;background:white;color:#3c628e;font-size:11px;cursor:pointer;}
.bb-view-decisions p {font-size:11px;color:#7a879b;line-height:1.6;}
.bb-view-decisions {margin-top:18px;}
.bb-view-decisions summary {font-size:11px;color:#78869a;cursor:pointer;}
.bb-view-decisions article {padding:10px;background:#fff;border:1px solid #e3e8ef;border-radius:9px;}
.bb-view-decisions b {font-size:12px;color:#465d7b;}
.bb-view-decisions button {margin:3px;padding:6px;border:1px solid #dce5f0;border-radius:6px;background:#f5f8fc;font-size:10px;color:#315c90;cursor:pointer;}
.bb-view-editor {max-width:750px;margin:auto;font-size:13px;color:#40556f;}
.bb-view-editor h2 {font-size:18px;margin:20px 0 8px;}
.bb-view-editor label {display:grid;gap:8px;margin:18px 0;}
.bb-view-editor input,.bb-view-editor textarea {box-sizing:border-box;width:100%;padding:12px;border:1px solid #cfdbe9;border-radius:10px;font:inherit;line-height:1.7;color:#29415f;background:#fff;}
.bb-view-editor textarea {min-height:230px;resize:vertical;}
.bb-view-editor button {padding:8px 12px;background:#eef4fc;border:1px solid #d8e5f6;border-radius:8px;color:#2e578b;cursor:pointer;}
.bb-view-editor button:disabled {opacity:.5;cursor:not-allowed;}
.bb-view-editor-actions {display:flex;flex-wrap:wrap;gap:8px;margin:15px 0;}
.bb-view-editor pre {white-space:pre-wrap;overflow-wrap:anywhere;padding:12px;background:#f5f7fa;}
.bb-view-editor .bb-view-merge-confirm {display:flex;gap:10px;align-items:start;font-size:12px;}
.bb-view-editor .bb-view-merge-confirm input {width:16px;min-width:16px;}
.bb-view-history-note,.bb-view-branches {font-size:11px;line-height:1.6;color:#8190a2;max-width:800px;margin:16px auto;}
.bb-view-branches a {display:block;color:#4c709a;margin:7px 0;}
.bb-view-access {padding:24px;line-height:1.8;color:#62738a;font-size:13px;}
.bb-view-preview {max-width:90vw;width:900px;max-height:90dvh;padding:20px;border:1px solid #dce3ef;border-radius:18px;box-shadow:0 25px 100px #15263a40;}
.bb-view-preview::backdrop {background:#192b4766;}
.bb-view-preview>button {float:right;border:0;background:transparent;font-size:26px;cursor:pointer;}
.bb-view-preview h2 {font-size:16px;color:#344b6b;}
.bb-view-preview img,.bb-view-preview video {max-width:100%;max-height:65dvh;object-fit:contain;}
.bb-view-scrim[hidden] {display:none;}
.bb-view-current,.bb-view-decisions,.bb-view-editor,.bb-view-update,.bb-view-branches {min-width:0;overflow-wrap:anywhere;}
.bb-view-editor-actions button {max-width:100%;white-space:normal;}
@media(min-width:1240px){
  #p-play.bb-conversation-workspace .pg-grid {grid-template-columns:186px minmax(0,1fr) 248px!important;gap:12px!important;}
  #p-play.bb-conversation-workspace.operation-panel-open .pg-grid {grid-template-columns:186px minmax(0,1fr) 300px!important;}
  #p-play.bb-conversation-workspace .pg-side {width:186px!important;margin:0!important;}
  #p-play.bb-conversation-workspace .bb-view-panel {grid-column:3;grid-row:1;height:100%;}
  #p-play.bb-conversation-workspace:not(.operation-panel-open) .bb-create-operation-panel {display:none!important;}
  #p-play.bb-conversation-workspace.operation-panel-open .bb-view-panel {display:none;}
  #p-play.bb-conversation-workspace.operation-panel-open .bb-create-operation-panel {grid-column:3;grid-row:1;width:100%!important;margin:0!important;}
  .bb-view-panel-head>button,.bb-view-tasks-toggle {display:none!important;}
}
@media(min-width:901px){
  #p-play.bb-conversation-workspace .bb-workbench-rail-scroll{grid-auto-rows:max-content!important;}
  #p-play.bb-conversation-workspace .bb-workbench-rail-scroll>.bb-workbench-nav-item{height:auto!important;flex:0 0 auto!important;}
  #p-play.bb-conversation-workspace .bb-workbench-rail-scroll>.bb-create-launcher{grid-template-rows:auto auto!important;row-gap:4px!important;min-height:90px!important;align-items:start!important;}
}
@media(min-width:901px) and (max-width:1239px){
  #p-play.bb-conversation-workspace .pg-grid,#p-play.bb-conversation-workspace.operation-panel-open .pg-grid {grid-template-columns:186px minmax(0,1fr)!important;gap:12px!important;}
  #p-play.bb-conversation-workspace .pg-side {width:186px!important;margin:0!important;}
}
@media(max-width:1239px){
  #p-play.bb-conversation-workspace .bb-view-panel {display:none;position:fixed;z-index:100160;top:calc(var(--nav-height) + 8px);right:8px;bottom:8px;width:min(320px,calc(100vw - 16px));box-shadow:-12px 0 60px #13284630;}
  #p-play.bb-conversation-workspace.tasks-drawer-open .bb-view-panel {display:block;}
  .bb-view-scrim {position:fixed;z-index:100159;inset:0;background:#14243c66;}
}
@media(max-width:900px){
  /* Grow around notices/composer instead of clipping them on short screens. */
  #p-play.bb-conversation-workspace .pg-main {min-height:max(360px,calc(100dvh - 252px))!important;height:auto!important;max-height:none!important;}
  #p-play.bb-conversation-workspace .pg-grid,#p-play.bb-conversation-workspace.operation-panel-open .pg-grid {grid-template-columns:minmax(0,1fr)!important;}
  #p-play.bb-conversation-workspace .pg-in {margin:8px!important;}
  #p-play.bb-conversation-workspace .pg-out {padding:14px!important;flex:1 1 170px!important;max-height:clamp(170px,40dvh,480px)!important;}
  .bb-view-head {padding:10px 12px;}
}