/* app-modern.css v20260824-513
   Final UI layer loaded after legacy styles.css.
   Purpose: stable mobile app shell, compact DB-Navigator-inspired controls,
   and predictable proof/photo actions without adding more legacy cascade noise. */

:root {
  --modern-red: #e2001a;
  --modern-red-dark: #b00014;
  --modern-ink: #071b3a;
  --modern-muted: #667385;
  --modern-line: #d4dde6;
  --modern-bg: #f3f6f8;
  --modern-card: #ffffff;
  --modern-soft: #eef3f6;
  --modern-blue: #1f5da8;
}

@media (max-width: 900px) {
  html,
  body {
    width: 100%;
    min-height: 100dvh;
    overflow-x: hidden !important;
    background: var(--modern-bg) !important;
    color: var(--modern-ink) !important;
    font-size: 14px !important;
  }

  .app-shell,
  .main-shell {
    width: 100% !important;
    max-width: none !important;
    min-height: 100dvh !important;
    padding: 0 !important;
    background: var(--modern-bg) !important;
    overflow-x: hidden !important;
  }

  .sidebar {
    display: none !important;
  }

  .topbar {
    min-height: 58px !important;
    margin: 8px 10px 7px !important;
    padding: 9px 10px !important;
    border: 1px solid var(--modern-line) !important;
    border-radius: 15px !important;
    background: #fff !important;
    box-shadow: 0 4px 12px rgba(7, 27, 58, .05) !important;
  }

  .welcome-block .eyeline,
  #welcomeSubtitle,
  .panel-head.compact-head p,
  .app-step-card,
  .start-next-card {
    display: none !important;
  }

  #welcomeTitle {
    margin: 0 !important;
    color: var(--modern-ink) !important;
    font-size: 1.18rem !important;
    line-height: 1.05 !important;
    letter-spacing: -.035em !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .avatar-btn,
  .avatar-circle {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    border-radius: 12px !important;
    background: var(--modern-red) !important;
    color: #fff !important;
    font-size: .95rem !important;
    box-shadow: none !important;
  }

  .workspace {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: calc(100dvh - 138px) !important;
    margin: 0 !important;
    padding: 0 10px 78px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain !important;
  }

  .workspace.hidden {
    display: none !important;
  }

  .start-layout,
  .capture-layout,
  .overview-layout,
  .balance-layout,
  .more-layout,
  .export-layout,
  .settings-layout {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  .panel,
  .overview-card,
  .section-card,
  .start-balance-card,
  .start-overview-panel,
  .capture-panel,
  .balance-panel,
  .more-card,
  .mobile-balance-shell {
    width: 100% !important;
    margin: 0 0 8px !important;
    padding: 10px !important;
    border: 1px solid var(--modern-line) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  .panel-head.compact-head,
  body.view-capture #workspaceCapture .capture-progress,
  body.view-capture #workspaceCapture .wizard-tabs,
  body.view-capture #workspaceCapture .capture-landing,
  body.view-capture #workspaceCapture .step-explain,
  body.view-capture #workspaceCapture .app-step-card {
    display: none !important;
  }

  h1,
  h2,
  h3,
  h4 {
    color: var(--modern-ink) !important;
    letter-spacing: -.035em !important;
  }

  h3,
  .section-card-head h4,
  .overview-card h4 {
    margin: 0 !important;
    font-size: 1.08rem !important;
    line-height: 1.08 !important;
  }

  .section-card-head,
  summary.section-card-head,
  .summary-head,
  .card-head {
    min-height: 30px !important;
    padding: 0 0 8px !important;
    margin: 0 0 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    border-bottom: 1px solid #e7edf2 !important;
  }

  .section-card-head span,
  .section-card-head b,
  .badge,
  .pill,
  .status-pill {
    min-height: 22px !important;
    padding: 4px 8px !important;
    border-radius: 999px !important;
    background: var(--modern-soft) !important;
    color: var(--modern-muted) !important;
    font-size: .66rem !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: .04em !important;
  }

  .start-hero-card,
  .mobile-balance-hero {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 86px !important;
    padding: 12px !important;
    margin: 0 0 8px !important;
    border: 1px solid var(--modern-line) !important;
    border-left: 6px solid var(--modern-red) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  .start-hero-card p,
  .mobile-balance-hero p {
    display: none !important;
  }

  .start-hero-card span,
  .mobile-balance-hero span,
  .summary-card span,
  .metric-card span,
  .field > span,
  .field-full > span,
  .more-profile-grid article span {
    display: block !important;
    margin: 0 0 4px !important;
    color: var(--modern-muted) !important;
    font-size: .66rem !important;
    line-height: 1.05 !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: .055em !important;
  }

  .start-hero-card strong,
  .mobile-balance-hero strong {
    display: block !important;
    color: var(--modern-ink) !important;
    font-size: clamp(2rem, 9vw, 2.5rem) !important;
    line-height: .95 !important;
    letter-spacing: -.07em !important;
  }

  .start-action-grid,
  .mobile-balance-kpis,
  .start-kpis,
  .summary-grid,
  .metric-grid,
  .more-profile-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin: 0 0 8px !important;
  }

  .start-kpis .summary-card:nth-child(3),
  .more-profile-grid article:nth-child(3) {
    grid-column: 1 / -1 !important;
  }

  .summary-card,
  .metric-card,
  .mobile-balance-kpis article,
  .more-profile-grid article,
  .field,
  .field-full {
    min-height: 54px !important;
    padding: 9px 10px !important;
    border: 1px solid var(--modern-line) !important;
    border-radius: 13px !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  .summary-card strong,
  .metric-card strong,
  .mobile-balance-kpis strong,
  .more-profile-grid article strong {
    color: var(--modern-ink) !important;
    font-size: 1.18rem !important;
    line-height: 1 !important;
    letter-spacing: -.04em !important;
  }

  body.view-capture #workspaceCapture .capture-panel,
  body.view-capture #workspaceCapture .capture-stack,
  body.view-capture #workspaceCapture .capture-flow-panel {
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.view-capture #workspaceCapture .booking-type-tabs,
  .capture-type-grid,
  .capture-kind-grid,
  .booking-type-switch,
  .mode-switch,
  .mobile-balance-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin: 0 0 8px !important;
    padding: 5px !important;
    border: 1px solid var(--modern-line) !important;
    border-radius: 16px !important;
    background: #fff !important;
  }

  body.view-capture #workspaceCapture .booking-type-btn,
  .capture-type-grid button,
  .capture-kind-grid button,
  .booking-type-switch button,
  .mode-switch button,
  .mobile-balance-actions button {
    min-height: 48px !important;
    height: 48px !important;
    padding: 0 8px !important;
    border: 1px solid var(--modern-line) !important;
    border-radius: 13px !important;
    background: #fff !important;
    color: var(--modern-ink) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    font-size: .92rem !important;
    font-weight: 900 !important;
    box-shadow: none !important;
  }

  body.view-capture #workspaceCapture .booking-type-btn.active,
  .mobile-balance-actions button.active,
  .mode-switch button.active,
  .capture-kind-grid button.active,
  .capture-type-grid button.active {
    background: var(--modern-red) !important;
    border-color: var(--modern-red) !important;
    color: #fff !important;
  }

  body.view-capture #workspaceCapture .booking-type-btn em,
  body.view-capture #workspaceCapture .booking-type-btn span {
    display: none !important;
  }

  body.view-capture #workspaceCapture .booking-type-btn strong {
    font-size: 1rem !important;
    line-height: 1 !important;
    font-weight: 950 !important;
  }

  .form-grid,
  .form-grid.two-col,
  .form-grid.three-col,
  .compact-form-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .field-full,
  label:has(textarea),
  label:has(.choice-row),
  .field:has(textarea) {
    grid-column: 1 / -1 !important;
  }

  input,
  select,
  textarea {
    width: 100% !important;
    min-height: 30px !important;
    height: 30px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--modern-ink) !important;
    font-size: 1.05rem !important;
    line-height: 1.05 !important;
    font-weight: 750 !important;
  }

  textarea {
    min-height: 52px !important;
    height: 52px !important;
    resize: vertical !important;
  }

  .proof-toolbar,
  .photo-action-row,
  .wizard-actions,
  .form-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    align-items: stretch !important;
  }

  input[type="file"] {
    position: fixed !important;
    left: -10000px !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  .btn,
  button,
  .file-pick-btn,
  .camera-pick-btn,
  .choice-btn,
  .mobile-tab,
  .nav-btn {
    min-height: 44px !important;
    border-radius: 13px !important;
    font-size: .92rem !important;
    line-height: 1.05 !important;
    font-weight: 900 !important;
    box-shadow: none !important;
  }

  .btn-primary,
  .camera-pick-btn,
  .choice-btn.active,
  button.active:not(.mobile-tab):not(.nav-btn) {
    background: var(--modern-red) !important;
    border-color: var(--modern-red-dark) !important;
    color: #fff !important;
  }

  .btn-secondary,
  .file-pick-btn,
  .choice-btn:not(.active) {
    background: #fff !important;
    border-color: var(--modern-line) !important;
    color: var(--modern-ink) !important;
  }

  #workspaceCapture .proof-toolbar .camera-pick-btn,
  #workspaceCapture .proof-toolbar .file-pick-btn {
    width: 100% !important;
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    padding: 0 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
  }

  .proof-hint,
  #workspaceCapture .field small:not(.effective-time-hint),
  #workspaceCapture .message.subtle {
    display: none !important;
  }

  .photo-preview {
    margin-top: 8px !important;
  }

  .proof-thumb-row,
  .history-photo-row,
  .v-proof-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .proof-thumb-btn,
  .proof-thumb-btn img,
  .history-photo-thumb img,
  .photo-preview img {
    max-width: 100% !important;
    border-radius: 12px !important;
  }

  .wizard-actions,
  .form-actions.capture-actions {
    position: static !important;
    margin: 8px 0 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .wizard-actions .btn,
  .capture-actions .btn {
    height: 48px !important;
    min-height: 48px !important;
    border-radius: 14px !important;
    font-size: .9rem !important;
  }

  .followup-list,
  .compact-list,
  .timeline-list,
  .history-list {
    display: grid !important;
    gap: 8px !important;
    max-height: none !important;
    overflow: visible !important;
  }

  .timeline-card,
  .history-card,
  .activity-card,
  .entry-card,
  .deduction-card {
    padding: 10px !important;
    border: 1px solid var(--modern-line) !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  .mobile-tabs {
    position: fixed !important;
    left: 8px !important;
    right: 8px !important;
    bottom: calc(7px + env(safe-area-inset-bottom)) !important;
    z-index: 50 !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 5px !important;
    height: 58px !important;
    min-height: 58px !important;
    padding: 5px !important;
    border: 1px solid var(--modern-line) !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.98) !important;
    box-shadow: 0 -8px 22px rgba(7,27,58,.10) !important;
  }

  .mobile-tab {
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 4px !important;
    border: 1px solid var(--modern-line) !important;
    border-radius: 14px !important;
    background: #fff !important;
    color: var(--modern-ink) !important;
  }

  .mobile-tab span {
    display: none !important;
  }

  .mobile-tab strong {
    font-size: .92rem !important;
    line-height: 1 !important;
    font-weight: 950 !important;
  }

  .mobile-tab.active {
    background: var(--modern-red) !important;
    border-color: var(--modern-red) !important;
    color: #fff !important;
  }
}

