:root{font-family:Segoe UI,Arial,sans-serif;color:#153e35;background:#edf2ef}*{box-sizing:border-box}main{max-width:480px;margin:6vh auto;padding:28px;background:white;border-radius:16px;box-shadow:0 8px 40px #12332615}h1{font-size:25px}small{color:#6b746e}p{line-height:1.6}.note{font-size:13px;color:#65716b;border-top:1px solid #e4eae6;padding-top:16px}button{width:100%;padding:15px;margin:6px 0;border:0;border-radius:8px;background:#125b48;color:white;font:600 16px Segoe UI,Arial;cursor:pointer}.secondary{background:#e9efec;color:#153e35}[hidden]{display:none!important}@media(max-width:520px){main{margin:16px;padding:22px}}
.approval{max-width:440px;padding:24px;margin:32px auto;border:1px solid #dfe8e2;border-radius:24px}
.brand{display:flex;align-items:center;gap:10px}.brand small{font-size:14px;font-weight:600;color:#46655b}.brand-mark{display:grid;place-items:center;width:36px;height:36px;background:#125b48;color:#ffe099;border-radius:10px;font-weight:800;font-size:16px}
.verdict{text-align:center;padding:24px 0 18px}.state-icon{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 16px;border-radius:50%;background:#edf3f0;color:#517366;font-size:34px;font-weight:600}.verdict h1{margin:0 0 9px;font-size:27px;line-height:1.25;letter-spacing:-.5px}.verdict p{margin:0;color:#5d7369;font-size:15px;line-height:1.5}
.request-card{background:#f4f7f5;border:1px solid #e4ebe6;border-radius:14px;padding:18px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1px;color:#718478}.device{margin:7px 0 0;font-weight:600;font-size:15px;overflow-wrap:anywhere}.request-purpose{border-top:1px solid #dde6df;margin-top:15px;padding-top:14px}.request-purpose h2{margin:7px 0 0;font-size:18px;line-height:1.4}
.deadline{text-align:center;font-size:13px;color:#6c7e72;margin:14px 0}.choices{display:flex;gap:10px}.choices button{flex:1;min-height:52px}.approval button{border-radius:12px;min-height:48px}.approval button:focus-visible{outline:3px solid #c79122;outline-offset:3px}.approval .note{border:0;text-align:center;padding:0;margin:14px 0 0;font-size:12px;color:#7d8d81}
.approval[data-state=approved] .state-icon,.approval[data-state=linked] .state-icon,.approval[data-state=confirmed] .state-icon{background:#dff3e7;color:#19734d}.approval[data-state=approved] .verdict h1,.approval[data-state=linked] .verdict h1,.approval[data-state=confirmed] .verdict h1{color:#19734d}
.approval[data-state=denied] .state-icon,.approval[data-state=rejected] .state-icon{background:#fbe9e5;color:#b04838}.approval[data-state=denied] .verdict h1,.approval[data-state=rejected] .verdict h1{color:#a44034}
.approval[data-state=expired] .state-icon,.approval[data-state=locked] .state-icon,.approval[data-state=cancelled] .state-icon{background:#eceeeb;color:#68776e}
@media(max-width:520px){.approval{margin:12px;padding:20px}.verdict{padding-top:22px}.verdict h1{font-size:25px}}@media(max-width:340px){.approval{margin:8px;padding:16px}.choices{gap:8px}.request-card{padding:14px}}