/* Client portal & staff workspace */
.portal-nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap;padding:14px 18px;background:#fff;border:1px solid #e3eae4;border-radius:14px;margin-bottom:28px}
.portal-nav a{color:#123524;font-weight:600;text-decoration:none}
.portal-nav a:hover{color:#0e8f5a}
.portal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin:20px 0}
.portal-card{background:#fff;border:1px solid #e3eae4;border-radius:16px;padding:22px}
.portal-card h2{margin-top:0;font-size:1.15rem}
.portal-card .stat{font-size:2rem;font-weight:800;color:#012d1d;margin:4px 0}
.portal-card .stat small{font-size:1rem;font-weight:500;color:#5a6b60}
.portal-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #e3eae4;border-radius:14px;overflow:hidden;margin:16px 0}
.portal-table th,.portal-table td{padding:12px 14px;text-align:left;border-bottom:1px solid #edf2ee;font-size:0.95rem}
.portal-table th{background:#f4f8f5;color:#123524}
.badge{display:inline-block;padding:3px 10px;border-radius:999px;background:#eef4f0;color:#123524;font-size:0.8rem;font-weight:700;text-transform:capitalize}
.badge-active,.badge-paid{background:#dff3e6;color:#0e6b3f}
.badge-past_due,.badge-open.badge-past_due{background:#fdeaea;color:#a02121}
.badge-critical,.badge-high{background:#fdeaea;color:#a02121}
.badge-canceled,.badge-churned{background:#eceff1;color:#455a64}
.stack{display:flex;flex-direction:column;gap:10px}
.stack input,.stack select,.stack textarea{padding:11px 13px;border:1px solid #cfdad2;border-radius:10px;font:inherit;background:#fff}
.stack input:focus,.stack select:focus,.stack textarea:focus{outline:2px solid #0e8f5a;outline-offset:1px}
.notice{padding:12px 16px;border-radius:10px;background:#eef4f0;border:1px solid #d6e4db;margin:12px 0}
.notice-success{background:#dff3e6;border-color:#bfe6cf}
.notice-error{background:#fdeaea;border-color:#f3c1c1}
.plain-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.score-scale{display:flex;flex-wrap:wrap;gap:8px}
.score-scale label{cursor:pointer}
.score-scale input{position:absolute;opacity:0}
.score-scale span{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;border:1px solid #cfdad2;border-radius:10px;font-weight:700;background:#fff}
.score-scale input:checked+span{background:#012d1d;color:#fff;border-color:#012d1d}
.score-scale input:focus-visible+span{outline:2px solid #0e8f5a;outline-offset:2px}
.msg-staff{border-left:4px solid #0e8f5a}
.msg-system{border-left:4px solid #d97706;background:#fffaf2}
@media(max-width:640px){.portal-table{display:block;overflow-x:auto}}