/* v20260824-487: align Zusatzzeit proof actions with Mehrzeit */
@media (max-width: 900px) {
  body.view-capture #workspaceCapture #vBookingPanel .section-card-body,
  body.view-capture #workspaceCapture #vComePanel .section-card-body,
  body.view-capture #workspaceCapture #vGoPanel .section-card-body {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.view-capture #workspaceCapture #vBookingPanel .proof-toolbar,
  body.view-capture #workspaceCapture #vComePanel .proof-toolbar,
  body.view-capture #workspaceCapture #vGoPanel .proof-toolbar {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.view-capture #workspaceCapture #vBookingPanel .proof-toolbar .camera-pick-btn,
  body.view-capture #workspaceCapture #vBookingPanel .proof-toolbar .file-pick-btn,
  body.view-capture #workspaceCapture #vComePanel .proof-toolbar .camera-pick-btn,
  body.view-capture #workspaceCapture #vComePanel .proof-toolbar .file-pick-btn,
  body.view-capture #workspaceCapture #vGoPanel .proof-toolbar .camera-pick-btn,
  body.view-capture #workspaceCapture #vGoPanel .proof-toolbar .file-pick-btn {
    width: 100% !important;
  }
}

/* v20260824-488: remove inherited inner gutters from Zusatzzeit proof sections */
@media (max-width: 900px) {
  html body.view-capture #workspaceCapture #vComePanel .section-card-body,
  html body.view-capture #workspaceCapture #vGoPanel .section-card-body {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  html body.view-capture #workspaceCapture #vComePanel .proof-toolbar,
  html body.view-capture #workspaceCapture #vGoPanel .proof-toolbar {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
  }
}

/* v20260824-489: Zusatzzeit first screen compact enough for primary actions */
@media (max-width: 900px) {
  html body.view-capture #workspaceCapture #vBookingPanel .v-status-card {
    min-height: 40px !important;
    margin: 0 0 8px !important;
    padding: 8px 10px !important;
    border-radius: 12px !important;
    font-size: .82rem !important;
    line-height: 1.15 !important;
    border-left-width: 4px !important;
  }

  html body.view-capture #workspaceCapture #vBookingPanel .primary-step-card,
  html body.view-capture #workspaceCapture #vComePanel .primary-step-card,
  html body.view-capture #workspaceCapture #vGoPanel .primary-step-card,
  html body.view-capture #workspaceCapture #vComeProofSection,
  html body.view-capture #workspaceCapture #vGoProofSection {
    padding: 8px !important;
    margin-bottom: 7px !important;
  }

  html body.view-capture #workspaceCapture #vBookingPanel .section-card-head,
  html body.view-capture #workspaceCapture #vComePanel .section-card-head,
  html body.view-capture #workspaceCapture #vGoPanel .section-card-head {
    min-height: 26px !important;
    padding-bottom: 6px !important;
    margin-bottom: 6px !important;
  }

  html body.view-capture #workspaceCapture #vBookingPanel .section-card-head h4,
  html body.view-capture #workspaceCapture #vComePanel .section-card-head h4,
  html body.view-capture #workspaceCapture #vGoPanel .section-card-head h4 {
    font-size: 1rem !important;
  }

  html body.view-capture #workspaceCapture #vBookingPanel .field,
  html body.view-capture #workspaceCapture #vComePanel .field,
  html body.view-capture #workspaceCapture #vGoPanel .field {
    min-height: 54px !important;
    padding: 7px 9px !important;
    border-radius: 12px !important;
  }

  html body.view-capture #workspaceCapture #vBookingPanel .field > span,
  html body.view-capture #workspaceCapture #vComePanel .field > span,
  html body.view-capture #workspaceCapture #vGoPanel .field > span {
    font-size: .61rem !important;
    margin-bottom: 2px !important;
  }

  html body.view-capture #workspaceCapture #vBookingPanel input,
  html body.view-capture #workspaceCapture #vComePanel input,
  html body.view-capture #workspaceCapture #vGoPanel input {
    min-height: 26px !important;
    height: 26px !important;
    font-size: .98rem !important;
  }

  html body.view-capture #workspaceCapture #vComeProofSection .section-card-head,
  html body.view-capture #workspaceCapture #vGoProofSection .section-card-head {
    padding-bottom: 6px !important;
    margin-bottom: 6px !important;
  }

  html body.view-capture #workspaceCapture #vComeProofSection .proof-toolbar .camera-pick-btn,
  html body.view-capture #workspaceCapture #vComeProofSection .proof-toolbar .file-pick-btn,
  html body.view-capture #workspaceCapture #vGoProofSection .proof-toolbar .camera-pick-btn,
  html body.view-capture #workspaceCapture #vGoProofSection .proof-toolbar .file-pick-btn {
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    font-size: .86rem !important;
  }

  html body.view-capture #workspaceCapture #vComePanel .wizard-actions,
  html body.view-capture #workspaceCapture #vGoPanel .wizard-actions {
    margin-top: 6px !important;
  }

  html body.view-capture #workspaceCapture #vComePanel .wizard-actions .btn,
  html body.view-capture #workspaceCapture #vGoPanel .wizard-actions .btn {
    height: 44px !important;
    min-height: 44px !important;
  }
}

