/* Notes-inspired detail sample: one document surface, shared viewing and editing rhythm. */
body .phone:has(#visit-detail.active),
body .phone:has(#ended-visit-detail.active),
body .phone:has(#ended-visit-empty-detail.active),
body .phone:has(#edit-visit.active),
body .phone .screen:has(#visit-detail.active),
body .phone .screen:has(#ended-visit-detail.active),
body .phone .screen:has(#ended-visit-empty-detail.active),
body .phone .screen:has(#edit-visit.active),
body .phone :is(#visit-detail,#ended-visit-detail,#ended-visit-empty-detail,#edit-visit){background:#fff!important}

body .phone:has(.view.active[id$="-detail"]),
body .phone .screen:has(.view.active[id$="-detail"]),
body .phone .view.active[id$="-detail"]{background:#fff!important}
body .phone:has(.view.active[id$="-detail"])::after,
body .phone:has(#edit-visit.active)::after{background:#fff!important}

/* Recording moves the current detail out of .active and keeps it as the underlay. */
body .phone.recording-drawer-active:is([data-record-underlay="visit-detail"],[data-record-underlay="ended-visit-detail"],[data-record-underlay="ended-visit-empty-detail"],[data-record-underlay="edit-visit"]),
body .phone.recording-drawer-active:is([data-record-underlay="visit-detail"],[data-record-underlay="ended-visit-detail"],[data-record-underlay="ended-visit-empty-detail"],[data-record-underlay="edit-visit"])>.screen,
body .phone.recording-drawer-active>.screen>:is(#visit-detail,#ended-visit-detail,#ended-visit-empty-detail,#edit-visit).recording-underlay{background:#fff!important}
body .phone.recording-drawer-active:is([data-record-underlay="visit-detail"],[data-record-underlay="ended-visit-detail"],[data-record-underlay="ended-visit-empty-detail"],[data-record-underlay="edit-visit"])::after{background:#fff!important}

body .phone:has(:is(#organize-link,#organize-speaker,#organize-edit,#organize-action).active),
body .phone .screen:has(:is(#organize-link,#organize-speaker,#organize-edit,#organize-action).active),
body .phone :is(#organize-link,#organize-speaker,#organize-edit,#organize-action),
body .phone #organize-action > .app-head{background:#fff!important}
body .phone:has(:is(#organize-link,#organize-speaker,#organize-edit,#organize-action).active)::after{background:#fff!important}
body .phone #organize-action{--bg:var(--neutral-surface-raised)}

body .phone :is(#visit-detail,#ended-visit-detail,#ended-visit-empty-detail,#edit-visit){
  --notes-label:#7b8492;
  --notes-divider:#e8ebef;
  --notes-input:#f4f6f8;
  color:#1c2533;
  font-size:16px;
  line-height:1.55;
}
body .phone :is(#visit-detail,#ended-visit-detail,#ended-visit-empty-detail,#edit-visit)>.app-head{
  position:sticky;
  top:-18px;
  z-index:6;
  margin:0 -2px 10px;
  padding-top:8px;
  padding-bottom:8px;
  background:#fff;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
body .phone :is(#visit-detail,#ended-visit-detail,#ended-visit-empty-detail,#edit-visit)>.app-head h1{
  font-size:18px;
  line-height:24px;
  font-weight:600;
}
.notes-header-action{display:inline-flex;flex:0 0 44px;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;background:transparent;color:var(--color-brand-primary)}
.notes-header-action svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.notes-header-action[data-action-state="edit"]{color:#202938}
.notes-header-action[data-action-state="edit"] svg{stroke-width:2.2}

body .phone :is(#visit-detail,#ended-visit-detail,#ended-visit-empty-detail) .section-title{
  margin:22px 0 7px;
  padding:0 2px;
  min-height:28px;
  font-size:16px;
  line-height:22px;
}
body .phone :is(#visit-detail,#ended-visit-detail,#ended-visit-empty-detail) .section-title b{font-weight:600}
body .phone :is(#visit-detail,#ended-visit-detail,#ended-visit-empty-detail) .section-title :is(.link,.visit-edit-link){font-size:14px}
body .phone :is(#visit-detail,#ended-visit-detail,#ended-visit-empty-detail) :is(.meeting-section-collapse,.opportunity-collapse,.note-section-collapse,.todo-section-collapse){display:none!important}

body .phone :is(#visit-detail,#ended-visit-detail,#ended-visit-empty-detail)>.box,
body .phone :is(#visit-detail,#ended-visit-detail,#ended-visit-empty-detail)>.ended-empty-inline{
  margin-top:0;
  padding:0 2px;
  border:0;
  border-radius:0;
  background:#fff!important;
  box-shadow:none;
}
body .phone :is(#visit-detail,#ended-visit-detail,#ended-visit-empty-detail)>.ended-empty-inline{
  min-height:44px;
  padding:11px 2px;
  border-bottom:1px solid var(--notes-divider);
  color:var(--notes-label);
  font-size:15px;
}
body .phone :is(#visit-detail,#ended-visit-detail,#ended-visit-empty-detail) .kv{
  min-width:0;
  padding:13px 2px 14px;
  border-bottom:1px solid var(--notes-divider);
}
body .phone :is(#visit-detail,#ended-visit-detail,#ended-visit-empty-detail) .kv b,
body .phone :is(#visit-detail,#ended-visit-detail,#ended-visit-empty-detail) .label{
  margin-bottom:4px;
  color:var(--notes-label);
  font-size:12px;
  line-height:17px;
  font-weight:400;
}
body .phone :is(#visit-detail,#ended-visit-detail,#ended-visit-empty-detail) .kv>span{
  margin-top:0;
  color:#233244;
  font-size:14px;
  line-height:22px;
  font-weight:400;
}
body .phone :is(#visit-detail,#ended-visit-detail,#ended-visit-empty-detail) :is(.muted,.row-title){
  margin-top:0;
  color:#233244;
  font-size:15px;
  line-height:22px;
  font-weight:400;
}
body .phone :is(#visit-detail,#visit-notes) .visit-note{padding-left:0}
body .phone :is(#visit-detail,#visit-notes) .visit-note::before,
body .phone :is(#visit-detail,#visit-notes) .visit-note::after{display:none}
body .phone #visit-detail>:is(#visit-opportunity-details,#visit-note-preview){
  width:100%;
  padding:0 2px 10px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
body .phone #visit-detail>#visit-opportunity-details{padding-bottom:12px}
body .phone #visit-detail #visit-note-preview .row-meta{
  margin:0 0 6px;
  color:var(--notes-label);
  font-size:13px;
  line-height:19px;
}
body .phone #visit-detail #visit-note-preview .note-rich{
  font-size:12px;
  line-height:18px;
}
body .phone #visit-detail #visit-note-preview .note-rich .note-intro{
  margin:0 0 6px;
  font-size:12px;
  line-height:18px;
}
body .phone #visit-detail #visit-note-preview .note-rich h3{
  margin:10px 0 4px;
  font-size:14px;
  line-height:20px;
}
body .phone #visit-detail #visit-note-preview .note-rich h3:first-of-type{margin-top:0}
body .phone #visit-detail #visit-note-preview .note-rich p{margin:2px 0 5px}
body .phone #visit-detail #visit-note-preview .note-rich ul{
  margin:2px 0 6px;
  padding-left:16px;
}
body .phone #visit-detail #visit-note-preview .note-rich li{margin:1px 0}
body .phone #visit-detail #visit-note-preview .note-rich:not(.expanded){position:relative}
body .phone #visit-detail #visit-note-preview .note-rich:not(.expanded)::after{
  content:"";
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  height:12px;
  background:linear-gradient(to bottom,rgba(255,255,255,0),#fff 92%);
  pointer-events:none;
}
body .phone :is(#visit-detail>.visit-todo-filter,#ended-visit-detail>.visit-todo-filter,#ended-visit-empty-detail>.visit-todo-filter,.visit-customer-dialog .visit-todo-filter,.visit-opportunity-page .visit-todo-filter){
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:3px;
  width:100%;
  margin:0 0 8px;
  padding:3px;
  border-radius:10px;
  background:#f1f3f6;
}
body .phone :is(#visit-detail,#ended-visit-detail,#ended-visit-empty-detail)>.visit-todo-filter[hidden]{display:none!important}
body .phone :is(#visit-detail>.visit-todo-filter,#ended-visit-detail>.visit-todo-filter,#ended-visit-empty-detail>.visit-todo-filter,.visit-customer-dialog .visit-todo-filter,.visit-opportunity-page .visit-todo-filter) button{
  min-height:34px;
  padding:6px 12px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:var(--neutral-text-secondary,#526174);
  font-size:13px;
  font-weight:500;
}
body .phone :is(#visit-detail>.visit-todo-filter,#ended-visit-detail>.visit-todo-filter,#ended-visit-empty-detail>.visit-todo-filter,.visit-customer-dialog .visit-todo-filter,.visit-opportunity-page .visit-todo-filter) button.active{
  background:#fff;
  color:var(--color-brand-primary);
  font-weight:600;
  box-shadow:0 1px 3px rgba(31,45,61,.09);
}
body .phone :is(#visit-detail,#ended-visit-detail,#ended-visit-empty-detail) .grid2{display:block}
body .phone :is(#visit-detail,#ended-visit-detail,#ended-visit-empty-detail) .visit-meeting-summary{padding:0 2px!important}
body .phone :is(#visit-detail,#ended-visit-detail,#ended-visit-empty-detail) .visit-meeting-toggle{min-height:44px;align-items:center;padding:2px 0 8px}
body .phone :is(#visit-detail,#ended-visit-detail,#ended-visit-empty-detail) .visit-meeting-toggle>span:first-child,
body .phone :is(#visit-detail,#ended-visit-detail,#ended-visit-empty-detail) .visit-meeting-details .kv>span,
body .phone :is(#visit-detail,#ended-visit-detail,#ended-visit-empty-detail) .visit-meeting-details .visit-location>span{font-size:14px!important;line-height:22px!important}
body .phone :is(#visit-detail,#ended-visit-detail,#ended-visit-empty-detail) .visit-meeting-toggle>span:first-child{margin:0!important;overflow:visible;white-space:normal;text-overflow:clip;font-weight:600}
body .phone :is(#visit-detail,#ended-visit-detail,#ended-visit-empty-detail) .visit-meeting-details .kv>span{font-weight:400}
body .phone :is(#visit-detail,#ended-visit-detail,#ended-visit-empty-detail) .visit-meeting-toggle::after{display:none}
body .phone #visit-detail .visit-status-inline,
body .phone :is(#ended-visit-detail,#ended-visit-empty-detail) .ended-status{height:var(--tag-status-height)!important;min-height:var(--tag-status-height)!important;margin:0!important;padding:var(--tag-status-padding)!important;border-radius:var(--tag-radius-pill)!important;font-size:var(--tag-status-font-size)!important;font-weight:var(--tag-font-weight)!important;line-height:var(--tag-status-height)!important}
body .phone #visit-detail[data-notes-state="ongoing"] .visit-status-inline{background:var(--color-success-surface);color:var(--color-success-text)}
body .phone #visit-detail[data-notes-state="upcoming"] .visit-status-inline{background:var(--neutral-surface-subtle);color:var(--neutral-text-tertiary)}
body .phone :is(#visit-detail,#ended-visit-detail,#ended-visit-empty-detail) .visit-location{display:grid!important;grid-template-columns:minmax(0,1fr);align-items:stretch;justify-content:stretch;gap:5px}
body .phone :is(#visit-detail,#ended-visit-detail,#ended-visit-empty-detail) .visit-location>span{min-width:0;width:100%}
body .phone :is(#visit-detail,#ended-visit-detail,#ended-visit-empty-detail) .navigation-link{justify-self:end;min-height:32px;margin:0;padding:5px 8px;font-size:14px!important;line-height:22px}
body .phone :is(#visit-detail,#ended-visit-detail,#ended-visit-empty-detail) .visit-tag-list{gap:7px;margin-top:7px}
body .phone :is(#visit-detail,#ended-visit-detail,#ended-visit-empty-detail) .visit-tag{height:var(--tag-entity-height);min-height:var(--tag-entity-height);padding:var(--tag-entity-padding);border-radius:var(--tag-radius-pill);background:var(--tag-neutral-surface);color:var(--neutral-text-secondary);font-size:var(--tag-entity-font-size);font-weight:var(--tag-font-weight);line-height:var(--tag-entity-height)}

body .phone :is(#ended-visit-detail,#ended-visit-empty-detail) .ended-summary{padding-bottom:14px;border-bottom:0}
body .phone :is(#ended-visit-detail,#ended-visit-empty-detail) .visit-card-head{align-items:flex-start}
body .phone :is(#ended-visit-detail,#ended-visit-empty-detail) .opportunity-name{display:block;padding-right:10px;font-size:15px;line-height:22px;font-weight:600}
body .phone :is(#ended-visit-detail,#ended-visit-empty-detail) .row-meta{margin-top:5px;color:var(--notes-label);font-size:13px;line-height:19px}
body .phone :is(#ended-visit-detail,#ended-visit-empty-detail) .ended-summary-meta{display:grid;gap:4px}
body .phone :is(#ended-visit-detail,#ended-visit-empty-detail) .ended-meta-item{display:flex;align-items:flex-start;gap:6px;min-width:0}
body .phone :is(#ended-visit-detail,#ended-visit-empty-detail) .ended-meta-item svg{width:16px;height:16px;flex:0 0 16px;margin-top:1px;color:var(--notes-label)}
body .phone :is(#ended-visit-detail,#ended-visit-empty-detail) .ended-meta-item>span{min-width:0}
body .phone :is(#ended-visit-detail,#ended-visit-empty-detail) .ended-participants{margin-top:6px}
body .phone #ended-visit-detail .ended-note{padding:2px 2px 4px}
body .phone #ended-visit-detail .ended-note p{margin:4px 0 16px;color:#233244;font-size:16px;line-height:25px}

body .phone :is(#ended-visit-detail,#ended-visit-empty-detail) .attachment-list{gap:0;margin-top:0}
body .phone :is(#ended-visit-detail,#ended-visit-empty-detail) .attachment-item{
  min-height:64px;
  padding:10px 2px;
  border:0;
  border-bottom:1px solid var(--notes-divider);
  border-radius:0;
  background:transparent;
  font-size:15px;
}
body .phone :is(#ended-visit-detail,#ended-visit-empty-detail) .attachment-thumb{
  display:block;width:54px;height:44px;flex:0 0 54px;border:0;border-radius:8px;background:#eef1f4;object-fit:cover;object-position:center;overflow:hidden;
}
body .phone :is(#ended-visit-detail,#ended-visit-empty-detail) .attachment-image-info{gap:1px;font-size:15px}
body .phone :is(#ended-visit-detail,#ended-visit-empty-detail) .attachment-image-info small{color:var(--notes-label);font-size:12px}
body .phone :is(#ended-visit-detail,#ended-visit-empty-detail) .attachment-open{padding:0;border:0;background:transparent;color:inherit;text-align:left}
body .phone :is(#ended-visit-detail,#ended-visit-empty-detail) .attachment-file-thumb{display:grid!important;place-items:center;color:var(--notes-label);font-size:10px;font-weight:700}
body .phone :is(#visit-todo-group,#ended-todo-group,#ended-empty-todo-group) .visit-section-actions{margin-left:auto;justify-content:flex-end}
body .phone :is(#visit-todo-group,#ended-todo-group,#ended-empty-todo-group) [data-ai-extract-todo][hidden]{display:none!important}

body .phone :is(#visit-detail,#ended-visit-detail,#ended-visit-empty-detail) .checkrow{min-height:58px;padding:12px 2px;border-bottom-color:var(--notes-divider)}
body .phone :is(#visit-detail,#ended-visit-detail,#ended-visit-empty-detail) .check{
  width:24px!important;
  min-width:24px!important;
  height:24px!important;
  min-height:24px!important;
  flex:0 0 24px;
  padding:0!important;
  border-radius:50%!important;
}
body .phone :is(#visit-detail,#ended-visit-detail,#ended-visit-empty-detail) .checkrow .row-title{font-size:15px;line-height:22px;font-weight:600}
body .phone :is(#visit-detail,#ended-visit-detail,#ended-visit-empty-detail) .checkrow .row-meta{font-size:12px;line-height:18px}
body .phone #visit-detail>[data-visit-todo-list]{padding-bottom:20px}

body .phone :is(#visit-detail,#ended-visit-detail,#ended-visit-empty-detail) .section-title :is(button.link,button.visit-edit-link){
  border:0;
  background:transparent!important;
  box-shadow:none;
  transition:color .15s ease,opacity .15s ease;
}
@media(hover:hover) and (pointer:fine){
  body .phone :is(#visit-detail,#ended-visit-detail,#ended-visit-empty-detail) .section-title :is(button.link,button.visit-edit-link):not(:disabled):hover{
    background:transparent!important;
    color:#0f58b5!important;
    opacity:.76;
  }
}
body .phone :is(#visit-detail,#ended-visit-detail,#ended-visit-empty-detail) .section-title :is(button.link,button.visit-edit-link):not(:disabled):active{
  background:transparent!important;
  color:#0b4d9d!important;
  opacity:.58;
}

body .phone :is(#visit-detail,#visit-notes,#ended-visit-detail) .note-toggle{
  display:flex;
  width:max-content;
  min-height:28px;
  margin:0 auto;
  padding:3px 8px;
  align-items:center;
  justify-content:center;
  gap:7px;
  border:0;
  background:transparent!important;
  color:var(--color-brand-primary);
  font-size:13px;
  font-weight:500;
  text-decoration:none;
}
body .phone :is(#visit-detail,#visit-notes,#ended-visit-detail) .note-toggle::after{
  content:"";
  width:7px;
  height:7px;
  border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;
  transform:translateY(-2px) rotate(45deg);
  transition:transform .16s ease;
}
body .phone :is(#visit-detail,#visit-notes,#ended-visit-detail) .note-toggle[aria-expanded="true"]::after{transform:translateY(2px) rotate(225deg)}
@media(hover:hover) and (pointer:fine){
  body .phone :is(#visit-detail,#visit-notes,#ended-visit-detail) .note-toggle:hover{background:transparent!important;color:#0f58b5;opacity:.76}
}
body .phone :is(#visit-detail,#visit-notes,#ended-visit-detail) .note-toggle:active{background:transparent!important;color:#0b4d9d;opacity:.58}

body .phone :is(#visit-detail,#ended-visit-detail,#ended-visit-empty-detail) .record-audio-player{
  padding:14px 0;
  border:0;
  border-bottom:1px solid var(--notes-divider);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
body .phone :is(#visit-detail,#ended-visit-detail,#ended-visit-empty-detail) .record-audio-title{font-size:15px;line-height:22px}
body .phone :is(#visit-detail,#ended-visit-detail,#ended-visit-empty-detail) .record-audio-time{font-size:12px}

body .phone .screen:has(#visit-detail.active){padding-bottom:0!important}
body .phone #visit-detail{padding-bottom:0}
body .phone #visit-detail.active{display:flex;min-height:100%;flex-direction:column}
body .phone #visit-detail .visit-actions{position:sticky;bottom:0;z-index:5;display:block;margin:auto -18px 0;padding:10px 18px 0;background:#fffffff0;backdrop-filter:blur(18px)}
body .phone #visit-detail.notes-editing .visit-actions{display:none!important}
body .phone #visit-detail.notes-editing :is(
  .visit-detail-nav,
  .visit-section-readonly,
  #visit-note-group,
  .visit-note-subsection-title,
  #visit-note-preview,
  #visit-todo-group,
  #visit-todo-filter,
  #visit-todo-list
){display:none!important}
body .phone #visit-detail .visit-actions .primary{width:100%;font-size:16px}
body .phone #visit-detail[data-notes-state="ongoing"] .visit-actions .primary{background:var(--color-brand-primary)}

.notes-edit-field{display:none;width:100%;min-height:44px;padding:10px 12px;border:0;border-radius:10px;background:var(--notes-input)!important;color:#1f2d3d;line-height:22px;outline:none}
body .phone :is(#visit-detail,#ended-visit-detail,#ended-visit-empty-detail) .notes-edit-field{font-size:14px!important}
.notes-edit-field::placeholder{color:#98a4ab;opacity:1}
textarea.notes-edit-field{resize:none}
.notes-editing .notes-edit-field{display:block}
.notes-editing .notes-read-value{display:none!important}
.notes-editing .visit-location{display:none!important}
.notes-editing .notes-edit-target{padding-top:10px;padding-bottom:10px;border-bottom:0!important}
.notes-editing .notes-edit-field:focus{box-shadow:0 0 0 2px var(--color-focus-ring)}
.notes-editing .visit-meeting-toggle{display:none!important}
.notes-editing .visit-meeting-summary>.notes-edit-field{display:block}
.notes-editing .notes-edit-readonly{display:none!important}
.notes-editing [contenteditable="true"]{padding:9px 10px;border-radius:10px;background:var(--notes-input);outline:none}
.notes-editing [contenteditable="true"]:focus{box-shadow:0 0 0 2px var(--color-focus-ring)}

body .phone #edit-visit>.box{margin-top:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
body .phone #edit-visit .form-row{margin:0;padding:13px 2px 14px;border-bottom:1px solid var(--notes-divider)}
body .phone #edit-visit .form-row>label{margin-bottom:5px;color:var(--notes-label);font-size:12px;font-weight:400}
body .phone #edit-visit :is(.field-input,.field-select,.unified-select-trigger){min-height:44px;padding:10px 12px;border:0;border-radius:10px;background:var(--notes-input);font-size:15px}
body .phone #edit-visit>.primary{font-size:16px}

@media(max-width:430px){
  body .phone :is(#visit-detail,#ended-visit-detail,#ended-visit-empty-detail,#edit-visit)>.app-head{top:max(-18px,calc(-1 * env(safe-area-inset-top)))}
}

body .phone:has(#visit-notes.active){--bg:var(--neutral-surface-raised)}
body .phone #visit-notes{background:var(--neutral-surface-raised)}
body .phone #visit-notes .notes-filter-bar{
  display:flex;
  gap:18px;
  min-height:36px;
  margin:0 0 12px;
  padding:0;
  align-items:center;
  border:0;
  border-radius:0;
  background:transparent;
}
body .phone #visit-notes .notes-filter{
  display:inline-flex;
  flex:0 1 auto;
  align-items:center;
  gap:4px;
  min-width:0;
  padding:0;
  border:0;
  background:transparent;
  color:#7b8492;
  font-size:13px;
  line-height:20px;
  white-space:nowrap;
}
body .phone #visit-notes .notes-filter-label{display:inline;flex:0 0 auto}
body .phone #visit-notes .notes-filter .unified-select{width:auto;min-width:0}
body .phone #visit-notes .notes-filter .unified-select-trigger{
  width:auto;
  height:36px!important;
  min-height:36px!important;
  justify-content:flex-start;
  gap:4px;
  padding:0 2px!important;
  border:0;
  border-radius:8px;
  background:transparent;
  box-shadow:none;
  color:#263447;
  font-size:13px!important;
  font-weight:400;
  line-height:20px;
  text-align:left;
}
body .phone #visit-notes .notes-filter .unified-select-trigger>span:first-child{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body .phone #visit-notes .notes-filter .unified-select-chevron{
  width:14px;
  height:14px;
  flex:0 0 14px;
  margin-left:0;
  color:#6f7d8e;
}
@media(hover:hover) and (pointer:fine){
  body .phone #visit-notes .notes-filter .unified-select-trigger[aria-expanded="false"]:not(:disabled):hover{
    background:var(--neutral-surface-subtle);
  }
}
body .phone #visit-notes .notes-filter .unified-select-trigger[aria-expanded="true"]{
  background:var(--neutral-surface-subtle);
  box-shadow:none;
  color:var(--color-brand-primary);
}
body .phone #visit-notes .notes-filter .unified-select-listbox{
  top:calc(100% + 6px);
  right:auto;
  left:0;
  width:max-content;
  min-width:120px;
  max-width:calc(100vw - 40px);
  padding:4px;
  border:1px solid #d9dfe7;
  border-radius:10px;
  background:#fff;
  box-shadow:0 10px 28px rgba(31,45,61,.14);
}
body .phone #visit-notes .notes-filter:last-child .unified-select-listbox{right:0;left:auto}
body .phone #visit-notes .notes-filter .unified-select.open-up>.unified-select-listbox{
  top:auto;
  bottom:calc(100% + 6px);
}
body .phone #visit-notes .notes-filter .unified-select-option{
  min-height:36px;
  padding:8px 10px;
  border:0;
  border-radius:7px;
  background:transparent;
  color:#263447;
  font-size:13px;
  text-align:left;
}
body .phone #visit-notes .notes-filter .unified-select-option[aria-selected="true"]{
  background:#eaf2fd;
  color:var(--color-brand-primary);
  font-weight:600;
}
body .phone #visit-notes>.box{
  display:grid;
  gap:10px;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
body .phone #visit-notes .visit-note-card{
  width:100%;
  min-width:0;
  margin:0;
  padding:0;
  overflow:hidden;
  border:1px solid var(--neutral-stroke-control);
  border-radius:12px;
  background:var(--neutral-surface-raised);
  box-shadow:0 2px 8px rgba(31,45,61,.05);
  color:#263447;
}
body .phone #visit-notes .visit-note-card-toggle,
body .phone #visit-notes .visit-note-card-link{
  display:block;
  width:100%;
  min-height:44px;
  padding:14px 16px;
  border:0;
  border-radius:0;
  background:transparent;
  color:inherit;
  font:inherit;
  text-align:left;
}
body .phone #visit-notes .visit-note-card-link{
  border:1px solid var(--neutral-stroke-control);
  border-radius:12px;
  background:var(--neutral-surface-raised);
  box-shadow:0 2px 8px rgba(31,45,61,.05);
}
body .phone #visit-notes .visit-note-card-face,
body .phone #visit-notes .visit-note-card-heading,
body .phone #visit-notes .visit-note-card-author,
body .phone #visit-notes .visit-note-card-summary,
body .phone #visit-notes .visit-note-card-footer{display:block}
body .phone #visit-notes .visit-note-card-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
body .phone #visit-notes .visit-note-card-date{
  min-width:0;
  color:#1c2533;
  font-size:15px;
  line-height:22px;
  font-weight:600;
}
body .phone #visit-notes .visit-note-card-type{
  flex:0 0 auto;
  padding:3px 9px;
  border-radius:999px;
  background:var(--tag-neutral-surface);
  color:var(--neutral-text-secondary);
  font-size:12px;
  line-height:18px;
  font-weight:600;
}
body .phone #visit-notes .visit-note-card-author{
  margin-top:3px;
  color:var(--neutral-text-tertiary,#7b8492);
  font-size:12px;
  line-height:18px;
}
body .phone #visit-notes .visit-note-card-summary{
  display:-webkit-box;
  margin-top:10px;
  overflow:hidden;
  color:var(--neutral-text-secondary,#526174);
  font-size:14px;
  line-height:21px;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
body .phone #visit-notes .visit-note-card-footer{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:4px;
  margin-top:10px;
  color:var(--color-brand-primary);
  font-size:13px;
  line-height:20px;
  font-weight:500;
}
body .phone #visit-notes .visit-note-card-chevron{
  width:16px;
  height:16px;
  transition:transform .16s ease;
}
body .phone #visit-notes .visit-note-card-chevron::before{content:"›";display:block;font-size:20px;line-height:14px;text-align:center}
body .phone #visit-notes .visit-note-card-toggle.is-expanded .visit-note-card-chevron{transform:rotate(-90deg)}
body .phone #visit-notes .visit-note-card-toggle.is-expanded :is(.visit-note-card-summary,.visit-note-card-footer){display:none}
body .phone #visit-notes .visit-note-card-detail{
  padding:14px 16px 18px;
  border-top:1px solid var(--notes-divider,#e8ebef);
  background:var(--neutral-surface-raised);
}
body .phone #visit-notes .visit-note-card-detail>.row-meta{display:none}
body .phone #visit-notes .visit-note-card-detail>.row-title{
  color:var(--neutral-text-secondary,#526174);
  font-size:14px;
  line-height:22px;
}
body .phone #visit-notes .visit-note-card-detail .note-rich{
  color:var(--neutral-text-secondary,#526174);
  font-size:14px;
  line-height:1.7;
}
body .phone #visit-notes .visit-note-card-collapse{margin:14px auto 0}
@media(hover:hover) and (pointer:fine){
  body .phone #visit-notes :is(.visit-note-card-toggle,.visit-note-card-link):hover{background:var(--neutral-surface-subtle)}
}
body .phone #visit-notes :is(.visit-note-card-toggle,.visit-note-card-link):focus-visible{
  outline:2px solid var(--color-focus-ring);
  outline-offset:-2px;
}

body .phone #visit-detail:not(.notes-editing) .visit-info-card .kv{
  padding:7px 2px 8px;
  border-bottom:0;
}
body .phone #visit-detail:not(.notes-editing) .visit-info-card .grid2{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:20px;
}
body .phone #visit-detail:not(.notes-editing) .visit-info-card .kv b{
  margin-bottom:2px;
}
body .phone #visit-detail:not(.notes-editing) .visit-info-card .visit-tag-list{
  margin-top:4px;
}

body .phone .screen>#workbench>.app-head+.quick-actions{
  margin-top:10px!important;
  margin-bottom:12px!important;
}

body .phone #workbench #workbench-visits>.row .visit-list-state[data-status="进行中"]{
  background:var(--color-success-surface)!important;
  color:var(--color-success-text)!important;
}

body .phone #workbench #workbench-visits>.row .visit-list-state[data-status="未开始"]{
  background:var(--neutral-surface-subtle)!important;
  color:var(--neutral-text-tertiary)!important;
}

body .phone #workbench .ended-actions>.ended-reminder{
  display:inline-flex;
  align-items:center;
  gap:4px;
  height:24px;
  min-height:24px;
  padding:0 6px;
  border-radius:6px;
  background:#f1f3f5;
  color:#64748b;
  font-size:10px;
  line-height:16px;
  cursor:default;
}
body .phone #workbench .ended-actions>.ended-reminder:first-child{
  flex:1 1 auto;
  min-width:0;
  overflow:hidden;
}
body .phone #workbench .ended-actions>.ended-reminder:first-child>span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body .phone #workbench .ended-actions>.ended-reminder:last-child{
  flex:0 0 auto;
  white-space:nowrap;
}

body .phone #visit-detail>.section-title.visit-group-title{
  margin-top:12px;
}

/* Compact four-group visit details, shared by upcoming, ongoing and ended visits. */
body .phone :is(#visit-detail,#ended-visit-detail,#ended-visit-empty-detail)>.visit-detail-nav{
  position:sticky;
  top:66px;
  z-index:5;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  margin:-4px -24px 0;
  padding:0 24px;
  border-bottom:1px solid #eef0f2;
  background:#fff;
}
body .phone :is(#visit-detail,#ended-visit-detail,#ended-visit-empty-detail)>.visit-detail-nav button{
  position:relative;
  min-width:0;
  min-height:38px;
  padding:7px 2px 9px;
  border:0;
  background:transparent;
  color:#4b5563;
  font-size:13px;
  line-height:20px;
  font-weight:500;
  white-space:nowrap;
}
body .phone :is(#visit-detail,#ended-visit-detail,#ended-visit-empty-detail)>.visit-detail-nav button::after{
  content:"";
  position:absolute;
  right:12px;
  bottom:0;
  left:12px;
  height:2px;
  border-radius:2px 2px 0 0;
  background:transparent;
}
body .phone :is(#visit-detail,#ended-visit-detail,#ended-visit-empty-detail)>.visit-detail-nav button.active{
  color:var(--color-brand-primary);
  font-weight:600;
}
body .phone :is(#visit-detail,#ended-visit-detail,#ended-visit-empty-detail)>.visit-detail-nav button.active::after{background:var(--color-brand-primary)}

body .phone :is(#visit-detail,#ended-visit-detail,#ended-visit-empty-detail)>.section-title.visit-group-title{
  height:42px;
  min-height:42px;
  margin:10px 0 6px!important;
  padding:0 2px;
  scroll-margin-top:128px;
  font-size:15px;
  line-height:22px;
}
body .phone :is(#visit-detail,#ended-visit-detail,#ended-visit-empty-detail)>.section-title.visit-group-title.visit-group-break{
  position:relative;
  margin:10px 0 6px!important;
  padding:0 2px;
  border-top:0;
  background:#fff!important;
}
body .phone :is(#visit-detail,#ended-visit-detail,#ended-visit-empty-detail)>.section-title.visit-group-title.visit-group-break::before{
  content:"";
  position:absolute;
  top:-10px;
  right:-24px;
  left:-24px;
  height:8px;
  background:#f3f4f6;
}
body .phone :is(#visit-detail,#ended-visit-detail,#ended-visit-empty-detail)>.section-title.visit-subsection-title{
  min-height:24px;
  margin:10px 0 4px;
  font-size:14px;
  line-height:20px;
}

/* “小记”是一级主题；内容、录音和会后补充统一为二级模块。 */
body .phone :is(#visit-detail,#ended-visit-detail,#ended-visit-empty-detail)>.section-title.visit-note-subsection-title{
  position:relative;
  display:flex;
  align-items:center;
  width:100%;
  min-height:44px;
  margin:0!important;
  padding:0 2px 0 18px!important;
  border-top:1px solid var(--notes-divider);
  color:#526174;
  font-size:14px;
  line-height:20px;
}
body .phone :is(#visit-detail,#ended-visit-detail,#ended-visit-empty-detail)>.section-title.visit-note-subsection-title::before{
  content:"";
  position:absolute;
  top:50%;
  left:0;
  width:3px;
  height:14px;
  border-radius:2px;
  background:#c7daf3;
  transform:translateY(-50%);
}
body .phone :is(#visit-detail,#ended-visit-detail,#ended-visit-empty-detail)>.section-title.visit-note-subsection-first{
  margin-top:0!important;
  border-top:0;
}
body .phone :is(#visit-detail,#ended-visit-detail,#ended-visit-empty-detail)>.section-title.visit-note-subsection-title>:is(.link,.attachment-link,.visit-section-actions){
  align-self:stretch;
  display:inline-flex;
  align-items:center;
}
body .phone :is(#visit-detail,#ended-visit-detail,#ended-visit-empty-detail)>.section-title.visit-note-subsection-title>.visit-section-actions,
body .phone :is(#visit-detail,#ended-visit-detail,#ended-visit-empty-detail)>.section-title.visit-note-subsection-title>.visit-section-actions>.link{
  display:inline-flex;
  align-items:center;
}
body .phone :is(#visit-detail,#ended-visit-detail,#ended-visit-empty-detail)>.section-title.visit-note-subsection-title>.visit-section-actions>.link{height:100%}
body .phone :is(#visit-detail,#ended-visit-detail,#ended-visit-empty-detail)>.section-title.visit-note-subsection-title b{
  color:#526174;
  font-weight:600;
}
body .phone :is(#visit-detail,#ended-visit-detail,#ended-visit-empty-detail)>.visit-note-child-content{
  width:100%!important;
  margin-right:0!important;
  margin-left:0!important;
}
body .phone #visit-detail>#visit-note-preview{
  width:100%!important;
  margin-right:0!important;
  margin-left:0!important;
}
body .phone #visit-detail>#visit-note-preview .note-timeline-item{
  position:relative;
  padding:0 2px 10px 18px!important;
}
body .phone #visit-detail>#visit-note-preview .note-timeline-item::before{
  display:block;
  position:absolute;
  top:11px;
  left:3px;
  width:6px;
  height:6px;
  border:0;
  border-radius:50%;
  background:#9bbbd9;
  content:"";
  transform:translateY(-50%);
}
body .phone #visit-detail>#visit-note-preview .note-timeline-item::after{
  display:none;
}
body .phone #visit-detail #visit-note-preview .visit-note-meta{
  position:relative;
  z-index:1;
  display:flex;
  min-height:22px;
  align-items:center;
  gap:6px;
  margin:0 0 7px;
}
body .phone #visit-detail #visit-note-preview .note-rich .note-intro{
  position:relative;
  top:-4px;
}
body .phone #visit-detail #visit-note-preview .note-rich h3:first-of-type{
  margin-top:12px;
}
body .phone #visit-detail #visit-note-preview .visit-note-time{
  color:#566579;
  font-size:14px;
  line-height:20px;
  font-weight:500;
}
body .phone #visit-detail #visit-note-preview .visit-note-type{
  min-width:0;
  height:20px;
  padding:0 7px;
  color:#5f6e80;
  font-size:11px;
  line-height:20px;
  font-weight:500;
}
body .phone :is(#visit-detail,#ended-visit-detail,#ended-visit-empty-detail)>.box.top-gap{margin-top:0}
body .phone :is(#visit-detail,#ended-visit-detail,#ended-visit-empty-detail) .kv{padding-top:8px;padding-bottom:9px}
body .phone :is(#visit-detail,#ended-visit-detail,#ended-visit-empty-detail) .kv b{margin-bottom:2px}
body .phone :is(#ended-visit-detail,#ended-visit-empty-detail)>.ended-summary{padding-bottom:8px}
body .phone #ended-visit-detail .ended-note{padding-top:0;padding-bottom:0}
body .phone #ended-visit-detail .ended-note .visit-note-meta{display:flex;min-height:22px;align-items:center;gap:6px;margin:0 0 8px}
body .phone #ended-visit-detail .ended-note .visit-note-time{display:inline-flex;height:20px;align-items:center;color:#566579;font-size:14px;line-height:20px;font-weight:500}
body .phone #ended-visit-detail .ended-note .visit-note-type{display:inline-flex;min-width:0;height:20px;margin:0;align-items:center;justify-content:center;padding:0 7px;color:#5f6e80;font-size:11px;line-height:20px;font-weight:500}
body .phone #ended-visit-detail .ended-note .note-rich{color:#526174;font-size:14px;line-height:22px}
body .phone #ended-visit-detail .ended-note .note-rich .note-intro{margin:0 0 8px}
body .phone #ended-visit-detail .ended-note .note-rich h3{margin:14px 0 5px;color:#1f2937;font-size:15px;line-height:22px}
body .phone #ended-visit-detail .ended-note .note-rich h3:first-of-type{margin-top:0}
body .phone #ended-visit-detail .ended-note .note-rich p{margin:2px 0 5px;font-size:14px;line-height:22px}
body .phone #ended-visit-detail .ended-note .note-rich ul{margin:2px 0 8px;padding-left:18px}
body .phone #ended-visit-detail .ended-note .note-rich li{margin:2px 0}

/* One note-content component for upcoming, ongoing, and ended visit details. */
body .phone :is(#visit-detail #visit-note-preview,#ended-visit-detail .ended-note) .visit-note-meta{
  display:flex;
  min-height:22px;
  align-items:center;
  gap:6px;
  margin:0 0 7px;
}
body .phone :is(#visit-detail #visit-note-preview,#ended-visit-detail .ended-note) .visit-note-time{
  display:inline-flex;
  height:20px;
  align-items:center;
  color:#566579;
  font-size:14px;
  line-height:20px;
  font-weight:500;
}
body .phone :is(#visit-detail #visit-note-preview,#ended-visit-detail .ended-note) .visit-note-type{
  display:inline-flex;
  min-width:0;
  height:20px;
  margin:0;
  align-items:center;
  justify-content:center;
  padding:0 7px;
  color:#5f6e80;
  font-size:11px;
  line-height:20px;
  font-weight:500;
}
body .phone :is(#visit-detail #visit-note-preview,#ended-visit-detail .ended-note) .note-rich{
  color:#526174;
  font-size:12px;
  line-height:18px;
}
body .phone :is(#visit-detail #visit-note-preview,#ended-visit-detail .ended-note) .note-rich:not(.expanded){
  max-height:220px;
  overflow:hidden;
}
body .phone :is(#visit-detail #visit-note-preview,#ended-visit-detail .ended-note) .note-rich.expanded{max-height:none}
body .phone :is(#visit-detail #visit-note-preview,#ended-visit-detail .ended-note) .note-rich .note-intro{
  position:relative;
  top:-4px;
  margin:0 0 6px;
  font-size:12px;
  line-height:18px;
}
body .phone :is(#visit-detail #visit-note-preview,#ended-visit-detail .ended-note) .note-rich h3{
  margin:10px 0 4px;
  color:#1f2937;
  font-size:14px;
  line-height:20px;
}
body .phone :is(#visit-detail #visit-note-preview,#ended-visit-detail .ended-note) .note-rich h3:first-of-type{margin-top:12px}
body .phone :is(#visit-detail #visit-note-preview,#ended-visit-detail .ended-note) .note-rich p{
  margin:2px 0 5px;
  font-size:12px;
  line-height:18px;
}
body .phone :is(#visit-detail #visit-note-preview,#ended-visit-detail .ended-note) .note-rich ul{
  margin:2px 0 6px;
  padding-left:16px;
}
body .phone :is(#visit-detail #visit-note-preview,#ended-visit-detail .ended-note) .note-rich li{margin:1px 0}
body .phone :is(#ended-visit-detail,#ended-visit-empty-detail)>.visit-note-child-content.ended-empty-inline{padding-top:7px;padding-bottom:8px;min-height:38px}

body .phone :is(#ended-visit-detail,#ended-visit-empty-detail) .ended-empty-inline,
body .phone :is(#ended-visit-detail,#ended-visit-empty-detail) .attachment-list>.muted{
  color:var(--notes-label)!important;
}
body .phone #ended-visit-empty-detail .visit-empty-state{color:var(--notes-label)!important}

body .phone #visit-detail:not(.notes-editing) .visit-meeting-details .kv{
  display:grid;
  grid-template-columns:52px minmax(0,1fr);
  gap:8px;
  align-items:start;
  padding:5px 2px 6px;
}
body .phone #visit-detail:not(.notes-editing) .visit-meeting-details .kv b{
  margin:0;
  padding-top:1px;
  font-size:12px;
  line-height:22px;
}
body .phone #visit-detail:not(.notes-editing) .visit-meeting-details .kv>span{
  min-width:0;
  margin:0;
}
body .phone :is(#visit-detail:not(.notes-editing),#ended-visit-detail,#ended-visit-empty-detail) .visit-location{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 24px;
  align-items:start;
  gap:5px;
  width:100%;
}
body .phone :is(#visit-detail:not(.notes-editing),#ended-visit-detail,#ended-visit-empty-detail) .visit-location>span{
  display:block;
  width:100%;
  min-width:0;
}
body .phone :is(#visit-detail:not(.notes-editing),#ended-visit-detail,#ended-visit-empty-detail) .navigation-link{
  display:inline-grid;
  place-items:center;
  width:24px;
  min-width:24px;
  height:24px;
  min-height:24px;
  margin:0;
  padding:0;
  border:0;
  border-radius:6px;
  background:#eef4fc;
  color:var(--color-brand-primary)!important;
}
body .phone :is(#visit-detail:not(.notes-editing),#ended-visit-detail,#ended-visit-empty-detail) .navigation-link svg{width:15px;height:15px}

/* Align recording and todo details with the compact visit-detail system. */
body .phone :is(#organize-link,#organize-speaker,#organize-edit,#todo-record-detail){background:#fff}
body .phone :is(#organize-speaker,#organize-edit){--notes-label:#7b8492;--notes-divider:#e8ebef;--notes-input:#f4f6f8}
body .phone :is(#organize-link,#organize-speaker,#organize-edit,#todo-record-detail)>.app-head{
  position:sticky;
  top:-18px;
  z-index:6;
  margin:0 -2px 6px;
  padding-top:8px;
  padding-bottom:8px;
  background:#fff;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
body .phone #ended-visit-audio[hidden]{display:none!important}
body .phone :is(#organize-link,#todo-record-detail)>.record-detail-group-title{
  min-height:26px;
  margin:8px 0 5px!important;
  padding:0 2px;
  font-size:15px;
  line-height:22px;
}
body .phone :is(#organize-link,#todo-record-detail)>.record-detail-group-title.record-detail-group-break{
  position:relative;
  margin:9px 0 5px!important;
  padding:17px 2px 0;
  border-top:0;
}
body .phone :is(#organize-link,#todo-record-detail)>.record-detail-group-title.record-detail-group-break::before{
  content:"";
  position:absolute;
  top:0;
  right:-18px;
  left:-18px;
  height:8px;
  background:#f3f4f6;
}

body .phone #todo-record-detail>.record-detail-fields{
  margin:0;
  padding:0 2px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
body .phone #todo-record-detail>.record-detail-fields .kv{
  display:grid;
  grid-template-columns:64px minmax(0,1fr);
  gap:8px;
  min-height:56px;
  align-items:center;
  padding:8px 0 9px;
  border-bottom:1px solid #eef0f2;
}
body .phone #todo-record-detail>.record-detail-fields .kv b{
  margin:0;
  padding:0;
  color:var(--notes-label);
  font-size:12px;
  line-height:22px;
  font-weight:400;
}
body .phone #todo-record-detail>.record-detail-fields .kv span{
  min-width:0;
  margin:0;
  color:var(--notes-text);
  font-size:14px;
  line-height:22px;
}
body .phone #todo-record-detail>.record-detail-fields .kv:first-child span{font-weight:600}
body .phone #todo-record-detail .record-edit-button{
  min-height:40px;
  padding:0;
  border:0;
  background:transparent;
  color:var(--color-brand-primary);
  font-size:15px!important;
  line-height:22px;
  font-weight:400;
  box-shadow:none;
}
body .phone #todo-record-detail .todo-detail-status{
  justify-self:start;
  height:var(--tag-status-height);
  min-height:var(--tag-status-height);
  padding:var(--tag-status-padding);
  border-radius:var(--tag-radius-pill);
  background:var(--tag-neutral-surface);
  color:var(--tag-neutral-text);
  font-size:var(--tag-status-font-size);
  font-weight:var(--tag-font-weight);
  line-height:var(--tag-status-height);
}
body .phone #todo-record-detail .todo-detail-status[data-todo-detail-status="open"]{
  background:var(--tag-neutral-surface);
  color:var(--tag-neutral-text)!important;
}
body .phone #todo-record-detail .todo-detail-status[data-todo-detail-status="done"]{
  background:var(--color-success-surface);
  color:var(--color-success-text)!important;
}

body .phone :is(#organize-link,#organize-speaker,#organize-edit).active{
  display:flex;
  min-height:100%;
  flex-direction:column;
}
body .phone :is(#organize-link,#organize-speaker,#organize-summary,#organize-edit,#organize-action)>.steps{
  position:sticky!important;
  top:38px;
  z-index:5;
  grid-template-columns:repeat(3,minmax(0,1fr));
  justify-content:stretch;
  margin:-4px -18px 2px!important;
  padding:10px 18px 12px!important;
  border:0;
  border-bottom:8px solid #f3f4f6;
  border-radius:0;
  background:#fff;
}
body .phone :is(#organize-link,#organize-speaker,#organize-summary,#organize-edit,#organize-action)>.steps>.step{gap:3px;font-size:13px;line-height:20px}
body .phone :is(#organize-link,#organize-speaker,#organize-summary,#organize-edit,#organize-action)>.steps>.step::after{top:10px;left:calc(50% + 12px);width:calc(100% - 24px)}
body .phone :is(#organize-link,#organize-speaker,#organize-summary,#organize-edit,#organize-action)>.steps>.step>b{width:20px;height:20px;font-size:10px}
body .phone #organize-edit.is-standalone-note>.steps,
body .phone #organize-edit.is-standalone-note>.organize-note-heading{display:none!important}
body .phone #organize-edit.is-standalone-note>.organize-note-content-title{margin-top:12px!important}
body .phone :is(#organize-link,#organize-speaker,#organize-edit)>.record-audio-player{
  margin:0;
  padding:7px 2px 10px;
  border:0;
  border-bottom:1px solid #eef0f2;
  border-radius:0!important;
  background:transparent;
  box-shadow:none;
}
body .phone :is(#organize-link,#organize-speaker,#organize-edit)>.record-audio-player .record-audio-title{font-size:14px;line-height:22px}

body .phone #organize-speaker>.speaker-recognition-hint{
  margin:0!important;
  padding:10px 2px!important;
  border:0!important;
  border-bottom:1px solid #eef0f2!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--notes-label)!important;
  font-size:12px!important;
  line-height:18px!important;
}
body .phone #organize-speaker>.section-title{
  min-height:28px;
  margin:13px 0 3px;
  padding:0 2px;
  border:0;
  font-size:16px;
  line-height:22px;
}
body .phone #organize-speaker>.section-title.record-detail-group-title{
  min-height:26px;
  margin:8px 0 5px!important;
  padding:0 2px;
  font-size:15px;
  line-height:22px;
}
body .phone #organize-speaker>.section-title b{font-weight:600}
body .phone #organize-speaker>.organize-transcript-preview{
  margin:0;
  padding:0 2px;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body .phone #organize-speaker>.organize-transcript-preview .transcript-turn{
  padding-top:7px;
  padding-bottom:7px;
  border-bottom:1px solid #eef0f2;
}

body .phone #organize-edit>.summary-template-row{
  position:relative;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 104px;
  column-gap:10px!important;
  align-items:end!important;
  margin:0;
  padding:14px 2px 18px;
  border-bottom:1px solid var(--notes-divider);
}
body .phone #organize-edit>.summary-template-row .summary-template-field{
  min-width:0;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:auto auto;
  row-gap:10px!important;
}
body .phone #organize-edit>.summary-template-row label{
  grid-column:1;
  grid-row:1;
  margin:0!important;
  color:var(--notes-label);
  font-size:12px;
  line-height:20px;
  font-weight:400;
}
body .phone #organize-edit>.summary-template-row :is(.field-select,.select,.unified-select-trigger){
  min-height:44px;
  padding:10px 12px;
  border:0;
  border-radius:10px;
  background:var(--notes-input);
  font-size:14px;
}
body .phone #organize-edit>.summary-template-row .unified-select{grid-column:1;grid-row:2;width:100%}
body .phone #organize-edit>.summary-template-row .summary-generate{
  grid-column:2;
  width:100%!important;
  min-width:0!important;
  min-height:44px;
  margin:0!important;
  border-radius:10px;
}
body .phone #organize-edit>.summary-template-row .unified-select-option{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
body .phone #organize-edit>.summary-template-row .summary-template-new-badge{
  flex:0 0 auto;
}
body .phone #organize-edit .summary-template-option-row{
  display:flex;
  align-items:center;
  min-height:44px;
  border-radius:7px;
  color:var(--neutral-text-primary);
}
body .phone #organize-edit .summary-template-option-row:hover,
body .phone #organize-edit .summary-template-option-row:focus-within{
  background:#f5f5f5;
}
body .phone #organize-edit .summary-template-option-row:has(>.unified-select-option[aria-selected="true"]){
  background:var(--brand-soft);
  color:var(--brand);
}
body .phone #organize-edit .summary-template-option-row>.unified-select-option{
  flex:1 1 auto;
  min-width:0;
  justify-content:flex-start;
  gap:4px;
  background:transparent!important;
  color:inherit;
}
body .phone #organize-edit .summary-template-option-edit.notes-header-action{
  flex:0 0 36px;
  width:36px;
  height:36px;
  border-radius:7px;
  color:inherit;
}
body .phone #organize-edit .summary-template-option-edit svg{
  width:18px;
  height:18px;
}
body .phone #organize-edit .summary-template-add{
  display:flex;
  width:calc(100% - 8px);
  min-height:44px;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  margin:4px;
  padding:10px;
  border-top:1px solid var(--neutral-stroke-divider);
  border-radius:7px;
  color:var(--color-brand-primary)!important;
  font-weight:600;
  text-align:left;
}
body .phone #organize-edit .summary-template-add:is(:hover,:active,:focus-visible){color:var(--color-brand-primary)!important}
body .phone #organize-edit .summary-template-add:focus-visible{outline-offset:-2px}
body .phone #organize-edit .summary-template-add svg{
  width:18px;
  height:18px;
}
body .phone #organize-edit>.summary-template-row .unified-select-listbox{
  max-height:264px;
}
body .phone .template-prompt-dialog-backdrop{
  z-index:42;
  background:#17233366;
}
body .phone>.template-prompt-dialog{
  z-index:43;
  top:auto;
  right:0;
  bottom:0;
  left:0;
  width:auto;
  max-width:none;
  max-height:72%;
  margin:0;
  padding:0 18px max(20px,env(safe-area-inset-bottom));
  overflow-y:auto;
  border-radius:22px 22px 0 0;
  background:var(--neutral-surface-raised);
  box-shadow:0 -10px 32px #17233322;
  transform:none;
  animation:sheet-up .22s ease-out;
}
body .phone .template-prompt-dialog .cache-dialog-head{
  position:sticky;
  top:0;
  z-index:2;
  min-height:48px;
  align-items:center;
  justify-content:center;
  background:var(--neutral-surface-raised);
}
body .phone .template-prompt-dialog .cache-dialog-head b{
  font-size:18px;
}
body .phone .template-prompt-dialog .cache-dialog-close{
  position:absolute;
  right:0;
}
body .phone .template-prompt-dialog .form-row{
  margin:16px 0 0;
}
body .phone .template-prompt-dialog textarea{
  min-height:168px;
  resize:vertical;
}
body .phone .template-prompt-dialog .cache-dialog-actions{
  position:sticky;
  bottom:0;
  z-index:2;
  margin-top:16px;
  padding-top:16px;
  background:var(--neutral-surface-raised);
}
body .phone #organize-edit>.box:has(#attachment-input){
  display:block!important;
  margin:0!important;
  padding:14px 2px!important;
  border:0!important;
  border-bottom:1px solid var(--notes-divider)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body .phone #organize-edit>.box:has(#attachment-input)>.label{
  color:#1c2533;
  font-size:15px;
  line-height:22px;
  font-weight:600;
}
body .phone #organize-edit>.box:has(#attachment-input)>.muted{
  display:block!important;
  margin:7px 0 12px;
  color:var(--notes-label);
  font-size:13px;
  line-height:20px;
}
body .phone #organize-edit>.box:has(#attachment-input) .attachment-trigger{
  min-height:28px;
  padding:0;
  font-size:14px;
  line-height:22px;
  font-weight:500;
}
body .phone #organize-edit>.box:has(#attachment-input) .attachment-list{margin-top:12px}
body .phone #organize-edit>.transcript-disclosure{
  margin:0!important;
  padding:3px 2px!important;
  border:0!important;
  border-bottom:1px solid var(--notes-divider)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body .phone #organize-edit>.transcript-disclosure>.transcript-toggle{
  min-height:44px;
  padding:0;
  border-radius:0;
  background:transparent!important;
  box-shadow:none!important;
  color:#1c2533;
  font-size:15px;
  line-height:22px;
  font-weight:600;
  -webkit-tap-highlight-color:transparent;
}
body .phone #organize-edit>.transcript-disclosure>.transcript-toggle:is(:hover,:active,[aria-expanded="true"]){background:transparent!important}
body .phone #organize-edit .transcript-toggle-state{
  display:inline-flex;
  align-items:center;
  gap:5px;
  color:var(--color-brand-primary);
  font-size:14px;
  line-height:22px;
  font-weight:500;
}
body .phone #organize-edit .transcript-toggle-state svg{width:16px;height:16px}
body .phone #organize-edit .record-note-audio-toggle{
  display:inline-flex;
  min-height:44px;
  align-items:center;
  gap:5px;
  padding:0;
  border:0;
  background:transparent;
  color:var(--color-brand-primary);
  font-size:14px;
  line-height:22px;
  font-weight:500;
}
body .phone #organize-edit .record-note-audio-toggle svg{width:16px;height:16px;transition:transform .16s ease}
body .phone #organize-edit .record-note-audio-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
body .phone #organize-edit>.transcript-disclosure>.full-transcript{padding:2px 2px 14px}
body .phone #organize-edit>.transcript-disclosure>.full-transcript p{
  margin:0;
  padding:12px 0;
  border-top:1px solid var(--notes-divider);
  color:#65758a;
  font-size:13px;
  line-height:22px;
}
body .phone #organize-edit>.transcript-disclosure>.full-transcript .full-transcript-speaker{
  margin-bottom:4px;
  color:#273244;
  font-size:13px;
  line-height:20px;
  font-weight:500;
}
body .phone #organize-edit>.record-audio-player{
  margin:0!important;
  padding:12px 2px 14px;
  border:0;
  border-bottom:1px solid var(--notes-divider);
  border-radius:0!important;
  background:transparent;
  box-shadow:none;
}
body .phone #organize-edit>[data-note-player][hidden]{display:none!important}
body .phone #organize-edit>.section-title{
  min-height:28px;
  margin:16px 0 5px;
  padding:0 2px;
  border:0;
  font-size:16px;
  line-height:22px;
}
body .phone #organize-edit>.box:has(.reference-note-fields){
  margin:0;
  padding:0 2px 14px;
  border:0;
  border-bottom:1px solid var(--notes-divider);
  background:transparent;
  box-shadow:none;
}
body .phone #organize-edit .reference-note-fields label{
  color:var(--notes-label);
  font-size:12px;
  line-height:18px;
  font-weight:400;
}
body .phone #organize-edit .reference-note-fields textarea{
  min-height:76px;
  padding:10px 12px;
  border:0;
  border-radius:10px;
  background:var(--notes-input);
  font-size:14px;
  line-height:22px;
}

/* Use one attachment row system across forms, with media-specific leading visuals. */
body .phone :is(.attachment-list,[data-local-files]){gap:0;margin-top:4px}
body .phone :is(.attachment-list,[data-local-files])>.attachment-file-row{
  display:flex;
  min-height:64px;
  align-items:center;
  gap:10px;
  padding:10px 2px;
  border:0;
  border-bottom:1px solid var(--notes-divider,#e8ebef);
  border-radius:0;
  background:transparent;
  box-shadow:none;
  font-size:14px;
}
body .phone .attachment-file-row>.attachment-thumb{
  display:grid;
  width:44px;
  height:44px;
  flex:0 0 44px;
  place-items:center;
  border:0;
  border-radius:10px;
  overflow:hidden;
}
body .phone .attachment-file-row>img.attachment-thumb{
  width:54px;
  flex-basis:54px;
  border-radius:8px;
  object-fit:cover;
  object-position:center;
}
body .phone .attachment-file-row>.attachment-audio-thumb{background:#eaf3ff;color:var(--system-blue)}
body .phone .attachment-file-row>.attachment-audio-thumb svg{width:18px;height:18px;fill:currentColor;stroke:none}
body .phone .attachment-file-row>.attachment-file-thumb:not(.attachment-audio-thumb):not(.attachment-image-thumb){
  background:#eef1f4;
  color:var(--notes-label,#7b8492);
  font-size:10px;
  font-weight:600;
}
body .phone .attachment-file-row>.attachment-open{
  display:flex;
  min-width:0;
  min-height:44px;
  flex:1;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:1px;
  padding:0;
  border:0;
  background:transparent;
  color:#1c2533;
  text-align:left;
}
body .phone .attachment-file-row>.attachment-open>span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:21px}
body .phone :is(.attachment-file-row>.attachment-open>span,.attachment-image-info>span){font-weight:600}
body .phone .attachment-file-row>.attachment-open>small{color:var(--notes-label,#7b8492);font-size:12px;line-height:18px}
body .phone .attachment-file-row>.attachment-data-name[hidden]{display:none!important}
body .phone .attachment-file-row>.link:last-child{
  min-height:28px;
  flex:0 0 auto;
  padding:0;
  border:0;
  background:transparent;
  color:var(--system-blue);
  font-size:14px;
  font-weight:500;
  line-height:22px;
}

/* Shared compact audio: summary first, seek/current time only after playback starts. */
body .phone .shared-audio-player{
  display:block;
  min-height:64px;
  padding:10px 2px;
  border:0;
  border-bottom:1px solid var(--notes-divider,#e8ebef);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
body .phone .shared-audio-player .record-audio-main{justify-content:flex-start;gap:10px}
body .phone .shared-audio-player .audio-toggle{
  display:grid;
  width:44px;
  min-width:44px;
  height:44px;
  min-height:44px;
  flex:0 0 44px;
  place-items:center;
  padding:0;
  border:0;
  border-radius:10px;
  background:var(--neutral-surface-subtle,#f3f4f6);
  color:var(--system-blue)!important;
}
body .phone .shared-audio-player .audio-toggle :is(.play-icon,.pause-icon){grid-area:1/1;width:18px;height:18px}
body .phone .shared-audio-player .audio-toggle svg{display:block;width:18px;height:18px;fill:currentColor;stroke:none}
body .phone .shared-audio-player .audio-toggle .pause-icon{display:none}
body .phone .shared-audio-player .audio-toggle.is-playing .play-icon{display:none}
body .phone .shared-audio-player .audio-toggle.is-playing .pause-icon{display:block}
body .phone .shared-audio-player .audio-toggle [data-audio-button-label]{display:none}
body .phone .shared-audio-player .record-audio-copy{display:flex;min-width:0;flex:1;flex-direction:column;justify-content:center;gap:1px}
body .phone .shared-audio-player .record-audio-title{width:100%;font-weight:600}
body .phone .shared-audio-player .record-audio-summary-duration{color:var(--notes-label,#7b8492);font-size:12px;line-height:18px}
body .phone .shared-audio-player:not(.is-expanded) .record-audio-timeline{display:none}
body .phone .shared-audio-player.is-expanded .record-audio-timeline{margin-top:8px}
body .phone .attachment-audio-player>.record-audio-main>.attachment-audio-remove{min-height:28px;flex:0 0 auto;padding:0;border:0;background:transparent;color:var(--system-blue);font-size:14px;font-weight:500;line-height:22px}

/* Ended visit details use one continuous document surface without card outlines. */
body .phone :is(#ended-visit-detail,#ended-visit-empty-detail) > :is(.box,.record-audio-player),
body .phone :is(#ended-visit-detail,#ended-visit-empty-detail) .attachment-item{
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body .phone #organize-link>.box{
  margin:0;
  padding:0 2px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
body .phone #organize-link>.box>p{margin:4px 0 8px;font-size:12px;line-height:18px}
body .phone #organize-link>.box .form-row{margin:0}
body .phone #organize-link>.box .form-row label{font-size:12px;line-height:20px}
body .phone #organize-link>.box :is(input,select,.field-input,.unified-select-trigger){font-size:14px!important}
body .phone #organize-link>.box>.link{min-height:36px;font-size:14px!important}
body .phone #organize-link>[data-transcribe-start]{
  position:static;
  width:100%;
  margin:16px 0 0!important;
  box-shadow:none;
}
body .phone.recording-drawer-collapsed[data-record-underlay="organize-link"]>.screen{padding-bottom:104px}

/* Keep the empty ended-visit detail visually flat and its text actions consistent. */
body .phone #ended-visit-empty-detail{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
body .phone #ended-visit-empty-detail .visit-note-child-content.ended-empty-inline{
  border-bottom:0!important;
  color:var(--notes-label)!important;
}
body .phone #ended-visit-empty-detail :is(
  .visit-note-subsection-title > .link,
  .attachment-link,
  .attachment-item > .link,
  #ended-empty-todo-group .link
){
  display:inline-flex;
  align-items:center;
  justify-content:flex-end;
  min-height:28px;
  padding:0;
  border:0;
  background:transparent!important;
  color:var(--system-blue)!important;
  font-family:inherit;
  font-size:14px!important;
  font-weight:500!important;
  line-height:22px!important;
  text-decoration:none;
  white-space:nowrap;
}

/* Reuse the visit-detail document surface for the submitted visit note. */
body .phone:has(#organize-success.active),
body .phone .screen:has(#organize-success.active),
body .phone #organize-success{
  background:#fff!important;
}
body .phone:has(#organize-success.active)::after{background:#fff!important}
body .phone .screen:has(#organize-success.active){
  padding-right:24px;
  padding-left:24px;
}
body .phone #organize-success{
  --notes-label:#7b8492;
  --notes-divider:#e8ebef;
  color:#1c2533;
  font-size:16px;
  line-height:1.55;
}
body .phone #organize-success>.app-head{
  position:sticky;
  top:-18px;
  z-index:6;
  min-height:60px;
  margin:0 -2px 10px;
  padding-top:8px;
  padding-bottom:8px;
  background:#fff;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
body .phone #organize-success>.app-head h1{
  font-size:18px;
  line-height:24px;
  font-weight:600;
}
body .phone #organize-success>.steps{display:none}
body .phone #organize-success>.dark{
  margin:0;
  padding:12px 2px 14px;
  border:0;
  border-bottom:1px solid var(--notes-divider);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
body .phone #organize-success>.dark h2{
  color:#233244;
  font-size:16px;
  line-height:24px;
  font-weight:600;
}
body .phone #organize-success>.dark p{
  margin:5px 0 0;
  color:var(--notes-label);
  font-size:13px;
  line-height:20px;
}
body .phone #organize-success>.section-title{
  min-height:28px;
  margin:22px 0 7px;
  padding:0 2px;
  border:0;
  font-size:16px;
  line-height:22px;
}
body .phone #organize-success>.section-title b{font-weight:600}
body .phone #organize-success>.box{
  margin:0;
  padding:0 2px 14px;
  border:0;
  border-bottom:1px solid var(--notes-divider);
  border-radius:0!important;
  background:transparent;
  box-shadow:none;
}
body .phone #organize-success>.box>.label{
  margin:10px 0 4px;
  color:var(--notes-label);
  font-size:12px;
  line-height:17px;
  font-weight:400;
}
body .phone #organize-success>.box>.label:first-child{margin-top:0}
body .phone #organize-success>.box>p,
body .phone #organize-success>.box>ul,
body .phone #organize-success>.box>.record-note-text{
  margin:0 0 8px;
  color:#233244;
  font-size:14px;
  line-height:22px;
}
body .phone #organize-success>.player{
  margin:0;
  padding:7px 2px 14px;
  border:0;
  border-bottom:1px solid var(--notes-divider);
  border-radius:0!important;
  background:transparent;
  box-shadow:none;
}
body .phone #organize-success>.actions{
  position:sticky;
  bottom:-24px;
  z-index:5;
  margin:20px -24px -24px;
  padding:14px 24px calc(14px + env(safe-area-inset-bottom));
  background:#fff;
  box-shadow:0 -10px 20px 10px #fff;
}

/* Shared key-value rows across every visit-detail state. */
body .phone :is(#visit-detail:not(.notes-editing),#ended-visit-detail,#ended-visit-empty-detail) :is(.visit-meeting-details,.visit-opportunity-details,#visit-opportunity-details) .kv{
  display:grid;
  grid-template-columns:64px minmax(0,1fr);
  gap:10px;
  align-items:start;
  margin:0;
  padding:7px 2px 8px;
  border-bottom:1px solid var(--notes-divider);
}
body .phone :is(#visit-detail:not(.notes-editing),#ended-visit-detail,#ended-visit-empty-detail) :is(.visit-opportunity-details,#visit-opportunity-details) .grid2{display:contents}
body .phone :is(#visit-detail:not(.notes-editing),#ended-visit-detail,#ended-visit-empty-detail) :is(.visit-meeting-details,.visit-opportunity-details,#visit-opportunity-details) .kv b{
  margin:0;
  padding-top:1px;
  line-height:22px;
}
body .phone :is(#visit-detail:not(.notes-editing),#ended-visit-detail,#ended-visit-empty-detail) :is(.visit-meeting-details,.visit-opportunity-details,#visit-opportunity-details) .kv>span{
  min-width:0;
  margin:0;
}
body .phone :is(#visit-detail:not(.notes-editing),#ended-visit-detail,#ended-visit-empty-detail) :is(.visit-opportunity-details,#visit-opportunity-details) .kv.visit-long-field{
  grid-template-columns:minmax(0,1fr);
  gap:6px;
  padding-top:10px;
  padding-bottom:10px;
}
body .phone :is(#visit-detail:not(.notes-editing),#ended-visit-detail,#ended-visit-empty-detail) :is(.visit-opportunity-details,#visit-opportunity-details) .kv.visit-long-field>b{
  padding-top:0;
}
body .phone :is(#visit-detail:not(.notes-editing),#ended-visit-detail,#ended-visit-empty-detail) :is(.visit-opportunity-details,#visit-opportunity-details) .kv.visit-long-field:has(>.empty-data-text){
  grid-template-columns:64px minmax(0,1fr);
  gap:10px;
  padding-top:7px;
  padding-bottom:9px;
}
body .phone :is(#visit-detail:not(.notes-editing),#ended-visit-detail,#ended-visit-empty-detail) :is(.visit-opportunity-details,#visit-opportunity-details) .kv.visit-long-field:has(>.empty-data-text)>b{
  padding-top:1px;
}
body .phone :is(#visit-detail:not(.notes-editing),#ended-visit-detail,#ended-visit-empty-detail) .visit-meeting-details>.kv:last-child,
body .phone :is(#visit-detail:not(.notes-editing),#ended-visit-detail,#ended-visit-empty-detail) :is(.visit-opportunity-details,#visit-opportunity-details)>.kv:last-child{border-bottom:0!important}
body .phone :is(#visit-detail:not(.notes-editing),#ended-visit-detail,#ended-visit-empty-detail) :is(.visit-opportunity-details,#visit-opportunity-details) .visit-tag-list{
  display:flex!important;
  flex-wrap:wrap!important;
  width:100%;
  overflow:visible!important;
  gap:6px;
  margin-top:0;
  white-space:normal!important;
}
body .phone :is(#visit-detail:not(.notes-editing),#ended-visit-detail,#ended-visit-empty-detail) :is(.visit-opportunity-details,#visit-opportunity-details) .visit-tag{
  max-width:100%;
  white-space:nowrap!important;
}

body .phone #visit-meeting-group>.notes-section-action{
  flex:0 0 auto;
  width:auto;
  height:32px;
  min-height:32px;
  margin-left:auto;
  padding:6px 8px!important;
  color:var(--colorBrandForeground1)!important;
}
body .phone #visit-meeting-group>.notes-section-action svg{width:15px;height:15px;flex:0 0 15px}
body .phone :is(#visit-detail:not(.notes-editing),#ended-visit-detail,#ended-visit-empty-detail) .navigation-link{
  transition:filter .12s ease,transform .12s ease;
  touch-action:manipulation;
}
body .phone :is(#visit-detail:not(.notes-editing),#ended-visit-detail,#ended-visit-empty-detail) .navigation-link:active{
  filter:brightness(.76);
  transform:scale(.96);
}
body .phone :is(#visit-detail,#ended-visit-detail,#ended-visit-empty-detail) .visit-empty-value{
  color:var(--notes-label)!important;
}

/* The editable location input replaces the read-only address while editing. */
body .phone #visit-detail.notes-editing .visit-location{
  display:none!important;
}
body .phone :is(#ended-visit-detail,#ended-visit-empty-detail)>.ended-summary{
  padding-bottom:0!important;
}

/* Keep every form/detail Key label on the same shared gray. */
body .phone :is(.form-row>label,.kv>b){
  color:var(--notes-label,#7b8492)!important;
}

/* Generated note modules reuse the visit-detail secondary-title component. */
body .phone #organize-edit .organize-note-subsection-title{
  position:relative;
  display:flex!important;
  width:100%;
  min-height:44px;
  align-items:center;
  justify-content:space-between;
  margin:0!important;
  padding:0 2px 0 18px!important;
  border:0!important;
  border-top:1px solid var(--notes-divider)!important;
  border-radius:0!important;
  background:transparent!important;
  color:#526174!important;
  font-size:14px!important;
  line-height:20px!important;
  font-weight:600!important;
  box-shadow:none!important;
}
body .phone #organize-edit .organize-note-subsection-title::before{
  content:"";
  position:absolute;
  top:50%;
  left:0;
  width:3px;
  height:14px;
  border-radius:2px;
  background:#c7daf3;
  transform:translateY(-50%);
}
body .phone #organize-edit .organize-note-subsection-title>:is(b,span:first-child){color:#526174!important;font-weight:600}
body .phone #organize-edit>.organize-note-content-title{border-top:0!important}
body .phone #organize-edit>.organize-note-content-title:has(+ .box[hidden]){display:none!important}
body .phone #organize-edit>.box:has(#attachment-input){padding-top:0!important;border-bottom:0!important}
body .phone #organize-edit>.box:has(#attachment-input)>:is(.label,.muted,.attachment-trigger)[hidden]{display:none!important}
body .phone #organize-edit>.organize-note-attachment-title>.attachment-link{align-self:stretch;display:inline-flex;align-items:center;color:var(--color-brand-primary);font-size:14px;font-weight:500}
body .phone #organize-edit>.organize-note-attachment-title>.attachment-link{gap:4px}
body .phone #organize-edit>.organize-note-attachment-title>.attachment-link svg{width:16px;height:16px}
body .phone #organize-edit [data-attachment-list]>.visit-empty-state{margin:0;padding:10px 2px;color:var(--notes-label);font-size:14px;line-height:22px}
body .phone #organize-edit>.organize-note-content{
  width:100%;
  margin:0;
  padding:0 2px 12px;
  border:0;
  background:transparent;
  box-shadow:none;
}
body .phone #organize-edit .note-rich-toolbar{
  display:flex;
  min-height:42px;
  align-items:center;
  gap:4px;
  padding:4px 6px;
  border:1px solid var(--notes-divider);
  border-bottom:0;
  border-radius:10px 10px 0 0;
  background:var(--neutral-surface-subtle);
}
body .phone #organize-edit .note-rich-tool{
  display:grid;
  width:34px;
  min-width:34px;
  height:34px;
  min-height:34px;
  place-items:center;
  padding:0;
  border:0;
  border-radius:7px;
  background:transparent;
  color:var(--neutral-text-primary);
  font-size:15px;
  line-height:1;
}
body .phone #organize-edit .note-rich-tool:is(:hover,:focus-visible){background:var(--neutral-surface-raised)}
body .phone #organize-edit .note-rich-tool[aria-pressed="true"]{background:var(--color-brand-subtle);color:var(--color-brand-primary)}
body .phone #organize-edit .note-rich-tool>.fluent-icon{width:20px;height:20px;stroke-width:1.8}
body .phone #organize-edit>.organize-note-content>[data-note-editor]{
  min-height:220px;
  padding:12px;
  border:1px solid var(--notes-divider);
  border-radius:0 0 10px 10px;
  background:var(--neutral-surface-raised)!important;
  box-shadow:none;
  outline:none;
}
body .phone #organize-edit>.organize-note-content>[data-note-editor]:focus{border-color:var(--color-focus-ring);background:var(--neutral-surface-raised)!important;box-shadow:0 0 0 1px var(--color-focus-ring)}
body .phone #organize-edit>.organize-note-content>[data-note-editor][data-empty="true"]::before{top:12px;right:12px;left:12px}
body .phone #organize-edit>.transcript-disclosure{padding:0 2px!important;border-bottom:0!important}
body .phone #organize-edit>.transcript-disclosure>.organize-note-subsection-title{width:calc(100% + 4px);margin:0 -2px!important}

/* Dynamic visit media uses the same flat secondary modules as the seeded detail page. */
body .phone #visit-detail>.visit-standard-media>.section-title.visit-note-subsection-title{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  min-height:44px;
  margin:0!important;
  padding:0 2px 0 18px!important;
  border-top:1px solid var(--notes-divider);
  color:#526174;
  font-size:14px;
  line-height:20px;
}
body .phone #visit-detail>.visit-standard-media>.section-title.visit-note-subsection-title::before{
  content:"";
  position:absolute;
  top:50%;
  left:0;
  width:3px;
  height:14px;
  border-radius:2px;
  background:#c7daf3;
  transform:translateY(-50%);
}
body .phone #visit-detail>.visit-standard-media>.section-title.visit-note-subsection-first{border-top:0}
body .phone #visit-detail>.visit-standard-media>.section-title.visit-note-subsection-title b{color:#526174;font-weight:600}
body .phone #visit-detail>.visit-standard-media>.visit-note-child-content{
  width:100%;
  margin:0;
  padding:0 2px 10px;
  border:0;
  border-radius:0;
  background:#fff;
  box-shadow:none;
}