/* Tenant app v3, the bond claim link and the renewal owner choices (Task Centre build, 27 Oct 2026). Only v3 markup uses
   these classes, so with every flag off nothing here applies. 44 px targets, 16 px inputs, no sideways scroll at 390 px. */
body.pv2 .v3-urgent { display: flex; align-items: center; gap: 10px; background: #fdecea; color: #a8201a; border-radius: 14px; padding: 12px 14px; text-decoration: none; min-height: 56px; }
body.pv2 .v3-urgent .ic { width: 28px; height: 28px; border-radius: 50%; background: #a8201a; color: #fff; display: grid; place-items: center; font-weight: 800; flex: none; }
body.pv2 .v3-urgent span { display: flex; flex-direction: column; flex: 1; min-width: 0; } body.pv2 .v3-urgent small { font-size: 13px; color: #7c1d17; }
body.pv2 .v3-urgent .n { white-space: nowrap; font-size: 15px; }
body.pv2 .v3-reply-h { color: #7a4a06; }
body.pv2 .v3-cta { display: inline-block; margin-top: 6px; font-style: normal; font-weight: 800; color: #1B1F4D; text-decoration: underline; }
body.pv2 .v3-tiles .v3-tile { text-align: left; align-items: flex-start; } body.pv2 .v3-tile span { display: flex; flex-direction: column; } body.pv2 .v3-tile small { font-size: 12px; color: #5b6170; font-weight: 500; }
body.pv2 .v3-track, body.pv2 .v3-stepper { list-style: none; margin: 8px 0; padding: 0; display: flex; gap: 4px; }
body.pv2 .v3-track li { flex: 1; text-align: center; font-size: 12px; font-weight: 700; padding: 8px 2px 0; border-top: 4px solid #e4e6f0; color: #8a90a2; }
body.pv2 .v3-track li.done { border-color: #1B1F4D; color: #1B1F4D; } body.pv2 .v3-track li.now { border-color: #F6CF46; color: #1B1F4D; }
body.pv2 .v3-stepper { flex-direction: column; gap: 10px; } body.pv2 .v3-stepper li { border-left: 4px solid #e4e6f0; padding: 2px 0 2px 12px; display: flex; flex-direction: column; }
body.pv2 .v3-stepper li.done { border-color: #1B1F4D; } body.pv2 .v3-stepper li.now { border-color: #F6CF46; } body.pv2 .v3-stepper small { color: #5b6170; font-size: 13px; }
body.pv2 .v3-warn { margin-top: 8px; background: #fdecea; color: #a8201a; border-radius: 10px; padding: 10px 12px; font-size: 14px; }
.v3-warn { margin-top: 8px; background: #fdecea; color: #a8201a; border-radius: 10px; padding: 10px 12px; font-size: 14px; } .v3-warn a { color: #a8201a; font-weight: 800; }
body.pv2 .v3-toggle { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 10px; }
body.pv2 .v3-toggle button { min-height: 44px; border-radius: 10px; border: 1px solid #c3c8dc; background: #fff; font: inherit; font-weight: 700; font-size: 15px; color: #1B1F4D; }
body.pv2 .v3-toggle button[aria-pressed="true"]:first-child { background: #0f6e56; border-color: #0f6e56; color: #fff; }
body.pv2 .v3-toggle button[aria-pressed="true"]:last-child { background: #a8201a; border-color: #a8201a; color: #fff; }
body.pv2 .v3-note { margin-top: 8px; }
body.pv2 .pv2-pill.gold { background: #F6CF46; color: #1B1F4D; }
body.pv2 .v3-grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
body.pv2 .v3-opt { min-height: 48px; border-radius: 12px; border: 1px solid #cfd4e2; background: #fff; color: #1B1F4D; font: inherit; font-weight: 700; font-size: 14px; padding: 8px; }
body.pv2 .v3-opt[aria-pressed="true"] { background: #1B1F4D; color: #fff; border-color: #1B1F4D; }
body.pv2 .v3-path { display: flex; flex-direction: column; gap: 4px; width: 100%; text-align: left; background: #fff; border: 2px solid #e3e6ef; border-radius: 14px; padding: 12px 14px; min-height: 64px; font: inherit; color: #1B1F4D; }
body.pv2 .v3-path.on { border-color: #1B1F4D; } body.pv2 .v3-path b { font-size: 15px; } body.pv2 .v3-path small { font-size: 13px; color: #5b6170; }
body.pv2 .pv2-input, body.pv2 textarea.pv2-input { font-size: 16px; }
body.pv3-claim #tabbar { display: none !important; }
.v3-brand { background: #1B1F4D; color: #fff; padding: 14px 16px; display: flex; gap: 6px; align-items: center; }
.v3-brand .re, .v3-brand .a1 { font-weight: 800; font-size: 13px; padding: 3px 7px; border-radius: 6px; } .v3-brand .re { background: #fff; color: #1B1F4D; } .v3-brand .a1 { background: #F6CF46; color: #1B1F4D; }
.v3-brand b { margin-left: 8px; font-size: 16px; }
body.pv2 .v3-tiles .pv2-tile.v3-tile { height: auto; min-height: 104px; justify-content: flex-start; }