/* v20260824-490: hide redundant Zusatzzeit start status on mobile so primary actions stay above nav */
@media (max-width: 900px) {
  html body.view-capture #workspaceCapture #vComePanel .v-status-card {
    display: none !important;
  }
}

/* v20260824-491: Mehr-Seite kompaktere App-Menue-Struktur */
@media (max-width: 900px) {
  html body.view-more #workspaceMore .dashboard-panel {
    padding: 8px !important;
  }

  html body.view-more #workspaceMore .more-account-card {
    min-height: 72px !important;
    margin: 0 0 8px !important;
    padding: 10px !important;
    border-radius: 16px !important;
    display: grid !important;
    grid-template-columns: 50px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: center !important;
  }

  html body.view-more #workspaceMore .more-account-avatar {
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    min-height: 50px !important;
    border-radius: 14px !important;
    font-size: 1rem !important;
  }

  html body.view-more #workspaceMore .more-account-card span {
    font-size: .62rem !important;
    line-height: 1 !important;
    margin-bottom: 2px !important;
  }

  html body.view-more #workspaceMore .more-account-card strong {
    display: block !important;
    font-size: 1.15rem !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  html body.view-more #workspaceMore .more-account-card small {
    display: block !important;
    margin-top: 2px !important;
    font-size: .78rem !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  html body.view-more #workspaceMore .more-profile-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
    margin: 0 0 8px !important;
  }

  html body.view-more #workspaceMore .more-profile-grid article,
  html body.view-more #workspaceMore .more-profile-grid article:nth-child(3) {
    grid-column: auto !important;
    min-height: 46px !important;
    padding: 7px 8px !important;
    border-radius: 12px !important;
  }

  html body.view-more #workspaceMore .more-profile-grid article span {
    font-size: .54rem !important;
    margin-bottom: 2px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  html body.view-more #workspaceMore .more-profile-grid article strong {
    font-size: .88rem !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  html body.view-more #workspaceMore .more-section-label {
    margin: 8px 0 6px !important;
    font-size: .68rem !important;
    line-height: 1 !important;
    letter-spacing: .055em !important;
  }

  html body.view-more #workspaceMore .more-action-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 7px !important;
    margin: 0 0 8px !important;
  }

  html body.view-more #workspaceMore .more-action-card {
    min-height: 58px !important;
    padding: 9px 48px 9px 10px !important;
    border-radius: 14px !important;
  }

  html body.view-more #workspaceMore .more-action-card strong {
    font-size: 1rem !important;
    line-height: 1.05 !important;
  }

  html body.view-more #workspaceMore .more-action-card span {
    margin-top: 3px !important;
    font-size: .78rem !important;
    line-height: 1.12 !important;
  }

  html body.view-more #workspaceMore .more-action-card::after {
    width: 34px !important;
    height: 34px !important;
    right: 9px !important;
    border-radius: 12px !important;
  }
}

/* v20260824-492: kompakte Systemaktion in Mehr */
@media (max-width: 900px) {
  html body.view-more #workspaceMore .more-system-actions {
    margin-bottom: 0 !important;
  }

  html body.view-more #workspaceMore .more-system-actions .more-action-card {
    min-height: 46px !important;
    height: 46px !important;
    padding: 0 48px 0 10px !important;
    display: flex !important;
    align-items: center !important;
  }

  html body.view-more #workspaceMore .more-system-actions .more-action-card span {
    display: none !important;
  }

  html body.view-more #workspaceMore .more-system-actions .more-action-card strong {
    font-size: 1rem !important;
    line-height: 1 !important;
  }

  html body.view-more #workspaceMore .more-system-actions .more-action-card::after {
    width: 32px !important;
    height: 32px !important;
  }
}

/* v20260824-493: Mehr-Menue als kompakte App-Liste */
@media (max-width: 900px) {
  html body.view-more #workspaceMore .more-primary-actions .more-action-card,
  html body.view-more #workspaceMore .more-system-actions .more-action-card {
    min-height: 46px !important;
    height: 46px !important;
    padding: 0 48px 0 10px !important;
    display: flex !important;
    align-items: center !important;
    border-radius: 13px !important;
  }

  html body.view-more #workspaceMore .more-primary-actions .more-action-card span,
  html body.view-more #workspaceMore .more-system-actions .more-action-card span {
    display: none !important;
  }

  html body.view-more #workspaceMore .more-primary-actions .more-action-card strong,
  html body.view-more #workspaceMore .more-system-actions .more-action-card strong {
    font-size: 1rem !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  html body.view-more #workspaceMore .more-section-label {
    margin: 7px 0 5px !important;
  }

  html body.view-more #workspaceMore .more-action-grid {
    gap: 6px !important;
    margin-bottom: 7px !important;
  }

  html body.view-more #workspaceMore .more-action-card::after {
    width: 32px !important;
    height: 32px !important;
    right: 8px !important;
  }
}

/* v20260824-494: hidden admin/system actions must stay hidden */
@media (max-width: 900px) {
  html body #workspaceMore .more-action-card.hidden,
  html body #workspaceMore button.hidden {
    display: none !important;
  }
}

/* v20260824-513: stronger hidden rule for admin menu entry */
@media (max-width: 900px) {
  html body.view-more #workspaceMore .more-system-actions button#moreAdminBtn.more-action-card.hidden {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
  }
}

