/* =============================================================
   BAILEE — Global Stylesheet
   bailee.css
   Built incrementally — one screen at a time
   ============================================================= */

/* ── Google Fonts ── */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.cdnfonts.com/css/uknumberplate');

/* =============================================================
   DESIGN TOKENS
   Change values here to update the entire app
   ============================================================= */
:root {

  /* Brand colours */
  --color-navy:        #1C2855;
  --color-blue:        #2D3A8C;
  --color-blue-lt:     #EEF0F8;
  --color-green:       #1E7E34;
  --color-green-lt:    #E6F4EA;
  --color-red:         #C0392B;
  --color-red-lt:      #FEE2E2;
  --color-amber:       #B45309;
  --color-amber-lt:    #FEF3C7;

  /* Neutrals */
  --color-text:        #111827;
  --color-muted:       #6B7280;
  --color-dim:         #9CA3AF;
  --color-border:      #E2E2E8;
  --color-bg:          #F7F8FA;
  --color-divider:     #F2F2F7;
  --color-white:       #ffffff;

  /* Page background */
  --color-page-bg:     #E4E4E8;

  /* Typography */
  --font-base:         'DM Sans', sans-serif;
  --font-plate:        'UKNumberPlate', 'Arial Black', Arial, sans-serif;
  --font-size-xs:      10px;
  --font-size-sm:      11px;
  --font-size-base:    12px;
  --font-size-md:      13px;
  --font-size-body:    14px;
  --font-size-nav:     15px;
  --font-size-title:   17px;
  --font-size-lg:      18px;
  --font-size-xl:      20px;
  --font-size-hero:    24px;

  /* Spacing */
  --space-xs:          4px;
  --space-sm:          8px;
  --space-md:          12px;
  --space-lg:          16px;
  --space-xl:          24px;
  --space-2xl:         32px;

  /* Border radii */
  --radius-xs:         4px;
  --radius-sm:         8px;
  --radius-md:         10px;
  --radius-lg:         12px;
  --radius-xl:         14px;
  --radius-pill:       20px;
  --radius-circle:     50%;
  --radius-phone:      44px;

  /* Shadows */
  --shadow-phone:      0 0 0 1px rgba(0,0,0,0.06),
                       0 8px 24px rgba(0,0,0,0.10),
                       0 24px 64px rgba(0,0,0,0.14);
  --shadow-card:       0 1px 3px rgba(0,0,0,0.05);
  --shadow-focus:      0 0 0 3px rgba(45,58,140,0.08);
  --shadow-toggle:     0 1px 3px rgba(0,0,0,0.20);

  /* Transitions */
  --transition-base:   0.15s ease;
  --transition-toggle: 0.20s ease;
}

/* =============================================================
   RESET & BASE
   ============================================================= */
*,
*::before,
*::after {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

body {
  font-family: var(--font-base);
  font-size: var(--font-size-body);
  color: var(--color-text);
  background: var(--color-page-bg);
  margin: 0;
  min-height: 100vh;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 0;
}

a { text-decoration: none; }

.app-shell {
	max-width:600px;	
	width: 100%;
	min-height: 100vh;
	overflow: hidden;
	box-shadow: var(--shadow-phone);
	display: grid;
	grid-template-rows: auto 1fr auto;
	background-color:#fbfbfb;
	position:relative;
	margin-bottom:60px;
  position:relative;
}

@media (max-width: 629px) {
	.app-shell {
		padding: 0;
	}

	.drawer {
		width: 88%;
	}

}

@media (max-width: 360px) {
	:root {
		--drawer-w: 100vw;
	}
}

/* =============================================================
   PHONE SHELL
   ============================================================= */
.phone {
  width: 390px;
  background: var(--color-white);
  border-radius: var(--radius-phone);
  overflow: hidden;
  box-shadow: var(--shadow-phone);
  display: flex;
  flex-direction: column;
}

/* =============================================================
   STATUS BAR
   ============================================================= */
.status-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 11px 20px 5px;
  background: var(--color-white);
}

.status-bar__time {
  font-size: var(--font-size-nav);
  font-weight: 600;
  color: #000;
}

.status-bar__icons {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
}

.signal-dot {
  width: 6px;
  height: 6px;
  border-radius: var(--radius-circle);
  background: #000;
}
.signal-dot--med { opacity: 0.5; }
.signal-dot--low { opacity: 0.25; }

.wifi-label {
  font-size: 11px;
  font-weight: 700;
  margin-left: 2px;
}

.battery {
  width: 22px;
  height: 11px;
  border: 1.5px solid #000;
  border-radius: 2px;
  position: relative;
  display: flex;
  align-items: center;
  padding: 1px;
  margin-left: var(--space-xs);
}
.battery::after {
  content: '';
  position: absolute;
  right: -4px;
  width: 2px;
  height: 5px;
  background: #000;
  border-radius: 0 1px 1px 0;
}
.battery__fill {
  background: #000;
  height: 100%;
  width: 76%;
  border-radius: 1px;
}

/* =============================================================
   NAV HEADER
   ============================================================= */
.nav-header {
  display: flex;
  align-items: center;
  padding: 3px var(--space-lg) var(--space-md);
  border-bottom: 1px solid var(--color-border);
  background: var(--color-white);
  position: relative;
  min-height: 44px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	padding-top: 16px;
}

.nav-header__back {
  display: flex;
  align-items: center;
  gap: 3px;
  font-size: var(--font-size-body);
  font-weight: 500;
  color: var(--color-blue);
  z-index: 1;
  white-space: nowrap;
  cursor: pointer;
}

.nav-header__title {
  font-size: var(--font-size-title);
  font-weight: 700;
  color: var(--color-text);
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  pointer-events: none;
}

.nav-header__right {
  margin-left: auto;
  font-size: var(--font-size-md);
  font-weight: 600;
  color: var(--color-blue);
  z-index: 1;
  cursor: pointer;
}

.nav-header__left {
	display: flex;
	align-items: center;
	gap: var(--space-md);
}

/* =============================================================
   SCREEN BODY (scrollable)
   ============================================================= */
.screen-body {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  background: var(--color-white);
	max-width:600px;
	position:relative;
}
.screen-body::-webkit-scrollbar { display: none; }

.hamburger-btn {
	width: 34px;
	height: 34px;
	border-radius: var(--radius-circle);
	background: var(--color-bg);
	border: 1px solid var(--color-border);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: background var(--transition-base);
	margin-left: auto;
}



/* =============================================================
   SECTION DIVIDER
   ============================================================= */
.section-divider {
  height: 8px;
  background: var(--color-divider);
}

/* =============================================================
   SECTION LABEL
   ============================================================= */
.section-label {
  font-size: var(--font-size-xs);
  font-weight: 700;
  color: var(--color-muted);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 10px var(--space-lg) var(--space-xs);
  display: block;
}

/* =============================================================
   FORM ELEMENTS
   ============================================================= */
.field-wrap {
  padding: var(--space-md) var(--space-lg);
}
.field-wrap--tight {
  padding: var(--space-sm) var(--space-lg);
}
.field-wrap--no-top {
  padding-top: 0;
}

.field-label {
  font-size: var(--font-size-base);
  font-weight: 500;
  color: var(--color-muted);
  margin-bottom: 5px;
  display: block;
}
.field-label__hint {
  font-weight: 400;
  color: var(--color-dim);
}

.field-input,
.field-textarea {
  width: 100%;
  background: var(--color-bg);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  padding: 9px var(--space-md);
  font-size: var(--font-size-body);
  font-family: var(--font-base);
  color: var(--color-text);
  outline: none;
  transition: border-color var(--transition-base),
              box-shadow var(--transition-base),
              background var(--transition-base);
}
.field-input:focus,
.field-textarea:focus {
  border-color: var(--color-blue);
  box-shadow: var(--shadow-focus);
  background: var(--color-white);
}
.field-input::placeholder,
.field-textarea::placeholder {
  color: var(--color-dim);
}

.field-select {
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%239CA3AF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  padding-right: 32px;
  cursor: pointer;
}

.field-textarea {
  resize: none;
  line-height: 1.55;
}

.field-row {
  display: flex;
  gap: var(--space-sm);
}
.field-row > * { flex: 1; }

.char-hint {
  font-size: var(--font-size-xs);
  color: var(--color-dim);
  text-align: right;
  margin-top: 3px;
}

/* =============================================================
   TOGGLE SWITCH
   ============================================================= */
.toggle-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: var(--space-md) var(--space-lg);
  border-bottom: 1px solid var(--color-border);
}
.toggle-row:last-of-type { border-bottom: none; }

.toggle-row__label {
  font-size: var(--font-size-body);
  font-weight: 600;
  color: var(--color-text);
  line-height: 1.3;
}
.toggle-row__desc {
  font-size: var(--font-size-sm);
  color: var(--color-muted);
  margin-top: 3px;
  max-width: 220px;
  line-height: 1.4;
}

.toggle {
  position: relative;
  width: 48px;
  height: 26px;
  flex-shrink: 0;
  margin-top: 2px;
  cursor: pointer;
}
.toggle input {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}
.toggle__track {
  position: absolute;
  inset: 0;
  background: #D1D5DB;
  border-radius: 13px;
  transition: background var(--transition-toggle);
}
.toggle__track::after {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  background: var(--color-white);
  border-radius: var(--radius-circle);
  top: 3px;
  left: 3px;
  box-shadow: var(--shadow-toggle);
  transition: transform var(--transition-toggle);
}
.toggle input:checked ~ .toggle__track {
  background: var(--color-blue);
}
.toggle input:checked ~ .toggle__track::after {
  transform: translateX(22px);
}

/* =============================================================
   BUTTONS
   ============================================================= */
.btn-primary {
  display: block;
  width: calc(100% - 32px);
  margin: var(--space-sm) var(--space-lg) var(--space-lg);
  background: var(--color-navy);
  color: var(--color-white);
  border: none;
  border-radius: var(--radius-lg);
  padding: 14px;
  font-size: 15px;
  font-weight: 700;
  font-family: var(--font-base);
  cursor: pointer;
  text-align: center;
  transition: background var(--transition-base),
              transform var(--transition-base);
}
.btn-primary:hover  { background: #14203f; }
.btn-primary:active { transform: scale(0.98); }

.btn-primary--disabled {
  background: #E5E7EB;
  color: var(--color-dim);
  cursor: not-allowed;
}
.btn-primary--disabled:hover { background: #E5E7EB; }

.btn-outline {
  background: var(--color-white);
  border: 1.5px solid var(--color-blue);
  color: var(--color-blue);
  border-radius: var(--radius-sm);
  padding: 7px 14px;
  font-size: var(--font-size-base);
  font-weight: 600;
  font-family: var(--font-base);
  cursor: pointer;
  transition: background var(--transition-base);
}
.btn-outline:hover { background: var(--color-blue-lt); }

.btn-delete {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: var(--space-md) var(--space-lg);
  font-size: var(--font-size-md);
  font-weight: 500;
  color: var(--color-red);
  cursor: pointer;
  background: none;
  border: none;
  font-family: var(--font-base);
  transition: color var(--transition-base);
}
.btn-delete:hover { color: #922b21; }

/* =============================================================
   BOTTOM NAVIGATION
   ============================================================= */
.bottom-nav {
  display: flex;
  border-top: 1px solid var(--color-border);
  padding: 7px 0 12px;
  background: var(--color-white);
  bottom: 0;
  position: fixed;
  width: 100%;
	max-width: 600px;
}

.bottom-nav__item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  font-size: var(--font-size-xs);
  color: var(--color-dim);
  cursor: pointer;
}
.bottom-nav__item--active {
  color: var(--color-blue);
  font-weight: 600;
}

.bottom-nav__icon {
  width: 22px;
  height: 22px;
  stroke: currentColor;
  display: block;
}

/* =============================================================
   INFO BANNER
   ============================================================= */
.info-banner {
  margin: var(--space-sm) var(--space-lg);
  background: var(--color-blue-lt);
  border-radius: var(--radius-sm);
  padding: 9px var(--space-md);
  font-size: var(--font-size-base);
  color: var(--color-blue);
  line-height: 1.5;
  display: flex;
  gap: var(--space-sm);
  align-items: flex-start;
}

/* =============================================================
   LOGO UPLOAD
   ============================================================= */
.logo-upload {
  display:block;
  align-items: center;
  gap: var(--space-lg);
  padding: var(--space-md) var(--space-lg);
  border-bottom: 1px solid var(--color-border);
}

.logo-upload__box {
  width: 64px;
  height: 64px;
  border-radius: var(--radius-lg);
  border: 1.5px dashed var(--color-border);
  background: var(--color-bg);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--space-xs);
  font-size: var(--font-size-xs);
  color: var(--color-dim);
  flex-shrink: 0;
}

.logo-upload__emoji {
  font-size: 22px;
}

.logo-upload__name {
  font-size: var(--font-size-md);
  font-weight: 600;
  color: var(--color-text);
  margin-bottom: 2px;
}

.logo-upload__hint {
  font-size: 11px;
  color: var(--color-muted);
  margin-bottom: var(--space-sm);
  line-height: 1.4;
}

.logo-uploader {
  background: #fff;
  border-radius: 12px;
  padding: 32px;
  box-shadow: 0 2px 12px rgba(0,0,0,0.08);
  text-align: center;
  width: 320px;
  margin-left:auto;
  margin-right:auto;
}

.logo-preview {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  background: #eef0f3;
  margin: 0 auto 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 2px dashed #cbd2d9;
}

.logo-preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.logo-preview svg {
  width: 32px;
  height: 32px;
  color: #9aa3af;
}

/* Hide the real file input, style the label as the button */
.logo-upload-input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
}

