/* Accounts payable's own, over the design kit. Colours come only from the
   kit's tokens, and every side is a logical one, so the page mirrors right
   to left. */
.ap-shell { max-inline-size: 72rem; margin-inline: auto; padding-inline: 1rem; padding-block: 1rem 3rem; }
.ap-top { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 0.5rem 1.5rem; border-block-end: 1px solid var(--line); padding-block-end: 0.75rem; margin-block-end: 1rem; }
.ap-brand { font-weight: 600; margin: 0; }
.ap-places { display: flex; flex-wrap: wrap; gap: 0.25rem 1rem; }
.ap-places a[aria-current="page"] { font-weight: 600; text-decoration: underline; }
.ap-note { padding: 0.5rem 0.75rem; border-inline-start: 3px solid var(--line); background: var(--surface-2, transparent); }
.ap-figures { display: grid; grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); gap: 0.75rem; margin-block: 1rem; }
.ap-figure { border: 1px solid var(--line); border-radius: 6px; padding: 0.75rem; }
.ap-figure strong { display: block; font-size: 1.5rem; }
.ap-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 0.75rem; }
.ap-item { border: 1px solid var(--line); border-radius: 6px; padding: 0.75rem 1rem; }
.ap-item h3 { margin-block: 0 0.25rem; font-size: 1rem; }
.ap-meta { margin: 0.25rem 0; }
.ap-lines { inline-size: 100%; border-collapse: collapse; margin-block: 0.5rem; }
.ap-lines th, .ap-lines td { text-align: start; padding-block: 0.25rem; padding-inline-end: 0.75rem; border-block-end: 1px solid var(--line); }
.ap-lines td.num, .ap-lines th.num { text-align: end; font-variant-numeric: tabular-nums; }
.ap-actions { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-block-start: 0.5rem; }
.ap-flag { margin: 0.25rem 0; padding-inline-start: 0.5rem; border-inline-start: 3px solid var(--line); }
.ap-form { display: grid; gap: 0.5rem; max-inline-size: 36rem; margin-block: 0.75rem; }
.ap-form label { display: grid; gap: 0.25rem; }
.ap-drop { border: 2px dashed var(--line); border-radius: 6px; padding: 1rem; margin-block: 0.75rem; }
.ap-said { margin-block: 0.5rem; }