.atd-participants{container-type:inline-size;color:var(--ink);min-width:0}
.atd-participant-layout{display:grid;gap:16px;align-items:start;min-width:0}
.atd-participant-layout :is(h2,h3,h4){line-height:1.2;letter-spacing:-.035em}
.atd-participant-layout h2{font-size:clamp(17px,2cqi,21px);font-weight:850}
.atd-participant-layout h3{font-size:16px;font-weight:800}
.atd-participant-layout h4{font-size:14px;font-weight:800}
.atd-participant-layout .field{margin:0;min-width:0;gap:4px}
.atd-participant-layout :is(.input,.select,.textarea){border-color:#bdbdbd;background:var(--canvas);min-width:0}
.atd-participant-layout [hidden],.atd-participant-layout [data-participant-form-preview]:empty{display:none!important}
.atd-participant-layout fieldset{min-inline-size:0}
.atd-participant-layout :is(input,button,select,textarea){max-width:100%}
.atd-participant-list,.atd-participant-form,.atd-participant-record{border:1px solid #dedede;border-radius:12px;padding:clamp(12px,2cqi,21px);min-width:0;background:var(--surface)}
.atd-participant-list{display:grid;gap:11px}
.atd-participant-main,.atd-participant-form,.atd-participant-record{display:grid;gap:14px;min-width:0}
.atd-participant-form-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;min-width:0}
.atd-participant-code{font-family:var(--display);font-size:var(--text-label);font-weight:700;color:var(--muted)}
.atd-participant-rows,.atd-participant-preview ul,.atd-participant-history ol{list-style:none;margin:0;padding:0;min-width:0}
.atd-participant-rows{display:grid;gap:6px;max-height:480px;overflow:auto;padding:2px 3px 2px 2px;scrollbar-width:thin}
.atd-participant-row{display:grid;gap:1px;min-width:0;width:100%;text-align:left;padding:8px 10px;border:1px solid #e0e0e0;border-radius:7px;line-height:1.3}
.atd-participant-row:is(:hover,[aria-pressed="true"]){background:var(--soft);border-color:var(--ink)}
.atd-participant-row[aria-pressed="true"]{box-shadow:inset 3px 0 var(--red)}
.atd-participant-row>strong{font-size:16px;overflow-wrap:anywhere}
.atd-participant-row>span{font-size:var(--text-label);color:var(--muted);overflow-wrap:anywhere}
.atd-participant-row-meta{display:flex;flex-wrap:wrap;gap:4px 8px;justify-content:space-between;align-items:center;margin-top:4px}
.atd-participant-pill{display:inline-flex;align-items:center;padding:3px 7px;max-width:100%;border-radius:5px;background:var(--soft);font-size:var(--text-label);font-weight:750;color:var(--ink);line-height:1.15}
.atd-participant-pill.is-ready{background:#ffedb2}
.atd-participant-empty,.atd-participant-note{font-size:var(--text-label);color:var(--muted)}
.atd-participant-fieldset{display:grid;gap:9px;margin:0;padding:8px 0 0;border:0;border-top:1px solid #dedede}
.atd-participant-fieldset legend{font-weight:800;padding:0 8px 0 0;font-size:16px}
.atd-participant-fields{display:grid;gap:8px 10px;min-width:0;align-items:end}
.atd-participant-span{grid-column:1/-1}
.atd-participant-fieldset small{font-size:var(--text-label);color:var(--muted);font-weight:400}
.atd-participant-offers{display:grid;gap:6px}
.atd-participant-option{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:start;min-width:0;padding:8px 10px;border:1px solid #dedede;border-radius:7px;font-size:var(--text-label);cursor:pointer}
.atd-participant-option:has(:checked){border-color:var(--ink);background:var(--soft)}
.atd-participant-option small{display:block;margin-top:1px;line-height:1.3}
.atd-participant-option b{white-space:nowrap;font-size:var(--text-label);font-weight:800}
.atd-participant-option input,.atd-participant-demo-option input[type=checkbox]{accent-color:var(--red);width:17px;height:17px;margin:2px 0 0;flex:none}
.atd-participant-custom{padding-top:8px}
.atd-participant-trial{grid-template-columns:auto minmax(0,1fr);min-height:var(--control-height)}
.atd-participant-preset{justify-self:start}
.atd-participant-demo-options{display:grid;gap:7px;min-width:0}
.atd-participant-demo-option{display:flex;flex-wrap:wrap;gap:4px 7px;align-items:center;justify-content:space-between;padding:7px 8px;border:1px solid #dedede;border-radius:7px;font-size:var(--text-label);line-height:1.2;min-width:0}
.atd-participant-demo-option label{display:flex;align-items:center;gap:6px;min-width:0}
.atd-participant-demo-option label:first-child{font-weight:700;cursor:pointer}
.atd-participant-demo-option label:last-child>span{color:var(--muted)}
.atd-participant-demo-option .input{max-width:65px;min-height:34px;padding:3px 5px}
.atd-participant-demo-option .input:disabled{opacity:.45}
.atd-participant-actions{display:flex;flex-wrap:wrap;align-items:end;gap:7px;min-width:0}
.atd-participant-actions .btn,.atd-participant-form-head .btn{white-space:normal;text-align:center}
.atd-participant-error{padding:8px 10px;border-left:3px solid var(--red);background:#fbecef;color:#7c1628;font-weight:650}
.atd-participant-preview{display:grid;gap:9px;padding:12px;border:1px solid #dedede;border-left:4px solid var(--gold);border-radius:8px;background:var(--surface)}
.atd-participant-preview>header p,.atd-participant-preview dt{color:var(--muted);font-size:var(--text-label)}
.atd-participant-preview dl{display:flex;flex-wrap:wrap;gap:4px 20px;margin:0}
.atd-participant-preview dd{font-size:var(--text-label);font-weight:700;margin:0}
.atd-participant-preview-offers li,.atd-participant-history li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 10px;padding:4px 0;border-bottom:1px solid #dedede;font-size:var(--text-label);overflow-wrap:anywhere}
.atd-participant-demo-counts{display:flex;flex-wrap:wrap;gap:7px;font-size:var(--text-label)}
.atd-participant-demo-counts>span{padding:4px 7px;background:var(--soft);border-radius:5px}
.atd-participant-demo-preview{display:grid;gap:8px;font-size:var(--text-label)}
.atd-participant-demo-preview ul{max-height:200px;overflow:auto;scrollbar-width:thin}
.atd-participant-demo-preview li{display:grid;line-height:1.3;padding:4px 0;overflow-wrap:anywhere}
.atd-participant-demo-preview :is(span,p){color:var(--muted)}
.atd-participant-record-block{display:grid;justify-items:start;gap:6px;min-width:0;padding-top:9px;border-top:1px solid #dedede}
.atd-participant-record-block>p{font-size:var(--text-label)}
.atd-participant-record-block .atd-participant-actions{width:100%}
.atd-participant-link-input{flex:1 1 210px}
.atd-participant-link-input .input{font-size:var(--text-label)}
.atd-participant-history{border-top:1px solid #dedede;padding-top:8px}
.atd-participant-history summary{cursor:pointer;font-weight:750}
.atd-participant-history li>span{color:var(--muted)}
@container (min-width:480px){
 .atd-participant-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
 .atd-participant-demo-options,.atd-participant-demo-preview{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@container (min-width:825px){
 .atd-participant-layout{grid-template-columns:minmax(230px,.35fr) minmax(0,1fr)}
 .atd-participant-contact{grid-template-columns:repeat(3,minmax(0,1fr))}
 .atd-participant-record{grid-template-columns:repeat(2,minmax(0,1fr))}
 .atd-participant-record>:is(header,details),.atd-participant-record-block:first-of-type{grid-column:1/-1}
}

.atd-participant-record-block[data-participant-access]{grid-column:1/-1}
.atd-participant-record-block [data-participant-access-result]{width:100%;font-size:var(--text-label)}
.atd-participant-record-block [data-participant-access-result]:empty{display:none}
.atd-participant-access-details{display:flex;flex-wrap:wrap;gap:6px 16px;margin:2px 0 0}
.atd-participant-access-details dt{color:var(--muted)}
.atd-participant-access-details dd{margin:0;font-weight:700}