/* Sacred Command Center · activities module styles. Owned by the activities module agent. Use the semantic tokens from theme.css only (no hex, no rgba): tests/static.mjs S-a2 fails the build on a literal color. */

/* ── Shared: owner mark, task title, the dense row the containers use ─────────────────────────────────────────── */
.act-owner { display: inline-flex; align-items: center; gap: var(--s-2); min-width: 0; }
.act-owner .avatar { flex: none; }
.act-tt { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.act-tt.is-done { color: var(--text-3); text-decoration: line-through; text-decoration-color: var(--text-3); }
.act-with { display: flex; flex-direction: column; min-width: 0; line-height: 1.3; }
.act-with b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }
.act-with-s { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--fs-caption); color: var(--text-3); }
.act-foot { padding: var(--s-2) var(--s-3); border-top: 1px solid var(--line); }
.act-none { padding: var(--s-2) var(--s-3); color: var(--text-3); font-size: var(--fs-cell); }
.act-line { padding: 0; color: var(--text-2); }
.act-btns { display: flex; flex-wrap: wrap; gap: var(--s-2); align-items: center; }
.act-static { display: flex; align-items: center; min-height: 40px; color: var(--text-2); }
.act-containers { display: flex; flex-direction: column; gap: var(--s-3); min-width: 0; }
.act-containers + .act-dial { margin-top: var(--s-4); }

.arow { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; grid-template-areas: "lead main meta acts"; align-items: center; column-gap: var(--s-2); min-height: 52px; padding: var(--s-1) var(--s-3); color: var(--text); }
.arow:not(:has(> .arow-lead)) { grid-template-columns: minmax(0, 1fr) auto auto; grid-template-areas: "main meta acts"; }
.arow > .arow-lead { grid-area: lead; position: relative; z-index: 1; display: flex; align-items: center; }
.arow > .arow-main { grid-area: main; }
.arow > .arow-meta { grid-area: meta; }
.arow > .arow-acts { grid-area: acts; }
.arow-main { min-width: 0; display: flex; flex-direction: column; padding: 4px 0; color: var(--text); text-align: left; text-decoration: none; }
a.arow-main:hover { text-decoration: none; }
.arow--link .arow-main::after { content: ""; position: absolute; inset: 0; }   /* the whole row is the control; the lead and the actions sit above it */
.arow--link .arow-main:focus-visible { outline: none; }
.arow--link .arow-main:focus-visible::after { outline: 2px solid var(--focus); outline-offset: -2px; border-radius: var(--r-button); }
@media (hover: hover) { .arow--link:hover { background: var(--hover); } }
.arow--link:active { background: var(--hover); }
.arow-t { font-size: var(--fs-cell); font-weight: 600; line-height: 1.35; color: var(--text); overflow-wrap: anywhere; }
.arow-s { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--fs-caption); line-height: 1.4; letter-spacing: var(--caption-ls); color: var(--text-3); }
.arow-meta { position: relative; z-index: 1; display: inline-flex; justify-self: end; align-items: center; gap: var(--s-1); font-size: var(--fs-caption); font-weight: 600; color: var(--text-2); white-space: nowrap; font-variant-numeric: tabular-nums; }
.arow-acts { position: relative; z-index: 1; display: inline-flex; align-items: center; gap: var(--s-1); justify-self: end; }
.arow.is-late .arow-s { color: var(--text-2); }
.arow-lead:has(.act-when) { width: 88px; }
.arow-lead:has(.check) { margin-left: -8px; width: 44px; }
.arow .chip { min-width: 64px; justify-content: center; }
.arow-lead:has(.chip) { width: 76px; }