/* v20260824-513: DB-Navigator-inspirierte mobile App-Politur */
@media (max-width: 900px) {
  :root {
    --modern-red: #e2001a;
    --modern-red-dark: #b00014;
    --modern-ink: #07152f;
    --modern-muted: #5f6d80;
    --modern-line: #d9e0e8;
    --modern-bg: #f5f6f8;
    --modern-soft: #f0f3f6;
    --modern-card: #ffffff;
  }

  html body {
    background:
      radial-gradient(circle at 20% -10%, rgba(226, 0, 26, .10), transparent 34%),
      linear-gradient(180deg, #f7f8fa 0%, #eef2f5 100%) !important;
  }

  html body .topbar {
    margin: 10px 10px 8px !important;
    min-height: 68px !important;
    padding: 10px 12px !important;
    border: 0 !important;
    border-radius: 22px !important;
    background: #fff !important;
    box-shadow: 0 8px 24px rgba(7, 21, 47, .08) !important;
  }

  html body #welcomeTitle {
    font-size: 1.18rem !important;
    letter-spacing: -.045em !important;
  }

  html body .avatar-btn,
  html body .avatar-circle {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    border-radius: 16px !important;
    background: var(--modern-red) !important;
    color: #fff !important;
  }

  html body .workspace {
    height: calc(100dvh - 154px) !important;
    padding: 0 10px 84px !important;
  }

  html body .panel,
  html body .overview-card,
  html body .section-card,
  html body .start-balance-card,
  html body .start-overview-panel,
  html body .capture-panel,
  html body .balance-panel,
  html body .more-card,
  html body .mobile-balance-shell,
  html body .dashboard-panel,
  html body .settings-card {
    border: 0 !important;
    border-radius: 22px !important;
    background: rgba(255, 255, 255, .96) !important;
    box-shadow: 0 10px 26px rgba(7, 21, 47, .075) !important;
  }

  html body .field,
  html body .field-full,
  html body .summary-card,
  html body .metric-card,
  html body .timeline-card,
  html body .history-card,
  html body .activity-card,
  html body .entry-card,
  html body .deduction-card,
  html body .quick-summary-card,
  html body .suggestion-row,
  html body .v-status-card {
    border: 1px solid var(--modern-line) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  html body .btn,
  html body button,
  html body .mobile-tab,
  html body .camera-pick-btn,
  html body .file-pick-btn,
  html body .choice-btn {
    border-radius: 16px !important;
  }

  html body .btn-primary,
  html body .camera-pick-btn,
  html body .choice-btn.active,
  html body button.active:not(.mobile-tab):not(.nav-btn) {
    background: var(--modern-red) !important;
    border-color: var(--modern-red-dark) !important;
    color: #fff !important;
    box-shadow: 0 8px 16px rgba(226, 0, 26, .18) !important;
  }

  html body .btn-secondary,
  html body .file-pick-btn,
  html body .choice-btn:not(.active) {
    background: #fff !important;
    border: 1px solid var(--modern-line) !important;
    color: var(--modern-ink) !important;
  }

  html body .mobile-tabs {
    left: 10px !important;
    right: 10px !important;
    bottom: calc(8px + env(safe-area-inset-bottom)) !important;
    height: 64px !important;
    min-height: 64px !important;
    padding: 6px !important;
    border: 0 !important;
    border-radius: 24px !important;
    background: rgba(255,255,255,.98) !important;
    box-shadow: 0 -10px 28px rgba(7, 21, 47, .12) !important;
  }

  html body .mobile-tab {
    height: 52px !important;
    min-height: 52px !important;
    border: 0 !important;
    border-radius: 18px !important;
    background: transparent !important;
    color: var(--modern-muted) !important;
  }

  html body .mobile-tab.active {
    background: var(--modern-red) !important;
    color: #fff !important;
  }

  html body.view-capture #workspaceCapture .booking-type-tabs,
  html body .capture-type-grid,
  html body .capture-kind-grid,
  html body .booking-type-switch,
  html body .mode-switch,
  html body .mobile-balance-actions {
    border: 0 !important;
    border-radius: 22px !important;
    background: #fff !important;
    box-shadow: 0 8px 22px rgba(7, 21, 47, .07) !important;
  }

  html body.view-capture #workspaceCapture .booking-type-btn,
  html body .capture-type-grid button,
  html body .capture-kind-grid button,
  html body .booking-type-switch button,
  html body .mode-switch button,
  html body .mobile-balance-actions button {
    height: 52px !important;
    min-height: 52px !important;
    border: 0 !important;
    border-radius: 18px !important;
    background: transparent !important;
  }

  html body.view-capture #workspaceCapture .booking-type-btn.active,
  html body .mobile-balance-actions button.active,
  html body .mode-switch button.active,
  html body .capture-kind-grid button.active,
  html body .capture-type-grid button.active {
    background: var(--modern-red) !important;
    color: #fff !important;
  }

  html body.view-capture #workspaceCapture .primary-step-card,
  html body.view-capture #workspaceCapture .optional-step-card,
  html body.view-capture #workspaceCapture .review-section-card,
  html body.view-capture #workspaceCapture .proof-direct-card {
    border: 0 !important;
    border-radius: 22px !important;
    background: #fff !important;
    box-shadow: 0 8px 22px rgba(7, 21, 47, .07) !important;
  }

  html body.view-capture #workspaceCapture .section-card-head {
    border-bottom-color: #edf1f5 !important;
  }

  html body.view-capture #workspaceCapture .proof-toolbar {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  html body.view-capture #workspaceCapture .proof-toolbar .camera-pick-btn,
  html body.view-capture #workspaceCapture .proof-toolbar .file-pick-btn {
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
    font-size: .95rem !important;
  }
}

/* v20260824-513: Einstellungen mobil als klare 2x2 Bereichsauswahl */
@media (max-width: 900px) {
  html body.view-settings #workspaceSettings .settings-main-panel {
    padding: 8px !important;
  }

  html body.view-settings #workspaceSettings .settings-anchor-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin: 0 0 10px !important;
    padding: 6px !important;
    border: 0 !important;
    border-radius: 22px !important;
    background: #fff !important;
    box-shadow: 0 8px 22px rgba(7, 21, 47, .07) !important;
  }

  html body.view-settings #workspaceSettings .settings-anchor-row button {
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 10px !important;
    border: 0 !important;
    border-radius: 17px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    color: var(--modern-ink) !important;
    box-shadow: none !important;
  }

  html body.view-settings #workspaceSettings .settings-anchor-row button.active,
  html body.view-settings #workspaceSettings .settings-anchor-row button[aria-pressed="true"] {
    background: var(--modern-red) !important;
    color: #fff !important;
  }

  html body.view-settings #workspaceSettings .settings-anchor-row button em,
  html body.view-settings #workspaceSettings .settings-anchor-row button span,
  html body.view-settings #workspaceSettings .settings-focus-hint {
    display: none !important;
  }

  html body.view-settings #workspaceSettings .settings-anchor-row button strong {
    font-size: 1rem !important;
    line-height: 1 !important;
    font-weight: 950 !important;
  }

  html body.view-settings #workspaceSettings .settings-card {
    padding: 10px !important;
    border-radius: 22px !important;
  }

  html body.view-settings #workspaceSettings .settings-card .section-card-head {
    min-height: 28px !important;
    margin-bottom: 8px !important;
    padding-bottom: 8px !important;
  }
}

/* v20260824-513: mobile Settings action must not sit under bottom nav */
@media (max-width: 900px) {
  html body.view-settings #workspaceSettings {
    padding-bottom: 126px !important;
  }

  html body.view-settings #workspaceSettings #settingsSaveBtn,
  html body.view-settings #workspaceSettings .settings-save-btn,
  html body.view-settings #workspaceSettings .form-actions:last-child {
    margin-bottom: 92px !important;
  }
}

