/* DATED Studio Phase 2 — shared workspace polish */

body.dlwe-native-app-staff {
  --dated-focus: #b76e78;
  --dated-focus-soft: rgba(183, 110, 120, 0.18);
}

body.dlwe-native-app-staff .dlwe-main .dlwe-eyebrow,
body.dlwe-native-app-staff .dlwe-main .dlwe-field label,
body.dlwe-native-app-staff .dlwe-main .dlwe-form-grid label {
  font-size: 11px !important;
  line-height: 1.35 !important;
}

body.dlwe-native-app-staff .dlwe-nav-item span {
  font-size: 10px !important;
  line-height: 1.3 !important;
}

body.dlwe-native-app-staff .dlwe-main :is(
  .dlwe-compact-button,
  .dlwe-text-button,
  .dlwe-back-link,
  .dlwe-tabs button,
  .dlwe-tab-list button,
  .dlwe-filter-tabs button,
  .dlwe-people-status-tabs button,
  .dlwe-task-create-mode-switch button,
  .dlwe-calendar-view-switch button,
  .dlwe-report-tabs button,
  .dlwe-incidents-tab
) {
  min-height: 44px !important;
}

body.dlwe-native-app-staff .dlwe-main :is(
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  select,
  textarea
) {
  min-height: 44px;
  font-size: 14px;
}

body.dlwe-native-app-staff :is(
  button,
  a[href],
  input,
  select,
  textarea,
  [tabindex]:not([tabindex="-1"])
):focus-visible {
  outline: 2px solid var(--dated-focus) !important;
  outline-offset: 3px !important;
  box-shadow: 0 0 0 4px var(--dated-focus-soft) !important;
}

body.dlwe-native-app-staff .dlwe-table-scroll,
body.dlwe-native-app-staff .dlwe-report-table-wrap,
body.dlwe-native-app-staff .dlwe-timeline-table-scroll {
  max-width: 100%;
  overscroll-behavior-inline: contain;
}

body.dlwe-native-app-staff :is(
  .dlwe-modal-card,
  .dlwe-calendar-modal-card,
  .dlwe-dialog-card,
  [role="dialog"]
) {
  max-width: min(94vw, 920px);
  max-height: 90vh;
  overflow: auto;
}

@media (max-width: 850px) {
  body.dlwe-native-app-staff .dlwe-main {
    padding: 24px 20px !important;
  }

  body.dlwe-native-app-staff .dlwe-portal-header {
    gap: 16px;
    margin-bottom: 24px;
    padding-bottom: 18px;
  }

  body.dlwe-native-app-staff .dlwe-header-actions {
    justify-content: flex-start;
  }
}