.act-when { display: flex; flex-direction: column; line-height: 1.25; }
.act-when b { font-size: var(--fs-cell); font-weight: 700; font-variant-numeric: tabular-nums; color: var(--text); }
.act-when span { font-size: var(--fs-caption); color: var(--text-3); white-space: nowrap; }
.act-date { display: grid; place-items: center; align-content: center; width: 48px; height: 48px; border: 1px solid var(--line-strong); border-radius: var(--r-button); line-height: 1.05; background: var(--surface-2); }
.act-date span { font-size: var(--fs-caption); font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em; color: var(--text-3); }
.act-date b { font-size: var(--fs-h3); font-weight: 800; font-variant-numeric: tabular-nums; color: var(--text); }
.act-date.is-none { border-style: dashed; color: var(--text-3); }
.act-outcome { display: inline-flex; align-items: center; gap: 4px; font-weight: 700; color: var(--text); }
.act-outcome .i { color: var(--text-3); }
.act-outcome.is-noshow .i, .act-outcome.is-canceled .i { color: var(--accent-mark); }
.act-outcome.is-held .i { color: var(--gilt); }

/* ── Task sheet and note editor ─────────────────────────────────────────────────────────────────────────────── */
.act-task { display: flex; align-items: flex-start; gap: var(--s-2); }
.act-task .check { flex: none; margin-top: 2px; }
.act-task-title { flex: 1; min-width: 0; font-size: var(--fs-h3); font-weight: 700; line-height: 1.3; min-height: 84px; }
.act-facts { margin-top: var(--s-2); }
.act-note-status { display: flex; align-items: center; gap: var(--s-2); min-height: 24px; margin: 0 0 var(--s-2); font-size: var(--fs-caption); color: var(--text-3); }
.act-note-st.is-bad { color: var(--text); font-weight: 700; }
.act-note-edit { min-height: min(46vh, 22rem); font-size: var(--fs-body); line-height: 1.55; }
.act-toolbar { display: flex; flex-wrap: wrap; gap: var(--s-2); width: 100%; }
.act-toolbar .act-danger { margin-left: auto; }
.act-search { flex: 1 1 14rem; max-width: 22rem; min-width: 0; }
.act-search .input { min-height: 36px; }
.act-nt { display: flex; align-items: center; gap: var(--s-2); min-width: 0; }
.act-nt b { flex: 0 1 auto; min-width: 8ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }
.act-nt-p { flex: 1 1 6ch; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--text-3); font-weight: 400; }
.act-nt-i { flex: none; color: var(--text-3); }

/* ── Notes, Recent (grouped as HQ opened) ───────────────────────────────────────────────────────────────────── */
.act-recent { display: flex; flex-direction: column; gap: var(--s-4); padding: var(--s-3) 0; }
.act-ng { background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-card); overflow: hidden; }
.act-ng-h { display: flex; align-items: center; gap: var(--s-2); margin: 0; padding: var(--s-2) var(--s-3); border-bottom: 1px solid var(--line); }
.act-ng-h .num { color: var(--text-3); font-weight: 600; }
.act-nlist > li + li { border-top: 1px solid var(--line); }
.act-nrow { position: relative; }
.act-nrow-in { display: flex; align-items: center; gap: var(--s-1); padding: 0 var(--s-2) 0 var(--s-3); background: var(--surface); }
.act-nrow-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; padding: var(--s-2) 0; text-align: left; color: var(--text); }
.act-nrow-t { font-size: var(--fs-cell); font-weight: 700; line-height: 1.35; }
.act-nrow-s { font-size: var(--fs-caption); color: var(--text-3); }
.act-nrow-s b { color: var(--text-2); font-weight: 600; }
.act-nrow-f { font-size: var(--fs-caption); color: var(--text-3); }
@media (hover: hover) { .act-nrow-in:hover { background: var(--hover); } }

