/* web.css — 🌐 the web: $1B's room. LAYOUT ONLY; colours ride the card's own skin (desk.css). 4 Sep 2026.
   CORRECTION 5 Sep 2026 night: the ROOM retired; what is left here dresses the row and the line on B's OWN bar (below).
   The same rule as vault.css: the room, not the machinery. The hands live in the 0z drive side panel. */
/* 4 Sep eve (Sum, first sit in the seat: "too much wasted white space on the tool card for B") — in the hull a card IS a screen
   (mobile.css:46, 100dvh), so the room fills it with the thing that matters: WHAT HE JUST READ. The tray stays two columns down
   to phone width; the last read takes the middle; the receipts sit small at the bottom. */
/* (the .p-web rules — the card's screen — lived here until 5 Sep 2026 night; now in _recycle/2026-09-05-web-card-screen/web-card-screen.css) */

/* ── 5 Sep 2026 night, his second look: "not a card but actually be on the convo like the ui is rwo" — the belt at the foot of B's OWN bar,
      the target line under its head, the hands' receipts in its stream. rwo/panel.css is the parent (.tgt · .tools · .tool · .msg-r), recoloured
      to ride the bar's skin (currentColor) instead of the citrus palette. Only painted where there are hands (the seat); hidden on the desk. ── */
.agent-bar .web-tgt { flex-shrink: 0; padding: 4px 12px; font-size: 13px; opacity: .85; border-bottom: 1px solid currentColor; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.agent-bar .web-tgt b { opacity: 1; }
.agent-bar .web-row { flex-shrink: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(104px, 1fr)); gap: 6px; padding: 8px 12px; border-top: 1px solid currentColor; }
.agent-bar .web-tool { min-height: 48px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; padding: 4px 2px; font-size: 12.5px; line-height: 1.1; cursor: pointer;
  color: inherit; background: transparent; border: 1px solid currentColor; border-radius: 10px; opacity: .92; }
.agent-bar .web-tool .web-glyph { font-size: 18px; }
.agent-bar .web-tool .web-green { font-size: 11px; }
.agent-bar .web-tool:hover:not(:disabled) { opacity: 1; box-shadow: inset 0 0 0 1px currentColor; }
.agent-bar .web-tool:disabled { opacity: .45; cursor: default; }
.agent-bar .web-tool:focus-visible { outline: 3px solid currentColor; outline-offset: 2px; }
.agent-bar .web-tool.on { border-color: #2fae5a; box-shadow: inset 0 0 0 2px rgba(47,174,90,.35); }   /* 👁 watching */
@media (max-width: 440px) { .agent-bar .web-row { grid-template-columns: repeat(3, 1fr); } }
/* a receipt in the stream — the surface, not a claim (RWO .msg-r): a dim mono line, no bubble */
.agent-bar .convo .web-receipt { font: 12.5px/1.45 ui-monospace, Menlo, monospace; opacity: .75; padding: 1px 4px; background: transparent; border: 0; box-shadow: none; max-width: 100%; align-self: stretch; white-space: pre-wrap; }