/* Install prompt sits under "Your next step" in the hero; settings close the page. */
.renter-setup { margin-top:12px; padding:12px 14px; background:var(--surface, #f0f5f4); border-radius:12px; }
.renter-setup .eyebrow { margin-bottom:2px; }
.renter-setup p { line-height:1.45; margin-bottom:6px; font-size:var(--ui-fs-sm, .92rem); }
.renter-setup .row-actions { gap:6px 12px; }
.renter-setup button { min-height:44px; }
.renter-inbox-button span { white-space:nowrap; }
.renter-account { margin-top:14px; }
.renter-account h2 { margin-bottom:4px; }
.renter-account .muted { margin-bottom:12px; }
.renter-account [data-renter-account-status] { margin-top:10px; }
.renter-app-panel { width:min(620px, calc(100vw - 24px)); max-height:calc(100dvh - 32px); box-sizing:border-box; border:1px solid #d6e1df; border-radius:18px; padding:24px; color:inherit; background:#fff; overflow:auto; }
.renter-app-panel::backdrop { background:rgb(12 31 36 / 45%); }
.renter-app-panel h2 { font-size:1.3rem; margin-right:auto; }
.renter-app-panel section { border-top:1px solid #d6e1df; padding:16px 0; }
.renter-app-panel .row-actions { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.renter-app-panel input:not([type=checkbox]) { width:100%; box-sizing:border-box; }
.renter-device { display:grid; gap:10px; margin:18px 0; overflow-wrap:anywhere; }
.renter-device-name { margin:0; font-size:1rem; }
.renter-device-badge { display:inline-block; margin-left:6px; padding:2px 8px; border-radius:999px; font-size:var(--ui-fs-xs, .78rem); font-weight:600; background:var(--green-soft, #f0f5f4); border:1px solid var(--line, #d6e1df); }
.renter-device > small { margin-top:-4px; }
.renter-check { display:flex; align-items:center; gap:10px; margin:14px 0; }
.renter-check input[type=checkbox] { width:20px; height:20px; flex:none; margin:0; }
.renter-inbox article { border-bottom:1px solid #d6e1df; padding:18px 0; overflow-wrap:anywhere; }
/* The whole row is the target; the title reads as a heading, not a raw link. */
.renter-inbox a { display:block; min-height:44px; color:inherit; text-decoration:none; }
.renter-inbox a strong { color:var(--ink, #14231f); }
.renter-inbox a:hover strong, .renter-inbox a:focus-visible strong { text-decoration:underline; }
.renter-inbox small { color:var(--muted, #5b6b66); }
.renter-app-panel [data-app-message] { white-space:pre-line; }
.renter-app-panel [data-app-message]:not([hidden]) { padding:12px 14px; border-radius:10px; background:var(--green-soft, #f0f5f4); border:1px solid var(--line, #d6e1df); }
.renter-app-panel [data-app-message] button { display:block; margin-top:10px; }
.renter-app-panel .renter-app-heading { flex-wrap:nowrap; padding-bottom:12px; }
.renter-app-heading h2 { margin:0; flex:1; }
.renter-app-panel .renter-app-heading > button { flex:0 0 auto; width:auto; }
.renter-app-status { font-weight:600; }
.renter-app-panel [data-push-controls] { padding:12px; margin:12px 0; border-radius:12px; background:var(--canvas, #f6f5f1); }
.renter-app-panel [data-push-controls] p:first-child { margin-top:0; }
.renter-app-panel button, .renter-app-panel summary { min-height:44px; }
[data-code-signin] { margin-top:24px; border-top:1px solid #d6e1df; padding-top:18px; }
[data-code-signin] summary { cursor:pointer; font-weight:600; }
@media(max-width:640px) { .renter-app-panel { padding:18px; } }