/* Full-screen internal service pages keep the original editor document alive. */
.has-flow-service-view { overflow: hidden; }
.flow-service-view { position: fixed; inset: 0; z-index: 10000; display: flex; width: 100%; height: 100vh; height: 100dvh; min-width: 0; flex-direction: column; overflow: hidden; background: #fffdf5; color: #111c3b; font-family: inherit; }
.flow-service-view[hidden], .flow-service-frame[hidden], .flow-service-status[hidden], .flow-service-note[hidden], .flow-service-retry[hidden] { display: none !important; }
.flow-service-toolbar { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 8px 20px; flex: 0 0 auto; padding: 12px max(18px, env(safe-area-inset-right)) 12px max(18px, env(safe-area-inset-left)); border-bottom: 1px solid #dce2ef; background: #fffdf5; }
.flow-service-back { justify-self: start; display: inline-flex; align-items: center; min-height: 44px; padding: 6px 0; border: 0; background: transparent; color: #b42318; font: inherit; font-size: 1rem; font-weight: 900; text-align: left; text-decoration: underline; text-underline-offset: 4px; cursor: pointer; }
.flow-service-back:hover { color: #7a1710; }
.flow-service-back:focus-visible, .flow-service-retry:focus-visible { outline: 3px solid #385aff; outline-offset: 4px; }
.flow-service-heading { margin: 0; font: inherit; font-size: 1.05rem; font-weight: 900; line-height: 1.5; }
.flow-service-status, .flow-service-note { grid-column: 1 / -1; margin: 0; min-width: 0; font-size: .85rem; line-height: 1.6; overflow-wrap: anywhere; }
.flow-service-note { color: #74470d; }
.flow-service-retry { grid-column: 1 / -1; justify-self: start; min-height: 44px; max-width: 100%; padding: 8px 14px; border: 1px solid #111c3b; border-radius: 8px; background: white; color: #111c3b; font: inherit; font-weight: 800; cursor: pointer; }
.flow-service-content { flex: 1 1 0; min-width: 0; min-height: 0; position: relative; }
.flow-service-frame { display: block; width: 100%; height: 100%; min-width: 0; border: 0; background: #fffdf5; }
.ulives-flow-service-embedded :is(.help-header, .size-guide-header, .ulives-footer) { display: none !important; }
.ulives-flow-service-embedded :is(.help-main, .size-guide-main) { padding-top: clamp(22px, 4vw, 48px); }
@media (max-width: 520px) {
  .flow-service-toolbar { grid-template-columns: minmax(0, 1fr); gap: 5px; padding-top: 8px; padding-bottom: 8px; }
  .flow-service-back { font-size: .95rem; }
  .flow-service-heading { font-size: .85rem; color: #526585; }
  .flow-service-status, .flow-service-note { font-size: .78rem; }
}