/* Product slice 7 — day one and the states (design-v2/css/18-slice-a.css, 20-b2.css).
   Three things the drawing draws and no other file of the organisation shell did: the day-one card,
   the client state strip and the top search's results. (The refused state of a typed field is in
   app.css: the console's shell draws the same dialogs with the same stylesheet.) */

/* ── day one: the state word of an organisation with nothing yet and ONE act under it ──
   app.css carries the drawing's blanket `.day1{display:none}` (the walk's switch); the product
   draws the card only when the server sent it, so it is always shown. */
.card.day1{display:block}
.card.day1 .d1a{margin-top:12px;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}

/* ── the client state strip, B-65: one line above the page, the colour of its weight ── */
.cstrip{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px;padding:10px 14px;
  border:1px solid var(--line);border-left:3px solid var(--wn);border-radius:0 11px 11px 0;background:var(--wn-d);
  font-size:12.5px;font-weight:600;color:var(--tx1)}
.cstrip[data-state="unpaid"],.cstrip[data-state="suspended"]{border-left-color:var(--dg);background:var(--dg-d)}

/* ── the top search's results, B-66: groups of rows, the object's name in bold ── */
#search-results{padding:6px 0}
.srg + .srg{margin-top:2px}
.srh{padding:8px 14px 4px;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--tx3)}
.srr{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding:8px 14px;cursor:pointer;font-size:12.5px;color:var(--tx2)}
.srr:hover,.srr:focus{background:var(--s3);color:var(--tx1);outline:none}
.srr b{font-weight:640;color:var(--tx1)}
.srr .mut{font-size:11.5px;color:var(--tx3)}
.srl{margin-left:auto;display:inline-flex;gap:12px}
@media (max-width:620px){
  .srl{margin-left:0;flex:1 1 100%}
}