.relation-people-grid{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;margin:4px 0 18px;display:grid}.relation-person-field{min-width:0}.relation-swap{align-self:end;margin-bottom:15px}.relation-field-label{margin-bottom:8px;font-size:12px;font-weight:500;display:block}.relation-person-trigger{border:1px solid var(--input);background:var(--background);text-align:left;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:62px;padding:10px 12px;font-size:13px;display:flex}.relation-person-trigger:disabled{opacity:.5}.relation-person-trigger>svg{color:var(--muted-foreground);flex-shrink:0}.relation-person-choice{align-items:center;gap:10px;min-width:0;display:flex}.relation-person-choice>span:last-child{min-width:0}.relation-person-choice strong,.relation-person-choice small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.relation-person-choice strong{font-size:13px;font-weight:500}.relation-person-choice small{color:var(--muted-foreground);margin-top:3px;font-size:11px}.relation-person-initial{width:32px;height:32px;color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, transparent);border-radius:9px;flex-shrink:0;place-items:center;display:grid}.relation-picker-positioner{z-index:70}.relation-person-popup{width:var(--anchor-width);min-width:min(300px,100vw - 32px);max-width:calc(100vw - 32px);max-height:min(390px, var(--available-height));background:var(--popover);color:var(--popover-foreground);border:1px solid var(--border);border-radius:12px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 12px 32px #00000020}.relation-person-search{border-bottom:1px solid var(--border);color:var(--muted-foreground);flex-shrink:0;align-items:center;gap:8px;padding:12px;display:flex}.relation-person-search input{width:100%;min-width:0;color:var(--foreground);outline:none;font-size:13px}.relation-person-options{overscroll-behavior:contain;min-height:0;padding:5px;overflow-y:auto}.relation-person-option{cursor:pointer;border-radius:8px;outline:none;justify-content:space-between;align-items:center;gap:8px;padding:9px;display:flex}.relation-person-option[data-highlighted]{background:var(--accent)}.relation-person-option[data-selected]{color:var(--primary)}.relation-person-check{flex-shrink:0}.relation-person-empty{color:var(--muted-foreground);text-align:center;padding:18px;font-size:12px}.relation-person-empty:empty{padding:0}.relation-person-result-count{border-top:1px solid var(--border);min-height:36px;color:var(--muted-foreground);flex-shrink:0;justify-content:space-between;align-items:center;padding:4px 12px;font-size:11px;display:flex}.relation-type-field{margin-bottom:18px}.relation-type-field-heading{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.relation-type-field-heading .relation-field-label{margin:0}.relation-type-trigger[data-slot=select-trigger]{width:100%;height:auto;min-height:40px}.relation-type-choice{white-space:normal;overflow-wrap:anywhere;align-items:center;gap:8px;min-width:0;display:inline-flex}.relation-type-choice i{border-radius:50%;flex-shrink:0;width:9px;height:9px;display:inline-block}.relation-type-options{max-width:calc(100vw - 32px)}.relation-field-hint{color:var(--muted-foreground);margin-top:7px;font-size:12px}.relation-details-fields{gap:16px;display:grid}.contact-my-relation{border:1px solid var(--border);border-radius:12px;padding:14px 16px 16px}.contact-relation-toggle{width:100%;color:var(--muted-foreground);justify-content:space-between;align-items:center;padding:14px 0 12px;font-size:12px;display:flex}.contact-relation-toggle svg{transition:transform .15s}.contact-relation-toggle svg.expanded{transform:rotate(180deg)}.contact-my-relation textarea{resize:vertical;min-height:78px;max-height:180px}.relation-closeness{border:1px solid var(--border);background:color-mix(in srgb, var(--primary) 3%, var(--background));border-radius:12px;padding:16px}.relation-closeness-heading,.relation-closeness-heading>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.relation-closeness-heading label strong{font-size:13px;font-weight:500;display:block}.relation-closeness-heading label small{color:var(--muted-foreground);font-size:11px}.relation-closeness-heading input{text-align:center;width:88px;font-weight:600}.relation-closeness-heading>div>span{color:var(--muted-foreground);font-size:12px}.relation-closeness-slider{appearance:none;background:linear-gradient(to right, var(--primary) var(--relation-score), var(--border) var(--relation-score));cursor:pointer;border-radius:6px;width:100%;height:6px;margin:22px 0 14px;display:block}.relation-closeness-slider::-webkit-slider-thumb{appearance:none;background:var(--primary);border:3px solid var(--background);width:18px;height:18px;box-shadow:0 0 0 1px var(--primary);border-radius:50%}.relation-closeness-slider::-moz-range-thumb{background:var(--primary);border:3px solid var(--background);width:14px;height:14px;box-shadow:0 0 0 1px var(--primary);border-radius:50%}.relation-closeness-slider:focus-visible{outline:2px solid var(--ring);outline-offset:7px}.relation-closeness-scale{color:var(--muted-foreground);justify-content:space-between;font-size:11px;display:flex}.relation-notes-count{text-align:right}.relation-editor-form textarea{resize:vertical;min-height:78px;max-height:220px}.relation-existing-notice{background:var(--muted);border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;padding:12px;font-size:12px;display:flex}.rg-relation-metadata{border:1px solid var(--border);border-radius:10px;margin:12px 0;padding:12px}.rg-relation-metadata>div{justify-content:space-between;align-items:center;font-size:12px;display:flex}.rg-relation-metadata strong{color:var(--primary)}.rg-relation-metadata meter{width:100%;height:8px;margin-top:8px}.rg-relation-metadata>span{color:var(--muted-foreground);margin-top:12px;font-size:11px;display:block}.rg-contact-inspector .rg-relation-metadata p{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:5px}@media (width<=600px){.relation-people-grid{grid-template-columns:minmax(0,1fr);gap:12px}.relation-swap{justify-self:center;margin:0}.relation-swap>svg{transform:rotate(90deg)}}
