/* PRTY OS — Finance › Year Plan (director-only reconciliation screen). Prefix: yp-. Mobile-safe at 375 / 390 px: rows stack, buttons wrap, nothing scrolls sideways. */
.yp { display: flex; flex-direction: column; gap: var(--s-4); min-width: 0; }
.yp-note { padding: var(--s-3) var(--s-4); border: 1px solid var(--line); border-radius: var(--r-2); font-size: var(--fs-13); color: var(--text-2); overflow-wrap: anywhere; }
.yp-note--warn { border-color: color-mix(in srgb, var(--amber, #d99a00) 45%, var(--line)); background: color-mix(in srgb, var(--amber, #d99a00) 8%, transparent); }
.yp-source { display: flex; flex-wrap: wrap; gap: 4px 16px; align-items: baseline; font-size: var(--fs-13); min-width: 0; }
.yp-source a { text-decoration: underline; }
.yp-sum { display: flex; flex-wrap: wrap; gap: 6px 8px; }
.yp-toolbar { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.yp-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; min-width: 0; }
.yp-tab { display: flex; flex-direction: column; gap: 6px; padding: var(--s-3) var(--s-4); border-top: 1px solid var(--line-soft); min-width: 0; overflow-wrap: anywhere; }
.yp-tab:first-child { border-top: 0; }
.yp-tab__head { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; min-width: 0; }
.yp-tab__no { font-variant-numeric: tabular-nums; color: var(--text-3); font-size: var(--fs-12); }
.yp-tab__title { font-weight: 500; min-width: 0; }
.yp-tab__meta { display: flex; flex-wrap: wrap; gap: 2px 12px; font-size: var(--fs-12); color: var(--text-3); }
.yp-tab__actions { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.yp-tab__actions select { max-width: 100%; min-width: 0; }
.yp-conflicts { margin: 0; padding-left: 16px; font-size: var(--fs-12); color: var(--text-2); }
.yp-preview { padding: var(--s-3) var(--s-4); background: var(--surface-2, transparent); border-top: 1px dashed var(--line); display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.yp-rows { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.yp-row { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 2px 10px; padding: 8px 0; border-top: 1px solid var(--line-soft); align-items: start; }
.yp-row:first-child { border-top: 0; }
.yp-row__check { grid-row: 1 / span 3; padding-top: 2px; }
.yp-row__nums { display: flex; flex-wrap: wrap; gap: 2px 16px; font-size: var(--fs-13); font-variant-numeric: tabular-nums; }
.yp-row__diff { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.yp-error { color: var(--red, #c0392b); font-size: var(--fs-13); }
@media (max-width: 480px) {
  .yp-tab { padding: var(--s-3); } .yp-preview { padding: var(--s-3); }
  .yp-tab__actions > * { flex: 1 1 auto; } .yp-toolbar > * { flex: 1 1 auto; }
}