.logo-upload-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #4f46e5;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.15s ease, transform 0.05s ease;
  user-select: none;
}

.logo-upload-btn:hover { background: #4338ca; }
.logo-upload-upload-btn:active { transform: scale(0.97); }

.logo-upload-upload-btn.is-uploading {
  background: #9ca3af;
  cursor: not-allowed;
  pointer-events: none;
}

.logo-upload-status {
  margin-top: 14px;
  font-size: 13px;
  color: #6b7280;
  min-height: 18px;
}

.logo-upload-status.error { color: #dc2626; }
.logo-upload-status.success { color: #16a34a; }

/* =============================================================
   TABS  (bailee-job-05-management)
   ============================================================= */
.tabs {
  display: flex;
  border-bottom: 1px solid var(--color-border);
  background: var(--color-white);
  height: 49px;
}

.tab {
  flex: 1;
  padding: 11px var(--space-xs);
  text-align: center;
  font-size: var(--font-size-md);
  font-weight: 500;
  color: var(--color-muted);
  cursor: pointer;
  border-bottom: 2px solid transparent;
  transition: color var(--transition-base),
              border-color var(--transition-base);
  font-family: var(--font-base);
  background: none;
  border-top: none;
  border-left: none;
  border-right: none;
}
.tab:hover { color: var(--color-blue); }
.tab--active {
  color: var(--color-blue);
  border-bottom-color: var(--color-blue);
  font-weight: 600;
}

/* =============================================================
   SEARCH BAR
   ============================================================= */
.search-bar {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  padding: var(--space-sm) var(--space-lg);
  border-bottom: 1px solid var(--color-border);
}

.search-bar__input {
  flex: 1;
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  background: var(--color-bg);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  padding: 8px var(--space-md);
  font-size: var(--font-size-md);
  color: var(--color-dim);
  cursor: text;
}

.search-bar__input input {
  border: none;
  background: none;
  outline: none;
  font-size: var(--font-size-md);
  font-family: var(--font-base);
  color: var(--color-text);
  width: 100%;
}
.search-bar__input input::placeholder { color: var(--color-dim); }

.search-bar__input svg {
  width: 16px;
  height: 16px;
  stroke: var(--color-dim);
  flex-shrink: 0;
}

.search-bar__action {
  width: 34px;
  height: 34px;
  background: var(--color-bg);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  cursor: pointer;
  transition: background var(--transition-base);
}
.search-bar__action:hover { background: var(--color-blue-lt); }
.search-bar__action svg {
  width: 16px;
  height: 16px;
  stroke: var(--color-muted);
}

#searchResults {
  border: 1px solid var(--color-border);
  padding: 20px;
  background-color: var(--color-bg);
  display:none;
  margin-top:-16px;
}

/* =============================================================
   FILTER CHIPS
   ============================================================= */
.chips {
  display: flex;
  gap: var(--space-sm);
  padding: var(--space-sm) var(--space-md);
  flex-wrap: wrap;
  border-bottom: 1px solid var(--color-border);
}

.chip {
  padding: 5px var(--space-md);
  border-radius: var(--radius-pill);
  font-size: var(--font-size-base);
  font-weight: 500;
  cursor: pointer;
  border: 1px solid var(--color-border);
  color: var(--color-muted);
  background: var(--color-white);
  font-family: var(--font-base);
  transition: all var(--transition-base);
  white-space: nowrap;
}
.chip:hover { border-color: var(--color-blue); color: var(--color-blue); }
.chip--active {
  background: var(--color-blue);
  color: var(--color-white);
  border-color: var(--color-blue);
  font-weight: 600;
}

/* =============================================================
   STATUS BADGES
   ============================================================= */
.badge {
  font-size: var(--font-size-xs);
  font-weight: 600;
  padding: 3px 9px;
  border-radius: var(--radius-pill);
  white-space: nowrap;
  display: inline-block;
}

.badge--in-progress   { background: var(--color-blue-lt);   color: var(--color-blue); }
.badge--awaiting      { background: var(--color-amber-lt);  color: var(--color-amber); }
.badge--ready         { background: var(--color-green-lt);  color: var(--color-green); }
.badge--on-hold       { background: #F3E8FF;                color: #6B21A8; }
.badge--completed     { background: #F0F0F5;                color: var(--color-muted); }
.badge--overdue       { background: var(--color-red-lt);    color: var(--color-red); }
.badge--archived     { background: #F0F0F5;                color: var(--color-muted); }

/* =============================================================
   JOB CARDS
   ============================================================= */
.job-list {
  padding: var(--space-md) var(--space-md) var(--space-xs);
}

.job-card {
  background: var(--color-white);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: var(--space-md) var(--space-lg);
  margin-bottom: var(--space-sm);
  box-shadow: var(--shadow-card);
  cursor: pointer;
  transition: box-shadow var(--transition-base),
              border-color var(--transition-base);
}
.job-card:hover {
  border-color: #C4C8DC;
  box-shadow: 0 2px 8px rgba(45,58,140,0.08);
}

.job-card__top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: var(--space-xs);
}

.job-card__vehicle {
  font-size: var(--font-size-body);
  font-weight: 600;
  color: var(--color-text);
}

.job-card__reg {
  font-size: 11px;
  color: var(--color-muted);
  margin-top: 1px;
}

.job-card__customer {
  font-size: 11px;
  font-weight: 500;
  color: var(--color-blue);
  margin-top: 2px;
  cursor: pointer;
}

.job-card__service {
  display:grid;
  grid-template-columns:90% 1fr;
  font-size: var(--font-size-base);
  color: #555;
  margin: var(--space-xs) 0;
}

.job-card__service_left{
  grid-column:1;
}
.job-card__service_right{
  grid-column:2;
}

.job-card__progress {
  height: 4px;
  background: #eee;
  border-radius: 2px;
  margin: var(--space-sm) 0 var(--space-xs);
  overflow: hidden;
}

.job-card__progress-fill {
  height: 100%;
  border-radius: 2px;
  background: var(--color-blue);
}
.job-card__progress-fill--green  { background: var(--color-green); }
.job-card__progress-fill--amber  { background: var(--color-amber); }

.job-card__meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.job-card__stage { font-size: 11px; color: var(--color-muted); }
.job-card__due   { font-size: 11px; color: var(--color-muted); }
.job-card__due--overdue {
  font-size: 11px;
  color: var(--color-red);
  font-weight: 600;
}

/* Flagged left border accent */
.job-card--flagged { border-left: 3px solid var(--color-amber); }

/* =============================================================
   FLOATING ACTION BUTTON (FAB)
   ============================================================= */
.fab {
	position: fixed;
	bottom: 72px;
  left: 48%;
  width: 48px;
  height: 48px;
  background: var(--color-blue);
  border-radius: var(--radius-circle);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 3px 10px rgba(45,58,140,0.4);
  cursor: pointer;
  border: none;
  font-family: var(--font-base);
}
.fab:hover  { background: var(--color-navy); }
.fab:active { transform: scale(0.95); }
.fab svg {
  width: 22px;
  height: 22px;
  stroke: var(--color-white);
}

/* =============================================================
   PROFILE BANNER  (bailee-setup-02-menu)
   ============================================================= */
.profile-banner {
  background: linear-gradient(135deg, var(--color-navy) 0%, var(--color-blue) 100%);
  padding: var(--space-xl) var(--space-lg) var(--space-xl);
}

.profile-banner__avatar {
  width: 56px;
  height: 56px;
  border-radius: var(--radius-circle);
  background: rgba(255,255,255,0.2);
  border: 2px solid rgba(255,255,255,0.35);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--font-size-lg);
  font-weight: 700;
  color: var(--color-white);
  margin-bottom: var(--space-md);
}

.profile-banner__name {
  font-size: var(--font-size-lg);
  font-weight: 700;
  color: var(--color-white);
}

.profile-banner__role {
  font-size: var(--font-size-base);
  color: rgba(255,255,255,0.65);
  margin-top: 2px;
}

.profile-banner__link {
  font-size: var(--font-size-base);
  color: rgba(255,255,255,0.7);
  text-decoration: underline;
  cursor: pointer;
  margin-top: var(--space-sm);
  display: inline-block;
}

/* =============================================================
   MENU DRAWER ITEMS  (bailee-setup-02-menu)
   ============================================================= */
.menu-item {
  display: flex;
  align-items: center;
  gap: var(--space-lg);
  padding: var(--space-md) var(--space-lg);
  border-bottom: 1px solid var(--color-border);
  cursor: pointer;
  transition: background var(--transition-base);
  text-decoration: none;
}
.menu-item:hover { background: var(--color-bg); }
.menu-item:last-of-type { border-bottom: none; }

.menu-item__icon {
  width: 36px;
  height: 36px;
  border-radius: var(--radius-sm);
  background: var(--color-blue-lt);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.menu-item__icon svg {
  width: 18px;
  height: 18px;
  stroke: var(--color-blue);
}
.menu-item__icon--danger { background: var(--color-red-lt); }
.menu-item__icon--danger svg { stroke: var(--color-red); }

.menu-item__label {
  font-size: var(--font-size-body);
  font-weight: 600;
  color: var(--color-text);
  flex: 1;
}
.menu-item__label--danger { color: var(--color-red); }

.menu-item__sub {
  font-size: 11px;
  color: var(--color-muted);
  margin-top: 2px;
}

.menu-item__chevron {
  width: 16px;
  height: 16px;
  stroke: var(--color-dim);
}

.menu-version {
  text-align: center;
  padding: var(--space-lg);
  font-size: var(--font-size-xs);
  color: var(--color-dim);
}

/* =============================================================
   MENU DRAWER OVERLAY  (bailee-setup-02-menu)
   ============================================================= */
.drawer-container {
  position: relative;
  overflow: hidden;
  height: 755px;
}

/* Dimmed background content */
.drawer-backdrop {
  filter: blur(1px);
  opacity: 0.35;
  pointer-events: none;
  user-select: none;
}

/* Dark overlay */
.drawer-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.45);
  cursor: pointer;
  z-index: 10;
	opacity: 0;
	pointer-events: none;
	transition: opacity .3s ease;
}

/* The sliding drawer panel */
.drawer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 88%;
  background: var(--color-white);
  z-index: 20;
  display: flex;
  flex-direction: column;
  box-shadow: -4px 0 24px rgba(0,0,0,0.18);
  transform: translateX(0);
  max-width: 320px;
	transition: none;

}

.drawer--closed {
  transform: translateX(100%);
}

.drawer--open {
	transition: transform .32s cubic-bezier(.4, 0, .2, 1);
	transform: translateX(0);
}

/* Drawer scrollable body */
.drawer__body {
  flex: 1;
  overflow-y: auto;
}
.drawer__body::-webkit-scrollbar { display: none; }

/* Close button */
.drawer-close {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 32px;
  height: 32px;
  background: rgba(255,255,255,0.2);
  border: none;
  border-radius: var(--radius-circle);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 30;
  transition: background var(--transition-base);
}
.drawer-close:hover { background: rgba(255,255,255,0.35); }
.drawer-close svg {
  width: 16px;
  height: 16px;
  stroke: var(--color-white);
}

.btn-social {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-sm);
  width: 100%;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  padding: 12px;
  font-size: var(--font-size-md);
  font-weight: 500;
  font-family: var(--font-base);
  cursor: pointer;
  margin-bottom: var(--space-sm);
  background: var(--color-white);
  color: var(--color-text);
  transition: background var(--transition-base), border-color var(--transition-base);
}

.btn-social:hover { background: var(--color-bg); border-color: #C4C8DC; }
.btn-social--dark {
  background: #000;
  color: var(--color-white);
  border-color: #000;
}
.btn-social--dark:hover { background: #1a1a1a; }

.btn-social__icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}

/* =============================================================
   AUTH SCREENS  (bailee-auth-01-login)
   ============================================================= */
.auth-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--space-xl) var(--space-lg) var(--space-lg);
  background: var(--color-white);
}

.auth-logo {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: var(--space-xl);
}

.auth-logo__mark {
  width: 72px;
  height: 72px;
  background: var(--color-navy);
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--space-md);
  box-shadow: 0 4px 16px rgba(28,40,85,0.25);
}

.auth-logo__mark svg {
  width: 40px;
  height: 40px;
}

.auth-logo__name {
  font-size: 26px;
  font-weight: 700;
  color: var(--color-navy);
  letter-spacing: -0.02em;
}

.auth-logo__tagline {
  font-size: var(--font-size-base);
  color: var(--color-muted);
  margin-top: 3px;
  letter-spacing: 0.02em;
}