/* ── Meetings: the agenda by day, client days, the sheet ───────────────────────────────────────────────────── */
.act-agenda-days { display: flex; flex-direction: column; }
.act-day + .act-day { border-top: 1px solid var(--line); }
.act-day-h { display: flex; align-items: baseline; justify-content: space-between; gap: var(--s-2); padding: var(--s-2) var(--s-3) var(--s-1); }
.act-day-d { font-size: var(--fs-caption); font-weight: 700; letter-spacing: var(--caption-ls); color: var(--text-2); }
.act-day.is-today .act-day-d { color: var(--text); }
.act-day-n { font-size: var(--fs-caption); color: var(--text-3); }
.act-day.is-none { padding-bottom: var(--s-1); }
.act-day.is-none .act-day-h { padding-bottom: var(--s-2); }
.act-day > .list { padding-bottom: var(--s-1); }
.ctr-in > .notice { margin: var(--s-2) var(--s-3); }
.act-mhead { display: flex; align-items: center; gap: var(--s-3); }
.act-mhead-t { display: flex; flex-direction: column; min-width: 0; }
.act-mhead-t b { font-size: var(--fs-h3); font-weight: 700; line-height: 1.3; }
.act-sec { display: flex; flex-direction: column; gap: var(--s-2); margin-top: var(--s-4); padding-top: var(--s-3); border-top: 1px solid var(--line); }
.act-sec > .eyebrow { margin: 0; }
.act-sec .eyebrow .num { margin-left: var(--s-1); color: var(--text-3); font-weight: 600; }
.act-mhead + .act-sec, .notice + .act-sec { margin-top: var(--s-3); }
.act-agenda { display: flex; flex-direction: column; gap: var(--s-2); counter-reset: ag; }
.act-agenda li { position: relative; display: flex; flex-direction: column; padding-left: 2rem; counter-increment: ag; }
.act-agenda li::before { content: counter(ag); position: absolute; left: 0; top: 0; display: grid; place-items: center; width: 1.5rem; height: 1.5rem; border: 1px solid var(--line-strong); border-radius: var(--r-button); font-size: var(--fs-caption); font-weight: 700; font-variant-numeric: tabular-nums; color: var(--text-2); }
.act-agenda b { font-weight: 700; }
.act-agenda span { color: var(--text-2); font-size: var(--fs-cell); }
.act-notes { display: flex; flex-direction: column; gap: var(--s-2); }
.act-notes li { padding: var(--s-2) var(--s-3); background: var(--surface-2); border: 1px solid var(--line); border-radius: var(--r-button); }
.act-notes p { margin: 2px 0 var(--s-1); white-space: pre-wrap; overflow-wrap: anywhere; }
.act-mnotes { min-height: 7rem; }
.act-todos { border: 1px solid var(--line); border-radius: var(--r-button); }
.act-todos .arow { min-height: 48px; }
.act-todo-add .btn { margin-bottom: 0; }
.act-before .kv dd { min-width: 0; }

/* ── Calls: the numbers strip ───────────────────────────────────────────────────────────────────────────────── */
.act-numbers { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-2) var(--s-5); margin-bottom: var(--s-3); padding: var(--s-2) var(--s-3); background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-card); }
.act-numbers > .eyebrow { margin: 0; }
.act-numgrp { display: flex; align-items: center; gap: var(--s-3); min-width: 0; }
.act-numwho { font-size: var(--fs-caption); font-weight: 700; color: var(--text-2); }
.act-num { display: inline-flex; align-items: baseline; gap: var(--s-1); font-size: var(--fs-caption); color: var(--text-3); }
.act-num b { font-size: var(--fs-h3); font-weight: 800; color: var(--text); }

