/* [d3-mod 8 Oct 2026] My PHWO v3 — visual bridge to phwo-account ds.css (handle phwo-acct-ds).
   Presentation only. Tokens fall back to brand values if ds.css is absent. */
:root { --d3-teal: var(--ds-brand, #0D5C63); --d3-gold: var(--ds-accent, #E8A33D); --d3-line: var(--ds-border, #e3eaeb); --d3-ink: var(--ds-text, #14262B); --d3-mute: var(--ds-text-muted, #5d6d72); --d3-bg: var(--ds-surface, #fff); --d3-r: var(--ds-radius, 14px); --d3-sh: var(--ds-shadow-sm, 0 1px 3px rgba(20,38,43,.08)); }.appc-card { background: var(--d3-bg); border: 1px solid var(--d3-line); border-radius: var(--d3-r); box-shadow: var(--d3-sh); min-width: 0; }
.appc-chips { display: flex; flex-wrap: wrap; gap: .4rem; }
.appc-chips > * { white-space: nowrap; border-radius: 999px; }
.appc-miss { color: #8a5a10; }
.appc-bar { border-radius: 999px; overflow: hidden; }
.appc-f input, .appc-f select, .appc-f textarea { font-size: 16px; min-height: 44px; border-radius: 10px; max-width: 100%; }
@media (max-width: 600px) {
  .appc-row { grid-template-columns: 1fr !important; flex-direction: column; align-items: stretch; }
  .appc-card .phwo-btn { min-height: 48px; width: 100%; text-align: center; }
}