export declare const INFO_CSS = "/* ---------- session-info sheet (< 768px) ---------- */\n\n/* Unconditional render (React, not CSS, decides open/closed) \u2014 default\n   hidden outside the phone breakpoint so a stray SESSION_INFO_EVENT at\n   >=768px (the \u24D8 trigger itself is already CSS-hidden there) can never\n   paint anything, mirroring header.css.ts's own belt-and-braces list. */\n[data-mobile-nav=\"info-layer\"] {\n  display: none;\n}\n\n@media (max-width: 767px) {\n  /* header.css.ts hides every [data-slot=\"conversation.session.header.utilities\"]\n     direct child by default (its own \u24D8/workbench buttons are the two named\n     exceptions) \u2014 this is a second, sibling entry on that same slot, so it\n     needs the identical re-show override. Equal specificity\n     ([data-slot=\"\u2026\"] > * vs this attribute selector, both one attribute\n     selector + !important) means source order decides the tie; this file\n     is concatenated after header.css.ts in styles/index.ts, so it wins. */\n  [data-phase] header [data-slot=\"conversation.session.header.utilities\"] > [data-mobile-nav=\"info-layer\"] {\n    display: block !important;\n  }\n\n  /* The sheet renders inside the header, and `[data-phase] header` is a\n     stacking context of its own (position: relative + z-index: 2, set in\n     header.css.ts so the header's fade strip paints over the scroller). A\n     child's z-index is scoped to that context, so the z:70 below competes not\n     with the page but with the header's own 2 \u2014 and the host's composer seat\n     (.wSkVaW_composerSeat, z:7, from dsh-client-ui-conversation) outranks\n     it. Measured live on DSH 0.1.2, 2026-09-04: with the sheet open, the\n     topmost element over the composer band was the composer's own trigger\n     button, i.e. the input row painted THROUGH the card.\n     Promote the header itself for exactly as long as the sheet is mounted \u2014\n     MobileSessionInfo returns null when closed (`if (!open) return null`),\n     so the header drops back to 2 on close (verified: 70 while open, 2\n     after). Descendant :has(), never `>`: the utilities slot wrapper is\n     `display: contents` and the host owns the depth (AGENTS.md \u2014 do not\n     encode host DOM depth in a selector).\n     Not raising the seat's own z-index instead: it belongs to the host and\n     is shared with the scroll-to-bottom button and the composer sheets. */\n  [data-phase] header:has([data-mobile-nav=\"info-layer\"]) {\n    z-index: 70;\n  }\n\n  [data-mobile-nav=\"info-layer\"] {\n    position: fixed;\n    inset: 0;\n    /* Above the composer's own bottom sheets (permission/model menus sit at\n       z:60, styles/composer.css.ts) and the shell.overlay layer's z:20\n       ceiling (AGENTS.md stacking-context pitfall) \u2014 this sheet must cover\n       both, which is only possible because it renders inside the header's\n       own DOM instead of that capped layer. */\n    z-index: 70;\n  }\n  [data-mobile-nav=\"info-mask\"] {\n    position: absolute;\n    inset: 0;\n    border: none;\n    background: var(--dsw-alias-bg-mask-3, rgba(0, 0, 0, .45));\n    animation: dsh-mobile-nav-fade .18s var(--ds-ease-out, ease-in-out);\n  }\n  [data-mobile-nav=\"info-sheet\"] {\n    position: absolute;\n    left: 8px;\n    right: 8px;\n    bottom: calc(var(--mnav-sab) + 8px);\n    max-height: 82dvh;\n    overflow-y: auto;\n    overscroll-behavior: contain;\n    box-sizing: border-box;\n    padding: 12px;\n    border-radius: 16px;\n    background: var(--dsw-alias-bg-layer-2, #ffffff);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, .28);\n    animation: dsh-mobile-nav-sheet-up .22s var(--ds-ease-out, ease-in-out);\n  }\n  @media (prefers-reduced-motion: reduce) {\n    [data-mobile-nav=\"info-mask\"],\n    [data-mobile-nav=\"info-sheet\"] {\n      animation: none !important;\n    }\n  }\n\n  /* --- head: Chat/Trajectory segmented control + close --- */\n  [data-mobile-nav=\"info-head\"] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 8px;\n    margin-bottom: 10px;\n  }\n  [data-mobile-nav=\"info-tabs\"] {\n    display: flex;\n    gap: 2px;\n    padding: 2px;\n    background: var(--dsw-alias-interactive-bg-hover, rgba(0, 0, 0, .06));\n    border-radius: 12px;\n  }\n  [data-mobile-nav=\"info-tab\"] {\n    min-height: 36px;\n    padding: 0 14px;\n    border: none;\n    border-radius: 10px;\n    background: transparent;\n    color: var(--dsw-alias-label-secondary, rgba(0, 0, 0, .5));\n    font-family: inherit;\n    font-size: 14px;\n    cursor: pointer;\n    touch-action: manipulation;\n    -webkit-tap-highlight-color: transparent;\n  }\n  [data-mobile-nav=\"info-tab\"][data-selected] {\n    background: var(--dsw-alias-bg-layer-2, #ffffff);\n    color: var(--dsw-alias-label-primary, inherit);\n    font-weight: 600;\n    box-shadow: 0 1px 3px rgba(0, 0, 0, .12);\n  }\n  [data-mobile-nav=\"info-close\"] {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 34px;\n    height: 34px;\n    flex: none;\n    padding: 0;\n    border: none;\n    border-radius: 50%;\n    background: transparent;\n    color: var(--dsw-alias-label-secondary, inherit);\n    cursor: pointer;\n    touch-action: manipulation;\n    -webkit-tap-highlight-color: transparent;\n  }\n  [data-mobile-nav=\"info-close\"]:active {\n    background: var(--dsw-alias-interactive-bg-hover, rgba(0, 0, 0, .06));\n  }\n\n  /* --- badges: agent preset, subagent count, cwd --- */\n  [data-mobile-nav=\"info-badges\"] {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: 6px;\n    margin-bottom: 12px;\n  }\n  [data-mobile-nav=\"info-badge\"],\n  [data-mobile-nav=\"info-badge-cwd\"] {\n    display: inline-flex;\n    align-items: center;\n    max-width: 100%;\n    padding: 4px 10px;\n    border-radius: 999px;\n    background: var(--dsw-alias-interactive-bg-hover, rgba(0, 0, 0, .06));\n    color: var(--dsw-alias-label-secondary, rgba(0, 0, 0, .6));\n    font-size: 12px;\n    line-height: 18px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n  [data-mobile-nav=\"info-badge-cwd\"] {\n    font-family: var(--dsw-font-mono, ui-monospace, monospace);\n  }\n\n  /* --- six-cell stats grid --- */\n  [data-mobile-nav=\"info-stats\"] {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 8px;\n    margin-bottom: 12px;\n  }\n  [data-mobile-nav=\"info-stat\"] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 2px;\n    min-height: 48px;\n    padding: 8px 4px;\n    border-radius: 12px;\n    background: var(--dsw-alias-bg-layer-1, rgba(0, 0, 0, .03));\n    text-align: center;\n  }\n  [data-mobile-nav=\"info-stat-value\"] {\n    color: var(--dsw-alias-label-primary, inherit);\n    font-size: 17px;\n    font-weight: 600;\n    font-variant-numeric: tabular-nums;\n    line-height: 1.2;\n  }\n  [data-mobile-nav=\"info-stat-label\"] {\n    color: var(--dsw-alias-label-tertiary, rgba(0, 0, 0, .4));\n    font-size: 11px;\n    line-height: 1.3;\n  }\n  [data-mobile-nav=\"info-stat-sub\"] {\n    color: var(--dsw-alias-label-tertiary, rgba(0, 0, 0, .4));\n    font-size: 10px;\n    line-height: 1.2;\n  }\n\n  /* --- T67: the remote-access row (label + live description + switch) --- */\n  [data-mobile-nav=\"info-remote\"] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 10px;\n    margin-bottom: 8px;\n    padding: 10px 12px;\n    border: 1px solid var(--dsw-alias-border-l1, rgba(0, 0, 0, .12));\n    border-radius: 12px;\n  }\n  [data-mobile-nav=\"info-remote-text\"] {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    min-width: 0;\n  }\n  [data-mobile-nav=\"info-remote-label\"] {\n    color: var(--dsw-alias-label-primary, inherit);\n    font-size: 13px;\n    line-height: 1.3;\n  }\n  [data-mobile-nav=\"info-remote-desc\"] {\n    color: var(--dsw-alias-label-tertiary, rgba(0, 0, 0, .4));\n    font-size: 11px;\n    line-height: 1.3;\n  }\n  /* The switch: a 44x26 track whose TRANSPARENT ::before stretches the\n     tappable area to 52x44 (inset -9px vertical / -4px horizontal) \u2014 the\n     44x44 minimum touch target without moving the visible control; ::after\n     is the thumb, so ::before carries the hot-zone extension. The horizontal\n     reach leans toward the row edge, away from the description text. */\n  [data-mobile-nav=\"info-remote-switch\"] {\n    position: relative;\n    flex: none;\n    width: 44px;\n    height: 26px;\n    padding: 0;\n    border: none;\n    border-radius: 13px;\n    background: var(--dsw-alias-label-tertiary, rgba(0, 0, 0, .4));\n    cursor: pointer;\n    touch-action: manipulation;\n    -webkit-tap-highlight-color: transparent;\n    transition: background .15s ease;\n  }\n  [data-mobile-nav=\"info-remote-switch\"]::before {\n    content: '';\n    position: absolute;\n    inset: -9px -4px;\n  }\n  [data-mobile-nav=\"info-remote-switch\"]::after {\n    content: '';\n    position: absolute;\n    top: 3px;\n    left: 3px;\n    width: 20px;\n    height: 20px;\n    border-radius: 50%;\n    background: #fff;\n    box-shadow: 0 1px 2px rgba(0, 0, 0, .25);\n    transition: transform .15s ease;\n  }\n  [data-mobile-nav=\"info-remote-switch\"][data-on] {\n    background: var(--dsw-alias-state-success-primary, #16a34a);\n  }\n  [data-mobile-nav=\"info-remote-switch\"][data-on]::after {\n    transform: translateX(18px);\n  }\n  [data-mobile-nav=\"info-remote-switch\"]:disabled {\n    opacity: .5;\n    cursor: default;\n  }\n\n  [data-mobile-nav=\"info-error\"] {\n    margin-bottom: 8px;\n    padding: 8px 10px;\n    border-radius: 10px;\n    background: var(--dsw-alias-state-warn-bg, rgba(217, 119, 6, .12));\n    color: var(--dsw-alias-state-warn-primary, #d97706);\n    font-size: 12px;\n    line-height: 1.4;\n  }\n\n  /* --- action row: export / rename / fork / archive --- */\n  [data-mobile-nav=\"info-actions\"] {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 8px;\n  }\n  [data-mobile-nav=\"info-action\"] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 6px;\n    min-height: 48px;\n    padding: 0 10px;\n    border: 1px solid var(--dsw-alias-border-l1, rgba(0, 0, 0, .12));\n    border-radius: 12px;\n    background: transparent;\n    color: var(--dsw-alias-label-primary, inherit);\n    font-family: inherit;\n    font-size: 13px;\n    cursor: pointer;\n    touch-action: manipulation;\n    -webkit-tap-highlight-color: transparent;\n  }\n  [data-mobile-nav=\"info-action\"]:active:not(:disabled) {\n    background: var(--dsw-alias-interactive-bg-hover, rgba(0, 0, 0, .06));\n  }\n  [data-mobile-nav=\"info-action\"]:disabled {\n    opacity: .5;\n    cursor: default;\n  }\n  [data-mobile-nav=\"info-action\"][data-mobile-nav-danger] {\n    border-color: var(--dsw-alias-state-warn-primary, #d97706);\n    color: var(--dsw-alias-state-warn-primary, #d97706);\n  }\n}\n";
//# sourceMappingURL=info.css.d.ts.map