.auth-form {
  width: 100%;
  margin-bottom: var(--space-lg);
}

.auth-form .field-wrap {
  padding: 0 0 var(--space-sm);
}

.btn-auth {
  display: block;
  width: 100%;
  background: var(--color-navy);
  color: var(--color-white);
  border: none;
  border-radius: var(--radius-lg);
  padding: 14px;
  font-size: 15px;
  font-weight: 700;
  font-family: var(--font-base);
  cursor: pointer;
  text-align: center;
  margin-top: var(--space-sm);
  transition: background var(--transition-base), transform var(--transition-base);
}
.btn-auth:hover  { background: #14203f; }
.btn-auth:active { transform: scale(0.98); }

.auth-divider {
  display: flex;
  align-items: center;
  gap: var(--space-md);
  width: 100%;
  margin: var(--space-md) 0;
}
.auth-divider__line {
  flex: 1;
  height: 1px;
  background: var(--color-border);
}
.auth-divider__text {
  font-size: var(--font-size-base);
  color: var(--color-dim);
}

.auth-footer {
  text-align: center;
  margin-top: var(--space-md);
  width: 100%;
}
.auth-footer__text {
  font-size: var(--font-size-xs);
  color: var(--color-dim);
  margin-top: var(--space-sm);
  line-height: 1.5;
}
.auth-footer__text a {
  color: var(--color-blue);
  text-decoration: underline;
}

/* =============================================================
   AUTH BOTTOM CTA
   ============================================================= */
.auth-bottom-cta {
  border-top: 1px solid var(--color-border);
  padding: 14px var(--space-lg);
  background: var(--color-white);
  text-align: center;
}
.auth-bottom-cta__text {
  font-size: var(--font-size-base);
  color: var(--color-muted);
}
.auth-bottom-cta__link {
  font-size: var(--font-size-base);
  font-weight: 600;
  color: var(--color-blue);
}

/* =============================================================
   DASHBOARD  (bailee-setup-01-dashboard)
   ============================================================= */
.dashboard-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--space-md) var(--space-lg) var(--space-sm);
  background: var(--color-white);
  border-bottom: 1px solid var(--color-border);
}

.dashboard-header__left {
  display: flex;
  align-items: center;
  gap: var(--space-md);
}

.dashboard-header__logo {
  width: 38px;
  height: 38px;
  border-radius: var(--radius-sm);
  background: var(--color-navy);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.dashboard-header__logo svg {
  width: 22px;
  height: 22px;
}

.dashboard-header__greeting {
  font-size: var(--font-size-body);
  font-weight: 700;
  color: var(--color-text);
  line-height: 1.2;
}
.dashboard-header__date {
  font-size: 11px;
  color: var(--color-muted);
  margin-top: 2px;
}

.dashboard-header__actions {
  display: flex;
  align-items: center;
  gap: var(--space-md);
}
.dashboard-header__action {
  width: 34px;
  height: 34px;
  border-radius: var(--radius-circle);
  background: var(--color-bg);
  border: 1px solid var(--color-border);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background var(--transition-base);
}
.dashboard-header__action:hover { background: var(--color-blue-lt); }
.dashboard-header__action svg {
  width: 18px;
  height: 18px;
  stroke: var(--color-muted);
}

/* Stat tiles */
.stat-row {
  display: flex;
  gap: var(--space-sm);
  padding: var(--space-md) var(--space-md) var(--space-xs);
}

.stat-tile {
  flex: 1;
  background: var(--color-white);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: var(--space-md) var(--space-sm);
  text-align: center;
  box-shadow: var(--shadow-card);
}
.stat-tile__number {
  font-size: var(--font-size-hero);
  font-weight: 700;
  color: var(--color-blue);
  line-height: 1;
}
.stat-tile__label {
  font-size: var(--font-size-xs);
  color: var(--color-muted);
  margin-top: 4px;
}

/* Section heading */
.list-heading {
  font-size: var(--font-size-md);
  font-weight: 700;
  color: var(--color-text);
  padding: var(--space-md) var(--space-md) var(--space-sm);
}

.list-active {
	display: block;
}

.list-inactive {
	display: none;
}

/* =============================================================
   LIST SCREENS — User, customer  (bailee-setup-04, 06)
   ============================================================= */

/* Person list item */
.person-item {
  display: flex;
  align-items: center;
  gap: var(--space-md);
  padding: var(--space-md) var(--space-lg);
  border-bottom: 1px solid var(--color-border);
  cursor: pointer;
  transition: background var(--transition-base);
}
.person-item:hover { background: var(--color-bg); }
.person-item:last-of-type { border-bottom: none; }

.person-item__avatar {
  width: 40px;
  height: 40px;
  border-radius: var(--radius-circle);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--font-size-md);
  font-weight: 700;
  color: var(--color-white);
  flex-shrink: 0;
}

.person-item__info { flex: 1; min-width: 0; }
.person-item__name {
  font-size: var(--font-size-body);
  font-weight: 600;
  color: var(--color-text);
}
.person-item__sub {
  font-size: 11px;
  color: var(--color-muted);
  margin-top: 2px;
}

.person-item__badges {
  display: flex;
  gap: var(--space-xs);
  margin-top: var(--space-xs);
  flex-wrap: wrap;
}

.person-item__chevron {
  width: 16px;
  height: 16px;
  stroke: var(--color-dim);
  flex-shrink: 0;
}

/* Role badges */
.badge--owner  { background: var(--color-blue-lt);  color: var(--color-blue); }
.badge--tech   { background: var(--color-amber-lt); color: var(--color-amber); }
.badge--bio    { background: #F0F0F5; color: var(--color-muted); }

/* =============================================================
   PROFILE HEADER CARD  (bailee-setup-05-user-record)
   ============================================================= */
.profile-card {
  background: linear-gradient(135deg, var(--color-navy) 0%, var(--color-blue) 100%);
  padding: var(--space-lg) var(--space-lg) var(--space-xl);
  display: flex;
  align-items: center;
  gap: var(--space-md);
}

.profile-card__avatar {
  width: 48px;
  height: 48px;
  border-radius: var(--radius-circle);
  background: rgba(255,255,255,0.2);
  border: 2px solid rgba(255,255,255,0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--font-size-lg);
  font-weight: 700;
  color: var(--color-white);
  flex-shrink: 0;
}

.profile-card__name {
  font-size: var(--font-size-lg);
  font-weight: 700;
  color: var(--color-white);
  line-height: 1.2;
}
.profile-card__role {
  font-size: var(--font-size-base);
  color: rgba(255,255,255,0.7);
  margin-top: 2px;
}
.profile-card__email {
  font-size: var(--font-size-base);
  color: rgba(255,255,255,0.55);
  margin-top: 1px;
}

/* =============================================================
   service LIST  (bailee-setup-08-service-list)
   ============================================================= */
.service-item {
  display: flex;
  align-items: center;
  gap: var(--space-md);
  padding: var(--space-md) var(--space-lg);
  border-bottom: 1px solid var(--color-border);
  cursor: pointer;
  transition: background var(--transition-base);
}
.service-item:hover { background: var(--color-bg); }
.service-item:last-of-type { border-bottom: none; }

.service-item__icon {
  width: 44px;
  height: 44px;
  border-radius: var(--radius-md);
  background: var(--color-blue-lt);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  flex-shrink: 0;
}

.service-item__info { flex: 1; min-width: 0; }
.service-item__name {
  font-size: var(--font-size-body);
  font-weight: 600;
  color: var(--color-text);
}
.service-item__meta {
  font-size: 11px;
  color: var(--color-muted);
  margin-top: 3px;
}

.service-item__edit {
  font-size: var(--font-size-base);
  font-weight: 600;
  color: var(--color-blue);
  flex-shrink: 0;
  cursor: pointer;
}

/* =============================================================
   service EDIT  (bailee-setup-09-service-edit)
   ============================================================= */

/* Custom field row */
.custom-field-row {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  padding: 10px var(--space-md);
  border-bottom: 1px solid var(--color-border);
  background: var(--color-white);
}
.custom-field-row:last-of-type { border-bottom: none; }

.custom-field-row__drag {
  color: #D1D5DB;
  font-size: 15px;
  cursor: grab;
  flex-shrink: 0;
}
.custom-field-row__drag:active { cursor: grabbing; }

.custom-field-row__info { flex: 1; min-width: 0; }
.custom-field-row__name {
  font-size: var(--font-size-md);
  font-weight: 600;
  color: var(--color-text);
}
.custom-field-row__type {
  font-size: 11px;
  color: var(--color-muted);
  margin-top: 1px;
}

.custom-field-row__delete {
  color: #D1D5DB;
  font-size: 14px;
  cursor: pointer;
  padding: 2px 4px;
  border-radius: var(--radius-xs);
  transition: color var(--transition-base), background var(--transition-base);
}
.custom-field-row__delete:hover {
  color: var(--color-red);
  background: var(--color-red-lt);
}

.add-field-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-sm);
  padding: 11px var(--space-md);
  font-size: var(--font-size-md);
  font-weight: 600;
  color: var(--color-blue);
  cursor: pointer;
  border-top: 1px solid var(--color-border);
  transition: background var(--transition-base);
}
.add-field-row:hover { background: var(--color-blue-lt); }
.add-field-row__plus {
  font-size: 18px;
  font-weight: 300;
  line-height: 1;
}

.fields-card {
  margin: 0 var(--space-lg) var(--space-sm);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  overflow: hidden;
}

/* service icon photo upload */
.service-icon-upload {
  display: flex;
  align-items: center;
  gap: var(--space-lg);
}

.service-icon-upload__preview {
  width: 64px;
  height: 64px;
  border-radius: var(--radius-md);
  border: 1.5px dashed var(--color-border);
  background: var(--color-bg);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  font-size: var(--font-size-xs);
  color: var(--color-dim);
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  transition: border-color var(--transition-base);
}
.service-icon-upload__preview:hover { border-color: var(--color-blue); }
.service-icon-upload__preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  inset: 0;
}
.service-icon-upload__preview svg {
  width: 22px;
  height: 22px;
  stroke: var(--color-dim);
}

.service-icon-upload__hint {
  font-size: 11px;
  color: var(--color-muted);
  margin-bottom: var(--space-sm);
  line-height: 1.5;
}

/* Completion methods */
.completion-method {
  display: flex;
  align-items: flex-start;
  gap: var(--space-md);
  padding: var(--space-md) var(--space-lg);
  border-bottom: 1px solid var(--color-border);
  cursor: pointer;
  transition: background var(--transition-base);
}
.completion-method:hover { background: var(--color-bg); }
.completion-method:last-of-type { border-bottom: none; }

.completion-method__checkbox {
  width: 20px;
  height: 20px;
  border-radius: var(--radius-xs);
  border: 2px solid var(--color-border);
  background: var(--color-white);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 1px;
  transition: all var(--transition-base);
  cursor: pointer;
}
.completion-method__checkbox--checked {
  border-color: var(--color-blue);
  background: var(--color-blue);
}
.completion-method__checkbox--checked svg { display: block; }
.completion-method__checkbox svg { display: none; }

.completion-method__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 1px;
  width: 22px;
}

.completion-method__info { flex: 1; }
.completion-method__label {
  font-size: var(--font-size-body);
  font-weight: 600;
  color: var(--color-text);
}
.completion-method__desc {
  font-size: 11px;
  color: var(--color-muted);
  margin-top: 2px;
  line-height: 1.4;
}

/* =============================================================
   STAGE LIST  (bailee-setup-10-stage-list)
   ============================================================= */
.stage-list-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--space-sm) var(--space-lg);
  background: var(--color-bg);
  border-bottom: 1px solid var(--color-border);
}

.stage-list-header__meta {
  font-size: var(--font-size-base);
  color: var(--color-muted);
}
.stage-list-header__meta span {
  font-weight: 600;
  color: var(--color-text);
}

.stage-list-header__reorder {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
  font-size: var(--font-size-base);
  font-weight: 600;
  color: var(--color-blue);
  background: none;
  border: none;
  cursor: pointer;
  font-family: var(--font-base);
  padding: 0;
}
.stage-list-header__reorder svg {
  width: 14px;
  height: 14px;
  stroke: var(--color-blue);
}

.stage-item {
  display: flex;
  align-items: center;
  gap: var(--space-md);
  padding: var(--space-md) var(--space-lg);
  border-bottom: 1px solid var(--color-border);
  cursor: pointer;
  transition: background var(--transition-base);
}
.stage-item:hover { background: var(--color-bg); }
.stage-item:last-of-type { border-bottom: none; }

.stage-item__drag {
  color: #D1D5DB;
  font-size: 15px;
  cursor: grab;
  flex-shrink: 0;
}
.stage-item__drag:active { cursor: grabbing; }

.stage-item__num {
  width: 30px;
  height: 30px;
  border-radius: var(--radius-circle);
  background: var(--color-blue);
  color: var(--color-white);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--font-size-base);
  font-weight: 700;
  flex-shrink: 0;
}

.stage-item__info { flex: 1; min-width: 0; }
.stage-item__name {
  font-size: var(--font-size-body);
  font-weight: 600;
  color: var(--color-text);
}

