.color-picker-dropdown{position:fixed;inset:auto;margin:0;width:230px;padding:8px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);box-shadow:0 6px 22px #0002}.color-picker-dropdown::backdrop{background:transparent}.color-picker-dropdown .dialog-head{display:none}.color-picker-dropdown .color-presets{display:grid;grid-template-columns:1fr 1fr;padding:0;gap:3px}.color-picker-dropdown .color-presets button{display:flex;flex-direction:row;align-items:center;gap:6px;padding:5px;min-height:30px;font-size:var(--text-min);border:0}.color-picker-dropdown .color-presets span{width:15px;height:15px;margin:0}.initials-option{display:grid;place-items:center;border-radius:50%;width:28px;height:28px;background:var(--accentSoft);color:var(--accent)}
.record-editor-layout{display:grid;grid-template-columns:27% minmax(0,1fr);gap:16px;align-items:start}.record-editor .record-style-editor{display:flex;flex-direction:column;align-items:stretch;padding:14px;gap:12px}.record-style-editor>[data-draft-photo]{align-self:center;border-radius:50%;width:84px;height:84px}.record-style-editor .portrait-stack{border-radius:50%}.record-preview-copy{text-align:center}.record-editor-fields{min-width:0}.record-editor-fields>label{margin-bottom:12px}.record-editor .record-document-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,2.2fr) minmax(0,.8fr)!important;gap:8px!important}.record-document-grid .document-pair{grid-template-columns:max-content minmax(0,1fr);gap:5px}.document-options{gap:2px}.document-options button{padding:5px;font-size:var(--text-min)}.record-document-grid>.birth-details{grid-column:1/-1;grid-template-columns:1.1fr .85fr 1.3fr .65fr;gap:8px}.birthday-check{grid-column:1/-1;display:flex;align-items:center;gap:7px}.birthday-check input{width:auto}
.record-editor .address-editor{border-top:0!important;padding-top:0!important}.record-editor .address-grid{display:grid;grid-template-columns:repeat(100,minmax(0,1fr));column-gap:0;row-gap:8px;border:0!important}.address-grid>[data-address-cell]{padding-right:6px;min-width:0;grid-column:span 20}.address-grid>[data-address-cell=label]{grid-column:span 16}.address-grid>[data-address-cell=street]{grid-column:span 46}.address-grid>[data-address-cell=number]{grid-column:span 16}.address-grid>[data-address-cell=complement]{grid-column:span 22}.address-grid>[data-address-cell=district],.address-grid>[data-address-cell=city]{grid-column:span 23}.address-grid>[data-address-cell=state]{grid-column:span 10}.address-grid>[data-address-cell=postal_code]{grid-column:span 16}.address-grid>[data-address-cell=country]{grid-column:span 16}.address-grid>.editor-actions{grid-column:span 12;display:flex;justify-content:flex-end;align-self:end;flex-wrap:nowrap}.record-editor .address-grid .action-icon{width:30px!important;min-width:30px!important;height:40px!important;padding:5px!important}.address-add{margin-left:auto;padding:3px 8px;min-height:28px;font-size:var(--text-min)}summary:has(.address-add){display:flex;align-items:center;gap:5px}.note-open{display:block;width:100%;text-align:left;background:none;border:0;padding:0;color:inherit}.note-open p{white-space:pre-wrap}.note-stamp{display:block;text-align:right;font-size:var(--text-min);opacity:.7;margin-top:10px}.note-editor-actions{display:flex!important;flex-direction:column;align-items:stretch}.note-editor-actions button{width:100%;justify-content:center}.note-reminder-toggle{display:flex;gap:8px;align-items:center}.note-reminder-toggle input{width:auto}
@media(max-width:760px){.record-editor-layout{grid-template-columns:1fr}.record-editor .record-style-editor{display:grid;grid-template-columns:80px minmax(0,1fr);align-items:center}.record-style-editor>label{grid-column:auto}.record-editor .record-document-grid{grid-template-columns:1fr!important}.record-document-grid>.birth-details{grid-template-columns:1fr 1fr}.record-editor .address-grid{grid-template-columns:1fr 1fr;gap:8px}.address-grid>[data-address-cell],.address-grid>.editor-actions{grid-column:auto!important;padding:0}.address-grid>[data-address-cell=street]{grid-column:1/-1!important}}