/* Bewonersportaal MVP */
.nav{position:relative;z-index:1}.profile-switch{z-index:0}.resident-nav{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.resident-nav button{border:0;background:#e9edf7;color:#34425f;border-radius:999px;padding:9px 13px;font:inherit;cursor:pointer}.resident-nav button.active{background:linear-gradient(135deg,#6546dc,#8b5cf6);color:#fff}.resident-summary{display:flex;justify-content:space-between;gap:28px}.resident-summary h2{margin:5px 0}.resident-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0}.resident-metrics article,.resident-admin-card{background:#fff;border:1px solid #e6eaf2;border-radius:16px;padding:16px;box-shadow:0 8px 22px rgba(35,49,83,.06)}.resident-metrics b{display:block;font-size:1.5rem;color:#6745db}.resident-metrics span,.resident-list small,.resident-admin-card small{color:var(--muted);display:block}.resident-list{display:grid;gap:10px}.resident-list article{display:flex;justify-content:space-between;gap:15px;padding:14px;border:1px solid #e8ebf2;border-radius:12px}.resident-list p{margin:6px 0}.resident-thread{border-top:1px solid #e7eaf1;padding:16px 0}.resident-thread textarea{width:100%;min-height:68px;margin:8px 0}.resident-photo{width:80px;height:80px;object-fit:cover;border-radius:10px}.resident-modal{position:relative;margin-top:16px}.resident-modal input,.resident-modal textarea,.resident-modal select{width:100%;box-sizing:border-box;margin:7px 0}.resident-admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px}.resident-admin-card{display:grid;gap:12px}.resident-admin-card h3{margin:6px 0}.resident-admin-card p{margin:4px 0}.resident-admin-stats{display:flex;gap:8px;flex-wrap:wrap}.resident-admin-stats span{font-size:.78rem;background:#eef1fa;padding:5px 8px;border-radius:999px}.resident-toolbar{display:flex;align-items:center;gap:12px;margin:16px 0}.resident-toolbar .search{min-width:280px}.resident-detail h3{margin:14px 0 4px}@media(max-width:700px){.resident-summary{display:block}.resident-metrics{grid-template-columns:1fr}.resident-list article{display:block}.resident-list article .btn{margin-top:10px}}
.resident-project-nav{display:flex;gap:7px;overflow:auto;padding:5px 0 15px}.resident-project-nav button{white-space:nowrap;border:1px solid #dde3ef;background:#fff;border-radius:11px;padding:9px 12px;color:#42506b;cursor:pointer}.resident-project-nav button.active{color:#fff;border-color:#6c4cdf;background:linear-gradient(135deg,#6546dc,#8b5cf6)}.resident-badge{display:inline-grid;place-items:center;min-width:18px;height:18px;border-radius:9px;background:#fff;color:#6546dc;font-size:.72rem;margin-left:4px}.resident-project-content{min-height:420px}.resident-status-card{display:flex;align-items:center;justify-content:space-between;gap:20px}.resident-inbox{background:#fff;border:1px solid #e3e8f1;border-radius:16px;overflow:hidden}.resident-inbox-head,.resident-inbox-row{display:grid;grid-template-columns:120px 1.25fr 1.4fr 2fr 1fr;gap:12px;align-items:center;padding:12px 15px}.resident-inbox-head{background:#f5f7fb;color:#68738a;font-size:.78rem;text-transform:uppercase;font-weight:700}.resident-inbox-row{width:100%;border:0;border-top:1px solid #edf0f5;background:#fff;text-align:left;color:inherit;cursor:pointer}.resident-inbox-row:hover{background:#faf9ff}.resident-inbox-row small{display:block;color:var(--muted);margin-top:4px}.resident-conversation{max-height:360px;overflow:auto;display:grid;gap:8px;margin:15px 0}.guest-message.internal{border:1px dashed #e4ad32;background:#fff8df}.resident-settings textarea{min-height:80px}.resident-setting-toggles{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:8px;margin:14px 0}@media(max-width:900px){.resident-inbox-head{display:none}.resident-inbox-row{grid-template-columns:1fr}.resident-status-card{align-items:flex-start}.resident-setting-toggles{grid-template-columns:1fr}}
.stakeholder-row{align-items:center;gap:18px}.stakeholder-row .actions{margin-left:auto;flex-wrap:wrap}.portal-access-panel{margin:16px 0;padding:16px;border:1px solid var(--line,#dfe3ea);border-radius:16px;background:var(--surface-soft,#f7f8fc)}.checkrow.strong{font-weight:700}.permission-chips{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.permission-chips span{padding:5px 9px;border-radius:999px;background:#f0ebff;color:#5e35b1;font-size:12px;font-weight:700}.resident-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.resident-kpis article{padding:18px;border:1px solid var(--line,#e0e3ea);border-radius:18px;background:var(--card,#fff);box-shadow:0 8px 30px rgba(39,32,71,.05)}.resident-kpis span{display:block;color:var(--muted,#68707c);font-size:13px}.resident-kpis b{display:block;margin-top:6px;font-size:28px}.resident-inbox-row span:nth-child(2){min-width:130px}@media(max-width:900px){.resident-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.stakeholder-row{align-items:flex-start;flex-direction:column}.stakeholder-row .actions{margin-left:0}}