/* v20260824-513: Settings save action fixed above mobile bottom navigation */
@media (max-width: 900px) {
  html body.view-settings #workspaceSettings #settingsSaveBtn {
    position: sticky !important;
    bottom: 82px !important;
    z-index: 45 !important;
    width: 100% !important;
    min-height: 52px !important;
    box-shadow: 0 12px 24px rgba(226, 0, 26, .22) !important;
  }
}

/* v20260824-513: real settings save button above mobile bottom navigation */
@media (max-width: 900px) {
  html body.view-settings #workspaceSettings .settings-action-bar.settings-save-row {
    position: sticky !important;
    bottom: 82px !important;
    z-index: 45 !important;
    margin-top: 10px !important;
    padding: 8px !important;
    border-radius: 22px !important;
    background: rgba(255,255,255,.96) !important;
    box-shadow: 0 12px 28px rgba(7, 21, 47, .14) !important;
  }

  html body.view-settings #workspaceSettings #savePersonBtn {
    width: 100% !important;
    min-height: 52px !important;
    margin: 0 !important;
  }
}

/* v20260824-513: mobile dashboard must not become a scroll list */
@media (max-width: 900px) {
  html body .workspace {
    padding-bottom: 148px !important;
  }

  html body.view-start #workspaceStart .followup-list.compact-list .mini-activity:nth-of-type(n+2) {
    display: none !important;
  }

  html body.view-start #workspaceStart .start-overview-panel {
    margin-bottom: 8px !important;
  }

  html body.view-start #workspaceStart .overview-card {
    max-height: 168px !important;
    overflow: hidden !important;
  }

  html body.view-balance #workspaceBalance,
  html body.view-export #workspaceExport,
  html body.view-overview #workspaceOverview {
    padding-bottom: 170px !important;
  }

  html body.view-export #workspaceExport .export-action-row,
  html body.view-export #workspaceExport .form-actions:last-child {
    position: sticky !important;
    bottom: 82px !important;
    z-index: 42 !important;
    padding: 8px !important;
    border-radius: 22px !important;
    background: rgba(255,255,255,.96) !important;
    box-shadow: 0 12px 28px rgba(7, 21, 47, .14) !important;
  }
}

/* v20260824-513: compact mobile Zeitkonto calculator */
@media (max-width: 900px) {
  html body.view-balance #workspaceBalance .mobile-balance-shell {
    min-height: 0 !important;
    height: auto !important;
    padding: 9px !important;
    margin-bottom: 8px !important;
  }

  html body.view-balance #workspaceBalance .mobile-balance-hero {
    min-height: 58px !important;
    height: 58px !important;
    padding: 8px 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  html body.view-balance #workspaceBalance .mobile-balance-hero span {
    font-size: .62rem !important;
    line-height: 1 !important;
  }

  html body.view-balance #workspaceBalance .mobile-balance-hero strong {
    font-size: 2rem !important;
    line-height: 1 !important;
  }

  html body.view-balance #workspaceBalance .mobile-balance-kpis {
    height: auto !important;
    min-height: 44px !important;
    gap: 7px !important;
    margin: 7px 0 !important;
  }

  html body.view-balance #workspaceBalance .mobile-balance-kpis article {
    min-height: 44px !important;
    height: 44px !important;
    padding: 7px 9px !important;
    border-radius: 14px !important;
  }

  html body.view-balance #workspaceBalance .mobile-balance-kpis article span {
    font-size: .55rem !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  html body.view-balance #workspaceBalance .mobile-balance-kpis article strong {
    font-size: 1.1rem !important;
    line-height: 1 !important;
  }

  html body.view-balance #workspaceBalance .mobile-balance-actions {
    height: auto !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 4px !important;
  }

  html body.view-balance #workspaceBalance .mobile-balance-actions button {
    height: 44px !important;
    min-height: 44px !important;
    font-size: .84rem !important;
    line-height: 1.05 !important;
  }

  html body.view-balance #workspaceBalance .overview-layout,
  html body.view-balance #workspaceBalance .dashboard-panel,
  html body.view-balance #workspaceBalance .balance-grid,
  html body.view-balance #workspaceBalance .balance-calculator-card {
    margin-top: 0 !important;
  }

  html body.view-balance #workspaceBalance .balance-calculator-card {
    padding: 9px !important;
  }

  html body.view-balance #workspaceBalance .balance-calculator-card .section-card-head {
    min-height: 28px !important;
    height: 28px !important;
    margin-bottom: 7px !important;
    padding-bottom: 7px !important;
  }

  html body.view-balance #workspaceBalance .balance-calculator-card .section-card-head small,
  html body.view-balance #workspaceBalance .choice-row.balance-mode-row {
    display: none !important;
  }

  html body.view-balance #workspaceBalance .balance-calculator-card .form-grid {
    gap: 6px !important;
  }

  html body.view-balance #workspaceBalance .balance-calculator-card .field {
    min-height: 48px !important;
    height: 48px !important;
    padding: 6px 8px !important;
    border-radius: 14px !important;
  }

  html body.view-balance #workspaceBalance .balance-calculator-card .field:has(.choice-row) {
    height: 58px !important;
    min-height: 58px !important;
  }

  html body.view-balance #workspaceBalance .balance-calculator-card .choice-row {
    gap: 6px !important;
  }

  html body.view-balance #workspaceBalance .balance-calculator-card .choice-btn {
    min-height: 34px !important;
    height: 34px !important;
    font-size: .76rem !important;
  }

  html body.view-balance #workspaceBalance .balance-calculator-card .field-full {
    min-height: 58px !important;
    height: 58px !important;
  }

  html body.view-balance #workspaceBalance .balance-calculator-card textarea {
    min-height: 30px !important;
    height: 30px !important;
  }
}

/* v20260824-513: Verlauf filter must not leak into timeline when collapsed */
@media (max-width: 900px) {
  html body.view-overview #workspaceOverview .summary-strip {
    gap: 7px !important;
    margin-bottom: 8px !important;
  }

  html body.view-overview #workspaceOverview .summary-card {
    min-height: 52px !important;
    height: 52px !important;
    padding: 8px 9px !important;
    border-radius: 15px !important;
  }

  html body.view-overview #workspaceOverview .summary-card span {
    font-size: .55rem !important;
    line-height: 1 !important;
  }

  html body.view-overview #workspaceOverview .summary-card strong {
    font-size: 1.08rem !important;
    line-height: 1 !important;
  }

  html body.view-overview #workspaceOverview .overview-filter-box {
    margin: 0 0 8px !important;
    border: 0 !important;
    border-radius: 18px !important;
    background: #fff !important;
    box-shadow: 0 8px 22px rgba(7, 21, 47, .07) !important;
    overflow: hidden !important;
  }

  html body.view-overview #workspaceOverview .overview-filter-box:not([open]) {
    height: 52px !important;
    min-height: 52px !important;
  }

  html body.view-overview #workspaceOverview .overview-filter-box:not([open]) .filter-inline {
    display: none !important;
  }

  html body.view-overview #workspaceOverview .overview-filter-box summary {
    min-height: 52px !important;
    height: 52px !important;
    padding: 8px 12px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
  }

  html body.view-overview #workspaceOverview .overview-filter-box summary span {
    font-size: .62rem !important;
    line-height: 1 !important;
  }

  html body.view-overview #workspaceOverview #overviewFilterSummary {
    font-size: .82rem !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  html body.view-overview #workspaceOverview .overview-filter-box[open] .filter-inline {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
    padding: 0 8px 8px !important;
  }

  html body.view-overview #workspaceOverview .overview-filter-box[open] .filter-inline .field {
    min-height: 50px !important;
    height: 50px !important;
    padding: 7px 9px !important;
  }

  html body.view-overview #workspaceOverview .overview-filter-box[open] #toggleCancelledBtn {
    height: 50px !important;
    min-height: 50px !important;
  }

  html body.view-overview #workspaceOverview .overview-movements-card {
    margin-top: 0 !important;
  }

  html body.view-overview #workspaceOverview .overview-month-list.movement-list {
    max-height: calc(100dvh - 330px) !important;
    overflow-y: auto !important;
    padding-bottom: 10px !important;
  }

  html body.view-overview #workspaceOverview .mini-entry.movement-entry {
    padding: 9px !important;
    border-radius: 16px !important;
    margin-bottom: 8px !important;
  }

  html body.view-overview #workspaceOverview .compact-history-head {
    gap: 8px !important;
  }
}

