export declare const MISC_CSS = "  /* ---------- hero composer on mobile ----------\n     The official hero card carries a 2-line textarea plus a tall tool row,\n     which reads oversized on a phone. Tighten the empty-state rhythm: keep\n     the official centered hero, shrink the textarea line box, slim the card\n     padding and the tool row, and close the gap under the headline. */\n\n  [data-phase=\"hero\"] [class$=\"_card\"]:has(textarea) {\n    padding-top: 6px !important;\n    gap: 8px !important;\n  }\n  /* The official composer autosizes the textarea and writes an inline\n     height (2 lines on the hero empty state) on the textarea's scroll/grow\n     wrappers. :placeholder-shown lets us collapse the EMPTY state to one\n     line with !important; as soon as the user types, the pseudo-class no\n     longer matches and the autosizer's inline height takes over again \u2014 so\n     multi-line growth keeps working. */\n  [data-phase=\"hero\"] textarea:placeholder-shown {\n    height: 28px !important;\n  }\n  [data-phase=\"hero\"] [class$=\"_card\"]:has(textarea:placeholder-shown) > [class$=\"_scroll\"],\n  [data-phase=\"hero\"] [class$=\"_card\"]:has(textarea:placeholder-shown) [class$=\"_grow\"] {\n    height: 28px !important;\n  }\n  [data-phase=\"hero\"] [class$=\"_card\"]:has(textarea) > [class$=\"_row\"] {\n    padding-top: 2px !important;\n  }\n  [data-phase=\"hero\"] [class$=\"_headline\"] {\n    line-height: 1.15 !important;\n    margin-bottom: 0 !important;\n  }\n  [data-phase=\"hero\"] [class$=\"_stack\"] {\n    gap: 0 !important;\n  }\n\n  /* ---------- composer dock: swap git branch chip with the todo card ----------\n     The git-graph branch chip (conversation.input.dock, order 100) floats\n     alone at the bottom-left above the input card, with a dead zone to its\n     right; the full-width todo card (order 0) sits above it. Swap them so\n     the chip reads as the stack's top row and the todo card fills the row\n     above the composer. The dock container itself is display:contents\n     (inline style) \u2014 its children are direct flex items of the composer\n     stack, so order on the children is what reorders them. Only the chip\n     needs an order change: -1 puts it before the todo card (order 0) and\n     before the input card (order 0, later in DOM). The todo card must KEEP\n     its order 0 \u2014 raising it past the input card's order 0 would drop it\n     below the composer entirely (2026-08-16 regression, fixed). The queue\n     strip (order 20) keeps hugging the input card. Desktop untouched (this\n     block lives inside the max-width: 1023px media query). */\n  [data-slot=\"conversation.input.dock\"] [data-gitgraph-chip-anchor] {\n    order: -1 !important;\n  }\n  /* Mobile tap target + feedback for the branch chip (git-graph, 24px\n     desktop spec). Two real-world problems: \u2460 the chip is tiny and sits\n     right above the expandable todo card \u2014 mis-taps land on the todo card;\n     \u2461 opening the popover waits for the host's /git/branches round-trip\n     (~700ms on device) with zero feedback, so users tap again and toggle\n     the popover closed. Enlarge the target, kill double-tap zoom delay,\n     and give an instant pressed state so a tap reads as registered. */\n  [data-slot=\"conversation.input.dock\"] [data-gitgraph-chip-anchor] [data-gitgraph-chip] {\n    touch-action: manipulation !important;\n    min-height: 34px !important;\n    padding: 0 12px !important;\n    font-size: 13px !important;\n  }\n  [data-slot=\"conversation.input.dock\"] [data-gitgraph-chip-anchor] [data-gitgraph-chip]:active {\n    transform: scale(.96) !important;\n    transition: transform .12s !important;\n  }\n}\n\n/* ---------- tablet / wide mobile: keep sheets from becoming full-width ----------\n   Below 768px the near-full-width sheets are the right call for a phone.\n   On wider but still sub-desktop viewports (foldables, tablet portrait,\n   desktop-mode tall windows) the same full-bleed sheet leaves content\n   clustered at the left edge with a large dead zone on the right. Cap and\n   center the modal sheets and the aionui bottom sheets instead. */\n@media (min-width: 768px) and (max-width: 1023px) {\n  /* All modal dialogs: centered, never edge-to-edge. The settings sheet has\n     a higher-specificity full-width rule above, so repeat its selector here\n     to win; the generic export/other-modal rule is covered by the second\n     selector. */\n  [aria-modal=\"true\"]:has(> :first-child > :last-child > button):not(:has([role=\"navigation\"])):not(:has([class*=\"ZuhsRW\"])),\n  [aria-modal=\"true\"]:not(:has(> :first-child > :last-child > button)) {\n    left: 0 !important;\n    right: 0 !important;\n    margin-left: auto !important;\n    margin-right: auto !important;\n    width: min(calc(100vw - 32px), 720px) !important;\n    max-width: min(calc(100vw - 32px), 720px) !important;\n  }\n\n  /* The dsh-web-ui explorer / preview bottom sheets: same treatment \u2014 keep\n     the mobile bottom-sheet behavior, but stop them spanning the full width. */\n  [data-aionui-explorer-col],\n  [data-aionui-preview-col] {\n    left: 0 !important;\n    right: 0 !important;\n    width: min(calc(100vw - 32px), 720px) !important;\n    margin-left: auto !important;\n    margin-right: auto !important;\n  }\n\n  /* Settings sections (e.g. Agent presets) often carry a desktop max-width\n     (720px) that leaves a dead strip on the right once the sheet is capped to\n     the same width; let them fill the sheet body instead. */\n  [aria-modal=\"true\"] [class$=\"_section\"] {\n    width: 100% !important;\n    max-width: none !important;\n  }\n}\n\n/* ---------- desktop: the mobile controls must never appear ---------- */\n\n@media (min-width: 1024px) {\n  [data-mobile-nav=\"toggle\"],\n  [data-mobile-nav=\"files\"],\n  [data-mobile-nav=\"fab\"],\n  [data-mobile-nav=\"backdrop\"],\n  [data-mobile-nav=\"session-log\"],\n  [data-mobile-nav=\"explorer\"],\n  [data-mobile-nav=\"drawer-actions\"] {\n    display: none !important;\n  }\n}\n";
//# sourceMappingURL=misc.css.d.ts.map