* { box-sizing: border-box; }
body { margin: var(--dl-zero); background: var(--dl-shell-backdrop); color: var(--dl-ink); font-family: var(--dl-font); font-variant-numeric: tabular-nums lining-nums; }
button, a { color: inherit; font: inherit; }
.doctor-v2-page { min-block-size: var(--dl-shell-min-height); }
.doctor-v2-shell { inline-size: var(--dl-shell-frame-width); min-block-size: var(--dl-shell-min-height); margin-inline: auto; background: var(--dl-page); border-inline: var(--dl-shell-frame-border) solid var(--dl-lineStrong); display: grid; grid-template-rows: auto minmax(var(--dl-zero), var(--dl-one-fr)) auto; }
.doctor-v2-header { position: sticky; top: var(--dl-zero); z-index: var(--dl-two); background: var(--dl-page); padding: var(--dl-safe-top) var(--dl-screen-margin) var(--dl-space-3); border-block-end: var(--dl-one-px) solid var(--dl-line); }
.doctor-v2-brand, .doctor-v2-title-row, .doctor-v2-actions, .doctor-v2-subpage-back, .doctor-v2-tabs button { display: flex; align-items: center; }
.doctor-v2-brand { gap: var(--dl-space-2); }
.doctor-v2-mark { inline-size: var(--dl-mark-size); block-size: var(--dl-mark-size); border-radius: var(--dl-radius-pill); box-shadow: var(--dl-shadow-card); }
.doctor-v2-eyebrow, .doctor-v2-date { margin: var(--dl-zero); color: var(--dl-muted); font-size: var(--dl-type-meta-size); line-height: var(--dl-type-meta-line); }
.doctor-v2-eyebrow { color: var(--dl-ink); font-size: var(--dl-type-row-size); line-height: var(--dl-type-row-line); font-weight: var(--dl-weight-title); overflow-wrap: anywhere; }
.doctor-v2-title-row { justify-content: space-between; gap: var(--dl-card-gap); margin-block-start: var(--dl-space-2); }
.doctor-v2-title { margin: var(--dl-zero); font-size: var(--dl-type-screen-size); line-height: var(--dl-type-screen-line); font-weight: var(--dl-weight-title); }
.doctor-v2-actions { gap: var(--dl-space-2); }
.doctor-v2-new, .doctor-v2-empty, .doctor-v2-settings, .doctor-v2-back { background: var(--dl-card); box-shadow: var(--dl-shadow-card); }
.doctor-v2-new { color: var(--dl-brass); border-radius: var(--dl-radius-pill); font-size: var(--dl-type-chip-size); line-height: var(--dl-type-chip-line); font-weight: var(--dl-weight-bold); padding: var(--dl-space-2) var(--dl-space-3); }
.doctor-v2-new::before { background: var(--dl-brass); border-radius: var(--dl-radius-pill); content: ""; display: inline-block; inline-size: var(--dl-status-dot-size); block-size: var(--dl-status-dot-size); margin-inline-end: var(--dl-space-1); }
.doctor-v2-settings { inline-size: var(--dl-control-tap-size); block-size: var(--dl-control-tap-size); border: var(--dl-zero); border-radius: var(--dl-radius-pill); color: var(--dl-ink); display: grid; place-items: center; box-shadow: var(--dl-shadow-button); }
.doctor-v2-settings img, .doctor-v2-subpage-back img, .doctor-v2-tabs img { inline-size: var(--dl-icon-size); block-size: var(--dl-icon-size); }
.doctor-v2-subpage-header { min-block-size: var(--dl-control-tap-size); display: flex; align-items: center; gap: var(--dl-space-3); }
.doctor-v2-subpage-back { min-block-size: var(--dl-control-tap-size); border: var(--dl-zero); background: transparent; color: var(--dl-ink); gap: var(--dl-space-1); padding: var(--dl-zero); font-size: var(--dl-type-row-size); line-height: var(--dl-type-row-line); font-weight: var(--dl-weight-bold); }
.doctor-v2-subpage-header .doctor-v2-title { font-size: var(--dl-type-section-size); line-height: var(--dl-type-section-line); }
.doctor-v2-content { min-block-size: var(--dl-zero); }
.doctor-v2-shell[data-doctor-v2-ns2] { display: block; }
.doctor-v2-shell[data-doctor-v2-ns2] > .doctor-v2-header, .doctor-v2-shell[data-doctor-v2-ns2] > .doctor-v2-tabs { display: none; }
.doctor-v2-shell[data-doctor-v2-ns2] .doctor-v2-content, .doctor-v2-shell[data-doctor-v2-ns2] .doctor-v2-screen { min-block-size: 100vh; }
.doctor-v2-shell[data-doctor-v2-ns2] .doctor-v2-screen .today-page { padding: 0; }
.doctor-v2-shell[data-doctor-v2-ns2] .app { font-variant-numeric: normal; }
.doctor-v2-offline { background: var(--dl-fill); color: var(--dl-muted); margin: var(--dl-zero); padding: var(--dl-space-2) var(--dl-screen-margin); font-size: var(--dl-type-detail-size); line-height: var(--dl-type-detail-line); }
.doctor-v2-screen { min-block-size: 100%; }
.doctor-v2-screen .today-page { max-inline-size: none; margin-inline: var(--dl-zero); padding-block-start: var(--dl-space-2); }
.doctor-v2-screen .today-header { display: none; }
.doctor-v2-empty { margin: var(--dl-screen-margin); padding: var(--dl-card-padding); border-radius: var(--dl-radius-card); min-block-size: var(--dl-row-min-height); }
.doctor-v2-empty h2, .doctor-v2-empty p { margin: var(--dl-zero); }
.doctor-v2-empty h2 { font-size: var(--dl-type-section-size); line-height: var(--dl-type-section-line); }
.doctor-v2-empty p { color: var(--dl-muted); font-size: var(--dl-type-detail-size); line-height: var(--dl-type-detail-line); margin-block-start: var(--dl-space-2); }
.doctor-v2-back { border: var(--dl-zero); border-radius: var(--dl-radius-control); color: var(--dl-ink); gap: var(--dl-space-1); min-block-size: var(--dl-control-tap-size); margin: var(--dl-safe-top) var(--dl-screen-margin) var(--dl-space-3); padding-inline: var(--dl-space-3); font-size: var(--dl-type-row-size); line-height: var(--dl-type-row-line); font-weight: var(--dl-weight-bold); }
.doctor-v2-tabs { background: var(--dl-page); border-block-start: var(--dl-one-px) solid var(--dl-lineStrong); display: grid; grid-template-columns: repeat(var(--dl-three), minmax(var(--dl-zero), var(--dl-one-fr))); padding: var(--dl-space-2) var(--dl-screen-margin) var(--dl-safe-bottom); position: sticky; bottom: var(--dl-zero); z-index: var(--dl-one); }
.doctor-v2-tabs button { background: transparent; border: var(--dl-zero); color: var(--dl-muted); flex-direction: column; gap: var(--dl-space-1); justify-content: center; min-block-size: var(--dl-tab-height); padding: var(--dl-zero); font-size: var(--dl-type-chip-size); line-height: var(--dl-type-chip-line); font-weight: var(--dl-weight-medium); }
.doctor-v2-tabs button[aria-current="page"] { background: var(--dl-primary); border-radius: var(--dl-radius-pill); color: var(--dl-card); font-weight: var(--dl-weight-bold); }
.doctor-v2-tabs button[aria-current="page"] img, .dv-primary .dv-action-icon { filter: invert(var(--dl-one)); }

