/* ===== v97 · Local Autopilot — review replies + Business Profile posts (2026-10-03, _research/2026-10-new-features §5.5) =====
   Built on Content Autopilot's rule card, countdown chip, run history and sheet (v95-rules.css: rl-* / rs-*); only what Local adds is here.
   la-* = Local Autopilot. The card kit holds (22 px padding, rules at +15, icons at +23, titles at +56 — the cards are .sec.panel like the
   rest of Local); every colour is a token, so dark mode follows; grey buttons, blue only where something is approved; no bounce. */

/* ---------- the rule card ---------- */
.lc > .la-card,.lc > .la-queue,.lc > .la-hist,.lc > .la-cal,.lc > .la-setup,.lc > .la-strip{scroll-margin-top:72px}
.la-kind{font-size:var(--t-co);line-height:var(--lh-co);color:var(--fg-3);white-space:nowrap}
.la-flow dd .lk{color:inherit;text-decoration:underline;text-decoration-color:var(--ln);text-underline-offset:2px}
.la-flow dd .sv-i{vertical-align:-3px;margin-left:2px}
.la-bands{display:flex;flex-wrap:wrap;gap:6px}
.la-band{display:inline-flex;align-items:center;gap:6px;min-height:24px;padding:2px 10px 2px 8px;border-radius:var(--r-full);background:var(--bg-4);font-size:var(--t-co);line-height:var(--lh-co);color:var(--fg-2)}
.la-band b{font-weight:var(--w-semibold);color:var(--fg);font-variant-numeric:tabular-nums}
.la-band.is-rule{background:var(--st-blue-bg);color:var(--fg)}
.la-band.is-batch{background:var(--st-orange-bg);color:var(--fg)}
.la-med{font-size:var(--t-co);line-height:var(--lh-co);color:var(--fg-2);font-variant-numeric:tabular-nums}
.la-card .rl-runs .m-meter.is-inline .m-bar{width:72px}
.la-judge{display:grid;gap:10px;margin:14px -8px 0;padding:12px 8px 0;border-top:1px solid var(--ln-3)}
.la-jr{display:grid;grid-template-columns:168px minmax(0,1fr);column-gap:14px;align-items:start}
.la-jk{font-size:var(--t-co);line-height:22px;color:var(--fg-3)}
.la-jv{display:grid;gap:6px;min-width:0}
.la-jv p{margin:0}
.la-jl{display:flex;align-items:baseline;gap:8px;font-size:var(--t-body);line-height:var(--lh-body);color:var(--fg);text-wrap:pretty}
.la-jl > .lbl{flex:none;transform:translateY(-1px)}
.la-why{font-size:var(--t-co);line-height:var(--lh-co);color:var(--fg-2);text-wrap:pretty;max-width:96ch}

/* ---------- replies: the queue ---------- */
.la-q + .la-q{margin-top:18px}
.la-qh{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:2px 0 8px;border-bottom:1px solid var(--ln-2)}
.la-qh b{font-size:var(--t-body);line-height:var(--lh-body);font-weight:var(--w-semibold);color:var(--fg)}
.la-qi{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--bg-4);color:var(--fg-3);flex:none}
.la-qi.is-rule{background:var(--st-blue-bg);color:var(--c-blue)}
.la-qi.is-batch{background:var(--st-orange-bg);color:var(--warn)}
.la-qn{min-width:20px;height:20px;padding:0 6px;border-radius:var(--r-full);background:var(--bg-4);font-size:var(--t-co);line-height:20px;text-align:center;color:var(--fg-2);font-variant-numeric:tabular-nums}
.la-qsub{font-size:var(--t-co);line-height:var(--lh-co);color:var(--fg-3)}
.la-qb{display:flex;flex-direction:column;gap:8px;margin-top:2px}
.la-qf .la-used{flex:0 1 auto}
.la-draft{margin:0;padding:9px 12px 10px;border-radius:var(--r-8);background:var(--bg-2);box-shadow:inset 2px 0 0 color-mix(in srgb,var(--c-blue) 55%,transparent);font-size:var(--t-body);line-height:var(--lh-body);color:var(--fg);max-width:80ch;text-wrap:pretty}
.la-dl{display:block;margin-bottom:2px;font-size:var(--t-co);line-height:var(--lh-co);color:var(--fg-3)}
.la-used{margin:0;font-size:var(--t-co);line-height:var(--lh-co);color:var(--fg-3);max-width:96ch}
.la-cks{display:flex;flex-wrap:wrap;gap:6px}
.la-ck{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 9px 0 7px;border-radius:var(--r-full);background:var(--bg-4);font-size:var(--t-co);line-height:var(--lh-co);color:var(--fg-2);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.la-ck.is-ok svg{color:var(--pos);flex:none}
.la-ck.is-bad{background:var(--st-red-bg);color:var(--neg)}
.la-ck.is-bad svg{color:currentColor;flex:none}
.la-qf{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px}
.la-st{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;margin:0;font-size:var(--t-co);line-height:var(--lh-co);color:var(--fg-2);min-width:0}
.la-st.is-orange > span{color:var(--warn)}
.la-st.is-blue > span{color:var(--fg)}
.la-st.is-gray > span{color:var(--fg-3)}
.la-acts{display:flex;align-items:center;flex-wrap:wrap;gap:4px}
.la-skipped{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--ln-3);font-size:var(--t-co);line-height:var(--lh-co);color:var(--fg-2)}
.la-skipped > svg{color:var(--fg-3);flex:none}
.la-skipped b{font-weight:var(--w-medium);color:var(--fg)}

