/* Daily Life Doc, round 28 (zone A): a plan line's last result under it on the Plan tab (js/plan/plan-last.js), the
   choice Send / Mark as sent in the Publish sheet (js/plan/plan-publish.js) and the plan head's version label and ⋯
   menu (js/plan/plan-head.js). Tokens from css/base.css; the menu has the Call menu's look (.cmenu, css/calls.css).
   Round 28 (zone P2): on a narrow plan (a phone, or Ask AI open beside it) the head's buttons start at the left. */

/* The last result: small and quiet, under the line's words. */
.plast { padding: 0 6px 4px; margin-top: -2px; font-size: var(--t-2xs); line-height: 1.4; color: var(--ink3); }
.pln.i1 + .pmore .plast { padding-left: 30px; }

/* The Publish sheet: Send / Mark as sent beside a new once-line; a row on Mark as sent is greyed. */
.pubc { display: inline-flex; gap: 2px; margin-top: 5px; padding: 2px; border-radius: 9px; background: var(--soft); align-self: flex-start; }
.pubc button { padding: 3px 9px; border: 0; border-radius: 7px; background: transparent; color: var(--ink2); font: inherit; font-size: var(--t-2xs);
  font-weight: 500; line-height: 1.4; cursor: pointer; transition: background-color 160ms ease, color 160ms ease; }
.pubc button.on { background: var(--surface); color: var(--ink); box-shadow: 0 1px 2px rgba(0, 0, 0, .08); }
.pubc button:focus-visible { outline: 2px solid var(--sage); outline-offset: 1px; }
.pubr .tx { display: flex; flex-direction: column; }
.pubr.marked .tm, .pubr.marked .tx .nxn { color: var(--ink3); }

/* The head: the version label opens Versions; ⋯ holds Use template. */
.phver { display: inline-flex; align-items: center; gap: 6px; padding: 2px 6px; margin: -2px -6px; border: 0; border-radius: 8px; background: transparent;
  color: var(--ink2); font: inherit; font-size: var(--t-xs); cursor: pointer; transition: background-color 160ms ease; }
.phver b { font-weight: 600; }
.phver:hover { background: var(--soft); }
.phver:focus-visible { outline: 2px solid var(--sage); outline-offset: 1px; }
.pmore-btn { padding-left: 9px; padding-right: 9px; }
.pmore-btn svg { width: 16px; height: 16px; }
.cmenu.pmenu { width: 168px; }
/* Fixer FX5: the "·" after the last part of a line of a wrapped head is not drawn (DD.planHead.dots marks the part
   `eol`); it keeps its room, so the head never reflows when the dot goes. */
.phd > .phv.eol::after { visibility: hidden; }

/* Round 28 (zone P2): a plan narrower than 600 px (a phone, or Ask AI open beside it) puts the head's buttons on a row of
   their own that starts at the left, under the words and above "Uses", instead of a row pushed to the right edge. */
.ptab .wdoc { container: pdoc / inline-size; }
@container pdoc (max-width: 600px) {
  .ptop .pbtns { flex-basis: 100%; margin-left: 0; justify-content: flex-start; }
}