/* Governed transaction-only overlay. Geometry is the immutable licensed base. */
.wtm-surface{position:relative;border:1px solid #d9d0bd;border-radius:18px;overflow:hidden;background:#eeeae1;isolation:isolate}.wtm-canvas{height:330px;min-height:280px}.wtm-canvas>p{padding:24px;color:#164c3d}.wtm-floating{position:absolute;left:12px;right:48px;top:12px;max-width:270px;display:flex;flex-direction:column;gap:3px;padding:10px 13px;border:1px solid #ddd5c5;background:#fffdf8ed;border-radius:12px;box-shadow:0 3px 12px #24352e1a;pointer-events:none;color:#164c3d;font:600 13px/1.35 Inter,sans-serif}.wtm-floating span{font-size:11px;font-weight:400}.wtm-note{font:400 12px/1.45 Inter,sans-serif;color:#655e50;margin:8px 0;overflow-wrap:anywhere}.wtm-marker{display:flex;align-items:center;gap:5px;max-width:160px;padding:4px 7px 4px 4px;background:#fffdf8f5;border:1px solid #ddd5c5;border-radius:11px;box-shadow:0 2px 7px #28382e26;color:#164c3d;font:500 11px/1.2 Inter,sans-serif}.wtm-marker[role=button]{cursor:pointer;min-height:44px;min-width:44px}.wtm-glyph{width:25px;height:25px;flex:none;display:grid;place-items:center;border-radius:50%;background:#164c3d;color:#fffdf8;border:1px solid #fffdf8}.wtm-glyph svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.wtm-marker-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.wtm-marker strong{font-size:11px;font-weight:600;overflow-wrap:anywhere}.wtm-marker small{font-size:9px;color:#686254}.wtm-destination{max-width:185px;border:2px solid #164c3d;z-index:5}.wtm-destination .wtm-glyph{width:32px;height:32px}.wtm-source{border-color:#ba9444}.wtm-source .wtm-glyph{background:#89651e}.wtm-fulfillment{border-color:#164c3d}.wtm-destination:after,.wtm-source:after{content:'';position:absolute;bottom:-7px;left:calc(50% - 6px);border:6px solid transparent;border-top-color:#164c3d;border-bottom:0}.wtm-source:after{border-top-color:#ba9444}.wtm-marker:focus-visible{outline:3px solid #bd9540;outline-offset:3px}.wtm-canvas .maplibregl-ctrl-attrib{font-size:10px;line-height:14px}@media(min-width:768px){.wtm-canvas{height:390px}}
/* Category identity and operational role remain separate semantic channels. */
.wtm-marker[data-wtm-category="RESTAURANT"] .wtm-glyph{background:#e56b22}.wtm-marker[data-wtm-category="CAFE"] .wtm-glyph,.wtm-marker[data-wtm-category="BAKERY"] .wtm-glyph{background:#9a641e}.wtm-marker[data-wtm-category="SHOPPING_MALL"] .wtm-glyph,.wtm-marker[data-wtm-category="ELECTRONICS_MOBILE"] .wtm-glyph{background:#8052bd}.wtm-marker[data-wtm-category="GROCERY_MARKET"] .wtm-glyph{background:#28834f}.wtm-marker[data-wtm-category="PHARMACY"] .wtm-glyph,.wtm-marker[data-wtm-category="HOSPITAL_CLINIC"] .wtm-glyph,.wtm-marker[data-wtm-category="POLICE_PUBLIC_SAFETY"] .wtm-glyph{background:#c43b42}.wtm-marker[data-wtm-category="ACCESSIBILITY_ASSISTANCE"] .wtm-glyph{background:#2374b6}.wtm-marker[data-wtm-category="GOVERNMENT_CIVIC"] .wtm-glyph,.wtm-marker[data-wtm-category="EMBASSY_CONSULATE"] .wtm-glyph{background:#2b7185}.wtm-marker[data-wtm-role="destination"]{border-color:#1b6fb8}.wtm-marker[data-wtm-role="destination"]:after{border-top-color:#1b6fb8}.wtm-marker[data-wtm-role="fulfillment"]{border-color:#d77b1f}.wtm-marker[data-wtm-role="fulfillment"] .wtm-glyph{background:#d77b1f}

/* Accepted mobile live-transaction hierarchy (Figma 534:1815). */
.wtm-surface{border-color:#cec8bb;border-radius:22px;background:#e8e8e1;box-shadow:0 14px 34px rgba(24,52,45,.13)}
.wtm-surface::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.13),transparent 34%,transparent 74%,rgba(27,111,184,.045));box-shadow:inset 0 0 24px rgba(26,48,42,.06)}
.wtm-canvas{height:360px;min-height:300px}
.wtm-floating{z-index:4;left:14px;right:58px;top:14px;max-width:310px;border:1px solid rgba(27,111,184,.2);border-radius:16px;background:rgba(255,255,255,.95);box-shadow:0 9px 24px rgba(24,52,45,.14);color:#173a34;font-size:14px}
.wtm-floating strong{font-size:14px;line-height:1.2}
.wtm-floating span{font-size:11px;color:#625f58}
.wtm-marker{z-index:3;border-radius:14px;background:rgba(255,255,255,.97);box-shadow:0 7px 18px rgba(24,52,45,.2);color:#173a34;font-size:12px}
.wtm-marker strong{font-size:12px;line-height:1.25}
.wtm-marker small{font-size:10px;line-height:1.2}
.wtm-destination{border:2px solid #1b6fb8;box-shadow:0 0 0 5px rgba(27,111,184,.12),0 9px 22px rgba(24,52,45,.2)}
.wtm-source{border:2px solid #e56b22}
.wtm-fulfillment{border:2px solid #d77b1f}
.wtm-note{margin:10px 2px 0;color:#625f58;font-size:12px}
.wtm-canvas .maplibregl-ctrl-group{overflow:hidden;border:1px solid rgba(23,58,52,.12);border-radius:13px;box-shadow:0 7px 18px rgba(24,52,45,.15)}
.wtm-canvas .maplibregl-ctrl button{min-width:44px;min-height:44px;background-color:rgba(255,255,255,.97)}
@media(min-width:768px){.wtm-canvas{height:410px}}
@media(prefers-reduced-motion:reduce){.wtm-surface *{scroll-behavior:auto!important}}

/* Finished truthful transaction composition: clear roles without invented route, ETA or actor telemetry. */
.wtm-surface{background:linear-gradient(145deg,#e8eee9 0%,#f2eee4 58%,#e5ecec 100%)}
.wtm-surface::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(circle at 18% 78%,rgba(229,107,34,.08),transparent 24%),radial-gradient(circle at 82% 28%,rgba(27,111,184,.1),transparent 30%)}
.wtm-floating{padding:12px 15px;border-left:4px solid #1b6fb8}
.wtm-marker{min-height:44px;padding:5px 9px 5px 5px}
.wtm-destination{max-width:210px}
.wtm-note{padding:9px 12px;border:1px solid rgba(23,58,52,.1);border-radius:12px;background:#fffdf8;color:#4f5b55}
@media(max-width:520px){.wtm-floating{right:54px;max-width:calc(100% - 74px)}.wtm-marker{max-width:148px}.wtm-destination{max-width:174px}}

/* Accepted transaction hierarchy: progress above, contextual destination sheet below. */
.wtm-progress{position:absolute;z-index:5;top:12px;left:12px;right:58px;max-width:420px;padding:10px 12px;border:1px solid rgba(23,58,52,.12);border-radius:15px;background:rgba(255,255,255,.96);box-shadow:0 8px 22px rgba(24,52,45,.14);color:#173a34;font:700 13px/1.2 Inter,sans-serif}
.wtm-progress ol{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:9px 0 0;padding:0;list-style:none}
.wtm-progress li{position:relative;padding-top:13px;color:#817e77;font-size:9px;text-align:center;white-space:nowrap}
.wtm-progress li::before{content:"";position:absolute;z-index:2;top:0;left:calc(50% - 4px);width:8px;height:8px;border:2px solid #d0d1cd;border-radius:50%;background:#fff}
.wtm-progress li::after{content:"";position:absolute;top:5px;right:50%;width:100%;height:2px;background:#dfe1dd}
.wtm-progress li:first-child::after{display:none}
.wtm-progress li.is-complete{color:#236b4e}.wtm-progress li.is-complete::before{border-color:#28834f;background:#28834f}.wtm-progress li.is-complete::after{background:#28834f}
.wtm-progress li.is-current{color:#1b6fb8;font-weight:800}.wtm-progress li.is-current::before{border-color:#1b6fb8;background:#1b6fb8}.wtm-progress li.is-current::after{background:#28834f}
.wtm-floating{top:auto;bottom:14px;left:14px;right:14px;max-width:360px;padding:12px 14px;border:1px solid rgba(23,58,52,.14);border-left:4px solid #1b6fb8;border-radius:16px;pointer-events:auto}
.wtm-card-kicker{color:#1b6fb8!important;font-size:9px!important;font-weight:800!important;letter-spacing:.08em;text-transform:uppercase}
.wtm-note{max-width:560px}
@media(max-width:520px){.wtm-progress{left:10px;right:54px;top:10px;padding:9px 10px}.wtm-progress li{font-size:8px}.wtm-floating{left:10px;right:10px;bottom:10px;max-width:none}.wtm-canvas{height:390px}.wtm-note{font-size:11px}}