/* Mobile application layout. Loaded after the desktop document/design rules.
   Studio controls use the same inputs and saved data on both layouts. */
:root {
  --mobile-nav-height: 58px;
  --mobile-dock-clearance: calc(82px + var(--safe-bottom));
  --mobile-shell-height: 100dvh;
  --mobile-ui-scale: .75;
}
html, body {
  height: var(--mobile-shell-height) !important;
  max-height: var(--mobile-shell-height) !important;
  min-height: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
  zoom: 1 !important;
}
#app-layout {
  position: fixed !important;
  inset: 0 !important;
  height: var(--mobile-shell-height) !important;
  max-height: var(--mobile-shell-height) !important;
  width: 100% !important;
  transform: none !important;
  overflow: hidden !important;
}
#app-layout > main {
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  zoom: 1 !important;
}
#main-view-container {
  flex: 1 1 0 !important;
  min-height: 0 !important;
  min-width: 0 !important;
  overflow: hidden !important;
  zoom: var(--mobile-ui-scale) !important;
  width: 100% !important;
}
#main-view-container > section {
  height: 100% !important;
  min-height: 0 !important;
  min-width: 0 !important;
  overflow: hidden !important;
}
#command-header {
  flex: 0 0 auto !important;
  height: auto !important;
  min-height: calc(56px + var(--safe-top)) !important;
  padding: calc(8px + var(--safe-top)) 12px 8px !important;
  gap: 8px !important;
  background: #0c0e14 !important;
  border: 0 !important;
}
#command-header > div { min-width: 0 !important; gap: 6px !important; }
#command-header > div:first-child { flex: 1; }
#command-header button {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;
  justify-content: center !important;
}
#app-layout #command-header button[onclick="openPortalCredentialsModal()"],
#command-header > div:first-child > div > div:last-child:not(:first-child),
#autopilot-gate-wrap { display: none !important; }
#page-title { font-size: 15px !important; letter-spacing: -.02em; }
#command-header button svg { width: 18px; height: 18px; }
#app-sidebar { padding-top: var(--safe-top); padding-bottom: var(--safe-bottom); overflow-y: auto; }
#sidebar-backdrop { z-index: 10010 !important; }
#app-sidebar { z-index: 10020 !important; }

/* Preserve the existing glass dock while reserving its footprint exactly once. */
#mobile-bottom-dock-wrapper {
  inset: auto 12px calc(8px + var(--safe-bottom)) !important;
  width: calc(100% - 24px) !important;
  max-width: 420px !important;
  margin: 0 auto !important;
}
#mobile-bottom-fade-scrim {
  height: var(--mobile-dock-clearance) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.mobile-overlay-open #mobile-bottom-dock-wrapper,
.mobile-overlay-open #mobile-bottom-fade-scrim,
.mobile-studio-open #mobile-bottom-dock-wrapper,
.mobile-studio-open #mobile-bottom-fade-scrim,
.mobile-keyboard-open #mobile-bottom-dock-wrapper,
.mobile-keyboard-open #mobile-bottom-fade-scrim { display: none !important; }