/* v20260824-513: capture details/review cleanup */
@media (max-width: 900px) {
  html body.view-capture #workspaceCapture .hidden,
  html body.view-capture #workspaceCapture .field.hidden,
  html body.view-capture #workspaceCapture label.hidden,
  html body.view-capture #workspaceCapture section.hidden,
  html body.view-capture #workspaceCapture details.hidden,
  html body.view-capture #workspaceCapture button.hidden {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }

  html body.view-capture #workspaceCapture #wizardDetails .primary-step-card {
    padding: 10px !important;
    max-height: none !important;
  }

  html body.view-capture #workspaceCapture #wizardDetails .section-card-body,
  html body.view-capture #workspaceCapture #wizardDetails .form-grid {
    gap: 7px !important;
  }

  html body.view-capture #workspaceCapture #wizardDetails .field {
    min-height: 50px !important;
    height: 50px !important;
    padding: 7px 9px !important;
    border-radius: 15px !important;
  }

  html body.view-capture #workspaceCapture #wizardDetails .field > span {
    transform: none !important;
    position: static !important;
    display: block !important;
    margin: 0 0 3px !important;
    font-size: .62rem !important;
    line-height: 1 !important;
  }

  html body.view-capture #workspaceCapture #wizardDetails input,
  html body.view-capture #workspaceCapture #wizardDetails textarea {
    height: 26px !important;
    min-height: 26px !important;
    font-size: 1rem !important;
  }

  html body.view-capture #workspaceCapture #wizardDetails .effective-time-hint {
    display: inline-flex !important;
    min-height: 24px !important;
    height: auto !important;
    margin-top: 4px !important;
    padding: 5px 8px !important;
    border-radius: 999px !important;
    background: #eef3f6 !important;
    color: var(--modern-ink) !important;
    font-size: .72rem !important;
    line-height: 1.05 !important;
  }

  html body.view-capture #workspaceCapture #wizardDetails .primary-result-card {
    padding: 10px !important;
    margin-top: 8px !important;
  }

  html body.view-capture #workspaceCapture #wizardDetails .suggestion-options {
    gap: 7px !important;
  }

  html body.view-capture #workspaceCapture #wizardDetails .suggestion-option {
    min-height: 54px !important;
    height: 54px !important;
    padding: 7px 8px !important;
    border-radius: 15px !important;
  }

  html body.view-capture #workspaceCapture #wizardDetails .btn-suggestion {
    min-height: 40px !important;
    height: 40px !important;
    width: 128px !important;
    font-size: .82rem !important;
  }

  html body.view-capture #workspaceCapture #wizardDetails #suggestionOverhangGrid,
  html body.view-capture #workspaceCapture #wizardDetails #suggestionOverhangGrid .metric-card {
    min-height: 48px !important;
    height: 48px !important;
  }

  html body.view-capture #workspaceCapture #wizardDetails #noteSection {
    margin-top: 8px !important;
  }

  html body.view-capture #workspaceCapture #wizardDetails .form-actions.capture-actions {
    position: sticky !important;
    bottom: 82px !important;
    z-index: 42 !important;
    margin-top: 8px !important;
    padding: 8px !important;
    border-radius: 22px !important;
    background: rgba(255,255,255,.96) !important;
    box-shadow: 0 12px 28px rgba(7, 21, 47, .14) !important;
  }

  html body.view-capture #workspaceCapture #wizardDetails .capture-actions-main {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  html body.view-capture #workspaceCapture #wizardDetails .capture-actions-main .btn {
    min-height: 46px !important;
    height: 46px !important;
  }

  html body.view-capture.is-capture-review #workspaceCapture #ueBookingPanel,
  html body.view-capture.is-capture-review #workspaceCapture .capture-flow-panel {
    transform: none !important;
  }

  html body.view-capture #workspaceCapture #wizardReview {
    padding-bottom: 112px !important;
  }

  html body.view-capture #workspaceCapture #wizardReview .review-step-card {
    padding: 10px !important;
    margin: 0 !important;
    max-height: calc(100dvh - 260px) !important;
    overflow-y: auto !important;
  }

  html body.view-capture #workspaceCapture #wizardReview .inline-review-list {
    display: grid !important;
    gap: 6px !important;
  }

  html body.view-capture #workspaceCapture #wizardReview .save-summary-row {
    min-height: 40px !important;
    height: 40px !important;
    padding: 7px 9px !important;
    border-radius: 13px !important;
  }

  html body.view-capture #workspaceCapture #wizardReview .wizard-actions {
    position: sticky !important;
    bottom: 82px !important;
    z-index: 43 !important;
    margin-top: 8px !important;
    padding: 8px !important;
    border-radius: 22px !important;
    background: rgba(255,255,255,.96) !important;
    box-shadow: 0 12px 28px rgba(7, 21, 47, .14) !important;
  }

  html body.view-capture #workspaceCapture #wizardReview .wizard-actions .btn {
    min-height: 48px !important;
    height: 48px !important;
  }
}

/* v20260824-513: capture actions must not overlay content */
@media (max-width: 900px) {
  html body.view-capture #workspaceCapture #overnightField.hidden,
  html body.view-capture #workspaceCapture #secondBreakField.hidden,
  html body.view-capture #workspaceCapture #discardEntryBtn.hidden,
  html body.view-capture #workspaceCapture #deleteEntryBtn.hidden {
    display: none !important;
    visibility: hidden !important;
    position: absolute !important;
    left: -9999px !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }

  html body.view-capture #workspaceCapture #wizardDetails .form-actions.capture-actions,
  html body.view-capture #workspaceCapture #wizardReview .wizard-actions {
    position: static !important;
    bottom: auto !important;
    z-index: auto !important;
    margin: 8px 0 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html body.view-capture #workspaceCapture #wizardDetails .capture-actions-main,
  html body.view-capture #workspaceCapture #wizardReview .wizard-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  html body.view-capture #workspaceCapture #wizardDetails .capture-actions-main .btn,
  html body.view-capture #workspaceCapture #wizardReview .wizard-actions .btn {
    min-height: 48px !important;
    height: 48px !important;
    white-space: normal !important;
    line-height: 1.05 !important;
  }

  html body.view-capture #workspaceCapture #wizardDetails #followupSection {
    max-height: none !important;
    overflow: visible !important;
  }

  html body.view-capture #workspaceCapture #wizardDetails .primary-result-card {
    max-height: none !important;
    overflow: visible !important;
  }

  html body.view-capture #workspaceCapture #wizardDetails #noteSection:not([open]) {
    height: 48px !important;
    min-height: 48px !important;
    overflow: hidden !important;
  }

  html body.view-capture #workspaceCapture #wizardReview .review-step-card {
    max-height: 360px !important;
    overflow-y: auto !important;
  }

  html body.view-capture #workspaceCapture #wizardReview .save-summary-row {
    grid-template-columns: minmax(0, .92fr) minmax(0, 1fr) !important;
  }

  html body.view-capture #workspaceCapture #wizardReview .save-summary-row span,
  html body.view-capture #workspaceCapture #wizardReview .save-summary-row strong {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}