@media (max-width: 620px) {
  body.dlwe-native-app-staff .dlwe-main {
    padding: 20px 14px !important;
  }

  body.dlwe-native-app-staff .dlwe-sidebar {
    padding: 20px 16px !important;
  }

  body.dlwe-native-app-staff .dlwe-nav {
    gap: 8px;
  }

  body.dlwe-native-app-staff .dlwe-header-actions {
    width: 100%;
  }

  body.dlwe-native-app-staff .dlwe-header-actions :is(
    .dlwe-primary-button,
    .dlwe-secondary-button,
    .dlwe-compact-button
  ) {
    width: 100%;
  }

  body.dlwe-native-app-staff .dlwe-form-actions {
    padding: 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.dlwe-native-app-staff *,
  body.dlwe-native-app-staff *::before,
  body.dlwe-native-app-staff *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}

body.dlwe-native-app-staff .dlwe-sidebar .dlwe-nav-section-label,
body.dlwe-native-app-staff .dlwe-sidebar .dlwe-sidebar-control-label {
  font-size: 9.5px !important;
  line-height: 1.35 !important;
}

body.dlwe-native-app-staff .dlwe-sidebar :is(
  .dlwe-mobile-nav-toggle,
  .dlwe-luxury-language-toggle,
  .dlwe-logout-link
) {
  min-height: 44px !important;
}

body.dlwe-native-app-staff .dlwe-sidebar .dlwe-mobile-nav-toggle {
  font-size: 10px !important;
}

body.dlwe-native-app-staff .dlwe-sidebar .dlwe-home-header-time > span,
body.dlwe-native-app-staff .dlwe-sidebar .dlwe-home-header-time > small,
body.dlwe-native-app-staff .dlwe-sidebar .dlwe-home-profile-copy small,
body.dlwe-native-app-staff .dlwe-sidebar .dlwe-home-workday-copy small {
  font-size: 10px !important;
  line-height: 1.35 !important;
}

body.dlwe-native-app-staff .dlwe-main :is(
  .dlwe-status-badge,
  .dlwe-history-pill,
  .dlwe-chip,
  .dlwe-badge
) {
  font-size: 10.5px !important;
  line-height: 1.3 !important;
}

/* Final authority for Studio's smallest functional primitives. */
body.dlwe-native-app-staff .dlwe-portal-shell .dlwe-main .dlwe-eyebrow,
body.dlwe-native-app-staff .dlwe-portal-shell .dlwe-main .dlwe-field label,
body.dlwe-native-app-staff .dlwe-portal-shell .dlwe-main .dlwe-form-grid label {
  font-size: 11px !important;
  line-height: 1.35 !important;
}

body.dlwe-native-app-staff .dlwe-portal-shell .dlwe-main .dlwe-compact-button {
  height: auto !important;
  min-height: 44px !important;
  max-height: none !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

/* Phase 2 final Studio readability authority. */
body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-panel > .dlwe-portal-header .dlwe-eyebrow,
body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-panel > .dlwe-panel-header .dlwe-eyebrow {
  font-size: 11px !important;
  line-height: 1.35 !important;
}

body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-panel :is(
  .dlwe-field label,
  .dlwe-field > span,
  .dlwe-form-label,
  label > .dlwe-label
) {
  font-size: 11px !important;
  line-height: 1.35 !important;
}

body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-panel :is(
  input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
  select,
  textarea
) {
  font-size: 14px !important;
  line-height: 1.45 !important;
}

body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-panel :is(
  .dlwe-primary-button,
  .dlwe-secondary-button,
  .dlwe-compact-button
) {
  height: auto !important;
  min-height: 44px !important;
  max-height: none !important;
  font-size: 11px !important;
}

body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-panel table th {
  font-size: 11px !important;
  line-height: 1.35 !important;
}

body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-panel table td {
  font-size: 12.5px !important;
  line-height: 1.5 !important;
}

body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-task-summary-card > span,
body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-panel :is(
  .dlwe-history-count,
  .dlwe-task-dashboard-chip,
  .dlwe-status-chip,
  .dlwe-badge,
  .dlwe-status-badge,
  .dlwe-chip
) {
  font-size: 10.5px !important;
  line-height: 1.35 !important;
}

body.dlwe-native-app-staff .dlwe-main :is(
  .dlwe-tabs,
  .dlwe-tab-list,
  .dlwe-filter-tabs,
  .dlwe-people-status-tabs,
  .dlwe-task-create-mode-switch,
  .dlwe-calendar-view-switch,
  .dlwe-report-tabs
) {
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scrollbar-width: thin;
}

body.dlwe-native-app-staff .dlwe-main :is(
  .dlwe-tabs button,
  .dlwe-tab-list button,
  .dlwe-filter-tabs button,
  .dlwe-people-status-tabs button,
  .dlwe-task-create-mode-switch button,
  .dlwe-calendar-view-switch button,
  .dlwe-report-tabs button
) {
  flex: 0 0 auto;
}

@media (max-width: 620px) {
  body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-form-actions {
    position: static !important;
    inset: auto !important;
    margin-top: 18px !important;
    backdrop-filter: none !important;
  }
}

/* DATED Phase 2 entry hotfix — Studio mobile auth controls */
.dated-login-shell .dlwe-login-pref-options button{
  min-width:44px!important;
  min-height:44px!important;
}
.dated-login-shell .dlwe-password-toggle,
.dated-login-shell .dated-login-forgot,
.dated-login-shell .dlwe-inline-forgot-link{
  min-height:44px!important;
  display:inline-flex!important;
  align-items:center!important;
}
@media (max-width:820px){
  .dated-login-shell>.dlwe-auth-preferences{
    left:auto!important;
    right:max(14px,env(safe-area-inset-right))!important;
    top:max(12px,env(safe-area-inset-top))!important;
    width:auto!important;
    max-width:calc(100% - 28px)!important;
    justify-content:flex-end!important;
    border-radius:12px!important;
  }
  .dated-login-story-inner{
    padding-top:max(76px,calc(env(safe-area-inset-top) + 62px))!important;
  }
  .dated-login-logo-wrap{
    align-items:flex-start!important;
  }
}
@media (max-width:520px){
  .dated-login-shell>.dlwe-auth-preferences{
    left:auto!important;
    right:12px!important;
    top:max(10px,env(safe-area-inset-top))!important;
    width:auto!important;
  }
  .dated-login-shell .dlwe-login-pref-label{display:none!important}
  .dated-login-story-inner{
    padding-top:max(72px,calc(env(safe-area-inset-top) + 60px))!important;
  }
}