.stage-item__badges {
  display: flex;
  gap: var(--space-xs);
  margin-top: var(--space-xs);
  flex-wrap: wrap;
}

.stage-item__chevron {
  width: 16px;
  height: 16px;
  stroke: var(--color-dim);
  flex-shrink: 0;
}

.badge--notify  { background: var(--color-blue-lt);  color: var(--color-blue); }
.badge--photo   { background: #F0F0F5; color: var(--color-muted); }
.badge--checks  { background: #ECFDF5; color: #065F46; }
.badge--optional-stage { background: var(--color-amber-lt); color: var(--color-amber); }

.add-stage-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-sm);
  width: calc(100% - 32px);
  margin: var(--space-md) var(--space-lg) var(--space-lg);
  background: var(--color-white);
  border: 1.5px dashed var(--color-border);
  border-radius: var(--radius-lg);
  padding: var(--space-md);
  font-size: var(--font-size-body);
  font-weight: 600;
  color: var(--color-blue);
  cursor: pointer;
  font-family: var(--font-base);
  transition: background var(--transition-base), border-color var(--transition-base);
}
.add-stage-btn:hover { background: var(--color-blue-lt); border-color: var(--color-blue); }
.add-stage-btn__plus { font-size: 18px; font-weight: 300; line-height: 1; }

/* =============================================================
   STAGE EDIT  (bailee-setup-11-stage-edit)
   ============================================================= */
.seg-control {
  display: flex;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  overflow: hidden;
  background: var(--color-bg);
}

.seg-control__btn {
  flex: 1;
  padding: 8px var(--space-xs);
  text-align: center;
  font-size: var(--font-size-base);
  font-weight: 500;
  color: var(--color-dim);
  background: transparent;
  border: none;
  border-right: 1px solid var(--color-border);
  cursor: pointer;
  font-family: var(--font-base);
  transition: all var(--transition-base);
  line-height: 1;
}
.seg-control__btn:last-child { border-right: none; }
.seg-control__btn--navy  { background: var(--color-navy); color: var(--color-white); font-weight: 700; }
.seg-control__btn--amber { background: var(--color-amber-lt); color: var(--color-amber); font-weight: 600; }
.seg-control__btn--blue  { background: var(--color-blue); color: var(--color-white); font-weight: 700; }

.msg-template-box {
  background: var(--color-bg);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  padding: 10px var(--space-md);
  font-size: var(--font-size-md);
  color: #555;
  line-height: 1.6;
  font-style: italic;
  width: 100%;
  resize: none;
  font-family: var(--font-base);
  outline: none;
  transition: border-color var(--transition-base);
}
.msg-template-box:focus {
  border-color: var(--color-blue);
  box-shadow: var(--shadow-focus);
  background: var(--color-white);
}

.var-chip {
  display: inline-block;
  background: var(--color-blue-lt);
  color: var(--color-blue);
  font-size: 10px;
  font-weight: 600;
  padding: 1px 5px;
  border-radius: var(--radius-xs);
  font-style: normal;
  font-family: var(--font-base);
}

.vars-hint {
  font-size: var(--font-size-xs);
  color: var(--color-dim);
  padding: 4px 0 var(--space-sm);
  display: flex;
  gap: var(--space-xs);
  flex-wrap: wrap;
}

.checklist-card {
  margin: 0 var(--space-lg) var(--space-sm);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  overflow: hidden;
  background: var(--color-white);
}
.checklist-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px var(--space-md);
  background: var(--color-bg);
  border-bottom: 1px solid var(--color-border);
}
.checklist-card__title {
  font-size: var(--font-size-md);
  font-weight: 600;
  color: var(--color-text);
}
.checklist-card__sub {
  font-size: 10px;
  color: var(--color-muted);
  margin-top: 1px;
}

.check-row {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  padding: 10px var(--space-md);
  border-bottom: 1px solid var(--color-border);
  background: var(--color-white);
}
.check-row:last-of-type { border-bottom: none; }

.check-row__drag {
  color: #D1D5DB;
  font-size: 15px;
  cursor: grab;
  flex-shrink: 0;
}
.check-row__text {
  flex: 1;
  font-size: var(--font-size-md);
  font-weight: 500;
  color: var(--color-text);
}
.check-row__badge-req {
  font-size: 9px;
  font-weight: 700;
  background: var(--color-red-lt);
  color: var(--color-red);
  padding: 2px 6px;
  border-radius: var(--radius-xs);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  white-space: nowrap;
  flex-shrink: 0;
}
.check-row__badge-opt {
  font-size: 9px;
  font-weight: 600;
  background: #F0F0F5;
  color: var(--color-muted);
  padding: 2px 6px;
  border-radius: var(--radius-xs);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  white-space: nowrap;
  flex-shrink: 0;
}
.check-row__delete {
  color: #D1D5DB;
  font-size: 14px;
  cursor: pointer;
  padding: 2px 4px;
  border-radius: var(--radius-xs);
  transition: color var(--transition-base), background var(--transition-base);
  flex-shrink: 0;
}
.check-row__delete:hover { color: var(--color-red); background: var(--color-red-lt); }

.add-check-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-sm);
  padding: 11px var(--space-md);
  font-size: var(--font-size-md);
  font-weight: 600;
  color: var(--color-blue);
  cursor: pointer;
  border-top: 1px solid var(--color-border);
  transition: background var(--transition-base);
}
.add-check-row:hover { background: var(--color-blue-lt); }
.add-check-row__plus { font-size: 18px; font-weight: 300; line-height: 1; }

/* Segmented control row wrapper */
.seg-row {
  padding: var(--space-md) var(--space-lg);
  border-bottom: 1px solid var(--color-border);
}
.seg-row:last-of-type { border-bottom: none; }
.seg-row__label {
  font-size: var(--font-size-body);
  font-weight: 600;
  color: var(--color-text);
  margin-bottom: 2px;
}
.seg-row__desc {
  font-size: 11px;
  color: var(--color-muted);
  margin-bottom: var(--space-sm);
}

/* =============================================================
   JOB CREATION STEPS  (bailee-job-01 through 04)
   ============================================================= */
.job-create-name {
  padding: var(--space-md) var(--space-lg) var(--space-sm);
  border-bottom: 1px solid var(--color-border);
}

.step-done {
  display: flex;
  align-items: center;
  gap: var(--space-md);
  background: var(--color-green-lt);
  border: 1px solid #C3E6CB;
  border-radius: var(--radius-md);
  padding: 10px var(--space-md);
  margin-bottom: var(--space-sm);
  cursor: pointer;
}

.step-active {
  background: var(--color-white);
  border: 1.5px solid var(--color-blue);
  border-radius: var(--radius-md);
  overflow: hidden;
  margin-bottom: var(--space-sm);
  box-shadow: 0 2px 8px rgba(45,58,140,0.08);
}

.step-locked {
  display: flex;
  align-items: center;
  gap: var(--space-md);
  background: var(--color-bg);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  padding: 10px var(--space-md);
  margin-bottom: var(--space-sm);
  opacity: 0.5;
}

