#log-dialog .dive-buddy-details{border:0;margin:2px 0 0;padding:0}
#log-dialog .dive-buddy-summary{display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-size:12px;font-weight:600;color:var(--mint);list-style:none;user-select:none;padding:2px 0}
#log-dialog .dive-buddy-summary::-webkit-details-marker{display:none}
#log-dialog .dive-buddy-summary .account-optional{font-weight:500;color:var(--muted)}
#log-dialog .dive-buddy-details[open] .dive-buddy-summary{margin-bottom:6px}
#log-dialog .dive-field-buddy{margin:0}
.buddy-names-box{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:44px;padding:4px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg);cursor:text;box-sizing:border-box;transition:border-color .18s,box-shadow .18s}
.buddy-names-box:focus-within{border-color:#4a8f84;box-shadow:0 0 0 2px color-mix(in srgb,var(--mint) 50%,transparent)}
.buddy-name-chips{display:contents}
.buddy-name-chip{display:inline-flex;align-items:center;gap:4px;max-width:100%;padding:3px 4px 3px 10px;border:1px solid color-mix(in srgb,var(--blue,#007ac4) 28%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--blue,#007ac4) 9%,var(--panel));color:var(--text);font-size:13px;line-height:1.35;font-weight:600}
.buddy-name-chip>span{overflow-wrap:anywhere}
.buddy-name-remove{display:inline-flex;align-items:center;justify-content:center;flex:none;width:24px;height:24px;min-height:0;padding:4px;border:0;border-radius:50%;background:transparent;color:var(--muted);cursor:pointer;transition:background .15s,transform .12s}
.buddy-name-remove svg{width:14px;height:14px}
.buddy-name-remove:hover{background:color-mix(in srgb,var(--blue,#007ac4) 12%,transparent);color:var(--text)}
.buddy-name-remove:active{transform:scale(.88)}
.buddy-name-remove:focus-visible{outline:2px solid var(--blue,#007ac4);outline-offset:1px}
.dive-field-buddy .buddy-name-editor{flex:1 1 120px;width:120px;min-width:72px;max-width:100%;padding:6px 2px;border:0;border-radius:0;background:transparent;box-shadow:none;outline:none;min-height:32px;font-size:14px;color:var(--text)}
.dive-field-buddy .buddy-name-editor:focus{outline:none;box-shadow:none}
.buddy-names-help{display:block;margin-top:6px;font-size:11px;line-height:1.45;font-weight:400;color:var(--muted)}
@media(prefers-reduced-motion:reduce){.buddy-names-box,.buddy-name-remove{transition:none}}
#log-dialog .buddy-names-box .buddy-name-editor,#log-dialog .buddy-names-box .buddy-name-editor:focus,#log-dialog .buddy-names-box .buddy-name-editor:focus-visible{background:transparent!important;border:0!important;box-shadow:none!important;outline:none!important;color:var(--text);font-size:14px;font-weight:500}
#log-dialog .buddy-name-editor::placeholder{color:var(--muted);font-weight:400;opacity:.8}
#log-dialog .buddy-name-chip{background:color-mix(in srgb,var(--blue,#007ac4) 7%,var(--panel));border-color:color-mix(in srgb,var(--blue,#007ac4) 20%,var(--line));color:var(--text)}
#log-dialog .buddy-name-remove{background:transparent;color:var(--muted);box-shadow:none}
#log-dialog .buddy-name-remove:hover{background:color-mix(in srgb,var(--blue,#007ac4) 10%,transparent);color:var(--text)}
[data-theme=light] #log-dialog .buddy-names-box{background:#fff;border-color:#c5e0f2}
[data-theme=light] #log-dialog .buddy-names-box:focus-within{border-color:#4a8f84;box-shadow:0 0 0 2px color-mix(in srgb,var(--mint) 40%,transparent)}