/* ==========================================================================
   pulse-8.css — BUYING › CREDIT MEMOS · EXCEPTIONS (OSX)
   Paired with app-12.js. Its own file so nothing older is disturbed.

   ⛔ RETOKENED 2026-08-27 (Peter: "It's also not designed per design rules in
   appearance"). The first cut of this file was written in a neutral grey/greige
   palette that exists nowhere in DESIGN.md — #2f2b26 ink, #e3e0da lines, pure
   #fff cards on a cream page, #8b857b/#a8a29a greys, #c58b2f amber, #b4443a red
   — and declared no font-family at all, so Cormorant / Jost / JetBrains Mono /
   Inter never reached a single element on either surface. Every value below now
   comes from DESIGN.md §2 (the four faces + the numeral lock), §3 (the
   canonical hex set), §7 (button grammar), §8 (tiles), §9 (numbers), §10
   (breakpoints + the iOS 16px rule).

   ⛔ AND THE CRUMB: Pulse styles breadcrumbs BY SUBVIEW ID, so a new subview
   silently falls back to the global serif .sv-title (Cormorant 32px) instead of
   the mono nameplate — DESIGN.md divergence #5, "already shipped wrong once".
   It shipped wrong a second time here. The two rules at the top of this file
   are the Vendor Payables primitive (pulse-3.css:36-45) reused verbatim, which
   is the tile these two sit beside in the same panel.

   Numeral lock: this repo has no global `.num` rule — .num was used throughout
   app-12.js and styled nothing. It is defined here, scoped to these two views.
   ========================================================================== */

/* ── §13.2 nameplate voice · §13.8 Jost description — the Vendor Payables
   primitive, verbatim (JetBrains Mono 11/600/.3em walnut, gold separator,
   chocolate leaf, -4px headless-subview zero-shift). ─────────────────────── */
#sv-credit-memos .sv-title, #sv-exceptions .sv-title {
  font-family:'JetBrains Mono',monospace; font-size:11px; font-weight:600; letter-spacing:.3em;
  text-transform:uppercase; color:#8a6940; line-height:1.5; margin:-4px 0 7px;
}
#sv-credit-memos .sv-title .po-cr-link, #sv-exceptions .sv-title .po-cr-link {
  background:none; border:0; padding:0; font:inherit; letter-spacing:inherit; text-transform:inherit;
  color:#8a6940; cursor:pointer;
}
#sv-credit-memos .sv-title .po-cr-link:hover, #sv-exceptions .sv-title .po-cr-link:hover { color:#4a2c17; }
#sv-credit-memos .sv-title .po-cr-sep, #sv-exceptions .sv-title .po-cr-sep { color:#c5a572; }
#sv-credit-memos .sv-title .crumb-leaf, #sv-exceptions .sv-title .crumb-leaf { color:#4a2c17; }
#sv-credit-memos .sv-sub, #sv-exceptions .sv-sub {
  font-family:'Jost',sans-serif; font-style:normal; font-size:12.5px; color:#6e5a3f;
  line-height:1.45; margin:0 0 16px;
}
@media (max-width: 720px) {
  /* canon §6 — the leaf ellipsizes to one line, it never wraps the crumb */
  #sv-credit-memos .sv-title, #sv-exceptions .sv-title { display:flex; align-items:baseline; gap:6px; white-space:nowrap; }
  #sv-credit-memos .sv-title .crumb-leaf, #sv-exceptions .sv-title .crumb-leaf { flex:1 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; }
}

/* ⛔ NUMERAL LOCK (canon §2). Every displayed digit on these two surfaces —
   counts, money, dates, purchase-order numbers, ticket numbers, ages. */
#sv-credit-memos .num, #sv-exceptions .num,
#sv-credit-memos .osx-age, #sv-exceptions .osx-age {
  font-family:'Inter',sans-serif; font-variant-numeric:lining-nums tabular-nums;
}

/* ── the control bar ─────────────────────────────────────────────────────── */
.bl-bar { display:flex; align-items:center; gap:8px; margin:2px 0 14px; flex-wrap:wrap; }
.bl-spacer { flex:1 1 auto; }

