.people-compact>h1,.people-compact>.sub,.people-compact>.callout,.people-compact>.note,.people-compact>.nextbar,.people-compact>#p-list{display:none!important}.people-compact{max-width:880px;margin:auto}.people-compact .pform{max-width:680px;margin:20px auto}.people-compact .pform .hint{font-size:13px}.people-compact .pform input{font-size:16px;padding:10px}.people-compact .pform .q{margin-top:14px}.people-compact .pform .subbtns button{padding:6px 12px}.person-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 0 22px}.person-heading h1{font-size:28px;margin:0}.person-identity{justify-content:flex-start;align-items:flex-start;border-bottom:1px solid #E8DEE2;padding-bottom:18px}.person-copy{flex:1;min-width:0;overflow-wrap:anywhere}.person-avatar{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:#F0E6E9;color:#633549;font-weight:700}.person-muted{font-size:14px;color:#685C63;margin-top:4px;overflow-wrap:anywhere}.person-phone{color:#633549;display:block;width:fit-content;font-size:15px;margin:4px 0}.person-list{list-style:none;padding:0;margin:0;background:#fff;border:1px solid #E8DEE2;border-top:3px solid #C895A7;border-radius:14px;overflow:hidden}.person-row{display:flex;align-items:center;gap:14px;padding:16px 20px;border-bottom:1px solid #E8DEE2}.person-row:last-child{border-bottom:0}.person-row strong,.person-item-link{font-size:17px;font-weight:700;color:#633549}.person-item-link{text-decoration:none}.person-item-link:hover{text-decoration:underline}.person-actions{display:flex;gap:12px;flex-wrap:wrap}.person-action,.person-view{font:inherit;font-size:14px;background:transparent;color:#633549;border:0;border-radius:8px;padding:8px 10px;text-decoration:none;cursor:pointer;flex-shrink:0}.person-view{background:#F5EDEF}.person-sharing-action{display:inline-flex;align-items:center;gap:6px;box-sizing:border-box;min-height:44px;padding:8px 16px;background:#fff;color:#633549;border:1px solid #633549;font-weight:700}.person-primary{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:48px;text-decoration:none;background:#E8AD48;border:1px solid #754712;color:#352735;border-radius:6px;font:inherit;font-size:15px;font-weight:700;padding:10px 14px;cursor:pointer}.person-primary:focus-visible{outline:3px solid #e8ad48;outline-offset:3px}.person-note{background:#F5EDEF;border-radius:10px;padding:12px 16px;margin-bottom:20px}.person-note p{font-size:15px;margin:4px 0;white-space:pre-wrap;overflow-wrap:anywhere}#private-people h2{font-size:20px;margin:20px 0 12px}.person-back,.person-foot,.person-exceptions{font-size:13px;color:#685C63}.person-exceptions{margin-top:8px}.person-exceptions summary{cursor:pointer}.person-exceptions p{margin:6px 0}.person-foot{margin-top:12px}@media(max-width:600px){.person-heading h1{font-size:25px}.person-row{flex-wrap:wrap;padding:14px;gap:10px}.person-row>.person-copy{flex-basis:calc(100% - 60px)}.person-row>.person-action,.person-row>.person-actions{margin-inline-start:54px}.person-identity .person-avatar{width:38px;height:38px}.person-heading{gap:10px}.person-primary{font-size:14px}#private-people>.person-primary{width:100%}.person-identity .person-action{padding:8px 0}}

#s-app:has(.people-compact:not(.hidden)){max-width:960px;border:0;background:transparent;box-shadow:none;padding:20px 24px}.people-compact>#btn-back-items{display:none}.people-compact #btn-psave{background:#E8AD48;color:#352735}@media(max-width:600px){#s-app:has(.people-compact:not(.hidden)){padding:12px 16px}}

.sharing-overview-person{margin-top:24px}.sharing-overview-person>.person-heading{margin:0 0 10px}.sharing-overview-person>.person-heading>.person-item-link{font-size:19px}

