/* Walt: tokens for the shared walt.css, plus the floating button frame */
.wp, .walt { --blue: var(--plum); --blue-dark: var(--plum-2); --line: var(--rule); --mist: var(--paper-2); --muted: var(--ink-2); --navy: var(--ink); --amber: var(--brass); }
.walt { position: fixed; right: max(20px, env(safe-area-inset-right, 0px)); bottom: max(20px, env(safe-area-inset-bottom, 0px)); z-index: 31; min-height: 56px; border-radius: 999px; border: 0; color: var(--on-plum); font: 700 1rem/1 var(--sans); box-shadow: 0 10px 28px rgba(43,26,40,.32); cursor: pointer; }
.btn-walt .dw { box-shadow: 0 0 0 1.5px var(--plum); }
.wp { position: fixed; z-index: 40; left: 0; right: 0; bottom: 0; height: min(86vh, 640px); display: flex; flex-direction: column; background: var(--surface); color: var(--ink); border: 1px solid var(--rule); border-radius: 18px 18px 0 0; box-shadow: 0 -10px 40px rgba(43,26,40,.28); font-size: 1rem; line-height: 1.5; }
.wp-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px; background: var(--band); color: #fff; border-radius: 17px 17px 0 0; }
.wp-head h2 { font-family: var(--serif); font-size: 1.15rem; color: #fff; }
.wp-head small { display: block; font: 500 .82rem var(--sans); opacity: .85; }
.wp-emergency { background: var(--paper-2) !important; color: var(--ink) !important; }
.wp-emergency a { color: var(--plum) !important; }
@media (min-width: 640px) { .wp { left: auto; right: 24px; bottom: 24px; width: 390px; height: min(620px, calc(100vh - 48px)); border-radius: 18px; } }