.phone-concept.is-reviewing > :not(.phone-status):not(.phone-home):not(.phone-updates) { visibility: hidden; }
.phone-updates { position: absolute; inset: 52px 16px 33px; z-index: 2; display: flex; flex-direction: column; min-height: 0; overflow: hidden; background: #f8faff; color: var(--ink); }
.phone-updates[hidden] { display: none; }
.phone-update-toolbar { display: flex; align-items: center; gap: 7px; padding-bottom: 9px; border-bottom: 1px solid #e3e9f2; flex-shrink: 0; }
.phone-update-back { display: grid; place-items: center; width: 44px; height: 44px; flex: 0 0 44px; padding: 0; border: 0; border-radius: 6px; background: transparent; cursor: pointer; }
.phone-update-back img { width: 19px; height: 19px; }
.phone-concept .phone-update-toolbar h3 { font-size: 16px; line-height: 1.4; margin: 0; font-weight: 600; }
.phone-update-content { flex: 1; min-height: 0; overflow-y: auto; overflow-x: hidden; padding: 22px 3px 16px; scrollbar-width: thin; scrollbar-color: #ccd8ed transparent; overscroll-behavior: contain; }
.phone-update-kicker { margin: 0 0 12px; color: #536780; font-size: 10px; line-height: 1.6; }
.phone-update-heading { margin: 0; font-size: 23px; font-weight: 600; line-height: 1.25; }
.phone-update-summary { margin: 10px 0 24px; color: #536780; font-size: 12px; line-height: 1.6; }
.phone-update-list { border-top: 1px solid #e3e9f2; }
.phone-update-row { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 85px; padding: 16px 0; border: 0; border-bottom: 1px solid #e3e9f2; background: transparent; text-align: left; cursor: pointer; color: inherit; }
.phone-update-row > span:nth-child(2) { flex: 1; min-width: 0; }
.phone-update-row strong { display: block; font-size: 12px; font-weight: 600; line-height: 1.5; }
.phone-update-row small { display: block; margin-top: 4px; font-size: 10px; line-height: 1.5; color: #536780; }
.phone-update-row > img { width: 14px; height: 14px; flex-shrink: 0; opacity: .6; }
.phone-update-handoff { margin: 18px 0 0; font-size: 11px; line-height: 1.7; color: #536780; }
.phone-update-done { flex-shrink: 0; width: 100%; min-height: 44px; margin-top: 12px; padding: 10px 14px; border: 0; border-radius: 7px; font: inherit; font-size: 12px; font-weight: 600; color: #fff; background: var(--brand-blue); cursor: pointer; }
.phone-update-done:hover { background: var(--brand-blue-hover); }
.phone-update-back:hover, .phone-update-row:hover { background: #edf2f9; }
.phone-updates button:focus-visible { outline: 2px solid var(--brand-blue); outline-offset: -2px; }
.phone-update-toolbar h3:focus { outline: none; }
.phone-email-preview { margin-top: 20px; padding: 20px 17px; border: 1px solid #e3e9f2; border-radius: 6px; background: #fff; }
.phone-email-preview small { display: block; margin-bottom: 14px; font-size: 9px; color: #536780; }
.phone-email-preview strong { display: block; font-size: 15px; line-height: 1.5; font-weight: 600; }
.phone-email-preview p { margin: 16px 0 0; font-size: 12px; line-height: 1.8; color: #405274; }
.phone-email-signature { white-space: pre-line; }
.phone-update-notes { margin-top: 24px; padding-block: 20px; border-block: 1px solid #e3e9f2; }
.phone-update-notes strong { display: block; font-size: 12px; line-height: 1.6; }
.phone-update-notes p { margin: 12px 0 0; font-size: 13px; line-height: 1.85; color: #405274; }
.phone-update-status { display: flex; align-items: center; gap: 8px; margin-top: 20px; color: #276751; font-size: 11px; line-height: 1.6; }
.phone-update-status.is-pending { color: #875c1d; }
.phone-update-status img { width: 18px; height: 18px; flex-shrink: 0; }
@media (prefers-reduced-motion: no-preference) {
  .phone-update-content { animation: phone-update-enter 220ms ease-out; }
  @keyframes phone-update-enter { from { opacity: 0; transform: translateX(8px); } to { opacity: 1; transform: translateX(0); } }
}
@media (max-width: 380px) {
  .phone-updates { left: 12px; right: 12px; }
  .phone-update-heading { font-size: 21px; }
}