/* Same v28 conversation components and tokens; no independent app shell. */
.multi-shop-mode #chatPanel,.multi-shop-mode #resizeHandle,.multi-shop-mode .workbench > .context-panel,
.multi-shop-mode #sidebarConversationList,.multi-shop-mode #longTaskList,.multi-shop-mode #taskWorkspaceTypes { display:none!important; }
.multi-shop-mode .workbench { grid-template-columns:minmax(0,1fr); }
.multi-shop-mode .device-control,.multi-shop-mode #liveBadge { display:none!important; }
.multi-shop-mode .sidebar-create-actions,.multi-shop-mode #conversationTabs { display:none!important; }
.multi-shop-workspace { display:grid; grid-template-columns:minmax(0,1fr) clamp(260px,25vw,340px); grid-template-rows:minmax(0,1fr); min-width:0; min-height:0; height:100%; color:var(--ink); background:#f8fbfd; font-family:var(--font-ui); }
.multi-shop-workspace[hidden],.multi-shop-history[hidden],.multi-shop-composer form[hidden],.multi-shop-return[hidden] { display:none!important; }
.multi-shop-main { display:flex; flex-direction:column; min-width:0; min-height:0; }
.multi-shop-activity { flex:none; }
.multi-shop-activity:empty { display:none; }
.multi-shop-activity .thinking { margin:8px 20px; }
.multi-shop-round-progress.multi-shop-run-progress { padding:0; margin:4px 6% 14px calc(var(--assistant-inset) + 52px); }
.multi-shop-round-progress:empty { display:none; }
.multi-shop-round-progress > .run-progress-line:not([hidden]) { margin:0; max-width:900px; }
.multi-shop-results.conversation { flex:1; min-height:0; height:0; max-height:none; overflow:auto; overscroll-behavior:contain; }
.multi-shop-round { margin:0; min-width:0; }
.multi-shop-round > .message { margin:0 6% 18px; }
.multi-shop-round > .message.assistant { margin-left:var(--assistant-inset); }
@media(min-width:921px) {
  .multi-shop-round > .message.assistant { margin-right:var(--assistant-inset); padding-right:0; }
  .multi-shop-round > .message.assistant > .message-stack { max-width:min(calc(100% - 52px),900px); }
}
.multi-shop-user { white-space:pre-wrap; overflow-wrap:anywhere; }
.multi-shop-answer { min-width:0; }
.multi-shop-answer.is-disclosing { overflow:hidden; width:100%; box-sizing:border-box; }
.multi-shop-answer.is-disclosing details { overflow:hidden; box-sizing:border-box; }
.multi-shop-answer > header { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-bottom:12px; }
.multi-shop-answer > header h3,.multi-shop-progress h3 { margin:0; color:var(--ink); font-size:13px; font-weight:650; }
.multi-shop-answer > header small { color:var(--muted); font-size:11px; white-space:nowrap; }
.multi-shop-answer > details { border-top:1px solid var(--line); padding:12px 0; }
.multi-shop-answer > details > summary { position:relative; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; column-gap:16px; row-gap:6px; list-style:none; cursor:pointer; padding:4px 0 4px 20px; font-size:12px; line-height:1.6; transition:color .18s ease; }
.multi-shop-answer summary::-webkit-details-marker { display:none; }
.multi-shop-answer > details > summary > strong { min-width:0; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.multi-shop-answer > details > summary:hover { color:#347f98; }
.multi-shop-live-detail { grid-column:1/-1; min-width:0; color:var(--muted); font-size:11px; font-weight:400; line-height:1.75; overflow-wrap:anywhere; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.multi-shop-answer > details > summary::before { content:""; position:absolute; left:0; top:7px; width:13px; height:13px; background:#8492a4; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m6 4 4 4-4 4' fill='none' stroke='black' stroke-width='1.3'/%3E%3C/svg%3E") center / contain no-repeat; transition:transform .18s ease; }
.multi-shop-answer details[open] > summary::before { transform:rotate(90deg); }
.multi-shop-answer details[data-disclosure-open="false"] > summary::before { transform:rotate(0); }
.multi-shop-text { min-width:0; overflow-wrap:anywhere; font-size:13px; line-height:1.85; padding:10px 0; }
.multi-shop-text > :first-child { margin-top:0; }
.multi-shop-text > :last-child { margin-bottom:0; }
.multi-shop-conclusion { margin-bottom:18px; }
.multi-shop-pending { color:var(--muted); font-size:12px; }
.multi-shop-run-progress { flex:none; padding:0 20px; }
.multi-shop-run-progress:empty { display:none; }
.multi-shop-text .md-table { max-width:100%; overflow:auto; }
.multi-shop-text pre { max-width:100%; overflow:auto; }
.multi-shop-boundary { display:block; color:var(--muted); font-size:11px; line-height:1.8; margin-top:10px; }
.multi-shop-answer button,.multi-shop-progress button,.multi-shop-return { border:1px solid var(--line); border-radius:8px; background:#fff; color:#53677a; padding:7px 10px; font:inherit; font-size:11px; cursor:pointer; transition:background .18s,border-color .18s; }
.multi-shop-answer button:hover:not(:disabled),.multi-shop-progress button:hover:not(:disabled),.multi-shop-return:hover { color:#255b68; background:#f3f9fb; border-color:var(--cyan); }
.multi-shop-answer .multi-shop-child-link { display:inline-flex; align-items:center; gap:12px; }
.multi-shop-workspace :is(button,summary):focus-visible,.multi-shop-history :is(button,summary):focus-visible,.multi-shop-return:focus-visible { outline:2px solid var(--cyan); outline-offset:2px; }
.multi-shop-workspace button:disabled { opacity:.5; cursor:not-allowed; }
.multi-shop-composer { flex:none; border-top:1px solid var(--line); }
.multi-shop-composer form { margin:0; }
.multi-shop-composer .composer-context > span { flex-wrap:wrap; }
.multi-shop-composer .composer-context i { display:flex; }
.multi-shop-composer .composer-foot { gap:12px; }
.multi-shop-composer-hint { margin-right:auto; color:var(--muted); font-size:10px; line-height:1.5; }
.multi-shop-composer .composer-foot button { flex:none; }
.multi-shop-progress { min-width:0; min-height:0; border-left:1px solid var(--line); padding:18px 16px; background:#f6f8fb; overflow:auto; overscroll-behavior:contain; }
.multi-shop-progress-card { padding:16px; border:1px solid var(--line); border-radius:10px; background:#fff; box-shadow:0 8px 24px rgba(35,59,89,.035); }
.multi-shop-progress-card > header { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.multi-shop-progress-card h3 { margin-top:6px; }
.multi-shop-progress-card h3 small { margin-left:5px; font-size:11px; font-weight:500; color:var(--muted); }
.multi-shop-eyebrow { display:block; color:#63889a; font-size:9px; font-weight:650; letter-spacing:.13em; }
.multi-shop-progress-card > p { margin:12px 0 4px; color:var(--muted); font-size:11px; line-height:1.7; }
.multi-shop-shops .multi-shop-shop { width:100%; display:flex; align-items:flex-start; gap:10px; text-align:left; background:transparent; border:1px solid transparent; border-bottom-color:var(--line); border-radius:0; padding:14px 0; }
.multi-shop-shops .multi-shop-shop:hover:not(:disabled) { background:#f8fbfd; border-color:transparent; border-bottom-color:var(--line); }
.multi-shop-shop-icon { flex:none; display:grid; place-items:center; width:28px; height:28px; border-radius:8px; color:#397b87; background:#eaf6f5; }
.multi-shop-shop-info { flex:1; min-width:0; }
.multi-shop-shop-info strong { display:block; color:var(--ink); font-weight:600; font-size:12px; line-height:1.6; overflow-wrap:anywhere; }
.multi-shop-shop-info > small { display:block; margin:3px 0 8px; color:var(--muted); font-size:10px; line-height:1.6; overflow-wrap:anywhere; }
.multi-shop-shop-arrow { flex:none; color:#8c9dab; font-size:12px; padding-top:4px; }
.multi-shop-status { display:inline-flex; align-items:center; gap:5px; flex:none; max-width:100%; color:var(--muted); font-size:11px; line-height:1.6; }
.multi-shop-status i { flex:none; width:5px; height:5px; border-radius:50%; background:currentColor; }
.multi-shop-status[data-tone=active] { color:#347f98; }
.multi-shop-status[data-tone=active] i { width:9px; height:9px; box-sizing:border-box; background:none; border:1.5px solid #cee3e8; border-top-color:currentColor; animation:multi-shop-status-spin .9s linear infinite; }
.multi-shop-answer > details > summary .multi-shop-status { white-space:nowrap; }
@keyframes multi-shop-status-spin { to { transform:rotate(360deg); } }
.multi-shop-status[data-tone=done] { color:#398679; }
.multi-shop-status[data-tone=attention] { color:#986c23; }
.multi-shop-history { overflow:auto; min-width:0; min-height:0; padding:4px 2px 12px; flex:1; }
.multi-shop-history-item { position:relative; }
.multi-shop-history-item > [data-multi-id] { padding-right:32px; }
.multi-shop-history-item > [data-multi-delete] { position:absolute; right:3px; top:7px; width:26px; height:26px; padding:0; text-align:center; color:var(--muted); font-size:17px; }
.multi-shop-history-item > [data-multi-delete]:hover:not(:disabled) { color:#a44b4b; background:#fff1ef; }
.multi-shop-history-item > [data-multi-delete]:disabled { opacity:.35; cursor:not-allowed; }
.multi-shop-toolbar { display:none; }
.multi-shop-toolbar button,.multi-shop-empty button,.multi-shop-history-dialog > button { flex:none; border:1px solid var(--line); border-radius:8px; padding:8px 12px; color:#355d73; background:#f5fafb; cursor:pointer; font:inherit; font-size:11px; }
.multi-shop-toolbar [data-multi-history],.multi-shop-toolbar [data-multi-new] { display:none; }
.multi-shop-history header { display:flex; align-items:center; justify-content:space-between; padding:12px 8px 6px; }
.multi-shop-history header > button { width:auto; padding:4px; color:var(--muted); font-size:10px; }
.multi-shop-history > [data-multi-new] { margin:8px 0; border-color:var(--line); background:#fff; color:#355d73; text-align:center; }
.multi-shop-search { display:flex; gap:4px; margin:10px 0; padding:0 4px; }
.multi-shop-search input { min-width:0; width:100%; border:1px solid var(--line); border-radius:7px; padding:8px; font:inherit; font-size:11px; color:var(--ink); background:#fff; }
.multi-shop-search button { width:auto!important; flex:none; padding:6px!important; font-size:10px; }
.multi-shop-history [data-history-list] > p,.multi-shop-history [data-history-notice] { padding:8px; color:var(--muted); font-size:11px; line-height:1.8; }
.multi-shop-history [data-history-more] { color:#355d73; text-align:center; border-color:var(--line); font-size:11px; }
.multi-shop-history [hidden] { display:none!important; }
.multi-shop-history-dialog { width:min(360px,calc(100vw - 32px)); max-height:calc(100dvh - 40px); box-sizing:border-box; margin:20px auto; padding:14px; border:1px solid var(--line); border-radius:12px; background:#f7fafc; color:var(--ink); box-shadow:0 16px 50px rgba(27,48,76,.16); font-family:var(--font-ui); }
.multi-shop-history-dialog[open] { display:flex; flex-direction:column; }
.multi-shop-history-dialog::backdrop { background:rgba(25,45,65,.25); backdrop-filter:blur(3px); }
.multi-shop-history-dialog > button { align-self:flex-end; }
.multi-shop-return { flex:none; align-self:stretch; text-align:left; border:0; border-bottom:1px solid var(--line); border-radius:0; background:#f0f8fa; padding:9px 20px; }
.multi-shop-history button { box-sizing:border-box; display:block; width:100%; padding:10px; border:1px solid transparent; border-radius:7px; text-align:left; background:transparent; color:var(--ink); font-family:var(--font-ui); cursor:pointer; transition:background .18s,border-color .18s; }
.multi-shop-history button:hover { background:rgba(255,255,255,.7); border-color:var(--line); }
.multi-shop-history button[aria-current=page] { background:#fff; border-color:var(--line); box-shadow:0 2px 7px rgba(30,52,82,.04); }
.multi-shop-history strong { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; overflow-wrap:anywhere; font-size:11px; font-weight:600; line-height:1.6; }
.multi-shop-history small { display:block; color:var(--muted); margin-top:4px; font-size:10px; line-height:1.5; }
.multi-shop-history details { margin:6px 0 12px 12px; border-left:1px solid var(--line); padding-left:8px; font-size:11px; }
.multi-shop-history details button { font-size:11px; overflow-wrap:anywhere; }
.multi-shop-history summary { color:var(--muted); cursor:pointer; padding:5px 0; }
.multi-shop-history > p { padding:14px 10px; color:var(--muted); font-size:11px; line-height:1.8; }
/* Reuse the ordinary sidebar segment, including in the mobile history dialog. */
.multi-shop-history nav.multi-shop-filters { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
.multi-shop-history nav.multi-shop-filters button { display:flex; align-items:center; justify-content:center; min-width:0; width:100%; height:29px; gap:0; padding:0 2px; border:0; border-radius:6px; color:#7d8997; background:transparent; box-shadow:none; font-size:9px; text-align:center; white-space:nowrap; }
.multi-shop-history nav.multi-shop-filters button::before,.multi-shop-history nav.multi-shop-filters button::after { content:none!important; display:none!important; }
.multi-shop-history nav.multi-shop-filters button.active { color:#2d4056; background:#fff; box-shadow:inset 0 0 0 1px #e2e7ec,0 1px 4px rgba(30,52,82,.04); }
.multi-shop-empty { display:flex; align-items:flex-start; gap:16px; max-width:640px; margin:clamp(24px,8vh,80px) auto; color:var(--muted); line-height:1.8; }
.multi-shop-empty > div { min-width:0; }
.multi-shop-empty h2 { margin:8px 0 10px; font-size:20px; line-height:1.6; font-weight:650; color:var(--ink); }
.multi-shop-empty p { margin:8px 0; font-size:13px; }
.multi-shop-empty small { font-size:11px; }
.multi-shop-example { margin:22px 0 14px; padding:10px 14px; border-left:2px solid var(--cyan); background:#eff6f9; }
.multi-shop-example span { font-size:10px; }
.multi-shop-example p { margin:4px 0; color:#415d75; }
.multi-shop-results,.multi-shop-progress,.multi-shop-history { scrollbar-width:thin; scrollbar-color:rgba(113,139,162,.32) transparent; }

/* Same quiet shop menu, with an explicit selected state and reachable action. */
.scope-popover .scope-multi-entry { border-color:var(--line); background:#f5fafb; margin-bottom:5px; }
.scope-multi-entry > .scope-option-icon { display:flex; }
.scope-popover .scope-multi-choice { display:flex; align-items:center; gap:10px; box-sizing:border-box; margin:2px 0; padding:10px; border:1px solid transparent; border-radius:8px; color:var(--ink); cursor:pointer; }
.scope-popover .scope-multi-choice:hover { background:#f5fafb; }
.scope-popover .scope-multi-choice:has(:checked) { background:#edf7f8; border-color:#bbdce4; }
.scope-popover .scope-multi-choice:focus-within { outline:2px solid var(--cyan); outline-offset:-2px; }
.scope-popover .scope-multi-choice input { width:16px; height:16px; margin:0; flex:none; accent-color:#398b96; }
.scope-multi-choice > span { flex:1; min-width:0; letter-spacing:normal; text-transform:none; }
.scope-multi-choice strong { font-size:12px; font-weight:600; line-height:1.6; overflow-wrap:anywhere; }
.scope-multi-choice small { display:block; color:var(--muted); font-size:10px; line-height:1.6; margin-top:3px; overflow-wrap:anywhere; }
.scope-multi-actions { position:sticky; bottom:0; z-index:1; display:flex; justify-content:space-between; align-items:center; gap:8px; padding:10px 6px; border-top:1px solid var(--line); background:#fff; }
.scope-multi-actions small { color:var(--muted); font-size:10px; }
.scope-popover .scope-multi-actions button { width:auto; min-height:32px; padding:6px 10px; color:#24566a; border:1px solid #a8cfd7; background:#edf7f8; font-size:11px; white-space:nowrap; }
.scope-popover .scope-multi-actions button:disabled { opacity:.45; cursor:not-allowed; }
.scope-popover [data-scope-back],.scope-popover [data-scope-history] { color:var(--muted); font-size:11px; }
@media(max-width:920px) {
  .multi-shop-toolbar [data-multi-history],.multi-shop-toolbar [data-multi-new] { display:block; }
  .multi-shop-toolbar { display:flex; grid-column:1/-1; grid-row:1; justify-content:space-between; padding:10px 16px; gap:8px; border-bottom:1px solid var(--line); }
  .multi-shop-round > .message { margin-inline:16px; }
  .multi-shop-workspace { grid-template-columns:minmax(0,1fr); grid-template-rows:auto auto minmax(0,1fr); }
  .multi-shop-progress { grid-row:2; border-left:0; border-bottom:1px solid var(--line); padding:10px 14px; max-height:180px; }
  .multi-shop-progress-card { border:0; padding:0; background:transparent; box-shadow:none; }
  .multi-shop-progress-card > p,.multi-shop-progress-card > .multi-shop-boundary,.multi-shop-progress-card .multi-shop-eyebrow { display:none; }
  .multi-shop-progress-card h3 { margin:0; }
  .multi-shop-shops { display:flex; gap:12px; overflow:auto; margin-top:8px; }
  .multi-shop-shops .multi-shop-shop { flex:0 0 205px; padding:9px; border:1px solid var(--line); border-radius:8px; background:#fff; }
  .multi-shop-shop-info strong { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .multi-shop-shop-info > small { margin-bottom:3px; }
  .multi-shop-main { grid-row:3; }
}
@media(max-width:620px) {
  .multi-shop-answer > details > summary { column-gap:8px; }
  .multi-shop-empty { gap:10px; margin:24px auto; }
  .multi-shop-empty h2 { font-size:18px; }
  .multi-shop-composer-hint { font-size:9px; }
}
/* Native height transitions for secondary disclosures, without competing with
   the result-card width/height controller. Existing keyboard semantics remain. */
@supports (interpolate-size:allow-keywords) {
  :is(.multi-shop-workspace details:not([data-result]),.multi-shop-history details) { interpolate-size:allow-keywords; }
  :is(.multi-shop-workspace details:not([data-result]),.multi-shop-history details)::details-content { overflow:hidden; block-size:0; opacity:0; transition:block-size .18s ease,opacity .18s ease,content-visibility .18s allow-discrete; }
  :is(.multi-shop-workspace details:not([data-result]),.multi-shop-history details)[open]::details-content { block-size:auto; opacity:1; }
}
.multi-shop-workspace .process-history[open] .process-history-body { animation:none; }
.multi-shop-workspace button,.multi-shop-toolbar button,.multi-shop-history-dialog > button,.scope-multi-choice { transition:background .18s,border-color .18s,color .18s,box-shadow .18s; }
@media(prefers-reduced-motion:reduce) {
  .multi-shop-workspace *,.multi-shop-history *,.scope-multi-choice { transition:none!important; animation:none!important; }
  :is(.multi-shop-workspace details,.multi-shop-history details)::details-content { transition:none!important; }
}