.person-changes-button { display:inline-flex;align-items:center;justify-content:center;gap:5px;flex-shrink:0;min-height:24px;padding:3px 6px;border:1px solid var(--c-line);border-radius:6px;background:transparent;color:var(--c-muted);font:inherit;font-size:11px;cursor:pointer;vertical-align:middle; }
.person-changes-button[hidden] { display:none!important; }
.person-changes-button:hover { border-color:var(--c-fill);color:var(--c-fill); }
.person-changes-button:focus-visible,.person-changes-modal button:focus-visible { outline:2px solid var(--c-fill);outline-offset:3px; }
.person-changes-button.is-unread { color:var(--c-fill);border-color:color-mix(in srgb,var(--c-fill) 30%,var(--c-line));background:var(--c-fill-soft); }
.person-changes-button--label { padding:5px 9px;min-height:30px; }
.person-changes-button__count { min-width:15px;text-align:center;font-size:10px;font-weight:700; }
.person-changes-backdrop { position:fixed;inset:0;z-index:5000;display:flex;align-items:center;justify-content:center;padding:24px;background:color-mix(in srgb,var(--c-bg) 58%,transparent);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px); }
.person-changes-modal { width:min(700px,100%);max-height:calc(100dvh - 48px);display:flex;flex-direction:column;border:1px solid var(--c-line);border-radius:var(--radius-lg,12px);background:var(--c-white);color:var(--c-black);box-shadow:var(--shadow-modal);overflow:hidden; }
.person-changes-modal__head { display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 28px 20px;border-bottom:1px solid var(--c-line); }
.person-changes-modal__head h2 { margin:0;font-size:22px;letter-spacing:-.03em; }
.person-changes-modal__head p { margin:5px 0 0;color:var(--c-muted);font-size:13px; }
.person-changes-modal__close { display:grid;place-items:center;min-width:32px;min-height:32px;padding:0;border:0;background:transparent;color:var(--c-muted);font-size:26px;cursor:pointer; }
.person-changes-modal__body { min-height:0;overflow:auto;padding:20px 28px; }
.person-changes-modal__hint,.person-changes-modal__empty { margin:0 0 18px;font-size:12px;line-height:1.5;color:var(--c-muted); }
.person-changes-modal__notice { margin:0 0 16px;padding:10px 12px;border-radius:6px;background:var(--c-fill-soft);color:var(--c-fill);font-size:12px; }
.person-changes-list { list-style:none;margin:0;padding:0; }
.person-change { padding:18px 0;border-bottom:1px solid var(--c-line); }
.person-change:first-child { padding-top:0; }
.person-change:last-child { border-bottom:0; }
.person-change__head { display:flex;align-items:center;gap:8px;font-size:13px; }
.person-change__head time { margin-left:auto;color:var(--c-faint);font-size:11px; }
.person-change__new { padding:2px 5px;border-radius:4px;background:var(--c-fill-soft);color:var(--c-fill);font-size:10px;font-weight:600; }
.person-change__person { margin:6px 0;color:var(--c-muted);font-size:12px; }
.person-change__values { display:grid;grid-template-columns:minmax(0,1fr) 17px minmax(0,1fr);align-items:center;gap:14px;margin:12px 0; }
.person-change__values>div { min-width:0;padding:10px 12px;background:var(--c-bg);border:1px solid var(--c-line);border-radius:6px; }
.person-change__values>div:last-child { border-color:color-mix(in srgb,var(--c-fill) 20%,var(--c-line)); }
.person-change__values span { color:var(--c-faint);font-size:10px; }
.person-change__values p { margin:4px 0 0;font-size:13px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere; }
.person-change__values>svg { color:var(--c-faint); }
.person-change__source { color:var(--c-faint);font-size:11px;overflow-wrap:anywhere; }
.person-changes-modal__foot { display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:16px 28px;border-top:1px solid var(--c-line); }
.person-changes-modal__foot form { margin:0; }
.person-document-account { display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:20px 0;padding:16px 18px;border:1px solid var(--c-line);border-radius:8px; }
.person-document-account__text { flex:1;min-width:180px; }
.person-document-account h3 { margin:0 0 4px;font-size:14px; }
.person-document-account p { margin:0;color:var(--c-muted);font-size:12px;line-height:1.5; }
.person-document-account form { display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0; }
.person-document-account select { max-width:260px;min-height:34px;border:1px solid var(--c-line);border-radius:6px;padding:5px 8px;background:var(--c-white);color:var(--c-black);font:inherit;font-size:12px; }
.person-document-account__status { flex-basis:100%;font-size:12px;color:var(--c-fill); }
.person-document-account__status.is-error { color:var(--danger); }
.person-documents { margin:24px 0;scroll-margin-top:70px; }
.person-documents__head { display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;border-bottom:1px solid var(--c-line); }
.person-documents__head h2 { margin:0;font-size:18px; }
.person-documents>.person-document-account { margin:16px 20px; }
.person-documents__list { list-style:none;margin:0;padding:0 20px; }
.person-documents__list li+li { border-top:1px solid var(--c-line); }
.person-document { display:flex;align-items:center;gap:14px;padding:16px 0;color:var(--c-black);text-decoration:none; }
.person-document>svg { flex-shrink:0;color:var(--c-muted); }
.person-document.is-selected,.person-document:hover { color:var(--c-fill); }
.person-document:focus-visible { outline:2px solid var(--c-fill);outline-offset:3px;border-radius:4px; }
.person-document__name { flex:1;min-width:0;font-size:14px;font-weight:600;overflow-wrap:anywhere; }
.person-document__name small { display:block;margin-top:4px;font-size:11px;font-weight:400;color:var(--c-muted); }
.person-document__state { font-size:11px;color:var(--c-muted); }
.person-document__state.is-completed { color:var(--c-fill); }
.person-document__action { flex-shrink:0;font-size:12px;color:var(--c-fill); }
.person-documents__empty { margin:0;padding:20px;color:var(--c-muted);font-size:13px; }
.person-documents__selected { border-top:1px solid var(--c-line);padding:20px; }
@media(max-width:760px) { .person-documents__head { align-items:flex-start;padding:16px;flex-wrap:wrap; }.person-documents__list { padding:0 16px; }.person-document { gap:10px;flex-wrap:wrap; }.person-document__name { flex-basis:calc(100% - 30px); }.person-document__state { margin-left:30px; }.person-document__action { margin-left:auto; }.person-documents__selected { padding:12px; } }
@media(max-width:760px) { .person-changes-backdrop { padding:12px; }.person-changes-modal { max-height:calc(100dvh - 24px); }.person-changes-modal__head,.person-changes-modal__body,.person-changes-modal__foot { padding:18px; }.person-changes-modal__head h2 { font-size:20px; }.person-change__values { gap:8px; }.person-change__head { flex-wrap:wrap; }.person-change__head time { width:100%;margin-left:0; }.person-changes-button--label span:not(.person-changes-button__count) { max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; } }