.step__num {
  width: 24px;
  height: 24px;
  border-radius: var(--radius-circle);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--font-size-base);
  font-weight: 700;
  flex-shrink: 0;
}
.step__num--done   { background: var(--color-green); color: var(--color-white); }
.step__num--active { background: var(--color-blue);  color: var(--color-white); }
.step__num--locked { background: #ddd; color: #999; }

.step__label {
  font-size: var(--font-size-md);
  font-weight: 600;
  flex: 1;
}
.step__label--done   { color: var(--color-green); }
.step__label--active { color: var(--color-blue); }
.step__label--locked { color: #aaa; font-weight: 500; }

.step__sub {
  font-size: 11px;
  color: var(--color-muted);
  margin-top: 2px;
}

.step__edit {
  font-size: var(--font-size-base);
  font-weight: 600;
  color: var(--color-blue);
  flex-shrink: 0;
}

.step__header {
  display: flex;
  align-items: center;
  gap: var(--space-md);
  padding: 10px var(--space-md);
  background: var(--color-blue-lt);
}

.step__body {
  padding: var(--space-md) var(--space-md) var(--space-sm);
}

.step__chevron {
  color: var(--color-dim);
  font-size: 16px;
  margin-left: auto;
}

/* Divider with text */
.or-divider {
  display: flex;
  align-items: center;
  gap: var(--space-md);
  margin: var(--space-sm) 0;
}
.or-divider__line { flex: 1; height: 1px; background: var(--color-border); }
.or-divider__text { font-size: 11px; color: var(--color-dim); white-space: nowrap; }

/* VRM / UK plate */
.plate-wrap {
  display: flex;
  gap: var(--space-sm);
  align-items: center;
  margin-bottom: var(--space-md);
}

.plate-wrap,
.plate-wrap__inner,
.plate-input {
	width: 172px !important;
	height: 38px !important;
}

.plate-wrap {
	margin-bottom: 0;
}

.plate {
  flex: 1;
  background: #F5C518;
  border: 2.5px solid #222;
  border-radius: 6px;
  overflow: hidden;
  display: flex;
  align-items: stretch;
  box-shadow: 0 1px 4px rgba(0,0,0,0.15);
}
.plate__gb {
  background: #003399;
  width: 28px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3px 0;
  gap: 2px;
  flex-shrink: 0;
}
.plate__gb-text { color: #FFD700; font-size: 6px; font-weight: 800; line-height: 1; }
.plate__gb-star { color: #FFD700; font-size: 9px; line-height: 1; }
.plate__text {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 9px 8px;
  font-family: var(--font-plate);
  font-size: 22px;
  font-weight: 900;
  color: #111;
  letter-spacing: 0.08em;
}
.plate__text--placeholder { color: #aaa; }
.plate__btn {
  background: var(--color-blue);
  border-radius: var(--radius-sm);
  padding: 11px var(--space-md);
  font-size: var(--font-size-md);
  font-weight: 700;
  color: var(--color-white);
  white-space: nowrap;
  border: none;
  font-family: var(--font-base);
  cursor: pointer;
  transition: background var(--transition-base);
}
.plate__btn:hover { background: var(--color-navy); }
.plate__btn--found {
  background: var(--color-green);
  display: flex;
  align-items: center;
  gap: 4px;
}

.vrm-success {
  background: var(--color-green-lt);
  border: 1px solid #C3E6CB;
  border-radius: var(--radius-sm);
  padding: 8px var(--space-md);
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  font-size: var(--font-size-base);
  color: var(--color-green);
  font-weight: 500;
  margin-bottom: var(--space-md);
}
.vrm-success svg { width: 14px; height: 14px; stroke: var(--color-green); flex-shrink: 0; }

.field-green {
  background: var(--color-green-lt);
  border: 1.5px solid #C3E6CB;
  border-radius: var(--radius-sm);
  padding: 8px 11px;
  font-size: var(--font-size-md);
  color: var(--color-green);
  font-weight: 600;
}

#vehicleDetailsPanel {
	display: none;
}

/* Existing vehicle selector */
.vehicle-option {
  display: flex;
  align-items: center;
  gap: var(--space-md);
  padding: 10px var(--space-md);
  border-radius: var(--radius-sm);
  margin-bottom: var(--space-sm);
  cursor: pointer;
  border: 1.5px solid var(--color-border);
  background: var(--color-white);
  transition: all var(--transition-base);
}
.vehicle-option--selected {
  border-color: var(--color-blue);
  background: var(--color-blue-lt);
}
.vehicle-option__radio {
  width: 18px;
  height: 18px;
  border-radius: var(--radius-circle);
  border: 2px solid var(--color-border);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all var(--transition-base);
}
.vehicle-option--selected .vehicle-option__radio {
  border-color: var(--color-blue);
  background: var(--color-blue);
}
.vehicle-option__radio-dot {
  width: 6px;
  height: 6px;
  border-radius: var(--radius-circle);
  background: var(--color-white);
  display: none;
}
.vehicle-option--selected .vehicle-option__radio-dot { display: block; }
.vehicle-option__info { flex: 1; }
.vehicle-option__name { font-size: var(--font-size-md); font-weight: 600; color: var(--color-text); }
.vehicle-option__sub  { font-size: 11px; color: var(--color-muted); margin-top: 1px; }
.vehicle-option__plate {
  position: relative;
  width: 72px;
  height: 22px;
  flex-shrink: 0;
}
.vehicle-option__plate::before {
  content: '';
  position: absolute;
  inset: 0;
  background: url('data:image/png;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/4gHYSUNDX1BST0ZJTEUAAQEAAAHIAAAAAAQwAABtbnRyUkdCIFhZWiAH4AABAAEAAAAAAABhY3NwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlkZXNjAAAA8AAAACRyWFlaAAABFAAAABRnWFlaAAABKAAAABRiWFlaAAABPAAAABR3dHB0AAABUAAAABRyVFJDAAABZAAAAChnVFJDAAABZAAAAChiVFJDAAABZAAAAChjcHJ0AAABjAAAADxtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAHMAUgBHAEJYWVogAAAAAAAAb6IAADj1AAADkFhZWiAAAAAAAABimQAAt4UAABjaWFlaIAAAAAAAACSgAAAPhAAAts9YWVogAAAAAAAA9tYAAQAAAADTLXBhcmEAAAAAAAQAAAACZmYAAPKnAAANWQAAE9AAAApbAAAAAAAAAABtbHVjAAAAAAAAAAEAAAAMZW5VUwAAACAAAAAcAEcAbwBvAGcAbABlACAASQBuAGMALgAgADIAMAAxADb/2wBDAAUDBAQEAwUEBAQFBQUGBwwIBwcHBw8LCwkMEQ8SEhEPERETFhwXExQaFRERGCEYGh0dHx8fExciJCIeJBweHx7/2wBDAQUFBQcGBw4ICA4eFBEUHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh7/wAARCABvAggDASIAAhEBAxEB/8QAGwABAQADAQEBAAAAAAAAAAAAAAMCBAYFAQj/xAAtEAEAAQEIAgEDBAIDAAAAAAAAEQIEEhMWUVNhkQEDBgUjJSExMzUiQVJxgf/EABoBAQADAQEBAAAAAAAAAAAAAAADBAUCBgf/xAAmEQEAAQQCAwABBQEBAAAAAAAAEgECEVEDFAQTUiEFIiMxM3EG/9oADAMBAAIRAxEAPwD9O/VfqPt9/u8/5ebs/wCNM/p48NHHr1StNX3E7z475Xm8vLy3XXXfl6bj4rbbaUpRs49epj16ta8XlfsX7dwpps49epj16ta8XjsX7IU02cevUx69WteLx2L9kKabOPXqY9erWvF47F+yFNNnHr1MevVrXi8di/ZCmmzj16mPXq1rxeOxfshTTZx69THr1a14vHYv2Qpps49epj16ta8XjsX7IU02cevUx69WteLx2L9kKabOPXqY9erWvF47F+yFNNnHr1MevVrXi8di/ZCmmzj16mPXq1rxeOxfshTTZx69THr1a14vHYv2Qpps49epj16ta8XjsX7IU02cevUx69WteLx2L9kKabOPXqY9erWvF47F+yFNNnHr1MevVrXi8di/ZCmmzj16mPXq1rxeOxfshTTZx69THr1a14vHYv2Qpps49epj16ta8XjsX7IU02cevUx69WteLx2L9kKabOPXqY9erWvF47F+yFNNnHr1MevVrXi8di/ZCmmzj16mPXq1rxeOxfshTTZx69THr1a14vHYv2Qpps49epj16ta8XjsX7IU02cevUx69WteLx2L9kKabOPXqY9erWvF47F+yFNNnHr1MevVrXi8di/ZCmmzj16mPXq1rxeOxfshTTZx69THr1a14vHYv2Qppav637vpHmm1ea/OF4q8YlM/p5p/3/wCjwfl1X4b2Dd/Tf1XyeDirbZd+M/8AVTn8fjvuzWj2LT5+6nL7avP3fKUvLct/76tC238KSSnJKP2OoqSSnJJ7CKkkpySewipJKcknsIqSSnJJ7CKkkpySewipJKcknsIqSSnJJ7CKkkpySewipJKcknsIqSSnJJ7CKkkpySewipJKcknsIqSSnJJ7CKkkpySewipJKcknsIqSSnJJ7CKkkpySewipJKcknsIqSSnJJ7CKkkpySewipJKcknsIqSSnJJ7CKkkpySewipJKcknsIqSSnJJ7CKkkpySewipJKcknsIqSSnJJ7CKkkpySewipJKcknsIvM+W+fw3tE/lvn8P7BqeFf+xX5afl7Nq8/d8pTyytfn7qMsTmv/kqtW0/FFJ5J5TklHN1hSeSeU5JJmFJ5J5TkkmYUnknlOSSZhSeSeU5JJmFJ5J5TkkmYUnknlOSSZhSeSeU5JJmFJ5J5TkkmYUnknlOSSZhSeSeU5JJmFJ5J5TkkmYUnknlOSSZhSeSeU5JJmFJ5J5TkkmYUnknlOSSZhSeSeU5JJmFJ5J5TkkmYUnknlOSSZhSeSeU5JJmFJ5J5TkkmYUnknlOSSZhSeSeU5JJmFJ5J5TkkmYUnknlOSSZhSeSeU5JJmFJ5J5TkkmYUnknlOSSZhSeSeU5JJmFJ5J5TkkmYUnknlOSSZh5ny3z+H9gw+Wefw/sGr4N38avy0/L2bX5+6jKlr8/dRljc138lVq2n7aMpJYySik6wykljJJIwykljJJIwykljJJIwykljJJIwykljJJIwykljJJIwykljJJIwykljJJIwykljJJIwykljJJIwykljJJIwykljJJIwykljJJIwykljJJIwykljJJIwykljJJIwykljJJIwykljJJIwykljJJIwykljJJIwykljJJIwykljJJIwykljJJIwykljJJIwykljJJIwykljJJIwykljJJIwykljJJIwykljJJIwykljJJIw8v5X5/D+wY/K/P4j2DX8G7+NW5afue5a/5UVrX/ACosrm/0qnt/qgAjdAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAPJ+V/1HsD5X/Uewa3g/51/6r8v9vctf8qK1r/lRZvN/pVNb/VABG6AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAeT8r/qPYHyv+o9g1vB/wA6/wDVfl/t7lr/AJUWz829Hu+g++r3+2jxVZK6vOHX48+J/wCvPj9/0ctmiybdfSHzPA8jg57uPksrStKuuLmsvspW2roBz+aLJt19GaLJt19K3W5flJO3boBz+aLJt19GaLJt19HW5fknbt0A5/NFk26+jNFk26+jrcvyTt26Ac/miybdfRmiybdfR1uX5J27dAOfzRZNuvozRZNuvo63L8k7dugHP5osm3X0Zosm3X0dbl+Sdu3QDn80WTbr6M0WTbr6Oty/JO3boBz+aLJt19GaLJt19HW5fknbt0A5/NFk26+jNFk26+jrcvyTt26Ac/miybdfRmiybdfR1uX5J27dAOfzRZNuvozRZNuvo63L8k7dugHP5osm3X0Zosm3X0dbl+Sdu3QDn80WTbr6M0WTbr6Oty/JO3boBz+aLJt19GaLJt19HW5fknbt0A5/NFk26+jNFk26+jrcvyTt26Ac/miybdfRmiybdfR1uX5J27dAOfzRZNuvozRZNuvo63L8k7dugHP5osm3X0Zosm3X0dbl+Sdu3QDn80WTbr6M0WTbr6Oty/JO3boBz+aLJt19GaLJt19HW5fknbt0A5/NFk26+jNFk26+jrcvyTt26Ac/miybdfRmiybdfR1uX5J27dAOfzRZNuvozRZNuvo63L8k7dugHP5osm3X0Zosm3X0dbl+Sdu3QDn80WTbr6M0WTbr6Oty/JO3boBz+aLJt19GaLJt19HW5fknbt0A5/NFk26+jNFk26+jrcvyTt26Ac/miybdfRmiybdfR1uX5J27dAOfzRZNuvozRZNuvo63L8k7dugHP5osm3X0Zosm3X0dbl+Sdu3QDn80WTbr6M0WTbr6Oty/JO3ba+V/1HsFPoH036h8x+o+mn1eun1fS/V7PFVp9tVXifPj/j48fvPn9tPA9b+j/wDnfM8jx/ZSmKV2zfJ87i474v/Z') center/100% 100% no-repeat;
  border-radius: 3px;
}
.vehicle-option__plate-text {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-family: 'UKNumberPlate', monospace, sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: #111;
  letter-spacing: 0;
}

/* Photo intake grid */
.intake-grid {
  display: flex;
  gap: var(--space-sm);
  flex-wrap: wrap;
}
.intake-slot {
  width: 78px;
  height: 78px;
  border-radius: var(--radius-md);
  border: 1.5px dashed var(--color-border);
  background: var(--color-bg);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  font-size: var(--font-size-xs);
  color: var(--color-dim);
  cursor: pointer;
  transition: all var(--transition-base);
}
.intake-slot:hover { border-color: var(--color-blue); color: var(--color-blue); }
.intake-slot svg { width: 22px; height: 22px; stroke: currentColor; }
.intake-slot--add {
  border-color: var(--color-blue);
  color: var(--color-blue);
}

/* Create job footer hint */
.create-hint {
  text-align: center;
  font-size: 11px;
  color: var(--color-dim);
  padding: var(--space-sm) 0 var(--space-xs);
}

/* Skip link */
.skip-link {
  display: block;
  text-align: center;
  font-size: var(--font-size-md);
  font-weight: 500;
  color: var(--color-blue);
  padding: var(--space-sm) 0 var(--space-xs);
  cursor: pointer;
}

/* =============================================================
   STAFF SCREENS  (bailee-staff-01 through 04)
   ============================================================= */

/* ── Staff queue job card ── */
.queue-card {
  background: var(--color-white);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: var(--space-md) var(--space-lg);
  margin-bottom: var(--space-sm);
  box-shadow: var(--shadow-card);
  cursor: pointer;
  transition: box-shadow var(--transition-base), border-color var(--transition-base);
}
.queue-card:hover { border-color: #C4C8DC; box-shadow: 0 2px 8px rgba(45,58,140,0.08); }
.queue-card--flagged { border-left: 3px solid var(--color-amber); }
.queue-card--overdue { border-left: 3px solid var(--color-red); }

.queue-card__top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 4px;
}
.queue-card__vehicle { font-size: var(--font-size-body); font-weight: 700; color: var(--color-text); }
.queue-card__reg     { font-size: 11px; color: var(--color-muted); margin-top: 1px; }
.queue-card__service { font-size: var(--font-size-base); color: #555; margin: 4px 0; }
.queue-card__stage   { font-size: 11px; color: var(--color-muted); }
.queue-card__due     { font-size: 11px; color: var(--color-muted); }
.queue-card__due--overdue { font-size: 11px; color: var(--color-red); font-weight: 600; }
.queue-card__meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 4px;
}

/* ── Hero banner (job view) ── */
.job-hero {
  background: linear-gradient(135deg, var(--color-navy) 0%, var(--color-blue) 100%);
  padding: var(--space-md) var(--space-lg) var(--space-lg);
}
.job-hero__top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.job-hero__vehicle { font-size: var(--font-size-lg); font-weight: 700; color: var(--color-white); }
.job-hero__sub     { font-size: var(--font-size-base); color: rgba(255,255,255,0.65); margin-top: 2px; }
.job-hero__pill {
  background: rgba(255,255,255,0.18);
  color: var(--color-white);
  font-size: 11px;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: var(--radius-pill);
  white-space: nowrap;
  flex-shrink: 0;
  margin-top: 2px;
}
.job-hero__progress-wrap {
  margin-top: 10px;
  height: 3px;
  background: rgba(255,255,255,0.15);
  border-radius: 2px;
  overflow: hidden;
}
.job-hero__progress-fill {
  height: 100%;
  background: rgba(255,255,255,0.7);
  border-radius: 2px;
}

/* ── Concertina stages ── */
.con-list { padding: var(--space-sm) var(--space-md) var(--space-xs); }

.con-item {
  border-radius: var(--radius-md);
  margin-bottom: var(--space-sm);
  overflow: hidden;
  border: 1px solid var(--color-border);
}
.con-item--done   { background: var(--color-bg); }
.con-item--active { background: var(--color-white); border-color: var(--color-blue); box-shadow: 0 2px 8px rgba(45,58,140,0.10); }
.con-item--future { background: #FAFAFA; opacity: 0.6; }

.con-item__header {
  display: flex;
  align-items: center;
  gap: var(--space-md);
  padding: 10px var(--space-md);
  cursor: pointer;
  user-select: none;
}

.con-item__circle {
  width: 28px;
  height: 28px;
  border-radius: var(--radius-circle);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--font-size-base);
  font-weight: 700;
  flex-shrink: 0;
}
.con-item__circle--done   { background: var(--color-blue); color: var(--color-white); }
.con-item__circle--active { background: var(--color-blue); color: var(--color-white); box-shadow: 0 0 0 3px rgba(45,58,140,0.18); }
.con-item__circle--future { background: #eee; color: #bbb; }

.con-item__name { font-size: var(--font-size-md); font-weight: 600; flex: 1; }
.con-item__name--done   { color: #555; }
.con-item__name--active { color: var(--color-blue); }
.con-item__name--future { color: #bbb; font-weight: 500; }

.con-item__meta { font-size: 10px; text-align: right; line-height: 1.4; }
.con-item__meta--done   { color: #888; }
.con-item__meta--active { color: var(--color-blue); font-weight: 600; }
.con-item__meta--future { color: #ccc; }

.con-item__chevron { font-size: 14px; color: var(--color-dim); margin-left: 2px; }
.con-item__chevron--active { color: var(--color-blue); }

/* Concertina body */
.con-item__body {
  border-top: 1px solid #eee;
  padding: var(--space-md) var(--space-md) var(--space-sm);
  background: var(--color-white);
}

.con-instructions {
  font-size: var(--font-size-base);
  color: var(--color-muted);
  line-height: 1.55;
  background: var(--color-bg);
  border-radius: var(--radius-sm);
  padding: 8px 10px;
  margin-bottom: var(--space-md);
}

/* Stage section label */
.stage-section-label {
  font-size: 10px;
  font-weight: 600;
  color: #4B5563;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: var(--space-sm);
  display: flex;
  align-items: center;
  gap: var(--space-sm);
}

/* Stage checks inside concertina */
.con-checks {
  background: var(--color-bg);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  padding: 8px 10px;
  margin-bottom: var(--space-md);
}
.con-checks__hint {
  font-size: 10px;
  color: #888;
  margin-bottom: var(--space-sm);
}
.con-check-row {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  padding: 6px 0;
  border-bottom: 1px solid #EAEBF0;
  cursor: pointer;
}
.con-check-row:last-child { border-bottom: none; }
.con-check-box {
  width: 20px;
  height: 20px;
  border-radius: var(--radius-xs);
  flex-shrink: 0;
  margin-top: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all var(--transition-base);
}
.con-check-box--req-empty  { border: 2px solid var(--color-blue); background: transparent; }
.con-check-box--req-ticked { border: 2px solid var(--color-blue); background: var(--color-blue); }
.con-check-box--opt-empty  { border: 2px solid #ccc; background: transparent; }
.con-check-box--opt-ticked { border: 2px solid var(--color-blue); background: var(--color-blue); }
.con-check-text {
  flex: 1;
  font-size: var(--font-size-base);
  color: var(--color-text);
  font-weight: 500;
  line-height: 1.45;
}
.con-check-text--done { color: #aaa; text-decoration: line-through; font-weight: 400; }

/* Photo row inside concertina */
.con-photo-row {
  display: flex;
  gap: var(--space-sm);
  margin-bottom: var(--space-md);
}
.con-photo-slot {
  width: 58px;
  height: 58px;
  border-radius: var(--radius-sm);
  border: 1.5px dashed var(--color-border);
  background: var(--color-bg);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  transition: border-color var(--transition-base);
}
.con-photo-slot:hover { border-color: var(--color-blue); }
.con-photo-slot svg { width: 20px; height: 20px; stroke: var(--color-dim); }
.con-photo-slot--taken {
  border-style: solid;
  border-color: var(--color-border);
}
.con-photo-tick {
  position: absolute;
  top: 3px; right: 3px;
  width: 14px; height: 14px;
  background: var(--color-green);
  border-radius: var(--radius-circle);
  display: flex; align-items: center; justify-content: center;
}
.con-photo-tick svg { width: 8px; height: 8px; stroke: #fff; }

.con-photo-img{width:58px;}
/* Note field inside concertina */
.con-note {
  width: 100%;
  background: var(--color-bg);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  padding: 9px 11px;
  font-size: var(--font-size-base);
  color: var(--color-muted);
  font-style: italic;
  line-height: 1.5;
  font-family: var(--font-base);
  resize: none;
  outline: none;
  margin-bottom: var(--space-md);
  transition: border-color var(--transition-base);
}
.con-note:focus { border-color: var(--color-blue); box-shadow: var(--shadow-focus); color: var(--color-text); font-style: normal; }

/* Message box inside concertina */
.con-msg-box {
  background: var(--color-bg);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  overflow: hidden;
  margin-bottom: var(--space-sm);
}
.con-msg-box__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 10px;
  border-bottom: 1px solid var(--color-border);
  background: var(--color-white);
}
.con-msg-box__channel { font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--color-muted); }
.con-msg-box__edit    { font-size: 11px; color: var(--color-blue); text-decoration: underline; cursor: pointer; }
.con-msg-box__body    { padding: 8px 10px; font-size: var(--font-size-base); color: #555; line-height: 1.55; font-style: italic; }

.con-msg-box input{width:97%;margin-top:6px;margin-left:6px;}
/* Complete / Flag buttons */
.complete-btn {
  width: 100%;
  border: none;
  border-radius: var(--radius-md);
  padding: 13px;
  font-size: var(--font-size-body);
  font-weight: 700;
  font-family: var(--font-base);
  cursor: pointer;
  margin-top: var(--space-xs);
  transition: all var(--transition-base);
}
.complete-btn--disabled {
  background: #E5E7EB;
  color: var(--color-dim);
  cursor: not-allowed;
}
.complete-btn--enabled {
  background: var(--color-navy);
  color: var(--color-white);
}
.complete-btn--enabled:hover { background: #14203f; }
.complete-btn--enabled:active { transform: scale(0.98); }

.flag-link {
  text-align: center;
  font-size: 11px;
  font-weight: 500;
  color: var(--color-red);
  padding: 8px 0 2px;
  cursor: pointer;
  transition: color var(--transition-base);
}
.flag-link:hover { color: #922b21; }
.flag-link-flagged, .flag-link-flagged:hover {
  background-color:var(--color-green);
  color:white;
  margin-top:6px;
  border-radius:6px;
}
/* ── Stage Complete (T3) ── */
.complete-sheet {
  background: var(--color-white);
  border-radius: 20px 20px 0 0;
  z-index: 20;
}
.sheet-handle {
  width: 36px; height: 4px;
  background: #D1D5DB;
  border-radius: 2px;
  margin: 10px auto 4px;
}
.complete-success-icon {
  width: 56px; height: 56px;
  border-radius: var(--radius-circle);
  background: var(--color-green-lt);
  border: 2px solid #C3E6CB;
  display: flex; align-items: center; justify-content: center;
  margin: var(--space-md) auto var(--space-sm);
}
.complete-success-icon svg { width: 28px; height: 28px; stroke: var(--color-green); }
.complete-sheet__title {
  font-size: var(--font-size-title);
  font-weight: 700;
  color: var(--color-text);
  text-align: center;
  padding: 0 var(--space-lg);
}
.complete-sheet__sub {
  font-size: var(--font-size-base);
  color: var(--color-muted);
  text-align: center;
  padding: 4px var(--space-lg) var(--space-md);
  line-height: 1.5;
}
.notified-banner {
  display: flex; align-items: center; gap: var(--space-sm);
  background: var(--color-green-lt); border: 1px solid #C3E6CB;
  border-radius: var(--radius-sm); padding: 9px var(--space-md);
  margin: 0 var(--space-lg) var(--space-md);
  font-size: var(--font-size-base); color: var(--color-green); font-weight: 500;
}
.notified-banner svg { width: 14px; height: 14px; stroke: var(--color-green); flex-shrink: 0; }
.next-stage-card {
  margin: 0 var(--space-lg) var(--space-md);
  background: var(--color-bg); border: 1px solid var(--color-border);
  border-radius: var(--radius-sm); padding: 10px var(--space-md);
  display: flex; align-items: center; gap: var(--space-md);
}
.next-stage-card__label { font-size: 11px; color: var(--color-muted); margin-bottom: 2px; }
.next-stage-card__name  { font-size: var(--font-size-md); font-weight: 600; color: var(--color-text); }

/* ── Flag a Problem (T4) ── */
#flag-overlay{display:none;}

.flag-sheet {
  background: var(--color-white);
  border-radius: 20px 20px 0 0;
  position: absolute;
  bottom: 0; left: 0; right: 0;
  z-index: 20;
  
  transform: translateY(100%); /* hidden */
  transition: transform 0.3s ease-in-out; 
}

.flag-sheet.active {
  
  transform: translateY(0);

}

.flag-sheet__title {
  font-size: var(--font-size-title);
  font-weight: 700;
  color: var(--color-text);
  padding: 8px var(--space-lg) var(--space-md);
  border-bottom: 1px solid var(--color-border);
}
.flag-option {
  display: flex; align-items: flex-start; gap: var(--space-md);
  margin: 0 var(--space-lg) var(--space-sm);
  padding: var(--space-md);
  border: 1.5px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-white);
  cursor: pointer;
  transition: all var(--transition-base);
}
.flag-option:hover { border-color: #C4C8DC; background: var(--color-bg); }
.flag-option--selected { border-color: var(--color-blue); background: var(--color-blue-lt); }
.flag-option__radio {
  width: 20px; height: 20px; border-radius: var(--radius-circle);
  border: 2px solid var(--color-border); flex-shrink: 0; margin-top: 2px;
  display: flex; align-items: center; justify-content: center;
  transition: all var(--transition-base);
}
.flag-option--selected .flag-option__radio { border-color: var(--color-blue); background: var(--color-blue); }
.flag-option__radio-dot { width: 7px; height: 7px; border-radius: var(--radius-circle); background: var(--color-white); display: none; }
.flag-option--selected .flag-option__radio-dot { display: block; }
.flag-option__label { font-size: var(--font-size-body); font-weight: 600; color: var(--color-text); }
.flag-option__desc  { font-size: 11px; color: var(--color-muted); margin-top: 2px; line-height: 1.4; }

.confirm-btn {
  display: block; width: calc(100% - 32px); margin: 0 var(--space-lg) var(--space-sm);
  background: var(--color-red); color: var(--color-white); border: none;
  border-radius: var(--radius-lg); padding: 14px;
  font-size: 15px; font-weight: 700; font-family: var(--font-base);
  cursor: pointer; transition: background var(--transition-base), transform var(--transition-base);
}
.confirm-btn:hover  { background: #992b1e; }
.confirm-btn:active { transform: scale(0.98); }

.cancel-link {
  display: block; text-align: center;
  font-size: var(--font-size-body); font-weight: 500; color: var(--color-blue);
  padding: 10px var(--space-lg) var(--space-lg); cursor: pointer;
}

/* =============================================================
   CUSTOMER SCREENS  (bailee-customer-01, 02)
   ============================================================= */

/* ── Job status page hero ── */
.customer-hero {
  background: linear-gradient(135deg, var(--color-navy) 0%, var(--color-blue) 100%);
  padding: var(--space-lg) var(--space-lg) var(--space-xl);
}
.customer-hero__business {
  font-size: var(--font-size-base);
  color: rgba(255,255,255,0.6);
  margin-bottom: var(--space-xs);
  display: flex;
  align-items: center;
  gap: var(--space-sm);
}
.customer-hero__vehicle { font-size: var(--font-size-lg); font-weight: 700; color: var(--color-white); }
.customer-hero__service { font-size: var(--font-size-base); color: rgba(255,255,255,0.7); margin-top: 2px; }
.customer-hero__progress-wrap {
  margin-top: var(--space-md);
  height: 4px;
  background: rgba(255,255,255,0.2);
  border-radius: 2px;
  overflow: hidden;
}
.customer-hero__progress-fill {
  height: 100%;
  background: rgba(255,255,255,0.85);
  border-radius: 2px;
}
.customer-hero__meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: var(--space-sm);
}
.customer-hero__stage { font-size: 11px; color: rgba(255,255,255,0.65); }
.customer-hero__due   { font-size: 11px; color: rgba(255,255,255,0.65); }

/* ── Stage timeline ── */
.timeline { padding: var(--space-md) var(--space-lg); }

.timeline-item {
  display: flex;
  gap: var(--space-md);
  position: relative;
  padding-bottom: var(--space-md);
}
.timeline-item:last-child { padding-bottom: 0; }

.timeline-item__left {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
  width: 28px;
}
.timeline-item__dot {
  width: 28px;
  height: 28px;
  border-radius: var(--radius-circle);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--font-size-base);
  font-weight: 700;
  flex-shrink: 0;
  z-index: 1;
}
.timeline-item__dot--done    { background: var(--color-blue); color: var(--color-white); }
.timeline-item__dot--active  { background: var(--color-blue); color: var(--color-white); box-shadow: 0 0 0 4px rgba(45,58,140,0.15); }
.timeline-item__dot--future  { background: #E5E7EB; color: var(--color-dim); }

.timeline-item__line {
  width: 2px;
  flex: 1;
  margin-top: 4px;
  min-height: 16px;
}
.timeline-item__line--done   { background: var(--color-blue); }
.timeline-item__line--future { background: #E5E7EB; }

.timeline-item__content { flex: 1; padding-top: 3px; }
.timeline-item__name {
  font-size: var(--font-size-md);
  font-weight: 600;
  line-height: 1.3;
}
.timeline-item__name--done   { color: var(--color-text); }
.timeline-item__name--active { color: var(--color-blue); }
.timeline-item__name--future { color: var(--color-dim); }

.timeline-item__time {
  font-size: 11px;
  color: var(--color-muted);
  margin-top: 2px;
}
.timeline-item__msg {
  font-size: var(--font-size-base);
  color: #555;
  margin-top: var(--space-sm);
  line-height: 1.5;
  font-style: italic;
  background: var(--color-bg);
  border-radius: var(--radius-sm);
  padding: 8px 10px;
}

/* Stage photos strip */
.stage-photos {
  display: flex;
  gap: var(--space-sm);
  margin-top: var(--space-sm);
}
.stage-photo {
  width: 52px;
  height: 52px;
  border-radius: var(--radius-sm);
  overflow: hidden;
  flex-shrink: 0;
}

/* ── My Jobs (customer portal) ── */
.customer-job-card {
  background: var(--color-white);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: var(--space-md) var(--space-lg);
  margin-bottom: var(--space-sm);
  box-shadow: var(--shadow-card);
  cursor: pointer;
  transition: box-shadow var(--transition-base);
}
.customer-job-card:hover { box-shadow: 0 2px 8px rgba(0,0,0,0.08); }

.customer-job-card__top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 4px;
}
.customer-job-card__vehicle { font-size: var(--font-size-body); font-weight: 700; color: var(--color-text); }
.customer-job-card__service { font-size: var(--font-size-base); color: var(--color-muted); margin-top: 2px; }
.customer-job-card__business { font-size: 11px; color: var(--color-blue); font-weight: 500; margin-top: 4px; }
.customer-job-card__progress {
  height: 3px;
  background: #eee;
  border-radius: 2px;
  margin: var(--space-sm) 0 4px;
  overflow: hidden;
}
.customer-job-card__progress-fill { height: 100%; border-radius: 2px; background: var(--color-blue); }
.customer-job-card__meta {
  display: flex;
  justify-content: space-between;
  font-size: 11px;
  color: var(--color-muted);
}

/* Customer portal header */
.customer-portal-header {
  background: linear-gradient(135deg, var(--color-navy) 0%, var(--color-blue) 100%);
  padding: var(--space-lg) var(--space-lg) var(--space-xl);
  text-align: center;
}
.customer-portal-header__logo {
  width: 44px;
  height: 44px;
  background: rgba(255,255,255,0.2);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto var(--space-sm);
}
.customer-portal-header__name { font-size: var(--font-size-title); font-weight: 700; color: var(--color-white); }
.customer-portal-header__sub  { font-size: var(--font-size-base); color: rgba(255,255,255,0.65); margin-top: 2px; }

/* =============================================================
   OPENING HOURS  (bailee-setup-03-business-settings)
   ============================================================= */
.hours-row {
  display: flex;
  align-items: center;
  gap: var(--space-md);
  padding: 10px var(--space-lg);
  border-bottom: 1px solid var(--color-border);
}
.hours-row:last-of-type { border-bottom: none; }

.hours-row__day {
  font-size: var(--font-size-md);
  font-weight: 600;
  color: var(--color-text);
  width: 36px;
  flex-shrink: 0;
}

.hours-row__times {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  flex: 1;
}

.hours-input {
  width: 72px;
  background: var(--color-bg);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  padding: 6px 8px;
  font-size: var(--font-size-base);
  font-family: var(--font-base);
  color: var(--color-text);
  outline: none;
  text-align: center;
  transition: border-color var(--transition-base);
}
.hours-input:focus { border-color: var(--color-blue); }
.hours-input:disabled {
  background: var(--color-divider);
  color: var(--color-dim);
  cursor: not-allowed;
}

.hours-row__sep {
  font-size: var(--font-size-base);
  color: var(--color-muted);
}

.hours-row__closed {
  font-size: var(--font-size-base);
  color: var(--color-dim);
  font-style: italic;
}


/* =============================================================
   SETTINGS LIST ITEMS — Couriers, Third Parties
   ============================================================= */
.settings-list-item {
  display: flex;
  align-items: center;
  gap: var(--space-md);
  padding: var(--space-md) var(--space-lg);
  border-bottom: 1px solid var(--color-border);
  cursor: pointer;
  transition: background var(--transition-base);
}
.settings-list-item:hover { background: var(--color-bg); }
.settings-list-item:last-of-type { border-bottom: none; }

.settings-list-item__icon {
  width: 38px;
  height: 38px;
  border-radius: var(--radius-sm);
  background: var(--color-blue-lt);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.settings-list-item__icon svg {
  width: 18px;
  height: 18px;
  stroke: var(--color-blue);
}

.settings-list-item__info { flex: 1; min-width: 0; }
.settings-list-item__name {
  font-size: var(--font-size-body);
  font-weight: 600;
  color: var(--color-text);
}
.settings-list-item__sub {
  font-size: 11px;
  color: var(--color-muted);
  margin-top: 2px;
}

.settings-list-item__chevron {
  width: 16px;
  height: 16px;
  stroke: var(--color-dim);
  flex-shrink: 0;
}

/* =============================================================
   COURIER ICON  (bailee-setup-14-courier-list, 15-courier-record)
   ============================================================= */
.courier-icon-upload {
  display: flex;
  align-items: center;
  gap: var(--space-lg);
  padding: var(--space-md) var(--space-lg);
  border-bottom: 1px solid var(--color-border);
}

.courier-icon-upload__preview {
  width: 52px;
  height: 52px;
  border-radius: var(--radius-md);
  border: 1.5px dashed var(--color-border);
  background: var(--color-blue-lt);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  transition: border-color var(--transition-base);
}
.courier-icon-upload__preview:hover { border-color: var(--color-blue); }
.courier-icon-upload__preview img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: absolute;
  inset: 0;
  padding: 6px;
}
.courier-icon-upload__preview svg {
  width: 24px;
  height: 24px;
  stroke: var(--color-blue);
}

.courier-icon-upload__hint {
  font-size: 11px;
  color: var(--color-muted);
  margin-bottom: var(--space-sm);
  line-height: 1.5;
}

/* Courier list icon — uploaded or default */
.courier-list-icon {
  width: 38px;
  height: 38px;
  border-radius: var(--radius-sm);
  background: var(--color-blue-lt);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  overflow: hidden;
}
.courier-list-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 4px;
}
.courier-list-icon svg {
  width: 18px;
  height: 18px;
  stroke: var(--color-blue);
}

/* =============================================================
   FULFILMENT COMPLETION SHEETS  (bailee-staff-03-*)
   ============================================================= */
.dispatch-form {
  padding: 0 var(--space-lg) var(--space-sm);
}

.dispatch-form .field-wrap {
  padding: 0 0 var(--space-sm);
}

.time-slot-grid {
  display: flex;
  gap: var(--space-sm);
}

.time-slot-btn {
  flex: 1;
  padding: 9px var(--space-xs);
  text-align: center;
  font-size: var(--font-size-base);
  font-weight: 500;
  color: var(--color-muted);
  background: var(--color-bg);
  border: 1.5px solid var(--color-border);
  border-radius: var(--radius-sm);
  cursor: pointer;
  font-family: var(--font-base);
  transition: all var(--transition-base);
}
.time-slot-btn:hover { border-color: var(--color-blue); color: var(--color-blue); }
.time-slot-btn--selected {
  background: var(--color-blue-lt);
  border-color: var(--color-blue);
  color: var(--color-blue);
  font-weight: 700;
}

.collection-address-box {
  background: var(--color-bg);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  padding: 10px var(--space-md);
  font-size: var(--font-size-md);
  color: var(--color-text);
  line-height: 1.55;
}
.collection-address-box__edit {
  font-size: var(--font-size-base);
  color: var(--color-blue);
  font-weight: 600;
  cursor: pointer;
  margin-top: var(--space-xs);
  display: inline-block;
}

/* =============================================================
   JOB MANAGEMENT — FULFILMENT STATUS BADGES & ACTIONS
   ============================================================= */
.badge--dispatched         { background: #EEF0F8; color: #2D3A8C; }
.badge--return-scheduled   { background: #EEF0F8; color: #2D3A8C; }
.badge--awaiting-collection { background: var(--color-amber-lt); color: var(--color-amber); }
.badge--collected          { background: var(--color-green-lt); color: var(--color-green); }

/* Mark-as action button on job cards */
.job-card__action {
  margin-top: var(--space-sm);
  padding-top: var(--space-sm);
  border-top: 1px solid var(--color-border);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.job-card__action-info {
  font-size: 11px;
  color: var(--color-muted);
  line-height: 1.4;
}

.job-card__action-btn {
  font-size: var(--font-size-base);
  font-weight: 700;
  color: var(--color-white);
  background: var(--color-navy);
  border: none;
  border-radius: var(--radius-sm);
  padding: 6px 12px;
  cursor: pointer;
  font-family: var(--font-base);
  white-space: nowrap;
  flex-shrink: 0;
  transition: background var(--transition-base);
}
.job-card__action-btn:hover { background: #14203f; }

/* =============================================================
   VEHICLE EXPAND / COLLAPSE  (bailee-setup-07-customer-record)
   ============================================================= */
.vehicle-item {
  border-bottom: 1px solid var(--color-border);
}
.vehicle-item:last-of-type { border-bottom: none; }

.vehicle-item__header {
  display: flex;
  align-items: center;
  gap: var(--space-md);
  padding: var(--space-md) var(--space-lg);
  cursor: pointer;
  transition: background var(--transition-base);
}
.vehicle-item__header:hover { background: var(--color-bg); }

.vehicle-item__body {
  display: none;
  padding: 0 var(--space-lg) var(--space-md);
  border-top: 1px solid var(--color-border);
  background: var(--color-bg);
}
.vehicle-item__body.open { display: block; }

.vehicle-item__chevron {
  width: 16px;
  height: 16px;
  stroke: var(--color-dim);
  flex-shrink: 0;
  transition: transform var(--transition-base);
}
.vehicle-item__chevron.open { transform: rotate(90deg); }

/* Email locked state */
.field-input--locked {
  background: var(--color-bg);
  color: var(--color-muted);
  cursor: not-allowed;
  border-color: var(--color-border);
}
.field-locked-hint {
  font-size: 11px;
  color: var(--color-dim);
  padding: 3px var(--space-lg) 0;
}

/* =============================================================
   UK NUMBER PLATE INPUT
   ============================================================= */
@font-face {
  font-family: 'UKNumberPlate';
  font-style: normal;
  font-weight: 400;
  src: url('data:font/woff;base64,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') format('woff');
}

.plate-wrap {
  width: 50%;
  margin-top: var(--space-xs);
}

.plate-wrap__inner {
  position: relative;
  width: 100%;
  padding-bottom: 22%;
  border-radius: 4px;
  overflow: hidden;
}

.plate-wrap__bg {
  position: absolute;
  inset: 0;
  border-radius: 4px;
}

.plate-input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  border: none;
  outline: none;
  font-family: 'UKNumberPlate', monospace, sans-serif;
  font-size: 34px;
  font-weight: 400;
  color: #111;
  text-align: center;
  text-transform: uppercase;
  padding: 0;
}


/* =============================================================
   CUSTOMER JOB STATUS PAGE  (bailee-customer-01-job-status)
   ============================================================= */

/* Business branded header */
.cust-header {
  background: linear-gradient(135deg, var(--color-navy) 0%, var(--color-blue) 100%);
  padding: var(--space-lg) var(--space-lg) var(--space-xl);
}
.cust-header__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--space-md);
}
.cust-header__business {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
}
.cust-header__logo {
  width: 36px;
  height: 36px;
  border-radius: var(--radius-sm);
  background: rgba(255,255,255,0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 700;
  color: var(--color-white);
  flex-shrink: 0;
}
.cust-header__business-name {
  font-size: var(--font-size-md);
  font-weight: 700;
  color: var(--color-white);
}
.cust-header__powered {
  font-size: 10px;
  color: rgba(255,255,255,0.5);
  margin-top: 1px;
}
.cust-header__bailee {
  font-size: 10px;
  font-weight: 700;
  color: rgba(255,255,255,0.5);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.cust-header__vehicle {
  font-size: var(--font-size-lg);
  font-weight: 700;
  color: var(--color-white);
  margin-bottom: 2px;
}
.cust-header__service {
  font-size: var(--font-size-base);
  color: rgba(255,255,255,0.7);
  margin-bottom: var(--space-md);
}
.cust-header__progress-wrap {
  height: 4px;
  background: rgba(255,255,255,0.2);
  border-radius: 2px;
  overflow: hidden;
  margin-bottom: var(--space-sm);
}
.cust-header__progress-fill {
  height: 100%;
  background: rgba(255,255,255,0.85);
  border-radius: 2px;
  transition: width 0.6s ease;
}
.cust-header__meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cust-header__stage-label { font-size: 11px; color: rgba(255,255,255,0.65); }
.cust-header__due         { font-size: 11px; color: rgba(255,255,255,0.65); }

/* Fulfilment pill */
.fulfilment-pill {
  display: inline-flex;
  align-items: center;
  gap: var(--space-xs);
  background: rgba(255,255,255,0.15);
  border: 1px solid rgba(255,255,255,0.25);
  border-radius: var(--radius-pill);
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 600;
  color: var(--color-white);
  margin-top: var(--space-sm);
}
.fulfilment-pill svg {
  width: 12px;
  height: 12px;
  stroke: var(--color-white);
  flex-shrink: 0;
}

/* Customer stage timeline */
.cust-timeline {
  padding: var(--space-md) var(--space-lg) var(--space-xs);
}

.cust-stage {
  display: flex;
  gap: var(--space-md);
  cursor: pointer;
}

.cust-stage__left {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
  width: 30px;
}
.cust-stage__dot {
  width: 30px;
  height: 30px;
  border-radius: var(--radius-circle);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
  flex-shrink: 0;
  z-index: 1;
  transition: all var(--transition-base);
}
.cust-stage__dot--done    { background: var(--color-blue); color: var(--color-white); }
.cust-stage__dot--active  { background: var(--color-blue); color: var(--color-white); box-shadow: 0 0 0 4px rgba(45,58,140,0.15); }
.cust-stage__dot--future  { background: #E5E7EB; color: var(--color-dim); }

.cust-stage__line {
  width: 2px;
  flex: 1;
  min-height: 12px;
  margin: 3px 0;
}
.cust-stage__line--done   { background: var(--color-blue); }
.cust-stage__line--future { background: #E5E7EB; }

.cust-stage__content {
  flex: 1;
  padding-bottom: var(--space-md);
  min-width: 0;
}

.cust-stage__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding-top: 4px;
}

.cust-stage__name {
  font-size: var(--font-size-md);
  font-weight: 600;
  line-height: 1.3;
}
.cust-stage__name--done   { color: var(--color-text); }
.cust-stage__name--active { color: var(--color-blue); }
.cust-stage__name--future { color: var(--color-dim); font-weight: 500; }

.cust-stage__time {
  font-size: 10px;
  color: var(--color-muted);
  white-space: nowrap;
  margin-left: var(--space-sm);
  flex-shrink: 0;
}
.cust-stage__time--active { color: var(--color-blue); font-weight: 600; }

/* Expanded stage body */
.cust-stage__body {
  margin-top: var(--space-sm);
  display: none;
}
.cust-stage__body.open { display: block; }

.cust-stage__message {
  font-size: var(--font-size-base);
  color: #555;
  line-height: 1.55;
  font-style: italic;
  background: var(--color-bg);
  border-radius: var(--radius-sm);
  padding: 8px 10px;
  margin-bottom: var(--space-sm);
}

.cust-stage__photos {
  display: flex;
  gap: var(--space-sm);
  flex-wrap: wrap;
  margin-bottom: var(--space-sm);
}
.cust-stage__photo {
  width: 64px;
  height: 64px;
  border-radius: var(--radius-sm);
  overflow: hidden;
  flex-shrink: 0;
  cursor: pointer;
  position: relative;
}
.cust-stage__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Chevron toggle */
.cust-stage__chevron {
  width: 14px;
  height: 14px;
  stroke: var(--color-dim);
  flex-shrink: 0;
  margin-top: 6px;
  transition: transform var(--transition-base);
}
.cust-stage__chevron.open { transform: rotate(90deg); }

/* Register CTA */
.register-cta {
  margin: var(--space-md) var(--space-lg) var(--space-lg);
  background: var(--color-bg);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: var(--space-lg);
  text-align: center;
}
.register-cta__logo {
  width: 40px;
  height: 40px;
  background: linear-gradient(135deg, var(--color-navy), var(--color-blue));
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto var(--space-sm);
}
.register-cta__logo svg { width: 22px; height: 22px; }
.register-cta__title {
  font-size: var(--font-size-body);
  font-weight: 700;
  color: var(--color-text);
  margin-bottom: var(--space-xs);
}
.register-cta__sub {
  font-size: var(--font-size-base);
  color: var(--color-muted);
  line-height: 1.5;
  margin-bottom: var(--space-md);
}
.register-cta__signin {
  font-size: var(--font-size-base);
  color: var(--color-blue);
  font-weight: 600;
  margin-top: var(--space-sm);
  display: block;
  cursor: pointer;
}

/* =============================================================
   CUSTOMER MESSAGING  (bailee-customer-03-messages)
   ============================================================= */
.msg-header {
  background: linear-gradient(135deg, var(--color-navy) 0%, var(--color-blue) 100%);
  padding: var(--space-md) var(--space-lg);
  display: flex;
  align-items: center;
  gap: var(--space-md);
}
.msg-header__back {
  color: rgba(255,255,255,0.8);
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: var(--font-size-base);
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
  flex-shrink: 0;
}
.msg-header__back svg { stroke: rgba(255,255,255,0.8); }
.msg-header__info { flex: 1; min-width: 0; }
.msg-header__business { font-size: var(--font-size-md); font-weight: 700; color: var(--color-white); }
.msg-header__job { font-size: 11px; color: rgba(255,255,255,0.65); margin-top: 1px; }

.msg-thread {
  flex: 1;
  overflow-y: auto;
  padding: var(--space-md) var(--space-lg);
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}

.msg-date-divider {
  text-align: center;
  font-size: 10px;
  font-weight: 600;
  color: var(--color-dim);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin: var(--space-sm) 0;
}

.msg-bubble-wrap {
  display: flex;
  flex-direction: column;
}
.msg-bubble-wrap--in  { align-items: flex-start; }
.msg-bubble-wrap--out { align-items: flex-end; }

.msg-bubble {
  max-width: 78%;
  padding: 9px 13px;
  border-radius: 18px;
  font-size: var(--font-size-md);
  line-height: 1.5;
  position: relative;
}
.msg-bubble--in {
  background: var(--color-bg);
  border: 1px solid var(--color-border);
  color: var(--color-text);
  border-bottom-left-radius: 4px;
}
.msg-bubble--out {
  background: var(--color-navy);
  color: var(--color-white);
  border-bottom-right-radius: 4px;
}

.msg-meta {
  font-size: 10px;
  color: var(--color-dim);
  margin-top: 3px;
  padding: 0 4px;
}
.msg-meta--out { text-align: right; }

/* System / automated message */
.msg-bubble--system {
  background: var(--color-blue-lt);
  border: 1px solid #C4C8DC;
  color: var(--color-blue);
  font-size: 11px;
  font-style: italic;
  border-radius: var(--radius-md);
  max-width: 90%;
  align-self: center;
  padding: 7px 12px;
  text-align: center;
}

/* Compose bar */
.msg-compose {
  display: flex;
  align-items: flex-end;
  gap: var(--space-sm);
  padding: var(--space-sm) var(--space-lg);
  border-top: 1px solid var(--color-border);
  background: var(--color-white);
}
.msg-compose__input {
  flex: 1;
  background: var(--color-bg);
  border: 1px solid var(--color-border);
  border-radius: 20px;
  padding: 9px 14px;
  font-size: var(--font-size-md);
  font-family: var(--font-base);
  color: var(--color-text);
  outline: none;
  resize: none;
  max-height: 100px;
  line-height: 1.45;
  transition: border-color var(--transition-base);
}
.msg-compose__input:focus { border-color: var(--color-blue); }
.msg-compose__send {
  width: 38px;
  height: 38px;
  border-radius: var(--radius-circle);
  background: var(--color-navy);
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
  transition: background var(--transition-base), transform var(--transition-base);
}
.msg-compose__send:hover  { background: var(--color-blue); }
.msg-compose__send:active { transform: scale(0.92); }
.msg-compose__send svg { stroke: #fff; width: 16px; height: 16px; }

/* Conversation list item on My Jobs */
.convo-item {
  display: flex;
  align-items: center;
  gap: var(--space-md);
  padding: var(--space-md) var(--space-lg);
  border-bottom: 1px solid var(--color-border);
  cursor: pointer;
  transition: background var(--transition-base);
}
.convo-item:hover { background: var(--color-bg); }
.convo-item__avatar {
  width: 42px;
  height: 42px;
  border-radius: var(--radius-circle);
  background: var(--color-blue-lt);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 700;
  color: var(--color-blue);
  flex-shrink: 0;
}
.convo-item__info { flex: 1; min-width: 0; }
.convo-item__name { font-size: var(--font-size-md); font-weight: 600; color: var(--color-text); }
.convo-item__preview {
  font-size: 11px;
  color: var(--color-muted);
  margin-top: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.convo-item__preview--unread { color: var(--color-text); font-weight: 600; }
.convo-item__right { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; flex-shrink: 0; }
.convo-item__time { font-size: 10px; color: var(--color-muted); }
.convo-item__unread {
  width: 18px;
  height: 18px;
  border-radius: var(--radius-circle);
  background: var(--color-blue);
  color: var(--color-white);
  font-size: 10px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* =============================================================
   PROCESS PRICING & ADD-ONS  (bailee-setup-09-process-edit)
   ============================================================= */

/* Pricing type selector — large radio cards */
.pricing-type-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-sm);
  padding: 0 var(--space-lg) var(--space-md);
}

.pricing-type-card {
  border: 1.5px solid var(--color-border);
  border-radius: var(--radius-md);
  padding: var(--space-md);
  cursor: pointer;
  transition: all var(--transition-base);
  background: var(--color-white);
}
.pricing-type-card:hover { border-color: var(--color-blue); background: var(--color-blue-lt); }
.pricing-type-card--selected {
  border-color: var(--color-blue);
  background: var(--color-blue-lt);
}
.pricing-type-card__icon {
  font-size: 20px;
  margin-bottom: var(--space-xs);
}
.pricing-type-card__label {
  font-size: var(--font-size-base);
  font-weight: 700;
  color: var(--color-text);
  line-height: 1.2;
  margin-bottom: 2px;
}
.pricing-type-card--selected .pricing-type-card__label { color: var(--color-blue); }
.pricing-type-card__desc {
  font-size: 10px;
  color: var(--color-muted);
  line-height: 1.4;
}

/* Tier pricing rows */
.tier-row {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  padding: 8px var(--space-lg);
  border-bottom: 1px solid var(--color-border);
}
.tier-row:last-of-type { border-bottom: none; }
.tier-row__drag { color: #D1D5DB; font-size: 15px; cursor: grab; flex-shrink: 0; }
.tier-row__name { flex: 1; }
.tier-row__price { width: 90px; flex-shrink: 0; }
.tier-row__delete {
  color: #D1D5DB; font-size: 14px; cursor: pointer;
  padding: 2px 4px; border-radius: var(--radius-xs);
  transition: color var(--transition-base), background var(--transition-base);
  flex-shrink: 0;
}
.tier-row__delete:hover { color: var(--color-red); background: var(--color-red-lt); }

/* Add-on rows */
.addon-row {
  display: flex;
  align-items: flex-start;
  gap: var(--space-sm);
  padding: var(--space-md) var(--space-lg);
  border-bottom: 1px solid var(--color-border);
}
.addon-row:last-of-type { border-bottom: none; }

.addon-row__drag { color: #D1D5DB; font-size: 15px; cursor: grab; flex-shrink: 0; margin-top: 3px; }
.addon-row__info { flex: 1; min-width: 0; }
.addon-row__name { font-size: var(--font-size-md); font-weight: 600; color: var(--color-text); }
.addon-row__meta { font-size: 11px; color: var(--color-muted); margin-top: 2px; }
.addon-row__delete {
  color: #D1D5DB; font-size: 14px; cursor: pointer;
  padding: 2px 4px; border-radius: var(--radius-xs);
  transition: color var(--transition-base);
  flex-shrink: 0; margin-top: 2px;
}
.addon-row__delete:hover { color: var(--color-red); background: var(--color-red-lt); }

/* Price preview strip */
.price-preview {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--color-navy);
  border-radius: var(--radius-sm);
  padding: 10px var(--space-md);
  margin: 0 var(--space-lg) var(--space-md);
}
.price-preview__label { font-size: 11px; color: rgba(255,255,255,0.65); }
.price-preview__price { font-size: var(--font-size-lg); font-weight: 700; color: var(--color-white); }

.save-wrap {
	padding: .5rem 0 .5rem;
	animation: fadeUp .35s .21s ease both;
}

.alert {
	margin: 16px;
}

.stage-item__edit {
	font-size: var(--font-size-base);
	font-weight: 600;
	color: var(--color-blue);
	flex-shrink: 0;
	cursor: pointer;
}

#step-1-done-header, 
#step-2-done-header, 
#step-3-done-header, 
#step-4-done-header{
	align-items:center;
	gap:var(--space-md);
}
#step-1-done-header,
#step-2-done-header,
#step-3-done-header,
#step-4-done-header,
#step-2-header, 
#step-2-body, 
#step-3-header, 
#step-3-body,
#step-4-header, 
#step-4-body{
	display:none;
}

#step-1-done-header {
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 12px;
  width: 100%;
}

#step-1-done-header .step__num--done {
  justify-self: start;
}

#step-1-done-header > div[style*="flex:1"] {
  justify-self: start;
  text-align: left;
}

#step-1-done-header .step__edit {
  justify-self: end;
  text-align: right;
}

#step-2-done-header {
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 12px;
  width: 100%;
}

#step-2-done-header .step__num--done {
  justify-self: start;
}

#step-2-done-header > div[style*="flex:1"] {
  justify-self: start;
  text-align: left;
}

#step-2-done-header .step__edit {
  justify-self: end;
  text-align: right;
}
#step-3-done-header {
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 12px;
  width: 100%;
}

#step-3-done-header .step__num--done {
  justify-self: start;
}

#step-3-done-header > div[style*="flex:1"] {
  justify-self: start;
  text-align: left;
}

#step-3-done-header .step__edit {
  justify-self: end;
  text-align: right;
}

#edit-step-1{
	flex-grow:0; 
}

.badge--awaiting-parts  { background: var(--color-amber-lt);  color: var(--color-amber); }
.badge--archived { background: #F0F0F5;                color: var(--color-muted); }