.status-label{padding:7px 10px;border-radius:10px;background:var(--green-soft);color:var(--green);font-size:.82rem;font-weight:700}
.citizen-record-group{margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.8);box-shadow:0 9px 24px rgba(20,65,43,.06)}
.record-group-title{display:flex;align-items:center;gap:9px;margin-bottom:12px}.record-group-title>span{display:grid;width:36px;height:36px;place-items:center;border-radius:11px;background:var(--green-soft);color:var(--green);font-weight:700}.record-group-title h2{margin:0;font-size:1.08rem}
.citizen-record-list{display:grid;gap:11px}.citizen-record-card{overflow:hidden;padding:14px;border:1px solid #cfe4d8;border-radius:17px;background:#fff}.citizen-record-card.is-overdue{border-color:#ef9ba5;background:#fff1f2;box-shadow:inset 4px 0 0 #d73b4c}.record-card-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}.record-card-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:13px;background:var(--green-soft);color:var(--green);font-size:1.2rem}.record-card-head>div{display:grid;min-width:0}.record-card-head strong{font-size:1rem}.record-card-head small{overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.record-state{padding:5px 8px;border-radius:99px;background:#e5f7ed;color:#08783f;font-size:.72rem;font-weight:700}.is-overdue .record-state{background:#ffdce0;color:#ad2232}
.record-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin:13px 0}.record-meta>div{min-width:0}.record-meta dt{color:var(--muted);font-size:.72rem}.record-meta dd{margin:1px 0 0;font-size:.88rem;font-weight:600;overflow-wrap:anywhere}.record-action{display:block;padding:9px 12px;border-radius:11px;background:var(--green-soft);color:var(--green);text-align:center;font-size:.84rem;font-weight:700}.is-overdue .record-action{background:#d73b4c;color:#fff}
.service-card.is-disabled,.disabled-service{cursor:not-allowed;filter:grayscale(.35);opacity:.58}.service-list>.disabled-service{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:14px;border:1px dashed #bacac1;border-radius:18px;background:#f2f5f3}.service-list>.disabled-service div{display:grid}.service-list>.disabled-service small{color:var(--muted)}.service-list>.disabled-service b{color:#9aaba2}
@media(max-width:480px){.citizen-record-group{margin-right:-2px;margin-left:-2px;padding:13px}.record-card-head{grid-template-columns:auto 1fr}.record-state{grid-column:2}.record-meta{grid-template-columns:1fr 1fr}}