/* ── Calendar ───────────────────────────────────────────────────────────────────────────────────────────────── */
.act-cal { display: flex; flex-direction: column; gap: var(--s-3); min-width: 0; }
.act-cal-kinds { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-1) var(--s-3); }
.act-month { background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-card); overflow: hidden; }
.act-month-h, .act-month-w { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); }
.act-month-h { border-bottom: 1px solid var(--line); background: var(--bg); }
.act-month-h span { padding: var(--s-2) var(--s-2); font-size: var(--fs-caption); font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: var(--text-3); }
.act-month-w + .act-month-w { border-top: 1px solid var(--line); }
.act-cell { position: relative; min-width: 0; min-height: 112px; padding: var(--s-1) var(--s-1) var(--s-2); }
.act-cell + .act-cell { border-left: 1px solid var(--line); }
.act-cell.is-out { background: var(--bg); }
.act-cell.is-out .act-daynum { color: var(--text-3); }
.act-cell.is-today .act-daynum .num { background: var(--text); color: var(--bg); }
.act-cell.is-sel { box-shadow: inset 0 0 0 2px var(--line-strong); }
.act-daynum { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 28px; padding: 0 var(--s-1); font-size: var(--fs-cell); font-weight: 600; color: var(--text); }
.act-daynum .num { display: inline-grid; place-items: center; min-width: 26px; height: 26px; padding: 0 4px; border-radius: var(--r-button); font-weight: 700; }
.act-cellcount { display: none; font-size: var(--fs-caption); font-weight: 700; color: var(--text-2); }
.act-cell-evs { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.act-ev { display: flex; align-items: center; gap: 4px; width: 100%; min-height: 26px; min-width: 0; padding: 2px var(--s-1); border-radius: var(--r-button); background: var(--surface-2); color: var(--text); text-align: left; font-size: var(--fs-caption); line-height: 1.25; }
.act-ev .i { flex: none; color: var(--text-3); }
.act-ev-t { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.act-ev-time { font-weight: 700; font-variant-numeric: tabular-nums; }
.act-ev--meeting, .act-ev--client { font-weight: 700; }
.act-ev--call { font-weight: 600; }
.act-ev--task { font-weight: 500; background: transparent; box-shadow: inset 0 0 0 1px var(--line); }
.act-ev.is-done { color: var(--text-3); text-decoration: line-through; text-decoration-color: var(--text-3); }
@media (hover: hover) { .act-ev:hover { box-shadow: inset 0 0 0 1px var(--line-strong); } }
.act-more { padding: 2px var(--s-1); min-height: 24px; font-size: var(--fs-caption); font-weight: 600; color: var(--text-2); text-align: left; text-decoration: underline; text-decoration-color: var(--link-line); text-underline-offset: 0.2em; }
.act-week { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--s-2); }
@media (min-width: 1100px) { .act-week { grid-template-columns: repeat(7, minmax(0, 1fr)); } }
.act-wcol { min-width: 0; min-height: 120px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-card); }
.act-wcol.is-today { border-color: var(--line-strong); box-shadow: inset 0 0 0 1px var(--line-strong); }
.act-wcol-h { display: flex; align-items: center; justify-content: space-between; padding: var(--s-1) var(--s-2); border-bottom: 1px solid var(--line); font-size: var(--fs-cell); font-weight: 700; }
.act-wcol-b { display: flex; flex-direction: column; gap: 4px; padding: var(--s-2); }
.act-wcol .act-none { padding: var(--s-2); }
.act-daylist { background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-card); overflow: hidden; }
.act-daylist-h { padding: var(--s-2) var(--s-3); border-bottom: 1px solid var(--line); font-size: var(--fs-cell); font-weight: 700; }
.act-evrow { display: grid; grid-template-columns: 5.5rem minmax(0, 1fr) auto; align-items: center; gap: var(--s-2); padding: var(--s-1) var(--s-3); min-height: 44px; }
.act-evrow-time { font-size: var(--fs-caption); font-weight: 600; color: var(--text-3); white-space: nowrap; }
.act-evrow-s { font-size: var(--fs-caption); color: var(--text-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 14rem; }
.act-evrow .act-ev { background: transparent; min-height: 36px; }
@media (max-width: 719px) {
  .act-cell { min-height: 54px; padding: 2px; }
  .act-cell-evs { display: none; }
  .act-cellcount { display: inline; }
  .act-daynum { flex-direction: column; justify-content: center; gap: 0; min-height: 44px; }
  .act-month-h span { padding: var(--s-2) 2px; text-align: center; }
  .act-evrow { grid-template-columns: 4.5rem minmax(0, 1fr); }
  .act-evrow-s { grid-column: 2; max-width: none; }
  .arow { grid-template-areas: "lead main meta" "lead acts acts"; grid-template-columns: auto minmax(0, 1fr) auto; row-gap: 0; padding-top: var(--s-2); padding-bottom: var(--s-2); }
  .arow:not(:has(> .arow-lead)) { grid-template-areas: "main meta" "acts acts"; grid-template-columns: minmax(0, 1fr) auto; }
  .arow-acts { justify-self: start; margin-top: var(--s-1); }
}

/* ── The branded PDF: a Sacred page, drawn only for print (Save as PDF in the print dialog) ──────────────────── */
.act-print { display: none; }
@media print {
  html.is-printing body > *:not(#layer) { display: none !important; }
  html.is-printing #layer > .portal:not(:has(.act-print)) { display: none !important; }
  html.is-printing #layer, html.is-printing #layer .portal, html.is-printing #layer .portal-in { display: block !important; position: static !important; inset: auto !important; transform: none !important; }
  html.is-printing, html.is-printing body { background: var(--linen); }
  html.is-printing .act-print { display: block; color: var(--void); background: var(--linen); font-family: var(--font); -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  @page { margin: 14mm; }
}
.act-print-h { display: flex; align-items: center; justify-content: space-between; gap: var(--s-3); padding: var(--s-4); background: var(--void); color: var(--linen); border-bottom: 3px solid var(--accent); }
.act-print-logo { height: 34px; width: auto; }
.act-print-kind { font-size: var(--fs-caption); font-weight: 700; letter-spacing: 0.3em; text-transform: uppercase; color: var(--linen); }
.act-print-b { padding: var(--s-4) var(--s-2); }
.act-print-t { margin: 0 0 var(--s-1); font-size: 1.75rem; font-weight: 800; line-height: 1.15; color: var(--void); }
.act-print-when { margin: 0 0 var(--s-4); color: var(--accent); font-weight: 700; }
.act-print-s { margin: var(--s-4) 0 var(--s-2); padding-bottom: var(--s-1); border-bottom: 1px solid var(--hairline-on-linen); font-size: var(--eyebrow-size); font-weight: 700; letter-spacing: 0.3em; text-transform: uppercase; color: var(--void); }
.act-print-list { margin: 0; padding-left: 1.25rem; list-style: decimal; }
.act-print-list li { margin: 0 0 var(--s-1); color: var(--void); }
.act-print-p { margin: 0 0 var(--s-2); white-space: pre-wrap; color: var(--void); }
.act-print-f { margin-top: var(--s-5); padding-top: var(--s-2); border-top: 1px solid var(--hairline-on-linen); font-size: var(--fs-caption); color: var(--void); }

/* ── Phone: lists breathe less, the page head's actions wrap ──────────────────────────────────────────────── */
@media (max-width: 719px) {
  .act-numbers { gap: var(--s-1) var(--s-3); }
  .act-numgrp { flex-wrap: wrap; gap: var(--s-2); }
}

/* The status cell on a task row is the quick action: Open marks it done, Done opens it again. */
.act-status { display: inline-flex; align-items: center; gap: 6px; min-height: 28px; padding: 0 var(--s-2); border-radius: var(--r-button); box-shadow: inset 0 0 0 1px var(--line-strong); font-size: var(--fs-caption); font-weight: 600; color: var(--text-2); }
.act-status .i { color: var(--text-3); }
.act-status.is-done { box-shadow: none; color: var(--text-3); padding-left: 0; }
.act-status.is-done .i { color: var(--gilt); }
@media (hover: hover) { .act-status:hover { background: var(--hover); color: var(--text); } }

/* The page's view switch (Agenda and List, Call log and Call list) on the left, its actions on the right. */
.act-viewbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--s-2) var(--s-3); margin-bottom: var(--s-3); }
.act-viewbar-r { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-2); }
.act-lognote { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-1) var(--s-3); }
.act-gate { display: inline-flex; flex-direction: column; gap: 2px; min-width: 0; }
.act-gate .state { font-weight: 700; color: var(--text-2); }
.act-gate--inline { flex-direction: row; flex-wrap: wrap; align-items: baseline; gap: var(--s-1) var(--s-2); }
.act-gate .caption { white-space: normal; }
.sheet-f .act-fl { margin-right: auto; }
.sheet-b > .act-sec:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.act-todo-add { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--s-2) var(--s-3); }
.act-todo-add > .field:first-child { flex: 1 1 100%; }
.act-todo-add > .field { min-width: 0; }
.act-todo-add > .field:nth-child(3) { flex: 1 1 9rem; }
.act-sec .act-foot { padding: 0; border-top: 0; }