/* the Vendor Payables tab pill (.vp-tab), same panel, same grammar */
.bl-tab {
  font-family:'Inter',sans-serif; font-size:10px; letter-spacing:.16em; text-transform:uppercase;
  color:#6e5a3f; background:transparent; border:1px solid #e8ddd0; border-radius:8px;
  padding:8px 14px; cursor:pointer; transition:background .15s, border-color .15s, color .15s;
}
.bl-tab:hover:not(.on) { border-color:#c5a572; }
.bl-tab.on { background:#3d2417; border-color:#3d2417; color:#fdf8f3; }

.bl-tot { font-family:'Inter',sans-serif; font-size:13px; color:#6e5a3f; }
.bl-tot-n { font-weight:600; color:#4a2c17; font-size:15px; }
.bl-refresh {
  font-family:'Jost',sans-serif; border:1px solid #e8ddd0; background:transparent; color:#6e5a47;
  width:32px; height:32px; border-radius:8px; cursor:pointer; font-size:15px; line-height:1;
  transition:border-color .15s, color .15s;
}
.bl-refresh:hover { border-color:#c5a572; color:#4a2c17; }

/* ── standing notes: the rule, the warning, the failure ──────────────────── */
/* The standing rule, stated on the surface — not only in the code. */
.bl-rule {
  font-family:'Jost',sans-serif; border-left:3px solid #d4bfa8; background:#fffaf3; color:#6e5a3f;
  padding:9px 12px; margin:0 0 14px; font-size:12.5px; line-height:1.55; border-radius:0 8px 8px 0;
}
.bl-rule strong, .bl-warn strong { color:#4a2c17; }
.bl-warn {
  font-family:'Jost',sans-serif; border-left:3px solid #b8862e; background:#fff5e8; color:#6e5a47;
  padding:9px 12px; margin:0 0 14px; font-size:12.5px; line-height:1.55; border-radius:0 8px 8px 0;
}
.bl-err {
  font-family:'Jost',sans-serif; border-left:3px solid #c0392b; background:#fffaf3; color:#c0392b;
  padding:9px 12px; margin:0 0 12px; font-size:13px; line-height:1.55; border-radius:0 8px 8px 0;
}
.bl-loading { font-family:'Inter',sans-serif; color:#9a7b5a; font-size:14px; padding:24px 0; }

/* ⛔ §5.4 / §9 — an empty tile must be able to say WHY it is empty, so the
   empty state is given real weight instead of a thin line. */
.bl-empty {
  font-family:'Jost',sans-serif; border:1px dashed #d4bfa8; border-radius:12px; background:#fffcf8;
  padding:20px 22px; color:#6e5a3f; font-size:13.5px; line-height:1.65; margin-bottom:14px;
}
.bl-empty strong { color:#4a2c17; }

/* ── the vendor card (canon §8 card, .vp-vendor geometry) ────────────────── */
.bl-vend { background:#fffcf8; border:1px solid #e8ddd0; border-radius:12px; overflow:hidden; margin-bottom:12px; }
.bl-vend-head {
  display:flex; align-items:baseline; gap:12px; padding:12px 16px;
  background:#fffaf3; border-bottom:1px solid #e8ddd0;
}
.bl-vend-nm  { font-family:'Cormorant Garamond',Georgia,serif; font-size:20px; color:#4a2c17; flex:1 1 auto; }
.bl-vend-n   { font-family:'Inter',sans-serif; font-size:10px; letter-spacing:.13em; text-transform:uppercase; color:#9a7b5a; }
.bl-vend-tot { font-family:'Inter',sans-serif; font-size:15px; font-weight:600; color:#4a2c17; }

/* ── a memo row · fixed tracks, right-justified money (canon §9) ─────────── */
/* The last track holds THREE state pills; at 190px the third one ("Void") was
   clipped to an ellipsis once the pills took the §7 tracked-caps grammar.
   Measured in the harness (no cell may scroll), not eyeballed. */
.bl-row {
  display:grid; grid-template-columns:140px 112px minmax(0,1fr) 118px 118px 74px 190px;
  align-items:center; gap:10px; padding:9px 16px; border-top:1px solid #f3e9dc;
  font-family:'Inter',sans-serif; font-size:12.5px; color:#3a2e24;
}
.bl-row:first-of-type { border-top:0; }
.bl-row.flag { background:#fff5e8; }
.bl-c { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.bl-no { font-family:'JetBrains Mono',monospace; font-size:11.5px; color:#4a2c17; }
.bl-no .num, .bl-po .num { font-family:'Inter',sans-serif; }
.bl-amt { text-align:right; font-weight:600; color:#4a2c17; font-size:13.5px; }
.bl-dt { color:#9a7b5a; }
.bl-q {
  display:inline-block; width:15px; height:15px; line-height:15px; text-align:center;
  border-radius:50%; background:#b8862e; color:#fdf8f3; font-family:'Inter',sans-serif;
  font-size:10px; font-weight:600; cursor:help;
}

/* ghost controls — canon §7 */
.bl-doc, .bl-stbtn {
  font-family:'Jost',sans-serif; border:1px solid #e8ddd0; background:transparent; color:#6e5a47;
  border-radius:8px; padding:4px 10px; font-size:11px; font-weight:600; letter-spacing:.1em;
  text-transform:uppercase; cursor:pointer; transition:background .15s, border-color .15s, color .15s;
}
.bl-doc:hover, .bl-stbtn:hover:not(.on) { border-color:#c5a572; color:#4a2c17; }
.bl-stbtn { margin-right:4px; padding:4px 8px; letter-spacing:.08em; }
.bl-st { white-space:nowrap; }
.bl-stbtn.on { background:#3d2417; border-color:#3d2417; color:#fdf8f3; }
.bl-stbtn.go { border-color:#c5a572; color:#4a2c17; }
.bl-stbtn.go:hover { background:#3d2417; border-color:#3d2417; color:#fdf8f3; }
.bl-stbtn.off { opacity:.45; cursor:not-allowed; }
/* "Left" — what a credit still has to give; same voice as the amount, quieter until it differs */
.bl-left.same { color:#b8a898; font-weight:500; }

/* ── the applications made from a credit (2026-09-02) — under its row ─────── */
.cm-apps { padding:0 16px 8px 156px; }
.cm-app {
  display:flex; align-items:baseline; gap:10px; font-family:'Inter',sans-serif; font-size:12.5px; line-height:18px;
  color:#3a2e24; padding:2px 0;
}
/* applied money reads in the palette's live-on-cream green (§3) — #2e6b3f was off the list (osx-render-verify, 9-09) */
.cm-app-amt { font-weight:600; color:#2d9a4a; min-width:92px; text-align:right; }
.cm-app-to { flex:1 1 auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cm-app-to em { color:#6e5a3f; font-style:italic; }
.cm-app-by { font-size:10px; line-height:14px; color:#9a7b5a; white-space:nowrap; }
.cm-app-paid { font-family:'JetBrains Mono',monospace; font-size:9px; letter-spacing:.14em; text-transform:uppercase; color:#9a7b5a; }
.cm-app-rm {
  font-family:'Jost',sans-serif; border:1px solid #e8ddd0; background:transparent; color:#6e5a47;
  border-radius:8px; padding:2px 8px; font-size:10px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; cursor:pointer;
}
.cm-app-rm:hover { border-color:#c0392b; color:#c0392b; }

/* ── the Apply popup — canon §11 ──────────────────────────────────────────── */
.cm-modal { position:fixed; inset:0; z-index:1300; background:rgba(20,15,12,.55); display:flex; justify-content:center; align-items:flex-start; overflow:auto; }
.cm-modal-card {
  width:min(430px, 100vw - 24px); margin-top:calc(76px + env(safe-area-inset-top)); margin-bottom:24px;
  background:#fffcf8; border:1px solid #e8ddd0; border-radius:20px; padding:22px 22px 18px;
  box-shadow:0 18px 48px rgba(20,15,12,.28); display:flex; flex-direction:column; gap:10px;
}
.cm-modal-title { font-family:'Cormorant Garamond',Georgia,serif; font-size:24px; color:#4a2c17; text-align:center; }
.cm-modal-sub { font-family:'Inter',sans-serif; font-size:12.5px; color:#6e5a3f; text-align:center; margin-top:-6px; }
.cm-modal-lbl { font-family:'JetBrains Mono',monospace; font-size:10px; font-weight:600; letter-spacing:.24em; text-transform:uppercase; color:#9a7b5a; margin-top:6px; }
.cm-modal-hint, .cm-modal-empty { font-family:'Jost',sans-serif; font-size:12.5px; color:#6e5a3f; font-style:italic; }
.cm-pay-list { display:flex; flex-direction:column; gap:6px; }
.cm-pay {
  display:grid; grid-template-columns:minmax(0,1fr) 110px; gap:2px 10px; align-items:baseline; text-align:left;
  background:transparent; border:1px solid #e8ddd0; border-radius:10px; padding:9px 12px; cursor:pointer;
  font-family:'Inter',sans-serif; color:#3a2e24; transition:border-color .15s;
}
.cm-pay:hover { border-color:#c5a572; }
.cm-pay.on { border-color:#3d2417; box-shadow:inset 0 0 0 1px #3d2417; }
.cm-pay-po { font-size:12.5px; line-height:18px; font-weight:600; color:#4a2c17; }
.cm-pay-po .num { font-family:'Inter',sans-serif; }
.cm-pay-owes { font-size:12.5px; line-height:18px; font-weight:600; text-align:right; color:#4a2c17; }
.cm-pay-when, .cm-pay-had { grid-column:1 / -1; font-size:10px; line-height:14px; color:#9a7b5a; }
.cm-amt-row { display:flex; align-items:center; gap:8px; }
.cm-amt-sym { font-family:'Inter',sans-serif; font-size:14px; color:#6e5a3f; }
.cm-amt-in { width:140px; text-align:right; font-size:16px; }
.cm-amt-max { font-family:'Jost',sans-serif; font-size:12px; color:#6e5a3f; }
.cm-note-in { width:100%; font-size:16px; }
.cm-modal-foot { display:flex; justify-content:flex-end; gap:8px; margin-top:6px; }
.cm-modal-foot .osx-go { margin-top:0; align-self:auto; }
.bl-nodoc { font-family:'Jost',sans-serif; color:#b8a898; font-size:11.5px; font-style:italic; }

/* The document opens HERE. ⛔ never a link out to WorkDrive. */
.bl-docpane { display:none; padding:0 16px 14px; }
.bl-docpane.open { display:block; }
.bl-docpane img { max-width:100%; border:1px solid #e8ddd0; border-radius:8px; background:#fffcf8; }
.bl-nodocmsg { font-family:'Jost',sans-serif; color:#6e5a3f; font-size:12.5px; padding:10px 0; font-style:italic; }
/* A PDF opens IN the pane, never in another tab (Peter, 2026-08-27). Same box
   an image capture takes, so a memo reads the same whichever the vendor sent. */
.bl-doc-pdf { width:100%; height:min(70vh,620px); border:1px solid #e8ddd0; border-radius:8px;
  background:#fffcf8; display:block; }
.osx-doc .bl-doc-pdf { height:min(52vh,460px); }

@media (max-width: 900px) {
  .bl-row { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:6px 10px; }
  .bl-amt { text-align:left; }
  .cm-apps { padding-left:16px; }
}

/* ── OSX · the question queue ─────────────────────────────────────────────
   The row's visual order IS the design: number, what it is, then — expanded —
   WHY (the largest text on screen) and the single question. Nothing competes
   with the reason. */

.osx {
  background:#fffcf8; border:1px solid #e8ddd0; border-radius:12px;
  margin-bottom:8px; overflow:hidden; transition:border-color .15s;
}
.osx.open { border-color:#c5a572; box-shadow:0 12px 32px rgba(58,46,36,0.08); }
.osx.sev-money     { border-left:3px solid #c0392b; }
.osx.sev-paperwork { border-left:3px solid #b8862e; }
.osx.sev-info      { border-left:3px solid #d4bfa8; }

.osx-head {
  display:flex; align-items:center; gap:12px; width:100%; text-align:left;
  background:none; border:0; padding:12px 15px; cursor:pointer; font:inherit; color:inherit;
}
.osx-head:hover { background:#fffaf3; }
.osx-tick  { font-family:'Inter',sans-serif; font-size:11px; font-weight:600; letter-spacing:.06em; color:#8a6940; flex:0 0 auto; }
/* A sentence, not a name — so it takes the Jost body voice, not Cormorant.
   These titles carry embedded digits ("…4400499905…") and Cormorant is barred
   from digits (canon §2); the vendor NAME heading below is the Cormorant one. */
.osx-title { flex:1 1 auto; font-family:'Jost',sans-serif; font-size:14px; font-weight:500; color:#4a2c17; line-height:1.4; }
.osx-age   { flex:0 0 auto; font-size:11px; color:#9a7b5a; }
.osx-caret { flex:0 0 auto; color:#c5a572; font-size:11px; }

.osx-body { padding:0 15px 15px; border-top:1px solid #f3e9dc; }

/* ⛔ the reason is the biggest thing here on purpose */
.osx-reason {
  font-family:'Jost',sans-serif; margin:12px 0 14px; font-size:14px; line-height:1.65;
  color:#3a2e24; max-width:74ch;
}

.osx-ask { display:flex; flex-direction:column; gap:8px; }
.osx-q   { font-family:'Jost',sans-serif; font-size:13px; font-weight:600; color:#4a2c17; }

.osx-ctl { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.osx-ctl-col { flex-direction:column; align-items:stretch; }
.osx-in {
  font-family:'Inter',sans-serif; border:1px solid #e8ddd0; border-radius:8px; padding:9px 12px;
  font-size:13px; min-width:190px; background:#fffcf8; color:#3a2e24;
  transition:border-color .15s, box-shadow .15s;
}
.osx-in:focus { outline:none; border-color:#8a6940; box-shadow:0 0 0 3px rgba(138,105,64,.10); }
.osx-in::placeholder { color:#b8a898; }
.osx-note {
  font-family:'Jost',sans-serif; border:1px solid #e8ddd0; border-radius:8px; padding:9px 12px;
  font-size:13px; width:100%; box-sizing:border-box; resize:vertical; background:#fffcf8; color:#3a2e24;
  transition:border-color .15s, box-shadow .15s;
}
.osx-note:focus { outline:none; border-color:#8a6940; box-shadow:0 0 0 3px rgba(138,105,64,.10); }
.osx-note::placeholder { color:#b8a898; }

/* primary = chocolate fill; ghost = hairline, gold on hover (canon §7) */
.osx-go {
  font-family:'Jost',sans-serif; font-size:11px; font-weight:600; letter-spacing:.18em; text-transform:uppercase;
  background:#3d2417; color:#fdf8f3; border:1px solid #3d2417; border-radius:8px;
  padding:10px 18px; cursor:pointer; align-self:flex-start; margin-top:6px; transition:background .15s;
}
.osx-go:hover { background:#2a1a10; }
.osx-go.ghost { background:transparent; color:#6e5a47; border-color:#e8ddd0; }
.osx-go.ghost:hover { border-color:#c5a572; color:#4a2c17; }
.osx-opt {
  font-family:'Jost',sans-serif; font-size:11px; font-weight:600; letter-spacing:.18em; text-transform:uppercase;
  background:transparent; color:#6e5a47; border:1px solid #e8ddd0; border-radius:8px;
  padding:10px 16px; cursor:pointer; transition:border-color .15s, color .15s;
}
.osx-opt:hover { border-color:#c5a572; color:#4a2c17; }
.osx-or   { font-family:'Jost',sans-serif; color:#9a7b5a; font-size:12.5px; }
.osx-hint { font-family:'Jost',sans-serif; color:#6e5a3f; font-size:12px; margin-left:10px; }

/* a refusal shows ON the ticket it refused, and the ticket stays open */
.osx-refuse {
  font-family:'Jost',sans-serif; margin-top:10px; border-left:3px solid #c0392b; background:#fffaf3;
  color:#c0392b; padding:8px 11px; font-size:13px; line-height:1.55; border-radius:0 8px 8px 0;
}

/* "I'm not sure" is a first-class answer, not a hidden one */
.osx-esc { margin-top:14px; border-top:1px solid #f3e9dc; padding-top:10px; }
.osx-esc summary { font-family:'Jost',sans-serif; cursor:pointer; color:#6e5a3f; font-size:12.5px; list-style:none; }
.osx-esc summary::-webkit-details-marker { display:none; }
.osx-esc summary::before { content:"＋ "; color:#c5a572; }
.osx-esc[open] summary::before { content:"− "; }
.osx-esc summary:hover { color:#4a2c17; }

.osx-toast {
  font-family:'Jost',sans-serif; background:#3d2417; color:#fdf8f3; border-radius:8px;
  padding:11px 15px; font-size:13px; margin-bottom:10px; opacity:1; transition:opacity .5s;
}
.osx-toast .num { color:#c5a572; margin-right:6px; }
.osx-toast.go { opacity:0; }

.osx-recent { margin-top:18px; }
.osx-recent-h {
  font-family:'JetBrains Mono',monospace; font-size:10px; font-weight:600; letter-spacing:.24em;
  text-transform:uppercase; color:#9a7b5a; margin-bottom:7px;
}
.osx-recent-r {
  font-family:'Jost',sans-serif; font-size:12.5px; color:#6e5a3f; padding:5px 0;
  border-top:1px solid #f3e9dc; line-height:1.5;
}
.osx-recent-r .num { color:#8a6940; margin-right:6px; }
.osx-recent-n { color:#9a7b5a; }

@media (max-width: 720px) {
  .osx-ctl { flex-direction:column; align-items:stretch; }
  /* canon §10 — iOS zooms any focusable control under 16px. */
  .osx-in  { min-width:0; width:100%; box-sizing:border-box; font-size:16px; }
  .osx-note { font-size:16px; }
  .osx-go, .osx-opt { width:100%; align-self:stretch; }
}

/* ⛔ THE DOCUMENT, WHERE THE QUESTION IS ASKED (Peter, 2026-08-27). Every OSX
   question is a question about a piece of paper, and the answer is printed on
   it. Sized to be READ — a thumbnail you have to squint at is decoration. */
.osx-doc { margin:0 0 16px; }
.osx-doc img {
  display:block; max-width:min(100%, 620px); border:1px solid #e8ddd0;
  border-radius:8px; background:#fffcf8;
}
.osx-doc figcaption { font-family:'Jost',sans-serif; margin-top:5px; font-size:11.5px; color:#9a7b5a; }
.osx-doc-missing { display:none; font-family:'Jost',sans-serif; color:#6e5a3f; font-size:12.5px; font-style:italic; }
.osx-doc.missing img, .osx-doc.missing figcaption { display:none; }
.osx-doc.missing .osx-doc-missing { display:block; }

/* ── the conversation (2026-08-28) — the buyer and AllureOS, on the ticket.
   Same palette, same voices: Jost for prose, Inter caps for who-lines and the
   proposal chip. The chip is the ONLY filled control here — it is the outcome. */
.osx-thread { margin:2px 0 6px; }
.osx-msg { margin:0 0 12px; max-width:74ch; }
.osx-msg-who {
  display:block; font-family:'Inter',sans-serif; font-size:10px; letter-spacing:.16em;
  text-transform:uppercase; color:#9a7b5a; margin-bottom:3px;
}
.osx-msg-text {
  display:block; font-family:'Jost',sans-serif; font-size:14px; line-height:1.65; color:#3a2e24;
  white-space:pre-wrap;
}
.osx-msg.you .osx-msg-text { color:#4a2c17; }
.osx-wait { font-family:'Jost',sans-serif; font-style:italic; color:#9a7b5a; font-size:12.5px; margin:0 0 12px; }
.osx-chip {
  display:inline-block; margin:2px 0 14px; padding:11px 18px; cursor:pointer;
  border:1px solid #4a2c17; background:#4a2c17; color:#fffcf8;
  font-family:'Inter',sans-serif; font-size:11px; letter-spacing:.14em; text-transform:uppercase;
}
.osx-chip:hover { background:#2a1a10; }
@media (max-width: 720px) { .osx-chip { width:100%; } }

.osx-po-link { font-family:'Jost',sans-serif; margin-top:12px; font-size:12.5px; color:#6e5a3f; }
.osx-polink-btn {
  background:none; border:0; border-bottom:1px solid #c5a572; color:#4a2c17;
  padding:0 1px; cursor:pointer; font:inherit; font-weight:600;
  font-family:'Inter',sans-serif; font-variant-numeric:lining-nums tabular-nums;
}
.osx-polink-btn:hover { border-bottom-color:#4a2c17; }
.osx-toast.walk { background:#fffcf8; color:#3a2e24; border:1px solid #e8ddd0; }
.osx-toast.walk .osx-polink-btn { color:#4a2c17; }