/* Home-only palette: existing theme preference and all other screens stay owned
   by the shared theme engine. */
html #root #rt-home-v2 {
  --bg: #0F172A !important;
  --surface: #111827 !important;
  --border: #1E293B !important;
  --text: #F8FAFC !important;
  --text-secondary: #94A3B8 !important;
  --icon-blue: #69B5FF; --icon-blue-hi: #B2DCFF; --icon-blue-tint: #172F4D;
  --icon-green: #50D5AD; --icon-green-hi: #ACF2D8; --icon-green-tint: #153B34;
  --icon-purple: #B399FF; --icon-purple-hi: #DDCBFF; --icon-purple-tint: #30244D;
  --icon-orange: #FFBC5C; --icon-orange-hi: #FFE0A2; --icon-orange-tint: #3D2F20;
  --icon-red: #FF8394; --icon-red-hi: #FFC1CE; --icon-red-tint: #432530;
  background: var(--bg) !important;
  color: var(--text) !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
#root #rt-home-v2 > div { background: var(--bg) !important; gap: 20px !important; padding: 20px 18px 100px !important; }
html[data-theme="light"] #root #rt-home-v2 {
  --bg: #F8FAFC !important;
  --surface: #FFFFFF !important;
  --border: #E2E8F0 !important;
  --text: #0F172A !important;
  --text-secondary: #64748B !important;
  --icon-blue: #1477EF; --icon-blue-hi: #65BCFF; --icon-blue-tint: #E3F0FF;
  --icon-green: #059669; --icon-green-hi: #51D8AD; --icon-green-tint: #DEF6ED;
  --icon-purple: #7549F5; --icon-purple-hi: #B19BFF; --icon-purple-tint: #ECE6FF;
  --icon-orange: #F48B12; --icon-orange-hi: #FFD37F; --icon-orange-tint: #FFF0D9;
  --icon-red: #E74357; --icon-red-hi: #FF97A5; --icon-red-tint: #FFE4E9;
}
html:has(#rt-home-v2) #root,
html:has(#rt-home-v2) #root > div { background: #0F172A !important; }
html[data-theme="light"]:has(#rt-home-v2) #root,
html[data-theme="light"]:has(#rt-home-v2) #root > div { background: #F8FAFC !important; }
#rt-home-v2 *, #rt-home-v2 *::before { box-sizing: border-box; }
#rt-home-v2 button { font: inherit; cursor: pointer; }
#rt-home-v2 button:focus-visible { outline: 2px solid #08B8AE; outline-offset: 3px; }
#rt-home-v2 h1, #rt-home-v2 h2, #rt-home-v2 p { margin: 0; }
#rt-home-v2 .rt-home-header { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: -8px; }
#rt-home-v2 .rt-home-identity { display: flex; align-items: center; gap: 10px; min-width: 0; flex: 1; }
#rt-home-v2 .rt-home-business { min-width: 0; }
#rt-home-v2 .rt-home-business h1 { font-size: 17px; font-weight: 600; line-height: 1.35; letter-spacing: -.25px; overflow-wrap: anywhere; }
#root #rt-home-v2 .rt-home-business h1, #root #rt-home-v2 .rt-home-greeting > p:not(.rt-home-cloud) { color: var(--text) !important; }
#rt-home-v2 .rt-home-business p { font-size: 11px; line-height: 1.5; color: var(--text-secondary); margin-top: 2px; overflow-wrap: anywhere; }
#rt-home-v2 .rt-home-bell { position: relative; width: 44px; height: 44px; flex-shrink: 0; display: grid; place-items: center; border: 0; border-radius: 12px; background: transparent; color: var(--text); }
#rt-home-v2 .rt-home-bell-badge { position: absolute; top: -4px; right: -4px; min-width: 17px; border-radius: 9px; background: #EF4444; color: white; font-size: 10px; padding: 2px 4px; }
#rt-home-v2 .rt-home-monogram { width: 42px; height: 42px; flex-shrink: 0; border-radius: 12px; background: color-mix(in srgb, #08B8AE 7%, var(--surface)); border: 0; color: #08B8AE; display: grid; place-items: center; font-size: 20px; font-weight: 600; }
#rt-home-v2 .rt-home-greeting > p:not(.rt-home-cloud) { font-size: 20px; font-weight: 500; line-height: 1.4; letter-spacing: -.35px; overflow-wrap: anywhere; }
#rt-home-v2 .rt-home-date { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-top: 6px; color: var(--text-secondary); font-size: 11px; line-height: 1.5; }
#rt-home-v2 .rt-home-date button { border: 0; background: transparent; color: #08B8AE; padding: 6px; }
#rt-home-v2 .rt-home-date button:disabled { opacity: .6; }
#rt-home-v2 .rt-home-section { background: var(--surface); border: 1px solid color-mix(in srgb, var(--border) 65%, transparent); border-radius: 16px; overflow: hidden; }
#rt-home-v2 .rt-home-heading { padding: 15px 16px 12px; font-size: 13px; font-weight: 600; line-height: 1.4; color: var(--text); }
#rt-home-v2 .rt-home-fleet > .rt-home-heading { padding-bottom: 7px; font-size: 16px; font-weight: 600; letter-spacing: -.2px; }
#rt-home-v2 .rt-home-section:not(.rt-home-fleet) { background: transparent; border: 0; border-radius: 0; }
#rt-home-v2 .rt-home-section:not(.rt-home-fleet) .rt-home-heading { padding: 0 2px 12px; }
#rt-home-v2 .rt-home-metrics { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); }
#rt-home-v2 .rt-home-metric { position: relative; border: 0; background: transparent; min-height: 126px; padding: 6px 4px 5px; display: flex; flex-direction: column; align-items: center; gap: 3px; }
#rt-home-v2 .rt-home-metric:not(:nth-child(3n))::after { content: ''; position: absolute; right: 0; top: 12px; bottom: 12px; width: 1px; background: color-mix(in srgb, var(--border) 65%, transparent); }
#rt-home-v2 .rt-home-metric:nth-child(n+4) { border-top: 1px solid color-mix(in srgb, var(--border) 65%, transparent); }
#rt-home-v2 .rt-home-metric strong { order: 3; font-size: 32px; line-height: 1.05; font-weight: 700; font-variant-numeric: tabular-nums; letter-spacing: -.5px; }
#rt-home-v2 .rt-home-metric span { font-size: 11px; line-height: 1.3; color: var(--text-secondary); }
#root #rt-home-v2 .rt-home-metric span,
#root #rt-home-v2 .rt-home-business p,
#root #rt-home-v2 .rt-home-date span,
#root #rt-home-v2 .rt-home-reminder time,
#root #rt-home-v2 .rt-home-reminder-copy span,
#root #rt-home-v2 .rt-home-reminder-copy small,
#root #rt-home-v2 .rt-home-activity time,
#root #rt-home-v2 .rt-home-activity p { color: var(--text-secondary) !important; }
#rt-home-v2 .rt-home-neutral { color: var(--text); }
#rt-home-v2 .rt-home-green { color: #10B981; }
#rt-home-v2 .rt-home-blue { color: #3B82F6; }
#rt-home-v2 .rt-home-amber { color: #D97706; }
#rt-home-v2 .rt-home-red { color: #EF4444; }
#rt-home-v2 .rt-home-reminder { width: 100%; margin: 0; padding: 14px 2px; border: 0; border-top: 1px solid color-mix(in srgb, var(--border) 65%, transparent); background: transparent; color: var(--text); display: flex; align-items: flex-start; text-align: left; gap: 10px; }
#rt-home-v2 .rt-home-reminder time { width: 58px; flex-shrink: 0; font-size: 11px; line-height: 1.5; font-variant-numeric: tabular-nums; color: var(--text-secondary); padding-top: 2px; }
#rt-home-v2 .rt-home-dot { width: 6px; height: 6px; border-radius: 50%; margin-top: 6px; flex-shrink: 0; }
#rt-home-v2 .rt-home-reminder-copy { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; overflow-wrap: anywhere; }
#rt-home-v2 .rt-home-reminder-copy strong { font-size: 12px; font-weight: 600; line-height: 1.5; }
#rt-home-v2 .rt-home-reminder-copy span, #rt-home-v2 .rt-home-reminder-copy small { color: var(--text-secondary); font-size: 11px; line-height: 1.55; }
#rt-home-v2 .rt-home-actions { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; padding: 0 0 2px; }
#rt-home-v2 .rt-home-actions button { border: 0; background: transparent; color: var(--text); display: flex; align-items: center; flex-direction: column; gap: 6px; padding: 0; font-size: 11.5px; font-weight: 500; line-height: 1.5; text-align: center; }
#root #rt-home-v2 .rt-home-actions button > span { color: var(--text) !important; font-weight: 500 !important; white-space: nowrap; }
#rt-home-v2 .rt-home-action-icon { display: block; width: 64px; height: 64px; aspect-ratio: 1 / 1; object-fit: contain; flex-shrink: 0; }
/* Styleguide colors are decorative; metric data and action handlers are unchanged. */
#rt-home-v2 .rt-home-metric:nth-child(1), #rt-home-v2 .rt-home-metric:nth-child(5), #rt-home-v2 .rt-home-actions button:nth-child(1) { --icon-color: var(--icon-blue); --icon-highlight: var(--icon-blue-hi); --icon-tint: var(--icon-blue-tint); }
#rt-home-v2 .rt-home-metric:nth-child(2), #rt-home-v2 .rt-home-actions button:nth-child(2) { --icon-color: var(--icon-green); --icon-highlight: var(--icon-green-hi); --icon-tint: var(--icon-green-tint); }
#rt-home-v2 .rt-home-metric:nth-child(3), #rt-home-v2 .rt-home-actions button:nth-child(4) { --icon-color: var(--icon-purple); --icon-highlight: var(--icon-purple-hi); --icon-tint: var(--icon-purple-tint); }
#rt-home-v2 .rt-home-metric:nth-child(4), #rt-home-v2 .rt-home-actions button:nth-child(3) { --icon-color: var(--icon-orange); --icon-highlight: var(--icon-orange-hi); --icon-tint: var(--icon-orange-tint); }
#rt-home-v2 .rt-home-metric:nth-child(6) { --icon-color: var(--icon-red); --icon-highlight: var(--icon-red-hi); --icon-tint: var(--icon-red-tint); }
#rt-home-v2 .rt-home-metric-icon { order: 1; display: block; width: 56px; height: 56px; aspect-ratio: 1 / 1; object-fit: contain; flex-shrink: 0; margin-bottom: 3px; }
#root #rt-home-v2 .rt-home-metric > span:not(.rt-home-metric-icon) { order: 2; color: var(--text) !important; font-size: 12.5px; font-weight: 600; line-height: 1.4; text-align: center; }
html[data-theme="light"] #rt-home-v2 .rt-home-metric:nth-child(1) { --icon-color: #3B82F6; }
html[data-theme="light"] #rt-home-v2 .rt-home-metric:nth-child(2) { --icon-color: #10B981; }
html[data-theme="light"] #rt-home-v2 .rt-home-metric:nth-child(3) { --icon-color: #8B5CF6; }
html[data-theme="light"] #rt-home-v2 .rt-home-metric:nth-child(4) { --icon-color: #F59E0B; }
html[data-theme="light"] #rt-home-v2 .rt-home-metric:nth-child(5) { --icon-color: #3B82F6; }
html[data-theme="light"] #rt-home-v2 .rt-home-metric:nth-child(6) { --icon-color: #EF4444; }
#root #rt-home-v2 .rt-home-metric strong { color: var(--icon-color) !important; }
#rt-home-v2 .rt-home-activity-list { background: var(--surface); border-radius: 12px; padding: 0 12px; }
#rt-home-v2 .rt-home-activity { display: grid; grid-template-columns: 30px minmax(0,1fr) auto; align-items: start; column-gap: 10px; padding: 11px 0; }
#rt-home-v2 .rt-home-activity + .rt-home-activity { border-top: 1px solid color-mix(in srgb, var(--border) 65%, transparent); }
#rt-home-v2 .rt-home-feed-heading { display: flex; align-items: center; justify-content: space-between; }
#root #rt-home-v2 .rt-home-feed-heading button { background: transparent; border: 0; color: var(--text-secondary) !important; font-size: 11px; font-weight: 500; min-height: 32px; padding: 6px 2px 12px 12px; }
#rt-home-v2 .rt-home-activity-icon { width: 30px; height: 30px; border-radius: 9px; display: grid; place-items: center; color: var(--activity-color,var(--text-secondary)); background: color-mix(in srgb, var(--activity-color,var(--text-secondary)) 10%, transparent); }
#rt-home-v2 .rt-home-activity-blue { --activity-color: var(--icon-blue); }
#rt-home-v2 .rt-home-activity-green { --activity-color: var(--icon-green); }
#rt-home-v2 .rt-home-activity-purple { --activity-color: var(--icon-purple); }
#rt-home-v2 .rt-home-activity-amber { --activity-color: var(--icon-orange); }
#rt-home-v2 .rt-home-activity-red { --activity-color: var(--icon-red); }
#root #rt-home-v2 .rt-home-activity-info strong { display: block; color: var(--text) !important; font-size: 12px; font-weight: 500 !important; line-height: 1.45; overflow-wrap: anywhere; }
#root #rt-home-v2 .rt-home-activity time { font-size: 10px; font-weight: 400 !important; line-height: 1.75; font-variant-numeric: tabular-nums; color: var(--text-secondary) !important; }
#root #rt-home-v2 .rt-home-activity p { margin-top: 2px; font-size: 10.5px; line-height: 1.45; color: var(--text-secondary) !important; overflow-wrap: anywhere; }
#rt-home-v2 .rt-home-empty { padding: 16px 12px; color: var(--text-secondary); font-size: 11px; line-height: 1.5; text-align: center; }
#rt-home-v2 .rt-home-upcoming { width: 100%; min-height: 42px; margin-top: 2px; border: 0; border-top: 1px solid color-mix(in srgb, var(--border) 65%, transparent); background: transparent; color: #08B8AE; font-size: 11px; font-weight: 600; text-align: left; padding: 10px 2px; }
#rt-home-v2 .rt-home-reminders { padding: 0 2px; }
#rt-home-v2 .rt-home-section:not(.rt-home-fleet) .rt-home-heading { font-size: 16px; font-weight: 600; letter-spacing: -.2px; }
#rt-home-v2 .rt-home-action-icon { border-radius: 0; background: transparent; box-shadow: none; }
#rt-home-v2 .rt-home-actions button { min-width: 0; }
#rt-home-v2 .rt-home-actions button > span { overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
#rt-home-v2 .rt-home-section + .rt-home-section { margin-top: 0; }

/* === FLEET OVERVIEW - REFERENCE PROPORTIONS V2 === */
#rt-home-v2 .rt-home-metrics { display: grid !important; grid-template-columns: repeat(3, minmax(0,1fr)) !important; gap: 0 !important; }
#rt-home-v2 .rt-home-metric { position: relative !important; min-width: 0 !important; min-height: 70px !important; padding: 10px 8px !important; display: grid !important; grid-template-columns: 38px minmax(0,1fr) !important; grid-template-rows: auto auto !important; column-gap: 7px !important; row-gap: 3px !important; align-content: center !important; align-items: center !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; }
#rt-home-v2 .rt-home-metric-icon { grid-column: 1 !important; grid-row: 1 / 3 !important; width: 34px !important; height: 34px !important; max-width: 34px !important; object-fit: contain !important; justify-self: center !important; align-self: center !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; filter: none !important; }
#root #rt-home-v2 .rt-home-metric strong { grid-column: 2 !important; grid-row: 1 !important; align-self: end !important; justify-self: start !important; margin: 0 !important; padding: 0 !important; font-size: 20px !important; font-weight: 750 !important; line-height: 1 !important; letter-spacing: -0.35px !important; }
#root #rt-home-v2 .rt-home-metric > span:not(.rt-home-metric-icon) { grid-column: 2 !important; grid-row: 2 !important; align-self: start !important; justify-self: start !important; margin: 0 !important; padding: 0 !important; font-size: 10px !important; font-weight: 500 !important; line-height: 1.1 !important; white-space: nowrap !important; word-break: normal !important; overflow-wrap: normal !important; }
#rt-home-v2 .rt-home-metric:not(:nth-child(3n))::after { content: "" !important; position: absolute !important; right: 0 !important; top: 21px !important; width: 1px !important; height: 30px !important; background: rgba(148,163,184,.20) !important; }
#rt-home-v2 .rt-home-metric:nth-child(-n+3)::before { content: "" !important; position: absolute !important; left: 10px !important; right: 10px !important; bottom: 0 !important; height: 1px !important; background: rgba(148,163,184,.12) !important; }
@media (max-width:390px) { #rt-home-v2 .rt-home-metric { min-height: 66px !important; padding: 9px 5px !important; grid-template-columns: 34px minmax(0,1fr) !important; column-gap: 5px !important; } #rt-home-v2 .rt-home-metric-icon { width: 31px !important; height: 31px !important; max-width: 31px !important; } #root #rt-home-v2 .rt-home-metric strong { font-size: 18px !important; } #root #rt-home-v2 .rt-home-metric > span:not(.rt-home-metric-icon) { font-size: 9px !important; letter-spacing: -0.15px !important; } #rt-home-v2 .rt-home-metric:not(:nth-child(3n))::after { top: 19px !important; height: 28px !important; } }
#rt-home-v2 .rt-home-metric-icon { width: 34px !important; height: 38px !important; max-width: 34px !important; object-fit: contain !important; }
@media (max-width:390px) { #rt-home-v2 .rt-home-metric-icon { width: 31px !important; height: 35px !important; max-width: 31px !important; } }

/* === FLEET OVERVIEW — FINAL REFERENCE MATCH === */
#rt-home-v2 .rt-home-fleet > .rt-home-heading { padding: 13px 16px 6px !important; font-size: 16px !important; font-weight: 650 !important; line-height: 1.25 !important; }
#rt-home-v2 .rt-home-metrics { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 0 !important; }
#rt-home-v2 .rt-home-metric { position: relative !important; min-width: 0 !important; min-height: 64px !important; padding: 7px 6px !important; display: grid !important; grid-template-columns: 44px minmax(0, 1fr) !important; grid-template-rows: auto auto !important; column-gap: 5px !important; row-gap: 2px !important; align-content: center !important; align-items: center !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; overflow: visible !important; }
#rt-home-v2 .rt-home-metric-icon { grid-column: 1 !important; grid-row: 1 / 3 !important; width: 42px !important; height: 42px !important; max-width: 42px !important; justify-self: center !important; align-self: center !important; margin: 0 !important; padding: 0 !important; object-fit: contain !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; filter: none !important; }
#root #rt-home-v2 .rt-home-metric strong { grid-column: 2 !important; grid-row: 1 !important; align-self: end !important; justify-self: start !important; margin: 0 !important; padding: 0 !important; color: var(--text) !important; font-size: 20px !important; font-weight: 750 !important; line-height: 1 !important; letter-spacing: -0.35px !important; }
#root #rt-home-v2 .rt-home-metric > span:not(.rt-home-metric-icon) { grid-column: 2 !important; grid-row: 2 !important; align-self: start !important; justify-self: start !important; margin: 0 !important; padding: 0 !important; color: var(--text-secondary) !important; font-size: 10px !important; font-weight: 500 !important; line-height: 1.08 !important; white-space: nowrap !important; word-break: normal !important; overflow-wrap: normal !important; }
#rt-home-v2 .rt-home-metric:not(:nth-child(3n))::after { content: "" !important; position: absolute !important; right: 0 !important; top: 17px !important; bottom: auto !important; width: 1px !important; height: 30px !important; background: rgba(148, 163, 184, .18) !important; }
#rt-home-v2 .rt-home-metric:nth-child(-n+3)::before { content: "" !important; position: absolute !important; left: 8px !important; right: 8px !important; bottom: 0 !important; height: 1px !important; background: rgba(148, 163, 184, .12) !important; }
#rt-home-v2 .rt-home-metric:nth-child(n+4) { border-top: 0 !important; }
@media (max-width: 390px) { #rt-home-v2 .rt-home-metric { min-height: 62px !important; padding: 6px 4px !important; grid-template-columns: 41px minmax(0, 1fr) !important; column-gap: 4px !important; } #rt-home-v2 .rt-home-metric-icon { width: 39px !important; height: 39px !important; max-width: 39px !important; } #root #rt-home-v2 .rt-home-metric strong { font-size: 19px !important; } #root #rt-home-v2 .rt-home-metric > span:not(.rt-home-metric-icon) { font-size: 9px !important; letter-spacing: -0.1px !important; } #rt-home-v2 .rt-home-metric:not(:nth-child(3n))::after { top: 16px !important; height: 29px !important; } }

/* Partner mode keeps the existing own-fleet grid inside a swipeable overview. */
#rt-home-v2 .rt-home-fleet-tabs { display:flex; gap:4px; padding:6px; margin:8px 12px 4px; background:var(--bg); border-radius:11px; }
#rt-home-v2 .rt-home-fleet-tabs button { flex:1; min-height:36px; border:0; border-radius:8px; background:transparent; color:var(--text-secondary); font-size:12px; font-weight:600; }
#rt-home-v2 .rt-home-fleet-tabs button[aria-selected="true"] { background:var(--surface); color:var(--text); box-shadow:0 1px 4px #00000016; }
#rt-home-v2 .rt-home-fleet-track { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; overscroll-behavior-x:contain; }
#rt-home-v2 .rt-home-fleet-track::-webkit-scrollbar { display:none; }
#rt-home-v2 .rt-home-fleet-panel { flex:0 0 100%; min-width:0; scroll-snap-align:start; scroll-snap-stop:always; }
#rt-home-v2 .rt-home-partner-scope { min-height:18px; padding:0 12px; text-align:center; font-size:9px; color:var(--text-secondary); }
#root #rt-home-v2 #rt-home-fleet-panel-1 .rt-home-metric > span { white-space:normal !important; }
#rt-home-v2 .rt-home-partner-link { min-width:0; min-height:64px; padding:8px; border:0; background:transparent; color:var(--text); font-size:11px; font-weight:650; line-height:1.45; }
#rt-home-v2 .rt-home-fleet-dots { display:flex; justify-content:center; align-items:center; gap:5px; height:18px; }
#rt-home-v2 .rt-home-fleet-dots span { width:5px; height:5px; border-radius:5px; background:var(--text-secondary); opacity:.35; }
#rt-home-v2 .rt-home-fleet-dots .is-active { width:14px; background:#08B8AE; opacity:1; }
.rt-booking-source-filter { display:flex; gap:4px; padding:3px; margin:5px 0 8px; border:1px solid #1A4058; border-radius:9px; background:#09243A; }
.rt-booking-source-filter[hidden] { display:none; }
.rt-booking-source-filter button { flex:1; min-width:0; min-height:34px; padding:4px; border:0; border-radius:6px; background:transparent; color:#9BB0C2; font:600 11px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; cursor:pointer; }
.rt-booking-source-filter button[aria-pressed="true"] { color:#FFFFFF !important; -webkit-text-fill-color:#FFFFFF !important; background:#087D7B !important; }
html[data-theme="light"] .rt-booking-source-filter { background:#F1F5F9; border-color:#E2E8F0; }
html[data-theme="light"] .rt-booking-source-filter button { color:#475569; }
.rt-booking-source-filter button:focus-visible { outline:2px solid #08B8AE; outline-offset:1px; }

/* === TODAY'S REMINDERS — REFERENCE CARD MATCH === */
#rt-home-v2 .rt-home-section:has(.rt-home-reminder), #rt-home-v2 .rt-home-section:has(.rt-home-other-toggle) { background: var(--surface) !important; border: 1px solid color-mix(in srgb, var(--border) 65%, transparent) !important; border-radius: 16px !important; overflow: hidden !important; }
#rt-home-v2 .rt-home-section:has(.rt-home-reminder) > .rt-home-heading, #rt-home-v2 .rt-home-section:has(.rt-home-other-toggle) > .rt-home-heading { padding: 14px 16px 10px !important; margin: 0 !important; font-size: 16px !important; font-weight: 650 !important; line-height: 1.25 !important; letter-spacing: -.2px !important; }
#rt-home-v2 .rt-home-reminder { min-height: 58px !important; margin: 0 14px !important; width: calc(100% - 28px) !important; padding: 10px 2px !important; gap: 9px !important; align-items: center !important; border: 0 !important; border-top: 1px solid rgba(148,163,184,.14) !important; background: transparent !important; box-shadow: none !important; }
#rt-home-v2 .rt-home-reminder:first-of-type { border-top: 0 !important; }
#rt-home-v2 .rt-home-reminder time { width: 54px !important; padding-top: 0 !important; flex-shrink: 0 !important; font-size: 10px !important; line-height: 1.3 !important; font-weight: 500 !important; text-align: right !important; font-variant-numeric: tabular-nums !important; }
#rt-home-v2 .rt-home-dot { width: 6px !important; height: 6px !important; margin-top: 0 !important; flex-shrink: 0 !important; }
#rt-home-v2 .rt-home-reminder-copy { gap: 2px !important; }
#rt-home-v2 .rt-home-reminder-copy strong { font-size: 12px !important; font-weight: 650 !important; line-height: 1.35 !important; color: var(--text) !important; }
#rt-home-v2 .rt-home-reminder-copy span, #rt-home-v2 .rt-home-reminder-copy small { font-size: 10.5px !important; line-height: 1.4 !important; }
#rt-home-v2 .rt-home-section:has(.rt-home-other-toggle) .rt-home-empty, #rt-home-v2 .rt-home-section:has(.rt-home-reminder) .rt-home-empty { min-height: 50px !important; padding: 13px 16px 9px !important; display: grid !important; place-items: center !important; border: 0 !important; color: var(--text-secondary) !important; font-size: 10.5px !important; line-height: 1.4 !important; text-align: center !important; }
#rt-home-v2 .rt-home-other-toggle { width: auto !important; min-height: auto !important; margin: 0 16px 10px !important; padding: 2px 0 !important; border: 0 !important; border-radius: 0 !important; outline: 0 !important; background: transparent !important; box-shadow: none !important; color: var(--text-secondary) !important; font-size: 9.5px !important; font-weight: 500 !important; line-height: 1.35 !important; text-align: left !important; opacity: .78 !important; }
#rt-home-v2 .rt-home-other-toggle::before, #rt-home-v2 .rt-home-other-toggle::after { border: 0 !important; box-shadow: none !important; background: transparent !important; }
#rt-home-v2 .rt-home-unpaid { display: none !important; }
@media (max-width:390px) { #rt-home-v2 .rt-home-section:has(.rt-home-reminder) > .rt-home-heading, #rt-home-v2 .rt-home-section:has(.rt-home-other-toggle) > .rt-home-heading { padding: 13px 14px 9px !important; } #rt-home-v2 .rt-home-reminder { min-height: 55px !important; margin-left: 12px !important; margin-right: 12px !important; width: calc(100% - 24px) !important; padding: 9px 1px !important; gap: 7px !important; } #rt-home-v2 .rt-home-reminder time { width: 49px !important; font-size: 9.5px !important; } #rt-home-v2 .rt-home-reminder-copy strong { font-size: 11.5px !important; } #rt-home-v2 .rt-home-reminder-copy span, #rt-home-v2 .rt-home-reminder-copy small { font-size: 10px !important; } #rt-home-v2 .rt-home-other-toggle { margin: 0 14px 9px !important; font-size: 9px !important; } }

/* === QUICK ACTIONS — COMPACT FULL-IMAGE BUTTONS === */
/* Exact uploaded PNG artwork fills each action; click handlers stay untouched. */
#rt-home-v2 .rt-home-section:has(.rt-home-actions) {
  background: var(--surface) !important;
  border: 1px solid color-mix(in srgb, var(--border) 65%, transparent) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
}
#rt-home-v2 .rt-home-section:has(.rt-home-actions) > .rt-home-heading {
  margin: 0 !important;
  padding: 14px 16px 8px !important;
  font-size: 16px !important;
  font-weight: 650 !important;
  line-height: 1.25 !important;
  letter-spacing: -.2px !important;
}
#rt-home-v2 .rt-home-actions {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0,1fr)) !important;
  gap: 6px !important;
  padding: 3px 10px 12px !important;
}
#rt-home-v2 .rt-home-actions button {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  aspect-ratio: 1.15 / 1 !important;
  padding: 0 !important;
  margin: 0 !important;
  display: block !important;
  border: 0 !important;
  border-radius: 13px !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: hidden !important;
  line-height: 0 !important;
}
html[data-theme="light"] #rt-home-v2 .rt-home-actions button {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
#rt-home-v2 .rt-home-actions button:active {
  transform: translateY(1px) scale(.985) !important;
}
#rt-home-v2 .rt-home-action-icon {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: fill !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: inherit !important;
  box-shadow: none !important;
}
#root #rt-home-v2 .rt-home-actions button > span {
  display: none !important;
}
@media (max-width:390px) {
  #rt-home-v2 .rt-home-section:has(.rt-home-actions) > .rt-home-heading {
    padding: 13px 14px 7px !important;
  }
  #rt-home-v2 .rt-home-actions {
    gap: 5px !important;
    padding: 2px 8px 10px !important;
  }
  #rt-home-v2 .rt-home-actions button {
    aspect-ratio: 1.12 / 1 !important;
    border-radius: 11px !important;
  }
}


/* === QUICK ACTIONS FINAL COMPACT === */

#rt-home-v2 .rt-home-actions {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;

    /* compact + exactly equal spacing */
    gap: 5px !important;

    width: 100% !important;
    box-sizing: border-box !important;

    padding: 0 8px 12px !important;
    margin: 0 !important;

    align-items: stretch !important;
}

#rt-home-v2 .rt-home-actions button {
    position: relative !important;
    display: block !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    /* Same proportions for ALL four */
    aspect-ratio: 358 / 397 !important;

    padding: 0 !important;
    margin: 0 !important;

    border: 0 !important;
    border-radius: 14px !important;
    background: transparent !important;

    overflow: hidden !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
    line-height: 0 !important;
}

#rt-home-v2 .rt-home-actions .rt-home-action-icon {
    position: absolute !important;
    inset: 0 !important;

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    min-width: 100% !important;
    min-height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    /* Display supplied PNG exactly inside equal boxes */
    object-fit: fill !important;
    object-position: center !important;

    transform: none !important;

    border: 0 !important;
    border-radius: 14px !important;
    box-shadow: none !important;

    pointer-events: none !important;
}

#root #rt-home-v2 .rt-home-actions button > span:not(.rt-home-action-icon) {
    display: none !important;
}

