.area-person{background:linear-gradient(135deg,#fffefa,#f1f5ec);border:1px solid #d4decf;border-top:3px solid #bba16c;border-radius:18px;padding:22px;box-shadow:0 8px 22px #173c3109}
.area-person-heading{justify-content:flex-start;flex-wrap:nowrap;gap:12px}.area-avatar{display:grid;place-items:center;width:52px;height:52px;flex:0 0 52px;border-radius:15px;background:#194b3b;color:#f5e9c9;font-size:19px;font-weight:700}.area-person-identity{flex:1;min-width:0}.area-person h3{font-size:18px;line-height:1.7}.area-job-title{font-size:12px;color:#6d795f}.area-status-active,.area-person .area-inactive{font-size:11px;border-radius:20px;padding:4px 10px;white-space:nowrap}.area-status-active{background:#e4efe3;color:#28583a}.area-person .area-inactive{background:#f5e7db;color:#8a4b25}.area-person-number{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 12px;padding:12px 0;border-block:1px solid #d9e2d2;font-size:13px}.area-person-number bdi{font:700 19px Arial,sans-serif;letter-spacing:.6px;color:#214c3a}.area-person .btn{width:100%;margin-top:8px}.area-empty{padding:24px 16px;border:1px dashed #c9d7c2;border-radius:14px;text-align:center;background:#f7f9f3}
html[data-theme=dark] .area-person{background:linear-gradient(135deg,#203b2e,#172c23)}html[data-theme=dark] .area-job-title{color:#c1cdb6}html[data-theme=dark] .area-person-number{border-color:#465c43}html[data-theme=dark] .area-person-number bdi{color:#e7efdd}html[data-theme=dark] .area-empty{background:#1b3227;border-color:#4a6349}
@media(max-width:480px){.area-person{padding:16px}.area-person-heading{flex-wrap:wrap}.area-person h3{font-size:16px}.area-person-heading>.area-status-active,.area-person-heading>.area-inactive{margin-inline-start:64px}}