/* ---------- replies and posts: the history ---------- */
.la-hq{margin:2px 0 0;font-size:var(--t-co);line-height:var(--lh-co);color:var(--fg-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-wrap:pretty}
.la-note{display:flex;align-items:flex-start;gap:6px;margin:6px 0 0;font-size:var(--t-co);line-height:var(--lh-co);color:var(--fg-2);text-wrap:pretty}
.la-note > svg{flex:none;margin-top:2px;color:var(--fg-3)}
.la-hist .lc-stars{font-size:11px;letter-spacing:1px;color:var(--c-orange)}

/* ---------- no replies rule yet ---------- */
.la-setup-r{display:flex;align-items:center;gap:12px}
.la-setup-r .sec-ic{flex:none}
.la-setup-t{margin:0;font-size:var(--t-body);line-height:var(--lh-body);color:var(--fg-2);text-wrap:pretty}
.la-setup-t b{color:var(--fg);font-weight:var(--w-semibold)}
.la-setup .sv-cap{margin:4px 0 0}
.lc-ask-tl{display:inline-flex;align-items:center;gap:6px}

/* ---------- posts: the next four weeks ---------- */
.la-wk{margin:0 -8px;padding:12px 8px 6px;border-top:1px solid var(--ln-3)}
.la-wk:first-of-type{border-top:0}
.la-wkh{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px}
.la-wkt{display:flex;flex-direction:column;gap:1px;min-width:132px}
.la-wkt b{font-size:var(--t-body);line-height:var(--lh-body);font-weight:var(--w-semibold);color:var(--fg)}
.la-wkt span{font-size:var(--t-co);line-height:var(--lh-co);color:var(--fg-3);font-variant-numeric:tabular-nums}
.la-wkh .rl-what{margin:0}
.la-bacts{display:flex;align-items:center;flex-wrap:wrap;gap:4px;justify-content:flex-end}
.la-bwhy{display:flex;align-items:center;gap:6px;margin:8px 0 0;font-size:var(--t-co);line-height:var(--lh-co);color:var(--warn)}
.la-posts{margin-top:6px}
.la-post{display:grid;grid-template-columns:22px 128px minmax(0,1fr) minmax(150px,.45fr);column-gap:12px;align-items:start;padding:9px 0;border-top:1px dashed var(--ln-3)}
.la-post.is-off .la-pc,.la-post.is-off .la-pm{opacity:.5}
.la-post.is-empty .la-pc b{color:var(--fg-3)}
.la-tick{display:grid;place-items:center;height:20px;cursor:pointer}
.la-tick input{width:15px;height:15px;margin:0;accent-color:var(--c-blue);cursor:pointer}
.la-pc{display:flex;flex-direction:column;gap:2px;min-width:0}
.la-pc b{font-size:var(--t-body);line-height:var(--lh-body);font-weight:var(--w-medium);color:var(--fg)}
.la-ptype{display:inline-flex;align-items:center;gap:4px;font-size:var(--t-co);line-height:var(--lh-co);color:var(--fg-3)}
.la-pm{min-width:0}
.la-pm p{margin:0}
.la-ptext{margin:2px 0 0 !important;font-size:var(--t-body);line-height:var(--lh-body);color:var(--fg-2);max-width:80ch;text-wrap:pretty}
.la-pfacts{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:4px}
.la-pfacts li{display:flex;align-items:center;gap:6px;font-size:var(--t-co);line-height:var(--lh-co);color:var(--fg-2)}
.la-pfacts li > svg{flex:none;color:var(--pos)}
.la-pfacts li.is-open > svg{color:var(--warn)}
.la-pfacts li.is-open{color:var(--fg)}
.la-pk{display:flex;flex-wrap:wrap;gap:4px;align-content:flex-start;justify-content:flex-end}
.la-psrc{font-weight:var(--w-regular);color:var(--fg-3)}
.la-wk.is-planned .la-post,.la-wk.is-skipped .la-post{padding:6px 0}
.la-wk.is-planned .la-ptype,.la-wk.is-skipped .la-ptype{display:none}

/* ---------- Overview: one line per rule ---------- */
.la-none{margin:0;padding:6px 0 2px;font-size:var(--t-co)}

/* ---------- widths ---------- */
/* seven tabs (Posts joined in v97): below 1100 px the tab row scrolls sideways instead of running off the page (the open tab is kept in view) */
@media (max-width:1100px){
  .lc > .pl-bar{flex-wrap:nowrap}
  .lc > .pl-bar .pl-tabs{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;max-width:100%;min-width:0;flex:1 1 auto}
  .lc > .pl-bar .pl-tabs::-webkit-scrollbar{display:none}
  .lc > .pl-bar .pl-tab{flex:none}
}
@media (max-width:1280px){
  .la-jr{grid-template-columns:140px minmax(0,1fr)}
  .la-post{grid-template-columns:22px 112px minmax(0,1fr)}
  .la-pk{grid-column:3;justify-content:flex-start;margin-top:6px}
}
@media (max-width:900px){
  .la-jr{grid-template-columns:minmax(0,1fr);row-gap:4px}
  .la-post{grid-template-columns:22px minmax(0,1fr);row-gap:4px}
  .la-pc{grid-column:2;flex-direction:row;align-items:baseline;gap:8px}
  .la-pm,.la-pk{grid-column:2}
  .la-bacts{justify-content:flex-start;width:100%}
  .la-setup-r{flex-wrap:wrap}
}
@media (prefers-reduced-motion:reduce){.la-ck,.la-band{transition:none}}