/* Display order:
   New Booking | Release | Payment | Return
*/
#rt-home-v2 .rt-home-actions button:nth-child(1) { order: 1 !important; }
#rt-home-v2 .rt-home-actions button:nth-child(2) { order: 2 !important; }
#rt-home-v2 .rt-home-actions button:nth-child(3) { order: 4 !important; }
#rt-home-v2 .rt-home-actions button:nth-child(4) { order: 3 !important; }

/* === QUICK ACTIONS FINAL COMPACT END === */


/* 2026-10-06 approved Home hero: presentation only; tenant data remains bound by React. */
#root #rt-home-v2 > div { padding-top: 0 !important; }
#rt-home-v2 .rt-home-hero {
  position: relative; min-height: 292px; margin: 0 -18px -2px; padding: 20px 20px 28px;
  overflow: hidden; isolation: isolate; color: #fff;
  background:
    linear-gradient(90deg, rgba(4,32,62,.88) 0%, rgba(4,42,75,.68) 44%, rgba(4,42,75,.20) 72%, rgba(4,42,75,.08) 100%),
    linear-gradient(160deg,#0879b9 0%,#16a6cf 42%,#0b5d87 100%);
}
#rt-home-v2 .rt-home-hero::before {
  content:''; position:absolute; inset:0; z-index:-2; opacity:.48;
  background:
    radial-gradient(ellipse at 80% 66%,rgba(255,255,255,.24) 0 12%,transparent 13%),
    radial-gradient(ellipse at 70% 48%,rgba(7,59,75,.55) 0 20%,transparent 21%),
    radial-gradient(ellipse at 88% 34%,rgba(8,71,79,.55) 0 18%,transparent 19%),
    linear-gradient(180deg,transparent 0 55%,rgba(10,159,190,.62) 56% 76%,rgba(4,61,80,.55) 77%);
}
#rt-home-v2 .rt-home-hero::after {
  content:''; position:absolute; right:-26px; bottom:14px; width:210px; height:92px; z-index:-1;
  border-radius:48% 28% 20% 18% / 55% 45% 30% 30%;
  background:linear-gradient(165deg,#fff 0 46%,#dbe6ed 47% 66%,#8395a2 67% 72%,#1e293b 73% 79%,transparent 80%);
  filter:drop-shadow(0 12px 9px rgba(0,0,0,.24)); transform:skewX(-5deg);
}
#rt-home-v2 .rt-home-hero .rt-home-header { margin:0; position:relative; z-index:2; }
#rt-home-v2 .rt-home-hero .rt-home-identity { max-width:76%; align-items:center; }
#rt-home-v2 .rt-home-hero .rt-home-business h1 { color:#fff !important; font-size:17px; font-weight:750; text-shadow:0 1px 5px rgba(0,0,0,.28); }
#rt-home-v2 .rt-home-hero .rt-home-business p { color:rgba(255,255,255,.84) !important; font-size:11px; }
#rt-home-v2 .rt-home-hero .rt-home-monogram { background:rgba(255,255,255,.94); color:#087f8c; box-shadow:0 4px 14px rgba(0,0,0,.18); }
#rt-home-v2 .rt-home-hero .rt-home-bell { color:#fff; background:rgba(0,0,0,.12); backdrop-filter:blur(8px); }
#rt-home-v2 .rt-home-hero .rt-home-greeting { position:relative; z-index:2; width:68%; margin-top:42px; }
#root #rt-home-v2 .rt-home-hero .rt-home-greeting-title { color:#fff !important; font-size:31px !important; line-height:1.06 !important; font-weight:800 !important; letter-spacing:-1.15px !important; text-shadow:0 2px 12px rgba(0,0,0,.24); }
#root #rt-home-v2 .rt-home-hero .rt-home-greeting-subtitle { margin-top:12px; color:rgba(255,255,255,.94) !important; font-size:14px !important; line-height:1.35 !important; font-weight:450 !important; max-width:225px; text-shadow:0 1px 7px rgba(0,0,0,.25); }
#rt-home-v2 .rt-home-hero .rt-home-date { margin-top:12px; color:rgba(255,255,255,.78); font-size:10px; }
#root #rt-home-v2 .rt-home-hero .rt-home-date span { color:rgba(255,255,255,.78) !important; }
#rt-home-v2 .rt-home-hero .rt-home-date button { color:#fff; background:rgba(255,255,255,.12); border-radius:10px; padding:5px 8px; }
#rt-home-v2 .rt-home-hero .rt-home-status { background:rgba(8,20,35,.48); color:#fff; border-color:rgba(255,255,255,.15); backdrop-filter:blur(8px); }
@media (max-width:360px){
  #root #rt-home-v2 .rt-home-hero .rt-home-greeting-title { font-size:28px !important; }
  #rt-home-v2 .rt-home-hero .rt-home-greeting { width:72%; }
}