/* Landlord portal, tenant side (share code card and request inbox inside the deposit portal) */
.portal-card{max-width:1100px;margin:0 auto 16px}
.portal-intro{margin:0 0 16px;color:var(--muted);font-size:12px;line-height:1.6}
.portal-code-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px}
.portal-code{padding:10px 14px;border:1px dashed #9db89c;border-radius:10px;background:#f1f6ee;color:#315b3b;font:700 19px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.06em;user-select:all}
.portal-note{margin:0 0 12px;padding:9px 12px;border-radius:9px;background:#fcf2e7;color:#8b572c;font-size:11px;line-height:1.5}
.portal-inbox-title{display:flex;align-items:center;gap:8px;margin:22px 0 12px;font-size:14px}
.portal-badge{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:99px;background:#c0483a;color:#fff;font:700 11px/1 var(--font-body)}
[data-deposit-id] .portal-badge{margin-left:8px}
.portal-inbox{display:grid;gap:11px}
.portal-empty{margin:0;padding:18px;border:1px dashed var(--line);border-radius:12px;color:var(--muted);font-size:12px;text-align:center}
.portal-request{display:grid;gap:8px;padding:15px 16px;border:1px solid var(--line);border-radius:13px;background:#fffefa}
.portal-request.is-new{border-color:#d9a29a;box-shadow:0 0 0 3px #c0483a14}
.portal-request.is-approved{border-color:#c2d5c1;background:#f4f8f2}
.portal-request.is-declined{opacity:.8}
.portal-request-top{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.portal-request-top strong{font-size:14px}
.portal-amount{color:#a04439;font:700 15px var(--font-display)}
.portal-request small{color:var(--muted);font-size:11px}
.portal-request p{margin:0;color:var(--muted);font-size:12px;line-height:1.5;white-space:pre-wrap}
.portal-history{margin:0;padding-left:18px;color:var(--muted);font-size:11px;line-height:1.6}
.portal-request-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding-top:9px;border-top:1px solid #eeece4}
.portal-status{padding:5px 9px;border-radius:99px;background:#eef0f4;color:#4b5565;font-size:10px;font-weight:700}
.portal-status.is-open{background:#fcf2e7;color:#8b572c}
.portal-status.is-approved{background:#e5eee3;color:#315b3b}
.portal-status.is-declined{background:#fae9e5;color:#a04439}
.portal-actions{display:flex;flex-wrap:wrap;gap:8px}
.portal-counter{display:grid;gap:10px;padding-top:6px}
.portal-counter .field{display:grid;gap:6px;font-size:11px;font-weight:700;color:var(--muted)}
.portal-counter input{width:100%;border:1px solid var(--line);border-radius:9px;padding:10px 11px;background:#fff;font:12px var(--font-body);color:var(--ink)}