.r31-work{display:grid;gap:20px;color:#374d3e}.r31-work h2{font:500 clamp(27px,4vw,43px) Georgia,serif;margin:0}.r31-work>p{max-width:900px;color:#627364;line-height:1.6}.r31-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:12px}.r31-stat{background:#edf3ea;border:1px solid #d7e3d4;border-radius:16px;padding:17px;display:grid;align-content:start;gap:9px;min-width:0}.r31-stat small{color:#5b705d}.r31-stat strong{font-size:clamp(25px,3vw,35px);color:#2f543b}.r31-stat span{font-size:12px}.r31-two{display:grid;grid-template-columns:1fr 1fr;gap:18px;min-width:0}.r31-two>.panel-card{min-width:0;max-height:640px;overflow-y:auto}.r31-item{padding:14px 0;border-bottom:1px solid #e0e7df;overflow-wrap:anywhere}.r31-item strong,.r31-item b{font-weight:750;color:#31503d}.r31-item p{margin:7px 0;color:#607364;line-height:1.5}.r31-item>span{font-size:12px}.r31-buttons{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.r31-buttons button{min-height:44px}.r31-tag,.r31-format-chip{background:#dfe9de;color:#405f47;border-radius:50px;padding:5px 10px;font-size:12px;display:inline-block}.r31-class-name{font:600 clamp(22px,2.6vw,30px) Georgia,serif;color:#2d4d39;overflow-wrap:anywhere}.r31-transaction-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:13px;color:#667766}.r31-client b{color:#304d39}.r31-autofill{margin:12px 0;padding:14px;border:1px solid #cfdccb;border-radius:12px;background:#f4f8f2;display:grid;gap:8px}.r31-autofill p,.r31-autofill small{font-size:12px;margin:0;color:#597360}.r31-autofill button{justify-self:start;min-height:42px}.r31-challenge-form{padding:24px;display:grid;gap:16px}.r31-challenge-form label{display:grid;gap:8px}.r31-challenge-form input{font:inherit;max-width:280px;border:1px solid #cdd7cb;padding:14px;border-radius:12px;letter-spacing:5px}@media(max-width:760px){.r31-two{grid-template-columns:1fr}.r31-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.r31-work .panel-card{padding:16px}.r31-buttons button{flex:1}}@media(max-width:390px){.r31-grid{grid-template-columns:1fr 1fr}.r31-grid .r31-stat{padding:12px}}

.r31-legacy-tag{display:inline-flex;align-items:center;background:#edf4ea;color:#345b41;padding:6px 10px;border-radius:99px;font-size:12px;font-weight:650;}

/* R32 - compact WA recognition, no pre-emptive legacy panel */
.r32-autofill{margin:7px 0 0;padding:11px 13px;gap:10px;max-width:100%;min-width:0}
.r32-autofill[hidden],.r32-autofill [hidden]{display:none!important}
.r32-known{display:flex;align-items:center;gap:10px;line-height:1.4}
.r32-known>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.r32-known strong{font-size:14px;color:#30523a}
.r32-known small,.r32-inline-status{font-size:12px;color:#617661}
.r32-check{background:#d2e5d1;color:#27583b;border-radius:999px;width:29px;height:29px;flex:none;display:grid;place-items:center;font-weight:700}
.r32-autofill>.primary-btn{justify-self:start;min-height:44px;width:auto}
.r32-otp-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:9px 0}
.r32-otp-row input{min-width:140px;flex:1;max-width:230px;letter-spacing:0.25em;min-height:44px;font:inherit;padding:11px;border:1px solid #c7d8c4;border-radius:10px}
.r32-otp-row button{min-height:44px}
@media(max-width:430px){.r32-otp-row>*{width:100%;max-width:none!important}}