@media (min-width: 600px) {
  body { background: var(--dl-segment); }
  .doctor-v2-shell { inline-size: var(--dl-content-max); border-inline-width: var(--dl-one-px); }
}
.doctor-v2-screen[hidden], .doctor-v2-subpage-header[hidden] { display: none; }
.dv-screen-body { padding: var(--dl-space-2) var(--dl-screen-margin) calc(var(--dl-space-6) + var(--dl-tab-height) + var(--dl-space-2)); display: grid; gap: var(--dl-section-gap); min-inline-size: var(--dl-zero); }
.dv-screen-body h2 { margin: var(--dl-zero) var(--dl-zero) var(--dl-space-3); font-size: var(--dl-type-section-size); line-height: var(--dl-type-section-line); border-block-end: var(--dl-one-px) solid var(--dl-line); padding-block-end: var(--dl-space-2); }
.dv-card, .dv-call-row, .dv-setting-row, .dv-stat, .dv-chip, .dv-action, .dv-search, .dv-form input, .dv-form select, .dv-form textarea { background: var(--dl-card); box-shadow: var(--dl-shadow-card); border: var(--dl-zero); color: var(--dl-ink); }
.dv-card, .dv-call-row, .dv-setting-row, .dv-stat { border-radius: var(--dl-radius-card); padding: var(--dl-card-padding); min-inline-size: var(--dl-zero); }
.dv-unknown { border: var(--dl-border-dashed); color: var(--dl-muted); background: var(--dl-fill); box-shadow: none; }
.dv-loading-row { background: var(--dl-fill); border-radius: var(--dl-radius-card); display: block; min-block-size: var(--dl-row-min-height); }
.dv-quiet, .dv-caption, .dv-subtitle, .dv-footer { color: var(--dl-muted); font-size: var(--dl-type-detail-size); line-height: var(--dl-type-detail-line); }
.dv-subtitle, .dv-caption, .dv-footer { margin: var(--dl-zero); }
.dv-group { display: grid; gap: var(--dl-card-gap); min-inline-size: var(--dl-zero); }
.dv-group h2 { margin: var(--dl-zero); }
.dv-call-row, .dv-setting-row { display: grid; inline-size: var(--dl-full); text-align: start; gap: var(--dl-space-1); min-block-size: var(--dl-row-min-height); font-size: var(--dl-type-row-size); line-height: var(--dl-type-row-line); }
.dv-call-row strong, .dv-setting-row strong { font-weight: var(--dl-weight-bold); overflow-wrap: anywhere; }
.dv-row-top { display: flex; justify-content: space-between; align-items: baseline; gap: var(--dl-space-2); flex-wrap: wrap; }
.dv-row-top span, .dv-setting-row span, .dv-detail { font-size: var(--dl-type-detail-size); line-height: var(--dl-type-detail-line); color: var(--dl-muted); overflow-wrap: anywhere; }
.dv-detail { display: -webkit-box; -webkit-line-clamp: var(--dl-two); -webkit-box-orient: vertical; overflow: hidden; }
.dv-tags, .dv-actions { display: flex; flex-wrap: wrap; gap: var(--dl-space-2); }
.dv-tag, .dv-chip { border-radius: var(--dl-radius-pill); box-shadow: var(--dl-shadow-card); padding: var(--dl-space-1) var(--dl-space-2); font-size: var(--dl-type-chip-size); line-height: var(--dl-type-chip-line); }
.dv-tag-needs, .dv-needs { background: var(--dl-brassTint); color: var(--dl-brass); }
.dv-tag-urgent { background: var(--dl-red); color: var(--dl-card); }
.dv-chips { display: grid; gap: var(--dl-space-2); grid-template-columns: repeat(var(--dl-four), minmax(var(--dl-zero), var(--dl-one-fr))); padding: var(--dl-space-1); min-inline-size: var(--dl-zero); }
.dv-chip { min-block-size: var(--dl-control-tap-size); min-inline-size: var(--dl-zero); padding-inline: var(--dl-space-2); white-space: normal; }
.dv-chip[aria-pressed="true"], .dv-segments button[aria-pressed="true"] { background: var(--dl-primary); color: var(--dl-card); }
.dv-chip[aria-pressed="true"]:hover, .dv-chip[aria-pressed="true"]:active { background: var(--dl-primary); color: var(--dl-card); }
.dv-search-label, .dv-form label { font-size: var(--dl-type-row-size); font-weight: var(--dl-weight-bold); }
.dv-search, .dv-form input, .dv-form select, .dv-form textarea { min-block-size: var(--dl-control-tap-size); inline-size: var(--dl-full); border-radius: var(--dl-radius-control); padding: var(--dl-space-3); font-size: var(--dl-type-row-size); }
.dv-stat-grid { display: grid; grid-template-columns: var(--dl-two-grid); gap: var(--dl-tile-gap); }
.dv-stat { display: grid; text-align: start; gap: var(--dl-space-2); min-block-size: var(--dl-tile-min-height); font-size: var(--dl-type-meta-size); }
.dv-stat strong { font-size: var(--dl-type-tile-size); line-height: var(--dl-type-tile-line); font-weight: var(--dl-weight-bold); overflow-wrap: anywhere; }
.dv-zero { color: var(--dl-muted); border: var(--dl-border-dashed); box-shadow: none; }
.dv-hero { display: grid; gap: var(--dl-space-2); }
.dv-hero strong { font-size: var(--dl-type-screen-size); }
.dv-loss { color: var(--dl-brass); }
.dv-segments { display: flex; background: var(--dl-segment); padding: var(--dl-space-1); border-radius: var(--dl-radius-small-control); overflow-x: auto; }
.dv-segments button { flex: var(--dl-one); border: var(--dl-zero); background: transparent; border-radius: var(--dl-radius-small-control); min-block-size: var(--dl-control-tap-size); padding: var(--dl-space-2); font: inherit; white-space: nowrap; }
.dv-date-fields, .dv-form { display: grid; gap: var(--dl-space-3); }
.dv-date-fields label, .dv-form label { display: grid; gap: var(--dl-space-2); }
.dv-editor-row { display: grid; gap: var(--dl-space-3); min-inline-size: var(--dl-zero); margin-block: var(--dl-space-3); padding: var(--dl-card-padding); border: var(--dl-border-dashed); border-radius: var(--dl-radius-card); }
.dv-editor-row legend { font-weight: var(--dl-weight-bold); }
.dv-editor-row button { justify-self: start; min-block-size: var(--dl-control-tap-size); }
.dv-editor-row.dv-preset-card { border: var(--dl-zero); }
.dv-preset-heading { display: flex; align-items: center; justify-content: space-between; gap: var(--dl-space-2); }
.dv-preset-heading h3 { margin: var(--dl-zero); font-size: var(--dl-type-row-size); }
.dv-preset-heading .dv-preset-remove { border: var(--dl-zero); background: transparent; color: var(--dl-red); font: inherit; font-size: var(--dl-type-meta-size); padding: var(--dl-space-2); }
.dv-form label.dv-preset-switch { position: relative; display: flex; align-items: center; gap: var(--dl-space-2); min-block-size: var(--dl-control-tap-size); font-weight: var(--dl-weight-regular); }
.dv-form .dv-preset-switch input { position: absolute; opacity: var(--dl-zero); inline-size: var(--dl-full); block-size: var(--dl-full); margin: var(--dl-zero); cursor: pointer; }
.dv-switch-track { flex: none; inline-size: var(--dl-control-tap-size); block-size: var(--dl-mark-size); border-radius: var(--dl-radius-pill); background: var(--dl-fill); box-shadow: var(--dl-shadow-outline); padding: var(--dl-one-px); }
.dv-switch-track::before { content: ""; display: block; inline-size: var(--dl-icon-size); block-size: var(--dl-icon-size); border-radius: var(--dl-radius-pill); background: var(--dl-muted); }
.dv-preset-switch input:checked + .dv-switch-track { background: var(--dl-primary); }
.dv-preset-switch input:checked + .dv-switch-track::before { margin-inline-start: auto; background: var(--dl-card); }
.dv-preset-switch input:focus-visible + .dv-switch-track { outline: var(--dl-focus-width) solid var(--dl-graphite); outline-offset: var(--dl-focus-width); }
.dv-switch-state { margin-inline-start: auto; font-size: var(--dl-type-meta-size); }
.dv-switch-on, .dv-preset-switch input:checked ~ .dv-switch-state .dv-switch-off { display: none; }
.dv-preset-switch input:checked ~ .dv-switch-state .dv-switch-on { display: inline; }
.dv-doctor-days { display: grid; gap: var(--dl-space-2); }
.dv-day { display: grid; grid-template-columns: var(--dl-two-grid); gap: var(--dl-space-2); min-inline-size: var(--dl-zero); }
.dv-day label, .dv-day input { min-inline-size: var(--dl-zero); }
.dv-hours-editor { display: grid; gap: var(--dl-space-2); inline-size: var(--dl-full); max-inline-size: 34rem; min-inline-size: var(--dl-zero); }
.dv-hours-heading { display: flex; align-items: center; justify-content: space-between; gap: var(--dl-space-2); }
.dv-hours-heading h3 { margin: var(--dl-zero); font-size: var(--dl-type-row-size); }
.dv-hours-copy, .dv-hours-link { border: var(--dl-zero); background: transparent; color: var(--dl-primary); font: inherit; font-size: var(--dl-type-meta-size); font-weight: var(--dl-weight-bold); text-decoration: underline; text-underline-offset: var(--dl-space-1); }
.dv-hours-columns, .dv-hours-row { grid-template-columns: 4.5rem minmax(var(--dl-zero), 1.45fr) minmax(var(--dl-zero), 1.45fr) 3rem; column-gap: var(--dl-space-2); }
.dv-hours-columns { display: grid; color: var(--dl-muted); font-size: var(--dl-type-meta-size); font-weight: var(--dl-weight-bold); }
.dv-hours-row { display: grid; align-items: center; margin: var(--dl-zero); min-inline-size: var(--dl-zero); padding-block: var(--dl-space-2); border: var(--dl-zero); border-block-end: var(--dl-one-px) solid var(--dl-line); }
.dv-hours-row legend { position: absolute; inline-size: var(--dl-one-px); block-size: var(--dl-one-px); overflow: hidden; clip: rect(var(--dl-zero), var(--dl-zero), var(--dl-zero), var(--dl-zero)); white-space: nowrap; }
.dv-hours-day, .dv-hours-slot, .dv-hours-closed { min-inline-size: var(--dl-zero); font-size: var(--dl-type-meta-size); white-space: nowrap; }
.dv-hours-day { font-size: var(--dl-type-chip-size); }
.dv-hours-slot, .dv-hours-closed { min-block-size: var(--dl-control-tap-size); border: var(--dl-zero); border-radius: var(--dl-radius-small-control); background: transparent; padding: var(--dl-zero); color: var(--dl-ink); font: inherit; font-size: var(--dl-type-chip-size); letter-spacing: -.075em; white-space: nowrap; }
.dv-hours-slot { text-align: start; }
.dv-hours-closed { color: var(--dl-muted); text-align: center; }
@media (max-width: 600px) {
  .dv-hours-columns { display: none; }
  .dv-hours-row {
    grid-template-columns: minmax(var(--dl-zero), 1fr);
    grid-template-areas: "day" "morning" "evening" "closed" "link" "picker" "warning" "error";
    row-gap: var(--dl-space-2);
  }
  .dv-hours-day { grid-area: day; display: flex; align-items: center; min-block-size: var(--dl-control-tap-size); }
  .dv-hours-slot[data-dv-hours-slot="morning"] { grid-area: morning; }
  .dv-hours-slot[data-dv-hours-slot="evening"] { grid-area: evening; }
  .dv-hours-closed { grid-area: closed; text-align: start; }
  .dv-hours-link { grid-area: link; grid-column: auto; }
  .dv-hours-picker { grid-area: picker; grid-column: auto; }
  .dv-hours-warning { grid-area: warning; grid-column: auto; }
  .dv-hours-error { grid-area: error; grid-column: auto; }
}
.dv-hours-closed[aria-pressed="true"], .dv-hours-link[aria-pressed="true"] { background: var(--dl-fill); color: var(--dl-ink); }
.dv-hours-link { grid-column: 2 / -1; justify-self: start; min-block-size: var(--dl-control-tap-size); }
.dv-hours-picker { grid-column: 1 / -1; display: grid; grid-template-columns: var(--dl-two-grid) auto; gap: var(--dl-space-2); padding: var(--dl-space-2); background: var(--dl-fill); border-radius: var(--dl-radius-control); }
.dv-hours-picker[hidden] { display: none; }
.dv-hours-picker label { min-inline-size: var(--dl-zero); }
.dv-hours-picker select { min-inline-size: var(--dl-zero); }
.dv-hours-remove { align-self: end; min-block-size: var(--dl-control-tap-size); border: var(--dl-zero); background: transparent; color: var(--dl-red); font: inherit; font-size: var(--dl-type-meta-size); }
.dv-hours-error, .dv-hours-warning { grid-column: 1 / -1; margin: var(--dl-zero); font-size: var(--dl-type-detail-size); line-height: var(--dl-type-detail-line); }
.dv-hours-error { color: var(--dl-red); }
.dv-hours-warning { color: var(--dl-brass); }
.dv-form input[type="checkbox"] { inline-size: auto; min-block-size: auto; box-shadow: none; }
.dv-back, .dv-action, .dv-primary { min-block-size: var(--dl-control-primary-height); border-radius: var(--dl-radius-control); padding: var(--dl-space-3) var(--dl-space-4); font: inherit; font-weight: var(--dl-weight-bold); }
.dv-back { border: var(--dl-zero); background: var(--dl-card); box-shadow: var(--dl-shadow-button); justify-self: start; }
.dv-action { text-decoration: none; display: inline-flex; align-items: center; justify-content: center; gap: var(--dl-space-2); box-shadow: var(--dl-shadow-button); }
.dv-action-icon { inline-size: var(--dl-icon-size); block-size: var(--dl-icon-size); }
.dv-primary { border: var(--dl-zero); background: var(--dl-primary); color: var(--dl-card); }
.dv-editor-cancel { inline-size: var(--dl-full); min-block-size: var(--dl-day-heading-height); border: var(--dl-zero); background: transparent; color: var(--dl-graphite); padding: var(--dl-space-3) var(--dl-space-4); font-family: var(--dl-font); font-size: var(--dl-type-detail-size); line-height: var(--dl-type-detail-line); font-weight: 600; }
.dv-action.dv-primary:active { background: var(--dl-primaryPressed); color: var(--dl-card); transition: background-color 80ms; }
.dv-day-heading { background: var(--dl-page); border: var(--dl-zero); border-block-end: var(--dl-one-px) solid var(--dl-line); color: var(--dl-ink); min-block-size: var(--dl-day-heading-height); padding: var(--dl-space-2) var(--dl-zero); text-align: start; font-size: var(--dl-type-row-size); font-weight: var(--dl-weight-title); }
.dv-week-fold { display: grid; gap: var(--dl-space-3); }
.dv-week-fold .dv-day-heading { display: flex; align-items: center; justify-content: space-between; gap: var(--dl-space-3); inline-size: var(--dl-full); }
.dv-week-fold-body { display: grid; gap: var(--dl-card-gap); }
.dv-list-card { display: grid; gap: var(--dl-space-2); }
.dv-list-card ul { margin: var(--dl-zero); padding-inline-start: var(--dl-space-5); }
.dv-list-card p, .dv-note-list p { margin: var(--dl-zero); }
.dv-note-list { display: grid; gap: var(--dl-space-2); color: var(--dl-muted); font-size: var(--dl-type-detail-size); line-height: var(--dl-type-detail-line); }
.dv-setting-row { grid-template-columns: minmax(var(--dl-zero), var(--dl-one-fr)) auto; align-items: center; }
.dv-setting-copy { display: grid; gap: var(--dl-space-1); min-inline-size: var(--dl-zero); }
.dv-setting-copy > strong { color: var(--dl-ink); font-size: var(--dl-type-row-size); line-height: var(--dl-type-row-line); font-weight: var(--dl-weight-title); }
.dv-setting-copy > span { color: var(--dl-muted); font-size: var(--dl-type-detail-size); line-height: var(--dl-type-detail-line); overflow-wrap: normal; }
.dv-setting-side { display: flex; align-items: center; gap: var(--dl-space-2); }
.dv-setting-state { color: var(--dl-ink); background: var(--dl-fill); border-radius: var(--dl-radius-pill); box-shadow: var(--dl-shadow-outline); min-block-size: var(--dl-space-6); display: inline-flex; align-items: center; padding-inline: var(--dl-space-2); font-size: var(--dl-type-chip-size); line-height: var(--dl-type-chip-line); font-weight: var(--dl-weight-bold); white-space: nowrap; }
.dv-setting-state[data-dv-setting-state="missing"] { background: var(--dl-brassTint); color: var(--dl-brass); }
.dv-setting-chevron { color: var(--dl-muted); font-size: var(--dl-type-section-size); line-height: var(--dl-type-section-line); }
.dv-away-today { margin: var(--dl-zero); color: var(--dl-muted); font-size: var(--dl-type-detail-size); line-height: var(--dl-type-detail-line); }
.dv-confirm { margin: var(--dl-zero); background: var(--dl-fill); border-radius: var(--dl-radius-card); box-shadow: var(--dl-shadow-outline); color: var(--dl-ink); padding: var(--dl-card-padding); font-size: var(--dl-type-detail-size); line-height: var(--dl-type-detail-line); }
.dv-caller-summary { font-size: var(--dl-type-section-size); line-height: var(--dl-type-section-line); font-weight: var(--dl-weight-bold); }
.dv-card-heading { margin: var(--dl-zero); font-size: var(--dl-type-section-size); line-height: var(--dl-type-section-line); font-weight: var(--dl-weight-bold); }
.dv-audio-player { display: grid; gap: var(--dl-space-2); margin-block-start: var(--dl-space-3); }
.dv-audio-player-top { display: flex; align-items: center; justify-content: space-between; gap: var(--dl-space-2); }
.dv-audio-player .dv-action { min-block-size: var(--dl-control-tap-size); padding-block: var(--dl-space-2); }
.dv-audio-time, .dv-audio-message { color: var(--dl-muted); font-size: var(--dl-type-detail-size); line-height: var(--dl-type-detail-line); }
.dv-audio-message { margin: var(--dl-zero); }
.dv-audio-progress, .dv-audio-waveform { block-size: var(--dl-space-4); inline-size: var(--dl-full); touch-action: none; }
.dv-audio-progress { background: var(--dl-lineStrong); border-radius: var(--dl-radius-pill); overflow: hidden; }
.dv-audio-progress span { display: block; block-size: var(--dl-full); inline-size: var(--dv-audio-progress); background: var(--dl-brass); }
.dv-audio-waveform { display: block; }
.dv-action:active, .dv-back:active, .dv-chip:active { background: var(--dl-fill); transition: background-color 80ms; }
:focus-visible { outline: var(--dl-focus-width) solid var(--dl-graphite); outline-offset: var(--dl-focus-width); }
@media (hover: hover) { .dv-action:hover, .dv-back:hover, .dv-chip:hover { background: var(--dl-fill); } .dv-primary:hover { background: var(--dl-primary); color: var(--dl-card); } }
.dv-form textarea { min-block-size: var(--dl-row-min-height); font-family: var(--dl-font); }
.dv-caller-head h2 { font-size: var(--dl-type-tile-size); }
.dv-caller-head .dv-actions { margin-block-start: var(--dl-space-4); flex-wrap: nowrap; }
.dv-caller-head .dv-action { min-inline-size: var(--dl-zero); padding-inline: var(--dl-space-3); }
.dv-this-call { background: var(--dl-brassTint); box-shadow: var(--dl-shadow-brass); }
.dv-this-call-top { display: flex; align-items: baseline; justify-content: space-between; gap: var(--dl-space-2); color: var(--dl-brass); font-size: var(--dl-type-meta-size); line-height: var(--dl-type-meta-line); }
.dv-eyebrow { font-weight: var(--dl-weight-bold); letter-spacing: var(--dl-letter-spacing); text-transform: uppercase; }
.dv-setting-value { white-space: pre-wrap; overflow-wrap: anywhere; font-family: var(--dl-font); }
.dv-feedback { color: var(--dl-muted); }
.dv-filter-title { margin: var(--dl-zero); }
.dv-filter-title button { color: var(--dl-ink); min-block-size: var(--dl-control-tap-size); border: var(--dl-zero); background: var(--dl-card); box-shadow: var(--dl-shadow-card); border-radius: var(--dl-radius-pill); padding: var(--dl-space-2); font-size: var(--dl-type-meta-size); }
.dv-footer small { font-size: var(--dl-type-chip-size); }