.crm-notes-page{--crm-gutter:32px;container-type:inline-size}.crm-notes-header{padding:18px var(--crm-gutter);gap:14px 20px}.crm-notes-title{font-size:24px;line-height:28px}.crm-notes-title-row{gap:12px}.crm-notes-back{display:none}.crm-notes-source-filters{gap:8px}.crm-notes-source-filters>[role=button]{flex-shrink:0}.crm-notes-search{border-color:var(--crm-line);width:330px;height:40px}.crm-notes-search:focus-within{border-color:var(--crm-muted);outline:2px solid var(--crm-ink);outline-offset:2px}.crm-notes-search-input{outline:none;font-size:13px}.crm-notes-filter-description{padding:12px var(--crm-gutter) 0}.crm-notes-day{padding:24px var(--crm-gutter) 12px}.crm-notes-list-item{padding:0 var(--crm-gutter)}.crm-note-summary{text-align:left;cursor:pointer;background:0 0;grid-template-columns:28px minmax(0,1.5fr) minmax(0,1fr) 114px 80px 16px;gap:12px;min-height:47px;padding:8px 14px;display:grid}.crm-note-summary:hover{background:var(--crm-paper)}.crm-note-card[data-open=true] .crm-note-summary:hover{background:var(--crm-card)}.crm-note-summary:focus-visible{outline:2px solid var(--crm-ink);outline-offset:-3px}.crm-note-source-mark{pointer-events:none;top:50%;left:14px;transform:translateY(-50%)}.crm-note-logged-time{white-space:nowrap;text-align:center}.crm-note-action-dialog{z-index:var(--layer-global-blocking,14000);top:calc(var(--dialog-viewport-top) + (100dvh - var(--dialog-viewport-top) - var(--dialog-viewport-bottom)) / 2);width:min(760px,100vw - 48px);height:min(720px, calc(100dvh - var(--dialog-viewport-top) - var(--dialog-viewport-bottom) - 64px));box-sizing:border-box;border:1px solid var(--crm-line);border-radius:var(--crm-dialog-radius);box-shadow:var(--crm-dialog-shadow);outline:none;padding:20px;position:fixed;left:50%;transform:translate(-50%,-50%)}.crm-note-action-dialog[data-mode=remove]{width:min(560px,100vw - 48px);height:auto;max-height:calc(100dvh - var(--dialog-viewport-top) - var(--dialog-viewport-bottom) - 64px)}.crm-note-detail-body{padding:12px 16px}.crm-note-selected-card{border:1px solid var(--crm-line);border-radius:var(--crm-surface-radius)}.crm-note-state-body{padding:16px 20px 20px}.crm-note-simple-top{padding:16px 20px 12px}.crm-note-simple-heading,.crm-note-simple-body{padding-left:20px;padding-right:20px}.crm-note-simple-tools{flex-direction:row;align-items:center;gap:8px 12px;margin-top:12px;padding:0 20px}.crm-note-simple-actions{margin-left:auto}.crm-note-simple-contacts{padding:8px 20px}.crm-note-simple-contact{min-height:34px}.crm-note-simple-contact[role=button]:focus-visible{outline:2px solid var(--crm-ink);outline-offset:2px}.crm-note-secondary-controls{padding:0 20px 8px}.crm-note-secondary-button{min-height:34px;color:var(--crm-body);text-align:left;cursor:pointer}.crm-note-secondary-button:hover:not(:disabled){color:var(--crm-ink);text-decoration:underline}.crm-note-secondary-button:disabled{cursor:default;opacity:.65}.crm-note-logging-button:focus-visible,.crm-note-secondary-button:focus-visible{outline:2px solid var(--crm-ink);outline-offset:2px}.crm-note-earlier-row{padding:12px 14px}.crm-note-earlier-row[role=button]{cursor:pointer}.crm-note-earlier-row:focus-visible{outline:2px solid var(--crm-ink);outline-offset:-3px}.crm-note-earlier-copy{flex-direction:row;align-items:center;gap:24px}.crm-note-earlier-date{flex:0 0 112px}.crm-note-earlier-context{flex:1}.crm-note-earlier-body{padding:0 14px 14px}.crm-note-settings-popup{width:320px;max-width:calc(100vw - 24px);max-height:var(--available-height);overflow-y:auto}.crm-notes-load-more{padding-right:var(--crm-gutter);padding-left:var(--crm-gutter)}.crm-notes-day-trigger{border-color:var(--crm-line);white-space:nowrap;cursor:pointer;height:40px}.crm-notes-day-trigger[data-chosen=true]{border-color:var(--crm-ink)}.crm-notes-day-trigger:disabled{cursor:default;opacity:.45}.crm-notes-day-trigger:focus-visible{outline:2px solid var(--crm-ink);outline-offset:2px}.crm-notes-day-popup{width:min(320px,100vw - 16px);max-height:var(--available-height);overflow-y:auto}@container (width<=700px){.crm-notes-header{gap:16px;padding-top:20px;padding-bottom:20px}.crm-notes-controls{width:100%}.crm-notes-search{flex:1;width:auto;height:44px}.crm-notes-search-input{font-size:16px}.crm-notes-day-trigger{height:44px}.crm-note-summary{grid-template-columns:28px minmax(0,1fr) 16px;gap:3px 10px;min-height:80px;padding:8px 12px}.crm-note-information{grid-area:1/2}.crm-note-people{grid-area:2/2/auto/-1}.crm-note-source-mark{top:8px;left:12px;transform:none}.crm-note-save{grid-area:3/1/auto/3;justify-self:start}.crm-note-logged-time{text-align:right;grid-area:3/2/auto/-1;justify-self:end}.crm-note-chevron{grid-area:1/3}}.crm-note-secondary-button[data-phone=true]{min-height:44px}@media (width<=1023px){.crm-notes-title-row{gap:4px;margin-left:-8px}.crm-notes-back{display:flex}}@media (width<=767px){.crm-notes-page{--crm-gutter:16px}.crm-notes-title{font-size:22px;line-height:28px}.crm-notes-source-filters{border:1px solid var(--crm-line);border-radius:var(--crm-surface-radius);background:var(--crm-card);box-sizing:border-box;gap:4px;width:100%;padding:4px}.crm-note-detail-body{padding:0 0 8px}.crm-note-selected-card{border:0;border-radius:0}.crm-note-simple-tools{flex-direction:column;align-items:stretch;gap:12px;margin-top:16px}.crm-note-simple-actions{width:100%;margin-left:0}.crm-notes-day-label{display:none}}@media (width<=767px),(width<=1023px) and (height<=500px){.crm-note-action-dialog{inset:calc(var(--dialog-viewport-top) + var(--crm-dialog-safe-top)) 0 calc(var(--dialog-viewport-bottom) + var(--crm-dialog-safe-bottom));width:100%;height:auto;box-shadow:none;border:0;border-radius:0;padding:12px 16px 16px;transform:none}.crm-note-action-dialog [role=button]{min-width:44px;min-height:44px}.crm-note-action-dialog[data-mode=remove]{width:100%;max-height:calc(100dvh - var(--dialog-viewport-top) - var(--dialog-viewport-bottom) - var(--crm-dialog-safe-top) - var(--crm-dialog-safe-bottom) - 24px);border-radius:var(--crm-sheet-radius) var(--crm-sheet-radius) 0 0;padding-top:16px;top:auto}}@container (width<=620px){.crm-note-detail-body{padding:0 0 8px}.crm-note-state-body{padding:14px}.crm-note-simple-top{padding:14px 14px 12px}.crm-note-simple-heading,.crm-note-simple-body,.crm-note-simple-tools{padding-left:14px;padding-right:14px}.crm-note-secondary-controls{padding:0 14px 8px}.crm-note-simple-contacts{padding:8px 14px}.crm-note-simple-contact{min-height:44px}.crm-note-earlier-copy{flex-direction:column;align-items:flex-start;gap:2px}.crm-note-earlier-date{flex-basis:auto}.crm-note-earlier-context{flex:0 auto;max-width:100%}.crm-note-earlier-row{padding:10px 12px}.crm-note-earlier-body{padding:0 8px 8px}}