/* v20260824-513: clean review mode */
@media (max-width: 900px) {
  html body.view-capture.is-capture-review #workspaceCapture .booking-type-tabs {
    display: none !important;
  }

  html body.view-capture.is-capture-review #workspaceCapture #ueBookingPanel {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  html body.view-capture.is-capture-review #workspaceCapture #wizardReview {
    margin-top: 0 !important;
    padding-bottom: 28px !important;
  }

  html body.view-capture.is-capture-review #workspaceCapture #wizardReview .review-step-card {
    max-height: 330px !important;
    min-height: 0 !important;
    overflow-y: auto !important;
  }

  html body.view-capture.is-capture-review #workspaceCapture #wizardReview .section-card-head {
    min-height: 30px !important;
    height: 30px !important;
    margin-bottom: 8px !important;
  }

  html body.view-capture.is-capture-review #workspaceCapture #wizardReview .save-summary-row {
    min-height: 38px !important;
    height: 38px !important;
  }

  html body.view-capture.is-capture-review #workspaceCapture #wizardReview .wizard-actions {
    position: static !important;
    transform: none !important;
    margin: 8px 0 0 !important;
  }
}

/* v20260824-513: no overlap between review list and action bar */
@media (max-width: 900px) {
  html body.view-capture.is-capture-review #workspaceCapture #wizardReview .review-step-card {
    max-height: 290px !important;
  }

  html body.view-capture.is-capture-review #workspaceCapture #wizardReview .wizard-actions {
    margin-top: 10px !important;
  }
}

/* v20260824-513: compact DB-style mobile app pass */
@media (max-width: 900px) {
  html body {
    background:
      radial-gradient(circle at 18% 0%, rgba(226, 0, 26, .08), transparent 28%),
      linear-gradient(180deg, #f7f8fa 0%, #eef2f5 100%) !important;
  }

  html body .sidebar {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
  }

  html body .topbar {
    min-height: 54px !important;
    height: 54px !important;
    margin: 8px 12px 8px !important;
    padding: 7px 9px 7px 13px !important;
    border-radius: 18px !important;
    box-shadow: 0 5px 16px rgba(7, 21, 47, .08) !important;
  }

  html body #welcomeTitle {
    font-size: 1.02rem !important;
    line-height: 1.05 !important;
    letter-spacing: -.035em !important;
  }

  html body .avatar-btn,
  html body .avatar-circle {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    border-radius: 13px !important;
    font-size: .82rem !important;
  }

  html body .workspace {
    height: calc(100dvh - 128px) !important;
    padding: 0 12px 78px !important;
  }

  html body .panel,
  html body .overview-card,
  html body .section-card,
  html body .start-balance-card,
  html body .start-overview-panel,
  html body .capture-panel,
  html body .balance-panel,
  html body .more-card,
  html body .dashboard-panel,
  html body .settings-card,
  html body .mobile-balance-shell {
    border-radius: 18px !important;
    box-shadow: 0 6px 18px rgba(7, 21, 47, .06) !important;
  }

  html body.view-start #workspaceStart .start-balance-card {
    padding: 12px !important;
  }

  html body.view-start #workspaceStart .start-hero-card strong,
  html body.view-balance #workspaceBalance .mobile-balance-hero strong {
    font-size: 2.05rem !important;
    line-height: 1 !important;
    letter-spacing: -.06em !important;
  }

  html body.view-start #workspaceStart .start-action-grid {
    gap: 8px !important;
  }

  html body.view-start #workspaceStart .start-action-grid .btn,
  html body.view-start #workspaceStart .start-hero-action {
    min-height: 48px !important;
    height: 48px !important;
    border-radius: 16px !important;
    font-size: .9rem !important;
  }

  html body .mobile-tabs {
    left: 12px !important;
    right: 12px !important;
    height: 58px !important;
    min-height: 58px !important;
    padding: 5px !important;
    border-radius: 21px !important;
  }

  html body .mobile-tab {
    height: 48px !important;
    min-height: 48px !important;
    border-radius: 16px !important;
    font-size: .82rem !important;
  }

  html body.view-capture #workspaceCapture .capture-layout,
  html body.view-capture #workspaceCapture .capture-stack,
  html body.view-capture #workspaceCapture .capture-flow-panel {
    gap: 8px !important;
  }

  html body.view-capture #workspaceCapture .booking-type-tabs {
    height: 48px !important;
    min-height: 48px !important;
    padding: 4px !important;
    border-radius: 18px !important;
  }

  html body.view-capture #workspaceCapture .booking-type-btn {
    height: 40px !important;
    min-height: 40px !important;
    border-radius: 14px !important;
    font-size: .88rem !important;
  }

  html body.view-capture #workspaceCapture .section-card,
  html body.view-capture #workspaceCapture .primary-step-card,
  html body.view-capture #workspaceCapture .optional-step-card,
  html body.view-capture #workspaceCapture .primary-result-card,
  html body.view-capture #workspaceCapture .proof-direct-card {
    padding: 10px !important;
    border-radius: 18px !important;
  }

  html body.view-capture #workspaceCapture .section-card-head,
  html body.view-capture #workspaceCapture summary.section-card-head {
    min-height: 32px !important;
    height: 32px !important;
    margin-bottom: 8px !important;
  }

  html body.view-capture #workspaceCapture .section-card-head h4 {
    font-size: 1rem !important;
    line-height: 1.05 !important;
  }

  html body.view-capture #workspaceCapture .section-card-head span,
  html body.view-capture #workspaceCapture .section-card-head b {
    font-size: .68rem !important;
    padding: 5px 9px !important;
  }

  html body.view-capture #workspaceCapture .field {
    min-height: 56px !important;
    height: 56px !important;
    padding: 7px 12px !important;
    border-radius: 16px !important;
  }

  html body.view-capture #workspaceCapture .field > span {
    font-size: .68rem !important;
    letter-spacing: .045em !important;
  }

  html body.view-capture #workspaceCapture input,
  html body.view-capture #workspaceCapture textarea {
    height: 30px !important;
    min-height: 30px !important;
    font-size: 1rem !important;
  }

  html body.view-capture #workspaceCapture .proof-toolbar {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  html body.view-capture #workspaceCapture .proof-toolbar .camera-pick-btn,
  html body.view-capture #workspaceCapture .proof-toolbar .file-pick-btn,
  html body.view-capture #workspaceCapture #startCameraBtn,
  html body.view-capture #workspaceCapture #vComeCameraBtn,
  html body.view-capture #workspaceCapture #vGoCameraBtn {
    width: 100% !important;
    min-height: 46px !important;
    height: 46px !important;
    border-radius: 16px !important;
    font-size: .88rem !important;
  }

  html body.view-capture #workspaceCapture .wizard-actions,
  html body.view-capture #workspaceCapture .form-actions.capture-actions {
    gap: 8px !important;
  }

  html body.view-capture #workspaceCapture .wizard-actions .btn,
  html body.view-capture #workspaceCapture .capture-actions .btn {
    min-height: 48px !important;
    height: 48px !important;
    border-radius: 16px !important;
    font-size: .86rem !important;
  }

  html body.view-capture #workspaceCapture #wizardDetails {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
  }

  html body.view-capture #workspaceCapture #wizardDetails #followupSection {
    order: 1 !important;
  }

  html body.view-capture #workspaceCapture #wizardDetails .primary-result-card {
    order: 2 !important;
    margin-top: 0 !important;
  }

  html body.view-capture #workspaceCapture #wizardDetails .form-actions.capture-actions {
    order: 3 !important;
  }

  html body.view-capture #workspaceCapture #wizardDetails #noteSection {
    order: 4 !important;
  }

  html body.view-capture #workspaceCapture #ueBookingPanel .wizard-panel:not(.active),
  html body.view-capture #workspaceCapture #vBookingPanel .wizard-panel:not(.active) {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
  }
}