@media (max-width: 719px) { .act-viewbar-r { display: none; } }   /* the + button and the Create menu add a meeting or a booked call on a phone */
.act-wcol-h .link-btn { text-decoration: none; font-weight: 700; }
@media (hover: hover) { .act-wcol-h .link-btn:hover { text-decoration: underline; } }
.act-facts { grid-template-columns: minmax(0, 8.5rem) minmax(0, 1fr); }
@media (max-width: 719px) { .act-facts { grid-template-columns: minmax(0, 7rem) minmax(0, 1fr); } }


/* ── P6: Before the meeting lists, the "what's covered" line, suggested tasks ───────────────────────────────── */
.act-brief-list { display: flex; flex-direction: column; gap: 2px; margin: var(--s-1) 0 0; }
.act-brief-list li { display: flex; flex-direction: column; min-width: 0; }
.act-bl-t { font-size: var(--fs-cell); font-weight: 600; line-height: 1.35; overflow-wrap: anywhere; }
.act-bl-s { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 4px; font-size: var(--fs-caption); color: var(--text-3); }
.act-before .kv dd > .caption { display: block; margin-top: 2px; }
.act-sf-link { display: inline-flex; align-items: center; gap: 4px; margin-top: var(--s-1); font-size: var(--fs-caption); font-weight: 600; }
.act-sf-link .i { flex: none; }
.arow-c { margin-top: 1px; color: var(--text-2); }
.arow-c b { font-weight: 700; color: var(--text-3); text-transform: uppercase; letter-spacing: 0.06em; font-size: var(--fs-caption); margin-right: 4px; }
.act-covers { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.act-derived { color: var(--text-2); }

.act-sug { display: flex; flex-direction: column; gap: var(--s-1); margin: var(--s-2) 0; padding: var(--s-2) var(--s-3); background: var(--surface-2); border: 1px solid var(--line); border-radius: var(--r-button); }
.act-sug-h { margin: 0; }
.act-sug-list { display: flex; flex-direction: column; gap: var(--s-2); }
.act-sug-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: 2px var(--s-2); min-width: 0; }
.act-sug-go { justify-self: start; max-width: 100%; padding-top: 6px; padding-bottom: 6px; line-height: 1.3; text-align: left; white-space: normal; }
.act-sug-go .i { flex: none; }
.act-sug-why { grid-column: 1 / -1; min-width: 0; overflow-wrap: anywhere; }
.act-sug-row.is-made { display: flex; align-items: center; justify-content: space-between; gap: var(--s-2); }
.act-sug-done { display: inline-flex; align-items: center; gap: 6px; min-width: 0; font-size: var(--fs-cell); color: var(--text-2); overflow-wrap: anywhere; }
.act-sug-done .i { flex: none; color: var(--gilt); }
.act-sug-foot { margin: 0; }
@media (max-width: 719px) {
  .act-sug-row { grid-template-columns: minmax(0, 1fr); }
  .act-sug-go { width: 100%; }
  .act-sug-row.is-made { display: grid; justify-items: start; gap: 2px; }
}