.overview-heading h1{margin:0;font-size:28px;color:#633549}.overview-heading p{margin:4px 0 0}.sharing-overview-person{margin-top:24px}.sharing-overview-person>.person-heading{gap:10px;margin-bottom:10px}.sharing-overview-person .person-avatar{width:36px;height:36px}.sharing-overview-person .person-list{border-top:1px solid #E8DEE2;border-radius:10px}.overview-row{align-items:flex-start;padding:14px 18px}.overview-choice{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.overview-choice .person-action{font-size:13px;padding:2px 0;text-decoration:underline;text-underline-offset:3px}.sharing-status{display:inline-block;padding:4px 10px;border-radius:20px;font-size:13px;line-height:20px}.status-now{background:#E6F0EA;color:#305E42}.status-future{background:#F2EBF0;color:#633549}.status-off{background:#EFEEEC;color:#685C63}.overview-empty{margin:0;padding:12px 16px;border:1px dashed #D8CDD2;border-radius:8px;color:#685C63;font-size:14px}
@media(max-width:600px){.overview-row>.person-copy{flex-basis:0}.overview-row{flex-wrap:nowrap;gap:8px;padding:12px}.overview-choice{max-width:45%}.sharing-status{padding:4px 8px}.sharing-overview-person .person-heading>.person-action{font-size:13px;padding:4px}.overview-row .person-item-link{font-size:16px}}

.overview-accordion{margin-top:12px;border:1px solid #E8DEE2;border-radius:12px;background:#fff;overflow:hidden}.overview-accordion>.person-heading{margin:0;padding:14px 16px;cursor:pointer;list-style:none;align-items:center}.overview-accordion>.person-heading::-webkit-details-marker{display:none}.overview-accordion[open]>.person-heading{background:#F5EDEF}.overview-kin{font-size:13px;color:#685C63;margin-inline-start:10px}.overview-recap{display:block;font-weight:400}.overview-chevron{width:9px;height:9px;border-left:2px solid #633549;border-bottom:2px solid #633549;transform:rotate(-45deg);margin:0 4px 4px 8px;flex-shrink:0}.overview-accordion[open] .overview-chevron{transform:rotate(135deg);margin-top:6px}.overview-body{padding:0 16px 14px}.overview-profile{display:block;width:fit-content;margin:8px 0 8px auto;font-size:13px}.overview-accordion .person-list{border-top:1px solid #E8DEE2}.overview-accordion summary:focus-visible{outline:2px solid #633549;outline-offset:-3px}@media(max-width:600px){.overview-accordion>.person-heading{padding:12px}.overview-body{padding:0 10px 10px}.overview-recap{font-size:13px}.overview-kin{margin-inline-start:6px}}

.person-search{display:block;font-size:14px;margin:12px 0 16px}.person-search input{display:block;width:100%;font:inherit;font-size:16px;padding:10px 12px;border:1px solid #B5A6AD;border-radius:8px;background:white;color:var(--ink);margin-top:5px}.person-list .person-row[hidden]{display:none!important}

.person-remove-dialog{max-width:460px;width:calc(100% - 32px);box-sizing:border-box;padding:24px;border:1px solid #B5A6AD;border-radius:14px;color:#633549;background:#FFFCFA;font:inherit;text-align:right}.person-remove-dialog::backdrop{background:rgb(0 0 0 / 38%)}.person-remove-dialog h2{margin:0 0 12px;font-size:21px}.person-remove-dialog p{line-height:1.7}.person-remove-dialog .person-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}

.overview-share-action{min-height:44px;white-space:normal;text-align:start;max-width:100%;margin-bottom:12px}

/* DEMO-1019: connection state beside the person name. */
.person-connected{display:inline-block;margin-inline-start:10px;font-size:16px;font-weight:400;vertical-align:middle;color:#633549}

.person-actions .person-view,#i-list .pacts .owner-list-open{background:#F5EDEF;color:#633549;border:1px solid #633549;border-radius:8px;min-height:44px;padding:8px 14px}
.person-actions .person-remove,#i-list .pacts .owner-list-remove{background:white;color:#633549;border:1px solid #B5A6AD;border-radius:8px;min-height:44px;padding:8px 14px}
#i-list .pacts{gap:12px;flex-wrap:wrap}

.person-reassurance{background:#f5edef;color:#633549;border-inline-start:4px solid #633549;border-radius:8px;padding:12px 16px;font-size:16px;line-height:1.6;text-align:right;overflow-wrap:anywhere}

.person-primary{white-space:normal;overflow-wrap:anywhere}.person-phone{unicode-bidi:isolate}.person-action{white-space:normal}

#private-people>.person-connect{display:inline-flex;border:1px solid #633549;min-height:44px;align-items:center;margin:12px 0;padding:8px 14px;box-sizing:border-box}

.person-search[hidden]{display:none}

/* REFACTOR-6 A2: the same top inset also applies below the mobile breakpoint. */
.overview-accordion > .overview-body {
  padding-top: 14px;
}