/* v20260824-513: five-tab mobile navigation and denser account/history surfaces */
@media (max-width: 900px) {
  html body .mobile-tabs {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 3px !important;
    height: 56px !important;
    min-height: 56px !important;
    padding: 4px !important;
  }

  html body .mobile-tab {
    min-width: 0 !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 4px 2px !important;
    border-radius: 15px !important;
    line-height: 1 !important;
  }

  html body .mobile-tab span {
    display: none !important;
  }

  html body .mobile-tab strong {
    display: block !important;
    font-size: .7rem !important;
    line-height: 1.05 !important;
    letter-spacing: -.02em !important;
    white-space: nowrap !important;
  }

  html body.view-overview #workspaceOverview .summary-strip {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 7px !important;
    margin-bottom: 8px !important;
  }

  html body.view-overview #workspaceOverview .summary-card {
    min-height: 72px !important;
    height: 72px !important;
    padding: 9px !important;
    border-radius: 16px !important;
  }

  html body.view-overview #workspaceOverview .summary-card span {
    font-size: .58rem !important;
    line-height: 1.05 !important;
    letter-spacing: .045em !important;
  }

  html body.view-overview #workspaceOverview .summary-card strong {
    font-size: 1.05rem !important;
    line-height: 1 !important;
    letter-spacing: -.055em !important;
  }

  html body.view-overview #workspaceOverview .overview-filter-box {
    min-height: 48px !important;
    margin-bottom: 8px !important;
  }

  html body.view-overview #workspaceOverview .overview-filter-box summary {
    min-height: 48px !important;
    height: 48px !important;
    padding: 7px 10px !important;
  }

  html body.view-overview #workspaceOverview .overview-movements-card {
    padding: 10px !important;
  }

  html body.view-overview #workspaceOverview .mini-entry.movement-entry {
    padding: 10px !important;
    border-radius: 17px !important;
  }

  html body.view-overview #workspaceOverview .mini-entry.movement-entry:nth-of-type(n+4) {
    display: none !important;
  }

  html body.view-balance #workspaceBalance .mobile-balance-shell {
    padding: 10px !important;
  }

  html body.view-balance #workspaceBalance .mobile-balance-hero {
    min-height: 68px !important;
    height: 68px !important;
    padding: 10px 12px !important;
    border-radius: 17px !important;
  }

  html body.view-balance #workspaceBalance .mobile-balance-hero strong {
    font-size: 2rem !important;
  }

  html body.view-balance #workspaceBalance .mobile-balance-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }

  html body.view-balance #workspaceBalance .mobile-balance-kpis article {
    min-height: 58px !important;
    height: 58px !important;
    padding: 8px !important;
  }

  html body.view-balance #workspaceBalance .mobile-balance-kpis article span {
    font-size: .58rem !important;
  }

  html body.view-balance #workspaceBalance .mobile-balance-kpis article strong {
    font-size: 1.1rem !important;
  }

  html body.view-balance #workspaceBalance .mobile-balance-actions {
    min-height: 48px !important;
    height: 48px !important;
    padding: 4px !important;
    border-radius: 18px !important;
  }

  html body.view-balance #workspaceBalance .mobile-balance-actions button {
    min-height: 40px !important;
    height: 40px !important;
    border-radius: 14px !important;
    font-size: .72rem !important;
    line-height: 1.05 !important;
  }

  html body.view-balance #workspaceBalance .balance-calculator-card {
    padding: 10px !important;
    border-radius: 18px !important;
  }

  html body.view-balance #workspaceBalance .balance-calculator-card .section-card-head {
    min-height: 34px !important;
    height: 34px !important;
    margin-bottom: 8px !important;
  }

  html body.view-balance #workspaceBalance .balance-calculator-card .section-card-head h4 {
    font-size: 1rem !important;
    line-height: 1.05 !important;
  }

  html body.view-balance #workspaceBalance .balance-calculator-card .form-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }

  html body.view-balance #workspaceBalance .balance-calculator-card .field,
  html body.view-balance #workspaceBalance .balance-calculator-card .field-full {
    min-height: 52px !important;
    height: 52px !important;
    padding: 7px 9px !important;
    border-radius: 15px !important;
  }

  html body.view-balance #workspaceBalance .balance-calculator-card .field > span,
  html body.view-balance #workspaceBalance .balance-calculator-card .field-full > span {
    font-size: .58rem !important;
    line-height: 1 !important;
    letter-spacing: .045em !important;
  }

  html body.view-balance #workspaceBalance .balance-calculator-card input,
  html body.view-balance #workspaceBalance .balance-calculator-card select,
  html body.view-balance #workspaceBalance .balance-calculator-card textarea {
    min-height: 28px !important;
    height: 28px !important;
    font-size: .95rem !important;
  }

  html body.view-balance #workspaceBalance .balance-calculator-card textarea {
    height: 42px !important;
    min-height: 42px !important;
  }

  html body.view-balance #workspaceBalance .balance-result-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }

  html body.view-balance #workspaceBalance .balance-result-grid .metric-card {
    min-height: 58px !important;
    height: 58px !important;
    padding: 8px !important;
  }

  html body.view-balance #workspaceBalance .balance-result-grid .metric-card span {
    font-size: .56rem !important;
  }

  html body.view-balance #workspaceBalance .balance-result-grid .metric-card strong {
    font-size: .92rem !important;
  }

  html body.view-balance #workspaceBalance #deductCalcMessage,
  html body.view-balance #workspaceBalance #manualDeductMessage {
    font-size: .78rem !important;
    line-height: 1.25 !important;
    padding: 8px !important;
    margin: 6px 0 !important;
  }

  html body.view-balance #workspaceBalance #deductCalcCard .form-actions,
  html body.view-balance #workspaceBalance #manualDeductCard .form-actions {
    position: static !important;
    padding: 0 !important;
    margin-top: 8px !important;
    background: transparent !important;
  }

  html body.view-balance #workspaceBalance #saveDeductionBtn,
  html body.view-balance #workspaceBalance #saveManualDeductionBtn {
    min-height: 48px !important;
    height: 48px !important;
    border-radius: 16px !important;
  }

  html body.view-balance #workspaceBalance,
  html body.view-overview #workspaceOverview {
    padding-bottom: 92px !important;
  }
}


/* v20260824-513: balance is a first-level mobile tab now */
@media (max-width: 900px) {
  html body.view-more #workspaceMore #moreBalanceBtn {
    display: none !important;
  }

  html body.view-more #workspaceMore .more-primary-actions {
    grid-template-columns: 1fr !important;
  }
}


/* v20260824-513: Zeitkonto is first-level, not duplicated in More */
html body #workspaceMore #moreBalanceBtn {
  display: none !important;
}