/* /docs/team-devices · page scoped CSS (prefix pg-docs__team-devices-). Spacing between shared blocks, plus one page scoped part
   that is a promote request: the "ask your assistant" box with a Copy key (a question to paste, not a command, so not a .cy-cmd). */

/* the docs nav: vertical padding inside the current label's grey fill (Impeccable cramped-padding on long labels); min-height keeps
   the row at 36px. Promote request: the same padding on .cy-docs__list a. */
.pg-docs__team-devices-nav .cy-docs__list a{padding-block:7px}

/* fig. 01: the laptop nobody installed on reads quieter than the four that report; the sum sits under a hairline */
.pg-docs__team-devices-listfig{max-width:600px}
.pg-docs__team-devices-missing .cy-check__label,.pg-docs__team-devices-missing .cy-check__state{color:var(--s-ink-2)}
.pg-docs__team-devices-sum{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:12px;padding-top:14px;border-top:1px solid var(--s-line-2);font-family:var(--font-mono);font-size:calc(13px + var(--pg-mock-bump));line-height:1.45;color:var(--s-ink)}
.pg-docs__team-devices-sum span+span{color:#2757C9}

/* tables in the guide */
@media (min-width:768px){
  .pg-docs__team-devices-gaps th[scope="row"]{width:22%}
  .pg-docs__team-devices-ws th[scope="row"]{width:30%}
}

/* fig. 02 keeps the menu bar card's own frame (4:3, 460px on phones) */

/* the routine plate sits one gap under its lead */
.pg-docs__team-devices-routine{margin-top:24px}

/* the ask box: a question the reader can copy into their assistant (sky: the assistant hue) */
.pg-docs__team-devices-ask{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:20px;row-gap:8px;margin-top:24px;padding:18px 20px;box-shadow:inset 0 0 0 1px var(--pg-rule);background:var(--s-bg)}
.pg-docs__team-devices-ask__k{grid-column:1/-1;display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:13px;line-height:1.4;color:var(--s-ink-3)}
.cy-prose .pg-docs__team-devices-ask__q{margin:0;font-size:17px;line-height:1.5;color:var(--s-ink);text-wrap:pretty}
.pg-docs__team-devices-ask__copy{min-height:44px;white-space:nowrap}
.pg-docs__team-devices-ask__done{display:none}
.pg-docs__team-devices-ask__copy[data-state="copied"] .pg-docs__team-devices-ask__l{display:none}
.pg-docs__team-devices-ask__copy[data-state="copied"] .pg-docs__team-devices-ask__done{display:inline}
.pg-docs__team-devices-ask__fail{display:none;grid-column:1/-1;margin:0;font-size:14px;line-height:1.5;color:var(--s-ink-2)}
.pg-docs__team-devices-ask[data-copy="failed"] .pg-docs__team-devices-ask__fail{display:block}
@media (max-width:519px){
  .pg-docs__team-devices-ask{grid-template-columns:minmax(0,1fr);padding:16px}
  .pg-docs__team-devices-ask__copy{justify-self:start}
}
