/* Posting — stage 4.3. Layout only; tokens and components come from tokens.css and ui.css. */
.po-rail-scan{display:flex;align-items:center;gap:4px}
.po-rail-scan-x{flex:none;border:0;background:none;padding:2px;border-radius:var(--r-xs);color:var(--fg-3);cursor:pointer;display:inline-flex}
.po-rail-scan-x:hover{background:var(--bg-2);color:var(--fg-1)}
.po-rail-scan-x .ui-icon{width:14px;height:14px}
.pk-byhand{display:grid;gap:4px;margin-bottom:var(--s-2)}
.po-zone{font-weight:var(--w-semibold);box-shadow:inset 0 0 0 1px var(--accent)}
.po-root{overflow-x:clip}
.po-page{padding:var(--s-3) var(--s-6) var(--s-10);display:grid;gap:var(--s-4);align-content:start;min-width:0;max-width:1440px;margin:0 auto}
.po-rooms{display:flex;flex-wrap:wrap;gap:var(--s-2);margin-top:var(--s-2)}
.po-rooms .ui-chip{min-height:30px;padding:0 var(--s-3);font-size:var(--t-13)}
.po-rooms .ui-count{margin-left:6px}
.po-now{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-2)}
.po-fact{text-align:left;border:0;padding:var(--s-3) var(--s-4);display:grid;gap:2px;min-width:0;font:inherit;color:inherit;transition:background var(--dur-1) var(--ease-out)}
.po-fact .ui-eyebrow{display:flex;align-items:center;gap:var(--s-2)}
.po-fact .ui-display{font-size:var(--t-24);margin:2px 0 0}
.po-fact>span:last-child{font-size:var(--t-12);color:var(--fg-2);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.po-main .po-fact{padding:var(--s-3)}
.po-main .po-fact .ui-eyebrow{font-size:var(--t-11)}
.po-fact[data-attn]{box-shadow:var(--edge-light),inset 0 0 0 1px var(--attention)}
.po-fact[data-zero] .ui-display,.po-fact[data-zero]>span:last-child{color:var(--fg-3)}
.po-phones{display:grid;gap:var(--s-2)}
.po-phones .po-row{background:var(--bg-2)}
.po-rooms .ui-chip[data-attn]{box-shadow:inset 0 0 0 1px var(--attention)}
.po-rooms .ui-chip .ui-mark{margin-right:6px}
.po-bar{display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap}
.po-bar .ui-search{min-width:200px;flex:1 1 200px;max-width:320px}
.po-group{display:grid;gap:var(--s-2)}
.po-group-head{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) 0 0}
.po-group-head .ui-faint{margin-left:auto}
.po-bucket{font-size:var(--t-11);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3);display:flex;align-items:center;gap:var(--s-3);margin-top:var(--s-1)}
.po-bucket::after{content:"";flex:1;height:1px;background:var(--edge)}
.po-row{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:var(--s-3);align-items:center;padding:var(--s-2) var(--s-3);border-radius:var(--r-md);background:var(--bg-1);box-shadow:var(--edge-light)}
.po-row[data-attn]{box-shadow:var(--edge-light),inset 0 0 0 1px var(--attention)}
.po-thumb{width:56px;aspect-ratio:9/16;border-radius:var(--r-sm);overflow:hidden;background:var(--bg-2);display:grid;place-items:center;color:var(--fg-3)}
.po-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.po-thumb[data-ratio="4-5"]{aspect-ratio:4/5}
.po-main{display:grid;gap:3px;min-width:0}
.po-title{font-size:var(--t-13);font-weight:var(--w-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.po-meta{font-size:var(--t-12);color:var(--fg-3);display:flex;gap:var(--s-2);align-items:center;flex-wrap:wrap}
.po-acts{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}
.po-acts .ui-btn[data-size="sm"]{padding:0 8px;height:26px}
.po-more{display:grid;place-items:center;min-height:40px;padding:var(--s-3)}
.po-sheet{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:var(--s-5)}
.po-sheet-media{border-radius:var(--r-md);overflow:hidden;background:#000;display:grid;place-items:center;max-height:min(60vh,560px)}
.po-sheet-media video,.po-sheet-media img{width:100%;max-height:min(60vh,560px);object-fit:contain;display:block}
.po-sheet-side{display:grid;gap:var(--s-4);align-content:start}
.po-facts{display:grid;grid-template-columns:auto 1fr;gap:4px var(--s-4);font-size:var(--t-13)}
.po-facts dt{color:var(--fg-3);margin:0}
.po-facts dd{margin:0;min-width:0;overflow-wrap:anywhere}
.po-form{display:grid;gap:var(--s-3)}
.po-row-actions{display:flex;gap:var(--s-2);flex-wrap:wrap}
.po-evidence .publishing-evidence,.po-evidence details{margin:0}
/* two panes: the tree in a sticky rail on the left, the selection on the right */
.po-layout{display:grid;grid-template-columns:288px minmax(0,1fr);gap:var(--s-5);align-items:start}
.po-rail{position:sticky;top:var(--s-3);max-height:calc(100vh - 24px);overflow:auto;display:grid;gap:var(--s-3);align-content:start;padding-right:var(--s-1)}
.po-main{display:grid;gap:var(--s-4);min-width:0}
.po-rail-all,.po-rail-group>h3,.po-rail-phone,.po-rail-account{cursor:pointer;border-radius:var(--r-md);outline-offset:-2px}
.po-rail-all{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);font-size:var(--t-13);background:var(--bg-1);box-shadow:var(--edge-light)}
.po-rail-all .ui-count{margin-left:auto}
.po-rail-all[aria-pressed="true"],.po-rail-phone[aria-pressed="true"]>.po-rail-line,.po-rail-account[aria-pressed="true"]{outline:2px solid var(--accent)}
.po-rail-group{display:grid;gap:4px}
.po-rail-group>h3{margin:0;display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);font-size:var(--t-11);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3)}
.po-rail-group>h3[aria-pressed="true"]{color:var(--fg-1)}
.po-rail-group>h3 .ui-count{margin-left:auto;letter-spacing:0;text-transform:none}
.po-rail-group[data-attn]>h3{color:var(--attention)}
.po-rail-phone{display:grid;gap:2px;background:var(--bg-1);box-shadow:var(--edge-light);padding:var(--s-2) var(--s-3);outline:0}
.po-rail-phone[data-attn]{box-shadow:var(--edge-light),inset 0 0 0 1px var(--attention)}
.po-rail-phone>.po-rail-line{border-radius:var(--r-sm);margin:-2px -4px;padding:2px 4px}
.po-rail-line{display:flex;align-items:center;gap:var(--s-2);min-width:0}
.po-rail-line strong{font-size:var(--t-13);font-weight:var(--w-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.po-rail-mark{margin-left:auto;flex:none;font-size:var(--t-11)}
.po-rail-mark .ui-status{font-size:var(--t-11)}
.po-rail-line .ui-btn{flex:none}
.po-rail-sub{font-size:var(--t-12);color:var(--fg-3);padding-left:28px}
.po-rail-accounts{display:grid;gap:4px;padding:2px 0 4px var(--s-4)}
.po-rail-account{display:grid;gap:2px;padding:var(--s-2) var(--s-3);background:var(--bg-2)}
.po-rail-account .po-ticks{padding-left:28px;margin-top:4px}
.po-rail-empty{font-size:var(--t-12);color:var(--fg-3);padding:var(--s-1) var(--s-3)}
/* the tree: the breadcrumb */
.po-crumbs{display:flex;align-items:center;gap:var(--s-2);flex-wrap:wrap;margin-top:var(--s-2);font-size:var(--t-13)}
.po-crumbs .ui-btn{padding:0 8px;height:26px}
.po-crumbs .po-sep{color:var(--fg-3)}
.po-tabs{display:flex;flex-wrap:wrap;gap:var(--s-2)}
.po-tabs .ui-chip{min-height:30px;padding:0 var(--s-3);font-size:var(--t-13)}
.po-tabs .ui-chip[data-attn]{box-shadow:inset 0 0 0 1px var(--attention)}
.po-tabs .ui-chip .ui-mark{margin-right:6px}
.po-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--s-3)}
.po-card{display:grid;gap:var(--s-2);padding:var(--s-3) var(--s-4);text-align:left;border:0;font:inherit;color:inherit;cursor:pointer;background:var(--bg-1);border-radius:var(--r-md);box-shadow:var(--edge-light);transition:background var(--dur-1) var(--ease-out)}
.po-card:hover{background:var(--bg-2)}
.po-card[aria-pressed="true"]{outline:2px solid var(--accent);outline-offset:-2px}
.po-card[data-attn]{box-shadow:var(--edge-light),inset 0 0 0 1px var(--attention)}
.po-card-head{display:flex;align-items:center;gap:var(--s-2);min-width:0}
.po-card-head strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.po-card-head .ui-status{margin-left:auto;flex:none}
.po-card-sub{font-size:var(--t-12);color:var(--fg-3);display:flex;gap:var(--s-2);flex-wrap:wrap;align-items:center}
.po-card-acts{display:flex;gap:4px;flex-wrap:wrap}
.po-card-acts .ui-btn[data-size="sm"]{padding:0 8px;height:26px}
.po-ticks{display:flex;gap:4px;flex-wrap:wrap}
.po-tick{display:inline-flex;align-items:center;gap:4px;min-height:24px;padding:0 8px;border-radius:var(--r-pill);border:0;font:inherit;font-size:var(--t-12);color:var(--fg-2);background:var(--bg-2);cursor:pointer}
.po-tick[aria-pressed="true"]{color:var(--fg-1);box-shadow:inset 0 0 0 1px var(--ok)}
.po-tick b{font-weight:var(--w-semibold);color:var(--fg-1)}
/* the two modes, at the top of the pane */
.po-modes{display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap}
.po-modes .ui-seg{font-size:var(--t-13)}
.po-modes .ui-faint{font-size:var(--t-12)}
/* the account's kind tabs, each with what it still owes today */
.po-kinds{flex-wrap:wrap}
.po-owed{display:inline-block;min-width:18px;padding:0 5px;margin-left:4px;border-radius:var(--r-pill);font-size:var(--t-11);font-weight:var(--w-semibold);line-height:18px;color:var(--accent-fg);background:var(--accent);text-align:center}
/* the phone panel: posted today in green, still to post, overdue or failed; a line and a bar per account */
.po-panel{display:grid;grid-template-columns:auto auto auto minmax(0,1fr);gap:var(--s-3) var(--s-6);align-items:start;padding:var(--s-4) var(--s-5)}
.po-panel-big,.po-panel-mid{display:grid;gap:2px;min-width:72px}
.po-panel-big .ui-display{font-size:var(--t-40,40px);line-height:1;font-weight:var(--w-semibold)}
.po-panel-mid .ui-display{font-size:var(--t-24);line-height:1.2;margin-top:var(--s-2)}
.po-panel [data-ok]{color:var(--ok)}
.po-panel-mid[data-attn] .ui-display{color:var(--attention)}
.po-panel-lines{display:grid;gap:6px;min-width:0}
.po-panel-line{display:grid;grid-template-columns:auto auto minmax(80px,1fr);gap:var(--s-3);align-items:center;font-size:var(--t-12);color:var(--fg-2)}
.po-panel-line strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-weight:var(--w-medium);color:var(--fg-1)}
.po-panel-line b{font-weight:var(--w-semibold)}
.po-panel-line b[data-ok]{color:var(--ok)}
.po-panel-line b[data-attn]{color:var(--attention)}
.po-panel-nums{white-space:nowrap}
.po-bar{display:flex;height:4px;border-radius:2px;overflow:hidden;background:var(--bg-3);min-width:0}
.po-bar i{display:block;height:100%}
.po-bar i[data-ok]{background:var(--ok)}
.po-bar i[data-idle]{background:var(--fg-3)}
.po-bar i[data-attn]{background:var(--attention)}
.po-panel-total{grid-column:1/-1}
/* the week calendar: seven panels, a card per post with its media, the time on the image, one mark, the actions */
.po-cal-head{display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap}
.po-cal-head .ui-actions{margin-left:auto}
.po-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--s-2);align-items:start}
.po-day{display:grid;gap:var(--s-2);min-width:0;padding:var(--s-2);border-radius:var(--r-md);background:var(--bg-1);box-shadow:var(--edge-light);min-height:120px;align-content:start}
.po-day[data-today]{box-shadow:var(--edge-light),inset 0 2px 0 var(--accent)}
.po-day-head{display:flex;align-items:center;gap:6px;padding:2px 2px 2px 4px;min-height:28px}
.po-day-name{font-size:var(--t-11);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3)}
.po-day-head strong{font-size:var(--t-16);font-weight:var(--w-semibold)}
.po-day[data-today] .po-day-head strong{color:var(--accent)}
.po-day-head .ui-count{margin-left:2px}
.po-day-add{margin-left:auto;color:var(--fg-3)}
.po-day-add:hover{color:var(--fg-1)}
.po-post{position:relative;display:grid;border-radius:var(--r-md);background:var(--bg-2);box-shadow:var(--edge-light);cursor:pointer;min-width:0;overflow:hidden;outline-offset:-2px}
.po-post:hover{background:var(--bg-3)}
.po-post[data-attn]{box-shadow:var(--edge-light),inset 0 0 0 1px var(--attention)}
.po-post[data-cancelled]{opacity:.5}
.po-post[data-released]{opacity:.7;background:transparent;box-shadow:inset 0 0 0 1px var(--edge)}
.po-post[data-state="posted"] .po-post-media::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.25);pointer-events:none}
.po-post-media{position:relative}
.po-post-thumb{aspect-ratio:auto;height:76px;background:var(--bg-3);display:grid;place-items:center;color:var(--fg-3);overflow:hidden}
.po-post-thumb img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;display:block}
.po-post time{position:absolute;left:6px;bottom:6px;padding:2px 7px;border-radius:var(--r-sm);background:rgba(0,0,0,.7);color:#fff;font-size:var(--t-12);font-weight:var(--w-semibold);font-variant-numeric:tabular-nums;letter-spacing:.01em}
.po-post-kind{position:absolute;right:6px;top:6px;padding:2px 6px;border-radius:var(--r-sm);background:rgba(0,0,0,.7);color:#fff;font-size:var(--t-11)}
.po-post-body{display:grid;gap:2px;padding:4px 6px 6px}
.po-post-title{font-size:var(--t-11);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.po-post .po-meta{font-size:var(--t-11)}
.po-post time,.po-post-kind{font-size:10px;padding:1px 5px}
.po-post-err{font-size:var(--t-11);color:var(--attention);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.po-post-acts{display:flex;gap:4px;flex-wrap:wrap;padding-top:2px}
.po-post-acts .ui-btn{padding:0 6px;height:22px;min-height:0;font-size:var(--t-11);gap:3px}
.po-post-acts .ui-btn .ui-icon{width:12px;height:12px}
.po-post-acts .ui-btn[data-variant="icon"]{width:22px;height:22px;padding:0}
.po-post-acts .ui-btn[data-variant="primary"]{flex:0 1 auto;justify-content:center}
.po-ghosts{display:flex;flex-wrap:wrap;gap:4px}
.po-ghost{display:inline-flex;padding:3px 7px;border:1px dashed var(--edge);border-radius:var(--r-pill);background:transparent;color:var(--fg-3);font:inherit;font-size:var(--t-11);cursor:pointer;white-space:nowrap}
.po-ghost:hover{color:var(--fg-1);border-color:var(--fg-3)}
.po-day-hint{font-size:var(--t-11);color:var(--fg-3);padding:0 4px}
.po-post[draggable="true"]{cursor:grab}
.po-post.po-dragging{opacity:.4}
.po-day[data-over]{box-shadow:var(--edge-light),inset 0 0 0 2px var(--accent)}
.po-notice{font-size:var(--t-12);color:var(--fg-2)}
.po-notice[data-blocked]{color:var(--attention)}
@media (max-width:980px){
  .po-layout{grid-template-columns:1fr}
  .po-rail{position:static;max-height:none}
}
@media (max-width:700px){
  .po-week{grid-template-columns:1fr}
  .po-day{min-height:0}
  .po-post{grid-template-columns:96px minmax(0,1fr)}
  .po-post-thumb{aspect-ratio:auto;height:100%;min-height:96px}
  .po-cards{grid-template-columns:1fr}
  .po-page{padding:var(--s-2) var(--s-3) var(--s-8)}
  .po-now{grid-template-columns:repeat(2,minmax(0,1fr))}
  .po-panel{grid-template-columns:auto auto auto}
  .po-panel-lines{grid-column:1/-1}
  .po-panel-line{grid-template-columns:minmax(0,1fr) auto}
  .po-panel-line .po-bar{grid-column:1/-1}
  .po-row{grid-template-columns:44px minmax(0,1fr)}
  .po-thumb{width:44px}
  .po-acts{grid-column:1/-1;justify-content:flex-start}
  .po-sheet{grid-template-columns:1fr}
  .po-heading-actions [data-act="new-batch"]{display:none}
}
/* the picker sheet */
.pk-dialog .ui-dialog-body{padding-top:var(--s-3)}
.pk{display:grid;grid-template-columns:minmax(0,7fr) minmax(300px,5fr);gap:var(--s-5);min-height:min(66vh,640px)}
.pk-left,.pk-right{display:grid;gap:var(--s-3);align-content:start;min-width:0}
.pk-tools{display:flex;gap:var(--s-2);align-items:center;flex-wrap:wrap}
.pk-tools .ui-search{flex:1 1 180px;min-width:160px}
.pk-toggle{display:inline-flex;align-items:center;gap:6px;font-size:var(--t-12);color:var(--fg-2);cursor:pointer}
.pk-chips{display:flex;gap:6px;flex-wrap:wrap}
.pk-chips .ui-chip{cursor:pointer;border:0;font:inherit;font-size:var(--t-12);min-height:26px;padding:0 var(--s-3)}
.pk-chips .ui-chip:hover{background:var(--bg-3);color:var(--fg-1)}
.pk-chips .ui-chip[aria-pressed="true"]:hover{background:var(--fg-1);color:var(--bg-0)}
.pk-count{font-size:var(--t-12);color:var(--fg-2);min-height:16px}
.pk-count strong{color:var(--fg-1)}
.pk-gridwrap{max-height:min(60vh,560px);overflow:auto;padding-right:2px}
.pk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:var(--s-2)}
.pk-tile{position:relative;display:grid;gap:4px;padding:4px;border:0;border-radius:var(--r-sm);background:var(--bg-1);box-shadow:var(--edge-light);color:inherit;font:inherit;text-align:left;cursor:pointer;min-width:0}
.pk-tile:hover{background:var(--bg-2)}
.pk-tile[aria-pressed="true"]{outline:2px solid var(--accent);outline-offset:-2px}
.pk-tile[data-posted-here] .pk-thumb{opacity:.45}
.pk-thumb{aspect-ratio:9/16;border-radius:4px;overflow:hidden;background:var(--bg-3);display:grid;place-items:center;color:var(--fg-3)}
.pk-thumb[data-ratio="4-5"]{aspect-ratio:4/5}
.pk-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.pk-del{position:absolute;top:6px;right:6px;z-index:2;width:24px;height:24px;border-radius:var(--r-pill);background:rgba(0,0,0,.65);color:#fff;display:grid;place-items:center;opacity:0;transition:opacity var(--dur-1) var(--ease-out),background var(--dur-1) var(--ease-out)}
.pk-del .ui-icon{width:14px;height:14px}
.pk-tile:hover .pk-del,.pk-tile:focus-within .pk-del,.pk-del:focus-visible{opacity:1}
.pk-del:hover{background:#E5484D}
.pk-order{position:absolute;top:8px;left:8px;min-width:22px;height:22px;padding:0 6px;border-radius:var(--r-pill);background:var(--accent);color:var(--accent-fg);font-size:var(--t-12);font-weight:var(--w-semibold);display:grid;place-items:center;line-height:1}
.pk-dur{position:absolute;top:8px;right:8px;font-size:var(--t-11);padding:1px 5px;border-radius:4px;background:rgba(0,0,0,.6);color:#fff}
.pk-tile-title{font-size:var(--t-11);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pk-tile-mark{font-size:var(--t-11);color:var(--fg-3);min-height:14px}
.pk-tile-mark .ui-status{font-size:var(--t-11)}
.pk-plan-head{display:flex;align-items:baseline;gap:var(--s-3);flex-wrap:wrap}
.pk-fine{margin:0;font-size:var(--t-12)}
.pk-slots,.pk-how{display:flex;align-items:center;gap:var(--s-2);flex-wrap:wrap;font-size:var(--t-12);color:var(--fg-2);padding:var(--s-2) var(--s-3);border-radius:var(--r-md);background:var(--bg-1);box-shadow:var(--edge-light)}
.pk-slots strong,.pk-how strong{color:var(--fg-1)}
.pk-slots .ui-btn:first-of-type{margin-left:auto}
.pk-rows{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.pk-row{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr) auto auto;gap:var(--s-2);align-items:center;padding:6px 8px 6px 34px;border-radius:var(--r-md);background:var(--bg-1);box-shadow:var(--edge-light)}
.pk-row .pk-order{top:auto;left:6px}
.pk-row-thumb{width:36px;aspect-ratio:9/16;border-radius:4px;overflow:hidden;background:var(--bg-3);display:grid;place-items:center;color:var(--fg-3)}
.pk-row-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.pk-row-title{font-size:var(--t-13);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.pk-empty{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-4);border-radius:var(--r-md);border:1px dashed var(--edge);color:var(--fg-3);font-size:var(--t-12)}
.pk-review{display:grid;gap:var(--s-2)}
.pk-preview,.pk-pending{display:grid;gap:var(--s-2);padding:var(--s-3) var(--s-4);font-size:var(--t-12)}
.pk-preview-list{margin:0;padding-left:0;list-style:none;display:grid;gap:2px}
.pk-dups{display:grid;gap:4px;padding:var(--s-2) var(--s-3);border-radius:var(--r-sm);box-shadow:inset 0 0 0 1px var(--attention)}
.pk-dups ul{margin:0;padding-left:var(--s-4)}
.pk-pending .ui-actions{display:flex;gap:6px}
.pk-error{margin:0;font-size:var(--t-12);color:var(--attention);min-height:0}
.pk-error:empty{display:none}
@media (max-width:900px){.pk{grid-template-columns:1fr}.pk-gridwrap{max-height:40vh}}
.po-nudge{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);flex-wrap:wrap}
.po-nudge>.ui-icon{width:20px;height:20px;color:var(--accent);flex:none}
.po-nudge>div{display:grid;gap:2px;flex:1 1 260px;min-width:0}
.po-nudge strong{font-size:var(--t-13);font-weight:var(--w-medium)}
.po-nudge .ui-faint{font-size:var(--t-12)}
.po-nudge .ui-actions{display:flex;gap:6px}
.nc-page{max-width:820px}
.pk-row[data-caption-open]{grid-template-rows:auto auto}
.pk-caption{grid-column:1/-1;margin-top:4px;font-size:var(--t-12);resize:vertical}
.pk-extra{display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap;padding:var(--s-2) var(--s-3);border-radius:var(--r-md);background:var(--bg-1);box-shadow:var(--edge-light)}
.pk-extra .ui-faint{font-size:var(--t-12)}
.pk-extra-line{font-size:var(--t-12);display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.po-rail-scan{font-size:var(--t-11);padding-left:28px;margin-top:2px;min-width:0}
.po-rail-scan .ui-status{font-size:var(--t-11);display:flex;max-width:100%;min-width:0}
.po-rail-scan .ui-status .ui-mark{flex:none}
.po-rail-phone,.po-rail-account{min-width:0;overflow:hidden}
.po-rail-scan .ui-status{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.pk-custom{padding:var(--s-2) 0}
.pk-custom .pl-picker{font-size:12px}
.po-rail-scan-btn{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;text-align:left;max-width:100%;display:block}
.po-rail-scan-btn:hover .ui-status{color:var(--fg-1)}
.po-panel-tools{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);flex-wrap:wrap;font-size:var(--t-12)}
.po-panel-tools .ui-actions{display:flex;gap:6px;flex-wrap:wrap}
.po-scan{display:grid;grid-template-columns:minmax(200px,260px) minmax(0,1fr);gap:var(--s-5);min-height:min(60vh,560px)}
.po-scan-runs{display:grid;gap:6px;align-content:start}
.po-scan-run{display:grid;gap:2px;text-align:left;padding:var(--s-2) var(--s-3);border:0;border-radius:var(--r-md);background:var(--bg-1);box-shadow:var(--edge-light);color:inherit;font:inherit;cursor:pointer;min-width:0}
.po-scan-run[aria-pressed="true"]{outline:2px solid var(--accent);outline-offset:-2px}
.po-scan-run strong{font-size:var(--t-13);font-weight:var(--w-medium)}
.po-scan-run .ui-faint{font-size:var(--t-11);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.po-scan-steps{min-width:0;max-height:min(66vh,640px);overflow:auto}
.po-scan-head{display:grid;gap:4px;font-size:var(--t-12);margin-bottom:var(--s-3)}
.po-scan-error{margin:0;color:var(--attention)}
.po-scan-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-3)}
.po-scan-step{display:grid;grid-template-columns:132px minmax(0,1fr);gap:var(--s-3);padding:var(--s-2);border-radius:var(--r-md);background:var(--bg-1);box-shadow:var(--edge-light)}
.po-scan-step[data-attn]{box-shadow:var(--edge-light),inset 0 0 0 1px var(--attention)}
.po-scan-step figure{margin:0;aspect-ratio:9/16;border-radius:var(--r-sm);overflow:hidden;background:var(--bg-3)}
.po-scan-step img{width:100%;height:100%;object-fit:cover;display:block}
.po-scan-step p{margin:4px 0 0;font-size:var(--t-13)}
@media (max-width:800px){.po-scan{grid-template-columns:1fr}.po-scan-runs{grid-auto-flow:column;overflow:auto}}

/* Post by hand / no fixed time (ui-4.3v2-12): the account's mode, the day summary, the any-time badge, the flash on a handed-off post */
#po-bar{display:flex;flex-wrap:wrap;gap:var(--s-3);align-items:center}
.po-anytime{display:flex;align-items:center;gap:var(--s-3);margin-left:auto;flex-wrap:wrap}
.po-anytime .ui-faint{font-size:var(--t-12);max-width:36ch}
.po-anytime-chip{margin-left:var(--s-2);vertical-align:middle;font-size:var(--t-11)}
.po-post-any{position:absolute;left:6px;bottom:6px;padding:2px 7px;border-radius:var(--r-sm);background:rgba(0,0,0,.7);color:#fff;font-size:var(--t-11);font-weight:var(--w-medium);letter-spacing:.01em}
.po-day-sum{display:grid;gap:2px;padding:4px 6px 6px;font-size:var(--t-12);color:var(--fg-2)}
.po-day-sum strong{font-weight:var(--w-semibold);color:var(--fg-1)}
.po-day-sum [data-attn]{color:var(--attention)}
.po-post[data-flash],.po-row[data-flash]{animation:po-flash 2.4s ease-out 1}
@keyframes po-flash{0%,60%{box-shadow:var(--edge-light),0 0 0 2px var(--accent)}100%{box-shadow:var(--edge-light)}}
@media (prefers-reduced-motion:reduce){.po-post[data-flash],.po-row[data-flash]{animation:none;box-shadow:var(--edge-light),0 0 0 2px var(--accent)}}
/* banned accounts (ui-4.3v2-14): dimmed in the rail, a notice on the schedule */
.po-rail-account[data-banned] strong{text-decoration:line-through;color:var(--fg-2)}
.po-rail-account [data-act="account-menu"]{margin-left:auto}
.po-notice.po-banned{display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap;border-color:var(--attention)}
.po-notice.po-banned .ui-btn{margin-left:auto}
/* notes on posts and the rail hints (ui-4.4p2) */
.po-post-note{display:flex;align-items:flex-start;gap:4px;font-size:var(--t-11);color:var(--fg-2);padding:2px 0}
.po-post-note .ui-icon{flex:none;width:12px;height:12px;margin-top:1px;color:var(--accent)}
.po-post-note span{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.po-rail-hint{font-size:var(--t-11);color:var(--fg-3);padding:2px 8px 4px;margin:-2px 0 4px}

/* by-hand cards: the two big buttons, the pick box, the pick bar */
.po-post-acts .po-big{flex:1 1 45%;justify-content:center;height:26px;font-weight:var(--w-semibold)}
.po-skip{color:#E5484D}
.po-skip:hover{background:rgba(229,72,77,.14)}
.po-pick{position:absolute;top:6px;left:6px;z-index:2;width:22px;height:22px;border-radius:6px;background:rgba(0,0,0,.6);display:grid;place-items:center;cursor:pointer}
.po-pick input{width:14px;height:14px;margin:0;accent-color:var(--accent);cursor:pointer}
#po-pickbar{position:sticky;bottom:var(--s-3);margin-top:var(--s-3);z-index:5}