/* Participant editing uses one stationary identity and three independent editors. */
#dialog.participant-dialog{width:min(900px,calc(100% - 32px));max-width:900px;height:min(860px,calc(100dvh - 40px - var(--tg-club-top,0px) - var(--tg-club-bottom,0px)));max-height:calc(100dvh - 40px - var(--tg-club-top,0px) - var(--tg-club-bottom,0px));margin:auto;padding:0;overflow:hidden;border:1px solid #e5d8df;border-radius:24px}
.participant-dialog #dialog-body,.participant-card{height:100%;min-height:0}
.participant-card{display:flex;flex-direction:column;isolation:isolate}
.participant-dialog .close{z-index:4;right:14px;top:14px;border-radius:50%;background:#f8f2f5}
.participant-header{flex:none;padding:28px 72px 20px 28px;background:#fff}
.participant-header #dialog-title{padding:0;margin:0 0 6px;font-size:26px;line-height:1.25;overflow-wrap:anywhere;text-wrap:pretty}
.participant-header .participant-login{margin:0 0 12px;font-size:14px;color:#796873;overflow-wrap:anywhere}
.participant-badges{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;font-size:13px}
.participant-activation{color:#705d67}
.participant-activity{margin-top:12px;font-size:13px;color:#7b6b75}
.participant-activity summary{cursor:pointer;line-height:1.5;min-height:24px}
.participant-activity summary span{color:#4e3d47}
.participant-activity p{margin:8px 0 0;max-width:68ch;line-height:1.5}
.participant-tabs{flex:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 28px;padding:5px;background:#f6eff3;border:1px solid #eadce4;border-radius:13px}
.participant-tabs button{border:0;min-width:0;min-height:46px;border-radius:9px;padding:10px 12px;background:transparent;color:#796571;font:inherit}
.participant-tabs button[aria-selected=true]{background:#704b5e;color:#fff;box-shadow:0 2px 5px #58313f12}
.participant-tabs button:focus-visible{outline:3px solid #ad8296;outline-offset:2px}
.participant-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:24px 28px 0;scroll-padding-block:20px}
.participant-card [hidden]{display:none!important}
.participant-card [role=tabpanel]{min-width:0;padding-bottom:28px}
.participant-card #participant-panel-access{padding-bottom:0;min-height:100%;display:flex;flex-direction:column}
.participant-card #access-editor{display:flex;flex:1;flex-direction:column;min-height:0}
.participant-card h3{font-size:21px;margin:0;line-height:1.3}
.participant-card p{line-height:1.5}
.participant-section{display:grid;gap:16px}
.participant-section+.participant-section{margin-top:28px;padding-top:28px;border-top:1px solid #e7dce2}
.participant-section>p,.participant-section form>p,.participant-card .notice>p:last-child{margin:0}
.participant-card form{display:grid;gap:16px;min-width:0}
.participant-card form>.field,.participant-card .participant-date-grid>.field{margin:0}
.participant-card form>button{justify-self:start;max-width:100%}
.participant-date-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-width:0}
.participant-card .field>input,.participant-card .field>select{max-width:100%;min-height:48px}
.participant-card input[type=datetime-local]{width:100%;min-width:0}
.participant-feedback{font-size:14px;color:#705565;margin:0!important;line-height:1.45;overflow-wrap:anywhere}
.participant-feedback:empty{display:none}
.participant-feedback.error{color:#a52c3d}
.participant-selection{font-size:14px;color:#6b5260}
.participant-access-heading{display:grid;gap:8px;margin-bottom:20px}
.participant-access-heading p{margin:0;color:#7a6773}
.participant-card .tree{padding-bottom:20px}
.participant-card .tree-year+.tree-year{margin-top:20px}
.participant-card .tree .year-check{font-weight:500}
.participant-card .tree .period{margin-left:20px}
.participant-card .tree .records{margin-left:22px;padding-left:14px}
.participant-card .tree .records .check{align-items:flex-start;padding:12px 0}
.participant-card .tree .records .check>span{min-width:0;overflow-wrap:anywhere;text-wrap:pretty}
.participant-access-footer{position:sticky;bottom:0;z-index:2;background:#fffdfef5;backdrop-filter:blur(12px);border-top:1px solid #e7dce2;margin-top:auto;margin-inline:-28px;padding:16px 28px 22px;display:grid;gap:10px}
.participant-card .savebar{position:static;display:flex;align-items:stretch;flex-wrap:wrap;gap:12px;border:0;margin:0;padding:0;background:transparent}
.participant-card .savebar button{min-height:46px}
#participant-terms{display:grid;gap:12px}
.participant-term{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:16px;background:#faf6f8;border:1px solid #e9dfe5;border-radius:14px;padding:18px}
.participant-term>div:first-child{flex:1;min-width:min(220px,100%)}
.participant-term-label{font-size:12px;color:#87717f}
.participant-term p{margin:6px 0 0}
.participant-term>button{font-size:14px;background:transparent}
.participant-term-confirm{flex-basis:100%;padding-top:12px;border-top:1px solid #e5d4de;font-size:14px}
.participant-term-confirm .actions{margin:12px 0;gap:12px}
.participant-empty{margin:0;padding:18px;border:1px dashed #dbcbd4;border-radius:14px;color:#84717d}
.participant-card #activation-card{margin:0}
.participant-card #activation-card h3{font-size:18px;margin:0 0 12px}
.participant-card #activation-card .field{margin:16px 0}
#participant-reset{display:grid;gap:16px;margin-top:8px}
#participant-reset>p{margin:0}
#participant-reset>button{justify-self:start}
#participant-reset-link:empty{display:none}
.participant-danger{padding-bottom:4px}
.participant-danger>button{justify-self:start}
.participant-danger-button{color:#9c344a;border-color:#d8a6b2;background:#fff9fa}
@media(max-width:639px){#dialog.participant-dialog{width:calc(100% - 16px);height:calc(100dvh - 16px - var(--tg-club-top,0px) - var(--tg-club-bottom,0px));max-height:calc(100dvh - 16px - var(--tg-club-top,0px) - var(--tg-club-bottom,0px));border-radius:20px}.participant-header{padding:22px 58px 16px 20px}.participant-header #dialog-title{font-size:23px}.participant-header .participant-login{margin-bottom:10px}.participant-activity{font-size:12px}.participant-tabs{margin-inline:16px}.participant-tabs button{padding:10px 6px;font-size:15px}.participant-scroll{padding:20px 20px 0}.participant-date-grid{grid-template-columns:1fr}.participant-access-footer{margin-inline:-20px;padding:14px 20px calc(16px + env(safe-area-inset-bottom));gap:10px}.participant-card .savebar{gap:10px;display:grid;grid-template-columns:1fr}.participant-card .savebar button{width:100%;padding:11px 12px}.participant-card .tree .period{margin-left:12px}.participant-card .tree .records{margin-left:12px;padding-left:12px}.participant-term{padding:16px}.participant-dialog .close{right:10px;top:10px;width:40px;height:40px}}
@media(max-height:600px){.participant-header{padding-top:18px;padding-bottom:12px}.participant-header .participant-login{margin-bottom:6px}.participant-activity{margin-top:8px}.participant-scroll{padding-top:16px}.participant-access-footer{padding-top:10px;padding-bottom:12px}.participant-card .savebar{display:flex}.participant-card .savebar button{width:auto;flex:1;font-size:14px}}