/* Workspace: role filters, search, then a single selected pipeline stage. */
#jobs-mobile-toolbar {
  flex: 0 0 auto !important;
  padding: 4px 12px 10px !important;
  min-height: 44px !important;
  gap: 8px !important;
  border: 0 !important;
  background: #0c0e14 !important;
}
#jobs-mobile-statusline { flex: 1 !important; min-width: 0 !important; justify-content: flex-start !important; }
#jobs-mobile-status {
  width: auto !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  justify-content: flex-start !important;
}
#autopilot-header-status { font-size: 11px !important; font-family: inherit !important; }
#jobs-mobile-actions { gap: 4px !important; flex-shrink: 0; }
#jobs-mobile-actions select, #jobs-mobile-actions button {
  width: auto !important;
  height: 36px !important;
  min-height: 36px !important;
  max-width: 108px !important;
  padding: 0 8px !important;
  font-size: 11px !important;
  border: 0 !important;
  background: #171b24 !important;
  border-radius: 9px !important;
}
#jobs-mobile-actions select { text-align: left !important; }
#jobs-mobile-actions #btn-trigger-scan { width: 36px !important; min-width: 36px !important; padding: 0 !important; }
#btn-trigger-scan span { display: none !important; }
#job-subview-kanban { flex: 1 1 0 !important; min-height: 0 !important; height: auto !important; }
#job-subview-kanban > div:first-child {
  flex: 0 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  padding: 0 12px 10px !important;
  gap: 10px !important;
  border: 0 !important;
  background: #0c0e14 !important;
}
#job-subview-kanban > div:first-child > div { width: 100% !important; min-width: 0 !important; }
#pipeline-track-filters {
  width: 100% !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  gap: 6px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  scrollbar-width: none;
}
#pipeline-track-filters button {
  flex: 0 0 auto !important;
  min-height: 36px !important;
  padding: 0 12px !important;
  font-size: 12px !important;
  white-space: nowrap;
  border: 0 !important;
  border-radius: 18px !important;
}
#job-subview-kanban > div:first-child > div:last-child > div:first-child { height: 42px !important; }
#pipe-search-input {
  height: 42px !important;
  min-height: 42px !important;
  width: 100% !important;
  max-width: none !important;
  font-size: 16px !important;
  border-radius: 12px !important;
  padding: 0 12px 0 36px !important;
  background: #171b24 !important;
}
.mobile-pipeline-stages {
  display: flex;
  flex: 0 0 auto;
  overflow-x: auto;
  gap: 0;
  padding: 0 8px;
  scrollbar-width: none;
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.mobile-pipeline-stages button {
  flex: 1 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-height: 56px;
  padding: 0 8px;
  font-size: 15px;
  color: #8592a7;
  border-bottom: 2px solid transparent;
  white-space: nowrap;
}
.mobile-pipeline-stages button[aria-selected="true"] { color: #c7d2fe; border-color: #818cf8; }
.mobile-pipeline-stages button span { font-size: 13px; color: #718096; }
#job-subview-kanban .kanban-columns-container {
  display: flex !important;
  flex: 1 1 0 !important;
  min-height: 0 !important;
  padding: 10px 12px var(--mobile-dock-clearance) !important;
  gap: 0 !important;
  overflow: hidden !important;
  scroll-snap-type: none !important;
}
#job-subview-kanban .kanban-column {
  display: none !important;
  flex: 1 1 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
}
#job-subview-kanban .kanban-column.mobile-stage-active { display: flex !important; }
#job-subview-kanban .kanban-column > div:first-child { min-height: 36px; flex: 0 0 auto; padding: 0 2px 8px !important; }
#job-subview-kanban .kanban-column > div:last-child { min-height: 0 !important; padding: 0 0 12px !important; overscroll-behavior: contain; }
#job-subview-kanban .kanban-column [id^="col-"] > div { padding: 14px !important; border-radius: 14px !important; background: #151a23 !important; }
#job-subview-kanban .kanban-column [id^="col-"] h5 { font-size: 13px !important; }
#job-subview-kanban .kanban-column [id^="col-"] > .border-dashed { padding: 44px 16px !important; background: none !important; }

/* Document studios: full-page canvas with an explicit, reachable tools drawer. */
#cv-studio-toolbar, #letter-studio-toolbar {
  display: flex !important;
  height: 56px !important;
  min-height: 56px !important;
  max-height: 56px !important;
  flex: 0 0 56px !important;
  padding: 6px 12px !important;
  gap: 8px !important;
  overflow: visible !important;
  border: 0 !important;
  background: #0c0e14 !important;
}
#cv-studio-toolbar > div:first-child, #letter-studio-toolbar > div:first-child {
  flex: 1 1 0 !important;
  width: auto !important;
  min-width: 0 !important;
  overflow: visible !important;
}
#cv-studio-toolbar > div:first-child > div:first-child,
#letter-studio-toolbar > div:first-child > div:first-child { width: 100% !important; min-width: 0 !important; }
#cv-active-select, #cl-active-select {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 12px !important;
  font-size: 16px !important;
  background: #171b24 !important;
  border: 0 !important;
  border-radius: 12px !important;
}
#view-cvs #cv-studio-toolbar > div:first-child > div:nth-child(n+2),
#view-cover-letters #letter-studio-toolbar > div:first-child > div:nth-child(n+2),
#view-cvs #cv-studio-toolbar > div:last-child button,
#view-cover-letters #letter-studio-toolbar > div:last-child button { display: none !important; }
#view-cvs #cv-studio-toolbar > div:last-child button[onclick="printCvToPdf()"],
#view-cover-letters #letter-studio-toolbar > div:last-child button[onclick="printCoverLetterToPdf()"] {
  display: flex !important;
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  flex-basis: 44px !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}
.cv-studio-workspace, .letter-studio-workspace {
  position: relative;
  flex: 1 1 0 !important;
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
}
#cv-preview-stage, #letter-preview-stage {
  display: flex !important;
  flex: 1 1 0 !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  position: relative !important;
  min-height: 0 !important;
  width: 100% !important;
  padding: 12px !important;
  overflow: auto !important;
  background: #090c12 !important;
  overscroll-behavior: contain;
}
#cv-preview-stage .cv-preview-mobile-wrapper,
#letter-preview-stage .cv-preview-mobile-wrapper {
  width: var(--preview-width, 100%) !important;
  height: var(--preview-height, auto) !important;
  min-height: var(--preview-height, 0px) !important;
  flex: 0 0 auto !important;
  display: block !important;
  position: relative !important;
  overflow: visible !important;
}
#cv-preview-stage .cv-document-sheet,
#letter-preview-stage .letter-document-sheet {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 820px !important;
  min-width: 820px !important;
  max-width: 820px !important;
  min-height: 1160px !important;
  height: 1160px !important;
  max-height: 1160px !important;
  transform: scale(var(--preview-scale, .35)) !important;
  transform-origin: top left !important;
  margin: 0 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  box-shadow: 0 4px 24px #0008 !important;
}
#cv-studio-sidebar { display: none !important; }
.mobile-studio-actions {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px var(--mobile-dock-clearance);
  background: #0c0e14;
}
.mobile-studio-actions button {
  min-height: 44px;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0 8px;
  border-radius: 12px;
  background: #171b24;
  color: #cbd5e1;
  font-size: 12px;
}
.mobile-studio-actions button:first-child { background: #292450; color: #ddd6fe; }
.mobile-studio-actions svg { width: 16px; height: 16px; }
.mobile-studio-actions button[data-fit] { flex: 0 0 44px; padding: 0; }
.mobile-studio-drawer {
  position: fixed;
  inset: auto 0 0;
  display: flex;
  flex-direction: column;
  height: min(55dvh, 540px);
  max-height: calc(var(--mobile-shell-height) - var(--safe-top) - 56px);
  z-index: 10030;
  border-radius: 22px 22px 0 0;
  background: #121722;
  box-shadow: 0 -10px 40px #0006;
  overflow: hidden;
  padding-bottom: var(--safe-bottom);
}
.mobile-studio-drawer.is-expanded { height: calc(var(--mobile-shell-height) - var(--safe-top) - 56px); }
.mobile-studio-drawer[hidden] { display: none !important; }
.mobile-studio-drawer .studio-drawer-head {
  flex: 0 0 auto;
  padding: 4px 12px 8px;
  background: #121722;
}
.studio-drawer-handle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 20px;
  touch-action: none;
}
.studio-drawer-handle::after { content: ''; width: 36px; height: 4px; border-radius: 4px; background: #475569; }
.studio-drawer-heading { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.studio-drawer-heading h3 { font-size: 14px; font-weight: 700; }
.studio-drawer-heading > div { display: flex; gap: 6px; }
.studio-drawer-heading button {
  min-width: 44px; min-height: 44px; display: flex; align-items: center;
  justify-content: center; border-radius: 12px; background: #202737; color: #c7d2fe;
}
.studio-drawer-heading svg { width: 18px; height: 18px; }
.studio-drawer-tabs { display: flex; gap: 6px; padding: 0 12px 8px; flex: 0 0 auto; }
.studio-drawer-tabs button { flex: 1; min-height: 40px; border-radius: 10px; color: #94a3b8; font-size: 12px; }
.studio-drawer-tabs button[aria-selected="true"] { color: #ddd6fe; background: #292450; }
.studio-drawer-body { flex: 1 1 0; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 0 14px 18px; }
.studio-drawer-body > [hidden] { display: none !important; }
.mobile-studio-drawer #cv-studio-sidebar {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  max-height: none !important;
  height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: visible !important;
  background: none !important;
}
.mobile-studio-drawer #cv-studio-sidebar .cv-tool-group { gap: 8px !important; padding: 14px 0 !important; }
.mobile-studio-drawer #cv-studio-sidebar .cv-tool-group > button { min-height: 44px !important; height: 44px !important; font-size: 12px !important; }
.mobile-studio-drawer #cv-header-options { display: grid !important; grid-template-columns: 1fr 1fr; gap: 0 16px; width: 100%; }
.mobile-studio-drawer #cv-header-options label { min-height: 44px; }
.mobile-studio-drawer #cv-block-list { display: flex !important; width: 100%; }
.mobile-studio-drawer #cv-block-list button { min-height: 44px; font-size: 13px; background: #1b2332; padding: 8px 12px; }
.mobile-studio-drawer #cv-inline-editor { width: 100%; max-width: none; scroll-margin: 12px; }
.mobile-studio-drawer #cv-inline-editor input,
.mobile-studio-drawer #cv-inline-editor textarea { font-size: 16px !important; min-height: 44px; }
.mobile-studio-drawer .cv-inline-editor label > span, .mobile-studio-drawer .cv-bullet-editor > span { font-size: 11px; }
.mobile-studio-drawer .cv-inline-head button { min-width: 44px; min-height: 36px; }
.mobile-studio-drawer .cv-bullet-row { grid-template-columns: 12px 1fr 32px; }
.mobile-studio-drawer .cv-bullet-row > button { min-height: 44px; }
.mobile-studio-drawer .cv-add-bullet, .mobile-studio-drawer .cv-remove-block { min-height: 44px; font-size: 12px; }
.mobile-studio-drawer .cv-edit-content { max-width: none; min-height: 44px; }
.mobile-studio-drawer .cv-save-state { padding: 8px 0; font-size: 12px; }
.mobile-design-controls { display: flex; flex-direction: column; gap: 20px; padding: 12px 0; }
.mobile-design-controls > div {
  display: flex !important; flex-direction: column; align-items: stretch !important;
  gap: 8px !important; border: 0 !important; padding: 0 !important; width: 100%;
}
.mobile-design-controls label { display: block !important; font-size: 12px !important; color: #94a3b8; }
.mobile-design-controls select {
  width: 100% !important; max-width: none !important; height: 44px !important;
  min-height: 44px !important; font-size: 16px !important; padding: 0 12px !important;
}
.mobile-design-controls > .mobile-palette { flex-direction: row !important; flex-wrap: wrap; gap: 10px !important; }
.mobile-palette button { width: 40px !important; height: 40px !important; min-width: 40px; }
.mobile-design-controls > button { min-height: 44px; background: #202737; border-radius: 12px; }
.mobile-studio-drawer #letter-studio-library { display: flex !important; width: 100% !important; height: auto !important; border: 0; background: none; }
.mobile-studio-drawer #letter-studio-library > div { padding: 12px 0; overflow: visible; }
.mobile-studio-drawer #cover-letters-container { overflow: visible; }
.mobile-studio-open .mobile-studio-actions { visibility: hidden; padding-bottom: 8px; }

/* Sheets and modals sit at body level, above map and navigation stacking contexts. */
.mobile-bottom-sheet-backdrop { z-index: 10040 !important; }
.mobile-bottom-sheet-backdrop:not(.hidden):not([hidden]) { pointer-events: auto !important; }
#map-mobile-drawer .mobile-bottom-sheet {
  max-height: calc(var(--mobile-shell-height) - var(--safe-top) - 24px) !important;
  height: min(70dvh, 620px) !important;
  padding: 0 14px calc(12px + var(--safe-bottom)) !important;
  overflow: hidden !important;
}
#map-mobile-drawer .mobile-bottom-sheet.is-expanded { height: calc(var(--mobile-shell-height) - var(--safe-top) - 24px) !important; }
#map-mobile-job-list { flex: 1 1 0; min-height: 0; max-height: none !important; padding-bottom: 12px; }
#map-mobile-drawer button[data-map-drawer-close] { width: 44px !important; height: 44px !important; min-width: 44px !important; min-height: 44px !important; position: relative !important; z-index: 1 !important; }
#map-mobile-drawer .sheet-handle { height: 28px !important; min-height: 28px !important; flex: 0 0 28px; margin: 0 !important; }
#map-mobile-drawer h4 { font-size: 12px; text-transform: none; letter-spacing: 0; }
#map-mobile-sheet-count { display: none; }
#jobs-inspector-pane { display: none !important; }
#jobs-inspector-pane.mobile-inspector-open {
  display: flex !important;
  position: fixed !important;
  inset: 0 !important;
  transform: none !important;
  width: 100% !important;
  height: var(--mobile-shell-height) !important;
  z-index: 10050 !important;
  padding: var(--safe-top) 0 var(--safe-bottom) !important;
}
#job-inspector-content { min-height: 0 !important; }
#job-inspector-content > .overflow-y-auto { padding-bottom: 16px !important; }
body > [id^="modal-"]:not(#modal-auth):not(#modal-onboarding) {
  position: fixed !important;
  inset: 0 !important;
  padding: 0 !important;
  height: var(--mobile-shell-height) !important;
  max-height: var(--mobile-shell-height) !important;
  overflow: hidden !important;
  align-items: stretch !important;
  z-index: 10100 !important;
  background: #0e1117 !important;
}
body > [id^="modal-"]:not(#modal-auth):not(#modal-onboarding) > div:first-child {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding-top: var(--safe-top) !important;
  padding-bottom: var(--safe-bottom) !important;
}
body > [id^="modal-"] > div > div { min-width: 0; }
body > [id^="modal-"] > div > div:first-child,
body > [id^="modal-"] > div > div:last-child { flex-shrink: 0; padding: 12px 16px; }
body > [id^="modal-"] > div > .overflow-y-auto { flex: 1 1 0; min-height: 0 !important; padding: 16px !important; overscroll-behavior: contain; }
body > [id^="modal-"] button { min-height: 44px; }
body > [id^="modal-"] button:has(svg[data-lucide="x"]),
body > [id^="modal-"] button:has(i[data-lucide="x"]) { min-width: 44px; }
body > [id^="modal-"] input:not([type="checkbox"]):not([type="radio"]),
body > [id^="modal-"] textarea, body > [id^="modal-"] select {
  font-size: 16px !important; min-height: 44px;
}
body > [id^="modal-"] .grid { min-width: 0; }
#modal-profile-wizard .profile-tab { flex: 0 0 auto; min-height: 44px; }
#modal-app-wizard > div > div:first-child { flex-wrap: wrap; gap: 8px; }
#modal-app-wizard .wizard-step-pill { white-space: nowrap; font-size: 11px; padding: 6px 8px; }
#modal-role > div:first-child { overflow-y: auto !important; padding: calc(var(--safe-top) + 20px) 16px calc(var(--safe-bottom) + 20px) !important; gap: 16px; }
#modal-cover-letter > div > div:first-child p { display: none; }
#modal-cover-letter > div > div:last-child { flex-wrap: wrap; gap: 8px; }
#modal-cover-letter > div > div:last-child > div { flex: 1; justify-content: flex-end; }
#modal-cover-letter > div > div:last-child button { font-size: 12px; padding: 8px 12px; }
#cl-content-input { min-height: 280px; line-height: 1.6; }
#modal-portal-credentials > div > div:first-child { align-items: flex-start; }
#portal-wizard-icon-grid { gap: 10px; }
.portal-wizard-card { min-width: 0; }
#modal-application-dossier .application-dossier-shell { min-height: 0 !important; }
#modal-application-dossier .application-dossier-shell > div:first-child { padding: 12px 16px !important; }
#dossier-title { white-space: normal; font-size: 16px; line-height: 1.4; }
#dossier-receipt-tag { display: none; }
#modal-application-dossier .application-dossier-shell > div:nth-child(2) { padding: 6px 12px; }
.dossier-tab { min-height: 44px; padding: 8px 12px; white-space: nowrap; }
#modal-application-dossier .application-dossier-shell > div:last-child { flex-direction: column; align-items: stretch; gap: 8px; padding: 10px 12px; }
#modal-application-dossier .application-dossier-shell > div:last-child > div:last-child { display: flex; flex-wrap: wrap; gap: 6px; }
#modal-application-dossier .application-dossier-shell > div:last-child button { flex: 1 1 auto; font-size: 12px; padding: 8px 10px; }
.dossier-document-toolbar { flex-wrap: wrap; gap: 10px; padding: 12px; }
.dossier-tailoring-box { grid-template-columns: 1fr; gap: 6px; overflow-wrap: anywhere; }
.dossier-cv-preview-stage { min-height: 0; padding: 12px; overflow: hidden; }
.dossier-pdf-page { width: 100%; max-width: 328px; }
.dossier-letter-paper:has(.letter-document-sheet) { position: relative; width: 100%; padding: 0; overflow: hidden; }
.dossier-letter-paper .letter-document-sheet {
  width: 820px !important; min-width: 820px !important; max-width: 820px !important;
  height: 1160px !important; min-height: 1160px !important; max-height: 1160px !important;
  transform: scale(var(--dossier-letter-scale, .35)) !important;
  transform-origin: top left !important; margin: 0 !important; position: absolute;
  top: 0; left: 0; border-radius: 0 !important;
}
#toast-container { bottom: calc(var(--mobile-dock-clearance) + 8px) !important; left: 12px; right: 12px !important; z-index: 11000 !important; }
input, textarea, [contenteditable="true"] { -webkit-user-select: text; user-select: text; }
/* Compact content uses 75% density; keep forms and principal controls tappable. */
#main-view-container input, #main-view-container select { font-size: 20px !important; }
#pipeline-track-filters button { min-height: 52px !important; font-size: 16px !important; }
#pipe-search-input { height: 52px !important; min-height: 52px !important; }
#jobs-mobile-actions select, #jobs-mobile-actions button { height: 48px !important; min-height: 48px !important; font-size: 15px !important; max-width: 144px !important; }
#jobs-mobile-actions #btn-trigger-scan { width: 48px !important; min-width: 48px !important; }
#autopilot-header-status { font-size: 15px !important; }
#cv-studio-toolbar, #letter-studio-toolbar { flex-basis: 68px !important; height: 68px !important; min-height: 68px !important; max-height: 68px !important; }
#cv-active-select, #cl-active-select { height: 56px !important; min-height: 56px !important; }
#view-cvs #cv-studio-toolbar > div:last-child button[onclick="printCvToPdf()"],
#view-cover-letters #letter-studio-toolbar > div:last-child button[onclick="printCoverLetterToPdf()"] { width: 56px !important; min-width: 56px !important; height: 56px !important; min-height: 56px !important; flex-basis: 56px !important; }
.mobile-studio-actions { padding-bottom: calc(var(--mobile-dock-clearance) / var(--mobile-ui-scale)); }
.mobile-studio-actions button { min-height: 56px; font-size: 16px; }
.mobile-studio-actions button[data-fit] { flex-basis: 56px; }
#job-subview-kanban .kanban-columns-container { padding-bottom: calc(var(--mobile-dock-clearance) / var(--mobile-ui-scale)) !important; }
#job-subview-kanban .kanban-column [id^="col-"] h5 { font-size: 17px !important; }
#portal-login-gate { padding-bottom: calc(var(--mobile-dock-clearance) / var(--mobile-ui-scale)) !important; }
button:focus-visible, a:focus-visible { outline: 2px solid #a5b4fc; outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; } }
@media (max-width: 359px) {
  #jobs-mobile-toolbar { flex-wrap: wrap !important; }
  #jobs-mobile-statusline { flex-basis: 100% !important; }
  #jobs-mobile-actions { width: 100% !important; justify-content: flex-end; }
  .mobile-pipeline-stages button { padding: 0 6px; }
  #command-header button { width: 36px !important; min-width: 36px !important; }
}