.elementor-17012 .elementor-element.elementor-element-e9a73d2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17012 .elementor-element.elementor-element-20699a6{--display:flex;}.elementor-17012 .elementor-element.elementor-element-8181945{--display:flex;}.elementor-17012 .elementor-element.elementor-element-1aa77ed{--display:grid;--e-con-grid-template-columns:repeat(6, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17012 .elementor-element.elementor-element-6ebc8be{--display:flex;}.elementor-17012 .elementor-element.elementor-element-c5a96aa .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-17012 .elementor-element.elementor-element-c5a96aa .elementor-icon-box-title{margin-block-end:5px;color:#FFFFFF;}.elementor-17012 .elementor-element.elementor-element-c5a96aa.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-17012 .elementor-element.elementor-element-c5a96aa.elementor-view-framed .elementor-icon, .elementor-17012 .elementor-element.elementor-element-c5a96aa.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-17012 .elementor-element.elementor-element-c5a96aa .elementor-icon{font-size:28px;}.elementor-17012 .elementor-element.elementor-element-c5a96aa .elementor-icon-box-title, .elementor-17012 .elementor-element.elementor-element-c5a96aa .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:16px;font-weight:700;line-height:1em;}.elementor-17012 .elementor-element.elementor-element-c5a96aa:has(:hover) .elementor-icon-box-title,
					 .elementor-17012 .elementor-element.elementor-element-c5a96aa:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-17012 .elementor-element.elementor-element-c5a96aa .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#E9E9E9;}.elementor-17012 .elementor-element.elementor-element-eeb0788{--display:flex;}.elementor-17012 .elementor-element.elementor-element-bd73f32 .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-17012 .elementor-element.elementor-element-bd73f32 .elementor-icon-box-title{margin-block-end:5px;color:#FFFFFF;}.elementor-17012 .elementor-element.elementor-element-bd73f32.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-17012 .elementor-element.elementor-element-bd73f32.elementor-view-framed .elementor-icon, .elementor-17012 .elementor-element.elementor-element-bd73f32.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-17012 .elementor-element.elementor-element-bd73f32 .elementor-icon{font-size:28px;}.elementor-17012 .elementor-element.elementor-element-bd73f32 .elementor-icon-box-title, .elementor-17012 .elementor-element.elementor-element-bd73f32 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:16px;font-weight:700;line-height:1em;}.elementor-17012 .elementor-element.elementor-element-bd73f32:has(:hover) .elementor-icon-box-title,
					 .elementor-17012 .elementor-element.elementor-element-bd73f32:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-17012 .elementor-element.elementor-element-bd73f32 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#E9E9E9;}.elementor-17012 .elementor-element.elementor-element-136c7e8{--display:flex;}.elementor-17012 .elementor-element.elementor-element-eb6e548 .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-17012 .elementor-element.elementor-element-eb6e548 .elementor-icon-box-title{margin-block-end:5px;color:#FFFFFF;}.elementor-17012 .elementor-element.elementor-element-eb6e548.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-17012 .elementor-element.elementor-element-eb6e548.elementor-view-framed .elementor-icon, .elementor-17012 .elementor-element.elementor-element-eb6e548.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-17012 .elementor-element.elementor-element-eb6e548 .elementor-icon{font-size:28px;}.elementor-17012 .elementor-element.elementor-element-eb6e548 .elementor-icon-box-title, .elementor-17012 .elementor-element.elementor-element-eb6e548 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:16px;font-weight:700;line-height:1em;}.elementor-17012 .elementor-element.elementor-element-eb6e548:has(:hover) .elementor-icon-box-title,
					 .elementor-17012 .elementor-element.elementor-element-eb6e548:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-17012 .elementor-element.elementor-element-eb6e548 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#E9E9E9;}.elementor-17012 .elementor-element.elementor-element-c306c27{--display:flex;}.elementor-17012 .elementor-element.elementor-element-4b6f7ec .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-17012 .elementor-element.elementor-element-4b6f7ec .elementor-icon-box-title{margin-block-end:5px;color:#FFFFFF;}.elementor-17012 .elementor-element.elementor-element-4b6f7ec.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-17012 .elementor-element.elementor-element-4b6f7ec.elementor-view-framed .elementor-icon, .elementor-17012 .elementor-element.elementor-element-4b6f7ec.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-17012 .elementor-element.elementor-element-4b6f7ec .elementor-icon{font-size:28px;}.elementor-17012 .elementor-element.elementor-element-4b6f7ec .elementor-icon-box-title, .elementor-17012 .elementor-element.elementor-element-4b6f7ec .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:16px;font-weight:700;line-height:1em;}.elementor-17012 .elementor-element.elementor-element-4b6f7ec:has(:hover) .elementor-icon-box-title,
					 .elementor-17012 .elementor-element.elementor-element-4b6f7ec:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-17012 .elementor-element.elementor-element-4b6f7ec .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#E9E9E9;}.elementor-17012 .elementor-element.elementor-element-d7211ab{--display:flex;}.elementor-17012 .elementor-element.elementor-element-41858db .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-17012 .elementor-element.elementor-element-41858db .elementor-icon-box-title{margin-block-end:5px;color:#FFFFFF;}.elementor-17012 .elementor-element.elementor-element-41858db.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-17012 .elementor-element.elementor-element-41858db.elementor-view-framed .elementor-icon, .elementor-17012 .elementor-element.elementor-element-41858db.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-17012 .elementor-element.elementor-element-41858db .elementor-icon{font-size:28px;}.elementor-17012 .elementor-element.elementor-element-41858db .elementor-icon-box-title, .elementor-17012 .elementor-element.elementor-element-41858db .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:16px;font-weight:700;line-height:1em;}.elementor-17012 .elementor-element.elementor-element-41858db:has(:hover) .elementor-icon-box-title,
					 .elementor-17012 .elementor-element.elementor-element-41858db:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-17012 .elementor-element.elementor-element-41858db .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#E9E9E9;}.elementor-17012 .elementor-element.elementor-element-731279c{--display:flex;}.elementor-17012 .elementor-element.elementor-element-ea1c69b .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-17012 .elementor-element.elementor-element-ea1c69b .elementor-icon-box-title{margin-block-end:5px;color:#FFFFFF;}.elementor-17012 .elementor-element.elementor-element-ea1c69b.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-17012 .elementor-element.elementor-element-ea1c69b.elementor-view-framed .elementor-icon, .elementor-17012 .elementor-element.elementor-element-ea1c69b.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-17012 .elementor-element.elementor-element-ea1c69b .elementor-icon{font-size:28px;}.elementor-17012 .elementor-element.elementor-element-ea1c69b .elementor-icon-box-title, .elementor-17012 .elementor-element.elementor-element-ea1c69b .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:16px;font-weight:700;line-height:1em;}.elementor-17012 .elementor-element.elementor-element-ea1c69b:has(:hover) .elementor-icon-box-title,
					 .elementor-17012 .elementor-element.elementor-element-ea1c69b:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-17012 .elementor-element.elementor-element-ea1c69b .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#E9E9E9;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-17012 .elementor-element.elementor-element-1aa77ed{--content-width:1440px;}}@media(max-width:1366px){.elementor-17012 .elementor-element.elementor-element-1aa77ed{--grid-auto-flow:row;}}@media(max-width:1024px){.elementor-17012 .elementor-element.elementor-element-1aa77ed{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-17012 .elementor-element.elementor-element-1aa77ed{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-4adb1c2 */.odoo-fsm-section {
  --primary-color: #2c1c5f;
  --secondary-color: #7047eb;
  --text-dark: #1e1e24;
  --text-muted: #5f6368;
  --bg-light: #f8f9fa;
  --bg-sidebar: #0f1035;
  --border-color: #e0e0e0;
  --card-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
  --transition-speed: 0.3s;
  color: var(--text-dark);
  padding: 60px 40px;
}

.odoo-fsm-section * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.odoo-fsm-section .container {
  display: flex;
  gap: 40px;
  max-width: 1440px;
  margin: 0 auto;
  align-items: center;
}

/* --- LEFT CONTENT AREA --- */
.odoo-fsm-section .fsm-left-content {
  flex: 1;
  /* max-width: 450px; */
  animation: odooFsmFadeUp 0.6s ease-out;
}

.odoo-fsm-section .fsm-title {
  font-size: 42px;
  font-weight: 700;
  color: var(--primary-color);
  line-height: 1.15;
  margin-bottom: 24px;
}

.odoo-fsm-section .fsm-subtitle {
  font-size: 20px;
  font-weight: 600;
  color: var(--secondary-color);
  line-height: 1.4;
  margin-bottom: 16px;
}

.odoo-fsm-section .fsm-description {
  font-size: 15px;
  color: var(--text-muted);
  line-height: 1.6;
  margin-bottom: 20px;
}

/* Assessment Card */
.odoo-fsm-section .fsm-assessment-card {
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 24px;
  background-color: #ffffff;
  margin-bottom: 30px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.02);
}

.odoo-fsm-section .fsm-assessment-title {
  font-size: 16px;
  font-weight: 700;
  color: var(--primary-color);
  margin-bottom: 18px;
}

.odoo-fsm-section .fsm-assessment-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px 20px;
}

.odoo-fsm-section .fsm-assessment-item {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  font-weight: 500;
  color: #333333;
}

.odoo-fsm-section .fsm-assessment-item i {
  color: var(--secondary-color);
  font-size: 16px;
}

/* Buttons */
.odoo-fsm-section .fsm-cta-group {
  display: flex;
  gap: 16px;
}

.odoo-fsm-section .fsm-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 24px;
  font-size: 15px;
  font-weight: 600;
  border-radius: 8px;
  cursor: pointer;
  transition: all var(--transition-speed) ease;
  text-decoration: none;
}

.odoo-fsm-section .fsm-btn-primary {
  background-color: var(--primary-color);
  color: #ffffff;
  border: none;
}

.odoo-fsm-section .fsm-btn-primary:hover {
  background-color: var(--secondary-color);
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(112, 71, 235, 0.3);
}

.odoo-fsm-section .fsm-btn-secondary {
  background-color: transparent;
  color: var(--primary-color);
  border: 1.5px solid var(--primary-color);
}

.odoo-fsm-section .fsm-btn-secondary:hover {
  background-color: rgba(44, 28, 95, 0.05);
  transform: translateY(-2px);
}

/* --- RIGHT APP MOCKUP MOCK --- */
.odoo-fsm-section .fsm-app-mockup {
  flex: 1.4;
  background-color: #f4f6fa;
  border-radius: 20px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08);
  position: relative;
  min-height: 580px;
  animation: odooFsmFadeIn 0.8s ease-out;
}

/* Sidebar */
.odoo-fsm-section .fsm-sidebar {
  width: 140px;
  background-color: var(--bg-sidebar);
  padding: 20px 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.odoo-fsm-section .fsm-sidebar-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 12px 0;
  color: #a2a5b9;
  font-size: 10px;
  gap: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.odoo-fsm-section .fsm-sidebar-item i {
  font-size: 16px;
}

.odoo-fsm-section .fsm-sidebar-item.active,
.odoo-fsm-section .fsm-sidebar-item:hover {
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.08);
  border-left: 3px solid var(--secondary-color);
}

/* Main Dashboard View */
.odoo-fsm-section .fsm-dashboard-view {
  flex: 1;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  overflow-y: auto;
}

/* Header row inside dashboard */
.odoo-fsm-section .fsm-dash-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.odoo-fsm-section .fsm-dash-title {
  font-size: 18px;
  font-weight: 700;
  color: #11142d;
}

.odoo-fsm-section .fsm-dropdown-mock {
  background: #ffffff;
  border: 1px solid var(--border-color);
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 500;
  color: #555;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Top Counter Cards */
.odoo-fsm-section .fsm-counter-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}

.odoo-fsm-section .fsm-counter-card {
  background: #ffffff;
  border-radius: 8px;
  padding: 14px;
  box-shadow: var(--card-shadow);
  transition: transform var(--transition-speed);
}

.odoo-fsm-section .fsm-counter-card:hover {
  transform: translateY(-3px);
}

.odoo-fsm-section .fsm-counter-label {
  font-size: 11px;
  color: var(--text-muted);
  font-weight: 500;
  margin-bottom: 6px;
}

.odoo-fsm-section .fsm-counter-value {
  font-size: 22px;
  font-weight: 700;
  color: #11142d;
  margin-bottom: 4px;
}

.odoo-fsm-section .fsm-counter-trend {
  font-size: 10px;
  font-weight: 600;
  color: #27ae60;
  display: flex;
  align-items: center;
  gap: 4px;
}

/* Mid section layout */
.odoo-fsm-section .fsm-dash-mid-grid {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 16px;
}

.odoo-fsm-section .fsm-panel-card {
  background: #ffffff;
  border-radius: 10px;
  padding: 16px;
  box-shadow: var(--card-shadow);
}

.odoo-fsm-section .fsm-panel-title {
  font-size: 13px;
  font-weight: 700;
  color: #11142d;
  margin-bottom: 16px;
}

/* Donut Chart Mock */
.odoo-fsm-section .fsm-chart-box {
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 10px;
}

.odoo-fsm-section .fsm-donut-mock {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background: conic-gradient(#2c1c5f 0% 25%, #7047eb 25% 55%, #f39c12 55% 75%, #27ae60 75% 95%, #e74c3c 95% 100%);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.odoo-fsm-section .fsm-donut-mock::before {
  content: "";
  position: absolute;
  width: 54px;
  height: 54px;
  background: #ffffff;
  border-radius: 50%;
}

.odoo-fsm-section .fsm-donut-center-text {
  position: relative;
  z-index: 1;
  font-size: 10px;
  font-weight: 700;
  color: var(--text-dark);
  text-align: center;
}

.odoo-fsm-section .fsm-chart-legends {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.odoo-fsm-section .fsm-legend-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 110px;
  font-size: 10px;
  font-weight: 500;
  color: #444;
}

.odoo-fsm-section .fsm-legend-label {
  display: flex;
  align-items: center;
  gap: 6px;
}

.odoo-fsm-section .fsm-legend-color {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

/* Schedule Mock list */
.odoo-fsm-section .fsm-schedule-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.odoo-fsm-section .fsm-schedule-item {
  display: flex;
  justify-content: space-between;
  font-size: 10px;
  border-bottom: 1px solid #f1f2f6;
  padding-bottom: 6px;
}

.odoo-fsm-section .fsm-sched-time {
  color: var(--secondary-color);
  font-weight: 600;
  width: 55px;
}

.odoo-fsm-section .fsm-sched-id {
  color: #e74c3c;
  font-weight: 600;
  width: 50px;
}

.odoo-fsm-section .fsm-sched-type {
  color: #333;
  font-weight: 500;
  flex: 1;
}

.odoo-fsm-section .fsm-sched-name {
  color: var(--text-muted);
  text-align: right;
  width: 65px;
}

.odoo-fsm-section .fsm-view-schedule-link {
  font-size: 11px;
  color: var(--secondary-color);
  text-decoration: none;
  font-weight: 600;
  margin-top: 8px;
  display: inline-block;
}

/* Live Tracking Map Panel */
.odoo-fsm-section .fsm-map-panel {
  display: flex;
  gap: 16px;
}

.odoo-fsm-section .fsm-map-mock {
  flex: 1.2;
  height: 140px;
  background-color: #e3eaef;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  background-image: radial-gradient(#cbd5e1 1.5px, transparent 1.5px), radial-gradient(#cbd5e1 1.5px, #e3eaef 1.5px);
  background-size: 20px 20px;
  background-position:
    0 0,
    10px 10px;
}

/* Map UI Pins */
.odoo-fsm-section .fsm-map-pin {
  position: absolute;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 2px solid #ffffff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  background: #ccc;
}

.odoo-fsm-section .fsm-map-pin img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.odoo-fsm-section .fsm-tech-profile-card {
  flex: 0.9;
  border: 1px solid #f0f0f0;
  border-radius: 8px;
  padding: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.odoo-fsm-section .fsm-tech-info-meta {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}

.odoo-fsm-section .fsm-tech-avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  object-fit: cover;
}

.odoo-fsm-section .fsm-tech-name {
  font-size: 12px;
  font-weight: 700;
  color: #11142d;
}

.odoo-fsm-section .fsm-tech-status {
  font-size: 10px;
  color: var(--text-muted);
}

.odoo-fsm-section .fsm-tech-job-details {
  font-size: 10px;
  color: #444;
  line-height: 1.5;
}

.odoo-fsm-section .fsm-eta-bar {
  margin-top: 8px;
  height: 4px;
  background-color: #e0e0e0;
  border-radius: 2px;
  position: relative;
  overflow: hidden;
}

.odoo-fsm-section .fsm-eta-progress {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 75%;
  background-color: #27ae60;
}

/* --- MOBILE APP FLOATING OVERLAY --- */
.odoo-fsm-section .fsm-phone-mock {
  position: absolute;
  right: 16px;
  bottom: -20px;
  width: 210px;
  height: 430px;
  background: #ffffff;
  border-radius: 24px;
  border: 6px solid #11142d;
  box-shadow: -10px 10px 30px rgba(0, 0, 0, 0.15);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  z-index: 10;
  font-size: 10px;
  transition: transform var(--transition-speed);
}

.odoo-fsm-section .fsm-phone-mock:hover {
  transform: translateY(-5px) scale(1.02);
}

.odoo-fsm-section .fsm-phone-header {
  padding: 12px 12px 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 600;
}

.odoo-fsm-section .fsm-phone-body {
  padding: 12px;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.odoo-fsm-section .fsm-phone-card-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.odoo-fsm-section .fsm-badge-progress {
  background-color: #e8f8f5;
  color: #27ae60;
  padding: 2px 6px;
  border-radius: 4px;
  font-weight: 600;
  font-size: 9px;
}

.odoo-fsm-section .fsm-phone-field {
  margin-bottom: 6px;
}

.odoo-fsm-section .fsm-phone-label {
  color: var(--text-muted);
  font-size: 9px;
  margin-bottom: 2px;
}

.odoo-fsm-section .fsm-phone-value {
  font-weight: 600;
  color: #11142d;
}

.odoo-fsm-section .fsm-phone-grid-tools {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  margin-top: auto;
  margin-bottom: 10px;
}

.odoo-fsm-section .fsm-phone-tool-btn {
  border: 1px solid #f0f0f0;
  border-radius: 6px;
  padding: 8px 4px;
  text-align: center;
  font-size: 8px;
  font-weight: 500;
  color: var(--primary-color);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}

.odoo-fsm-section .fsm-phone-tool-btn i {
  font-size: 12px;
  color: var(--secondary-color);
}

.odoo-fsm-section .fsm-phone-action-btn {
  background-color: var(--secondary-color);
  color: #ffffff;
  text-align: center;
  padding: 10px;
  border-radius: 6px;
  font-weight: 600;
  cursor: pointer;
}

/* --- ANIMATIONS --- */
@keyframes odooFsmFadeUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes odooFsmFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* --- RESPONSIVE DESIGN BREAKPOINTS --- */
@media (max-width: 1200px) {
  .odoo-fsm-section {
    flex-direction: column;
    padding: 40px 24px;
    gap: 50px;
  }
  .odoo-fsm-section .fsm-left-content {
    max-width: 100%;
    text-align: center;
  }
  .odoo-fsm-section .fsm-assessment-card {
    max-width: 600px;
    margin: 0 auto 30px;
    text-align: left;
  }
  .odoo-fsm-section .fsm-cta-group {
    justify-content: center;
  }
  .odoo-fsm-section .fsm-app-mockup {
    width: 100%;
    max-width: 900px;
  }
}

@media (max-width: 768px) {
  .odoo-fsm-section .fsm-title {
    font-size: 32px;
  }
  .odoo-fsm-section .fsm-counter-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .odoo-fsm-section .fsm-dash-mid-grid {
    grid-template-columns: 1fr;
  }
  .odoo-fsm-section .fsm-phone-mock {
    display: none; /* Hide floating phone layout on tablet/mobile to keep clean view */
  }
  .odoo-fsm-section .fsm-sidebar {
    width: 70px;
  }
  .odoo-fsm-section .fsm-sidebar-item span {
    display: none;
  }
  .odoo-fsm-section .fsm-assessment-grid {
    grid-template-columns: 1fr;
  }
  .odoo-fsm-section .fsm-map-panel {
    flex-direction: column;
  }
}

@media (max-width: 480px) {
  .odoo-fsm-section .fsm-cta-group {
    flex-direction: column;
    width: 100%;
  }
  .odoo-fsm-section .fsm-btn {
    width: 100%;
  }
  .odoo-fsm-section .fsm-counter-grid {
    grid-template-columns: 1fr;
  }
  .odoo-fsm-section .fsm-sidebar {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .odoo-fsm-section,
  .odoo-fsm-section .fsm-left-content,
  .odoo-fsm-section .fsm-app-mockup,
  .odoo-fsm-section .fsm-btn,
  .odoo-fsm-section .fsm-counter-card,
  .odoo-fsm-section .fsm-phone-mock {
    animation: none !important;
    transform: none !important;
    transition: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-20699a6 */.elementor-17012 .elementor-element.elementor-element-20699a6{
    background: linear-gradient(90deg, #00113a 0%, #001852 50%, #00113a 100%);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5a34ba8 */.odoo-fsm-challenges {
  --primary-navy: #0a1128;
  --primary-purple: #1e0b70;
  --accent-purple: #3a22a3;
  --bg-light-purple: #eae7fa;
  --text-dark: #11142d;
  --text-muted: #616173;
  --border-color: #e2e8f0;
  --font-stack: "Inter", sans-serif;
  --transition-speed: 0.25s;

  font-family: var(--font-stack);
  padding: 40px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.odoo-fsm-challenges * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* --- TOP STATS BAR --- */
.odoo-fsm-challenges .fsm-stats-bar {
  background-color: var(--primary-navy);
  border-radius: 8px;
  padding: 20px 30px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  align-items: center;
  gap: 15px;
  max-width: 1440px;
  margin: 0 auto;
  width: 100%;
}

.odoo-fsm-challenges .fsm-stat-item {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #ffffff;
  position: relative;
}

/* Divider lines between items */
.odoo-fsm-challenges .fsm-stat-item:not(:last-child)::after {
  content: "";
  position: absolute;
  right: -7px;
  top: 15%;
  height: 70%;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.15);
}

.odoo-fsm-challenges .fsm-stat-icon {
  font-size: 24px;
  color: #ffffff;
  opacity: 0.9;
  flex-shrink: 0;
  width: 32px;
  text-align: center;
}

.odoo-fsm-challenges .fsm-stat-text {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
}

.odoo-fsm-challenges .fsm-stat-num {
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.3px;
}

.odoo-fsm-challenges .fsm-stat-label {
  font-size: 14px;
  font-weight: 500;
  opacity: 0.8;
  white-space: nowrap;
}

/* --- MIDDLE CHALLENGES GRID --- */
.odoo-fsm-challenges .fsm-challenges-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
  max-width: 1440px;
  margin: 0 auto;
  width: 100%;
}

.odoo-fsm-challenges .fsm-section-heading {
  font-size: 18px;
  font-weight: 800;
  color: var(--primary-purple);
  text-transform: uppercase;
  letter-spacing: 0.8px;
  text-align: center;
}

.odoo-fsm-challenges .fsm-grid-row {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  gap: 10px;
  width: 100%;
}

.odoo-fsm-challenges .fsm-challenge-node {
  background-color: #ffffff;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  padding: 20px 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
  gap: 12px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.01);
  transition: all var(--transition-speed) ease;
  cursor: default;
  min-height: 120px;
}

.odoo-fsm-challenges .fsm-challenge-node:hover {
  transform: translateY(-4px);
  border-color: var(--primary-purple);
  box-shadow: 0 6px 16px rgba(30, 11, 112, 0.06);
}

.odoo-fsm-challenges .fsm-node-icon {
  font-size: 22px;
  color: var(--primary-purple);
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.odoo-fsm-challenges .fsm-node-label {
  font-size: 15px;
  font-weight: 700;
  color: var(--text-dark);
  line-height: 1.3;
}

/* --- BOTTOM CTA BANNER --- */
.odoo-fsm-challenges .fsm-cta-banner {
  background-color: var(--bg-light-purple);
  border-radius: 8px;
  padding: 24px 36px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  max-width: 1440px;
  margin: 0 auto;
  width: 100%;
}

.odoo-fsm-challenges .fsm-cta-info {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.odoo-fsm-challenges .fsm-cta-title {
  font-size: 18px;
  font-weight: 700;
  color: var(--primary-purple);
}

.odoo-fsm-challenges .fsm-cta-desc {
  font-size: 13px;
  color: var(--text-muted);
  font-weight: 500;
}

.odoo-fsm-challenges .fsm-cta-btn {
  background-color: var(--primary-purple);
  color: #ffffff;
  border: none;
  border-radius: 6px;
  padding: 14px 28px;
  font-size: 15px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
  transition:
    background-color var(--transition-speed) ease,
    transform var(--transition-speed) ease;
}

.odoo-fsm-challenges .fsm-cta-btn:hover {
  background-color: var(--accent-purple);
  transform: translateY(-2px);
}

/* --- RESPONSIVE DESIGN BREAKPOINTS --- */
@media (max-width: 1200px) {
  .odoo-fsm-challenges .fsm-stats-bar {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
  .odoo-fsm-challenges .fsm-stat-item:not(:last-child)::after {
    display: none;
  }
  .odoo-fsm-challenges .fsm-grid-row {
    grid-template-columns: repeat(5, 1fr);
    gap: 12px;
  }
}

@media (max-width: 768px) {
  .odoo-fsm-challenges {
    padding: 24px;
    gap: 30px;
  }
  .odoo-fsm-challenges .fsm-stats-bar {
    grid-template-columns: repeat(2, 1fr);
  }
  .odoo-fsm-challenges .fsm-grid-row {
    grid-template-columns: repeat(3, 1fr);
  }
  .odoo-fsm-challenges .fsm-cta-banner {
    flex-direction: column;
    text-align: center;
    padding: 24px;
  }
  .odoo-fsm-challenges .fsm-cta-btn {
    width: 100%;
    justify-content: center;
  }
}

@media (max-width: 480px) {
  .odoo-fsm-challenges .fsm-stats-bar {
    grid-template-columns: 1fr;
  }
  .odoo-fsm-challenges .fsm-grid-row {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (prefers-reduced-motion: reduce) {
  .odoo-fsm-challenges .fsm-challenge-node,
  .odoo-fsm-challenges .fsm-cta-btn {
    transition: none !important;
    transform: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b7fa889 */.odoo-fsm-features {
  --primary-purple: #1e0b70;
  --secondary-purple: #7047eb;
  --gradient-start: #2c1c5f;
  --gradient-end: #120736;
  --text-main: #232333;
  --text-light: #616173;
  --bg-card: #ffffff;
  --bg-section: #fafbfe;
  --border-color: #e6e8f0;
  --shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.03);
  --shadow-md: 0 10px 30px rgba(112, 71, 235, 0.06);
  --font-stack: "Inter", sans-serif;
  --transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);

  font-family: var(--font-stack);
  color: var(--text-main);
  padding: 40px 20px 10px 20px;
}

.odoo-fsm-features * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.odoo-fsm-features .container {
  display: grid;
  grid-template-columns: 1.6fr 1.3fr 1.1fr;
  gap: 10px;
  max-width: 1440px;
  margin: 0 auto;
}

/* --- COMMON FEATURE CARD LAYOUT --- */
.odoo-fsm-features .fsm-feature-card {
  background-color: var(--bg-card);
  border-radius: 16px;
  border: 1px solid var(--border-color);
  box-shadow: var(--shadow-sm);
  padding: 36px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  overflow: hidden;
  transition: var(--transition);
}

.odoo-fsm-features .fsm-feature-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 36px rgba(112, 71, 235, 0.1);
}

.odoo-fsm-features .fsm-card-title {
  font-size: 18px;
  font-weight: 700;
  color: var(--primary-purple);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-align: center;
  margin-bottom: 8px;
}

.odoo-fsm-features .fsm-card-subtitle {
  font-size: 14px;
  color: var(--text-light);
  text-align: center;
  margin-bottom: 32px;
  font-weight: 500;
}

/* --- CARD 1: WHY ODOO FIELD SERVICE (INTEGRATION HUB) --- */
.odoo-fsm-features .fsm-hub-container {
  position: relative;
  width: 100%;
  height: 240px;
  margin-bottom: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.odoo-fsm-features .fsm-center-node {
  width: 96px;
  height: 96px;
  background: linear-gradient(135deg, var(--gradient-start), var(--gradient-end));
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  box-shadow: 0 8px 24px rgba(44, 28, 95, 0.3);
  z-index: 3;
}

.odoo-fsm-features .fsm-center-node span {
  font-size: 14px;
  font-weight: 400;
  opacity: 0.8;
  margin-bottom: 2px;
}

.odoo-fsm-features .fsm-satellite-node {
  position: absolute;
  background: #ffffff;
  border: 1px solid var(--border-color);
  padding: 6px 12px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  color: var(--text-main);
  display: flex;
  align-items: center;
  gap: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
  z-index: 2;
}

.odoo-fsm-features .fsm-satellite-node i {
  color: var(--secondary-purple);
  font-size: 12px;
  width: 14px;
  text-align: center;
}

/* Absolute positions around the hub */
.odoo-fsm-features .node-left-1 {
  top: 0;
  left: 10px;
}
.odoo-fsm-features .node-left-2 {
  top: 50px;
  left: -10px;
}
.odoo-fsm-features .node-left-3 {
  top: 105px;
  left: -20px;
}
.odoo-fsm-features .node-left-4 {
  top: 160px;
  left: -10px;
}
.odoo-fsm-features .node-left-5 {
  bottom: 0;
  left: 10px;
}

.odoo-fsm-features .node-right-1 {
  top: 0;
  right: 10px;
}
.odoo-fsm-features .node-right-2 {
  top: 50px;
  right: -10px;
}
.odoo-fsm-features .node-right-3 {
  top: 105px;
  right: -20px;
}
.odoo-fsm-features .node-right-4 {
  top: 160px;
  right: -10px;
}
.odoo-fsm-features .node-right-5 {
  bottom: 0;
  right: 10px;
}

/* SVG Connections Background Layout */
.odoo-fsm-features .fsm-hub-svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
}

.odoo-fsm-features .fsm-hub-svg line {
  stroke: #e1e4f5;
  stroke-width: 1.5;
  stroke-dasharray: 3 3;
}

/* Bottom Bullet Checklist grid */
.odoo-fsm-features .fsm-bullet-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  width: 100%;
  border-top: 1px solid var(--border-color);
  padding-top: 20px;
}

.odoo-fsm-features .fsm-bullet-item {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  font-weight: 600;
  color: var(--text-main);
}

.odoo-fsm-features .fsm-bullet-item i {
  color: #27ae60;
  font-size: 13px;
}

/* --- CARD 2: COMPLETE FIELD SERVICE LIFECYCLE --- */
.odoo-fsm-features .fsm-lifecycle-flow {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px 6px;
  width: 100%;
  position: relative;
  margin-bottom: auto;
}

.odoo-fsm-features .fsm-flow-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  position: relative;
}

.odoo-fsm-features .fsm-step-icon-wrap {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: #f3f1fb;
  border: 1px solid #e1daf9;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--secondary-purple);
  font-size: 15px;
  margin-bottom: 8px;
  transition: var(--transition);
}

.odoo-fsm-features .fsm-flow-step:hover .fsm-step-icon-wrap {
  background-color: var(--secondary-purple);
  color: #ffffff;
  transform: scale(1.1);
}

.odoo-fsm-features .fsm-step-num {
  font-size: 12px;
  color: var(--text-light);
  font-weight: 500;
  margin-bottom: 2px;
}

.odoo-fsm-features .fsm-step-label {
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--text-main);
}

/* Structural arrows indicator */
.odoo-fsm-features .fsm-flow-arrow {
  position: absolute;
  top: 22px;
  right: -10px;
  font-size: 10px;
  color: #cbd2e0;
  pointer-events: none;
}

.odoo-fsm-features .fsm-lifecycle-footer {
  margin-top: 32px;
  font-size: 12px;
  font-weight: 600;
  color: var(--secondary-purple);
  text-align: center;
}

/* --- CARD 3: SMART SCHEDULING & DISPATCH --- */
.odoo-fsm-features .fsm-dispatch-layout {
  display: grid;
  grid-template-columns: 1.1fr 1.9fr;
  gap: 16px;
  width: 100%;
}

.odoo-fsm-features .fsm-feature-list-side {
  display: flex;
  flex-direction: column;
  gap: 12px;
  justify-content: center;
}

.odoo-fsm-features .fsm-side-list-item {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  font-weight: 600;
  color: var(--text-main);
}

.odoo-fsm-features .fsm-side-list-item i {
  color: var(--secondary-purple);
  font-size: 12px;
  width: 16px;
  text-align: center;
}

/* Mini Gantt Schedule Component Layout */
.odoo-fsm-features .fsm-gantt-preview {
  background-color: #f8fafc;
  border: 1px solid var(--border-color);
  border-radius: 12px;
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.01);
}

.odoo-fsm-features .fsm-gantt-header {
  text-align: center;
  font-size: 9px;
  font-weight: 700;
  color: var(--text-light);
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 4px;
  margin-bottom: 4px;
}

.odoo-fsm-features .fsm-gantt-row {
  display: grid;
  grid-template-columns: 50px 1fr;
  align-items: center;
  gap: 8px;
}

.odoo-fsm-features .fsm-gantt-name {
  font-size: 9px;
  font-weight: 600;
  color: var(--text-main);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.odoo-fsm-features .fsm-gantt-track {
  height: 14px;
  background-color: #edf2f7;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
}

.odoo-fsm-features .fsm-gantt-bar {
  position: absolute;
  height: 100%;
  border-radius: 4px;
  transition: var(--transition);
}

.odoo-fsm-features .fsm-gantt-row:hover .fsm-gantt-bar {
  filter: brightness(0.95);
}

/* --- STYLES RESPONSIVE BREAKPOINTS --- */
@media (max-width: 1200px) {
  .odoo-fsm-features {
    grid-template-columns: 1fr;
    padding: 60px 24px;
    gap: 32px;
  }
  .odoo-fsm-features .fsm-feature-card {
    padding: 40px 32px;
  }
  .odoo-fsm-features .fsm-bullet-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 768px) {
  .odoo-fsm-features .fsm-bullet-grid {
    grid-template-columns: 1fr;
  }
  .odoo-fsm-features .fsm-lifecycle-flow {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 10px;
  }
  .odoo-fsm-features .fsm-flow-arrow {
    display: none;
  }
  .odoo-fsm-features .fsm-dispatch-layout {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}

@media (max-width: 480px) {
  .odoo-fsm-features .fsm-lifecycle-flow {
    grid-template-columns: repeat(2, 1fr);
  }
  .odoo-fsm-features .fsm-hub-container {
    transform: scale(0.85);
    height: 280px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .odoo-fsm-features .fsm-feature-card,
  .odoo-fsm-features .fsm-step-icon-wrap,
  .odoo-fsm-features .fsm-gantt-bar {
    transition: none !important;
    transform: none !important;
    animation: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b4b422a */.odoo-fsm-management {
  --primary-navy: #1e0b70;
  --secondary-purple: #7047eb;
  --text-dark: #232333;
  --text-muted: #616173;
  --bg-card: #ffffff;
  --bg-layout: #fafbfe;
  --border-color: #e6e8f0;
  --card-radius: 16px;
  --shadow-subtle: 0 4px 12px rgba(0, 0, 0, 0.03);
  --font-family: "Inter", sans-serif;
  --transition-speed: 0.3s;

  font-family: var(--font-family);
  color: var(--text-dark);
  padding: 10px 20px;
}

.odoo-fsm-management * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.odoo-fsm-management .container {
  max-width: 1440px;
  margin: 0 auto;
  width: 100%;
  display: grid;
  grid-template-columns: 1.1fr 1.3fr 1.6fr;
  gap: 10px;
}

/* --- BASIC CARD FORMATTING --- */
.odoo-fsm-management .fsm-mgmt-card {
  background-color: var(--bg-card);
  border-radius: var(--card-radius);
  border: 1px solid var(--border-color);
  box-shadow: var(--shadow-subtle);
  padding: 36px 24px;
  display: flex;
  flex-direction: column;
  position: relative;
  transition:
    transform var(--transition-speed) cubic-bezier(0.25, 0.8, 0.25, 1),
    box-shadow var(--transition-speed) cubic-bezier(0.25, 0.8, 0.25, 1);
}

.odoo-fsm-management .fsm-mgmt-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 36px rgba(112, 71, 235, 0.08);
}

.odoo-fsm-management .fsm-mgmt-title {
  font-size: 18px;
  font-weight: 700;
  color: var(--primary-navy);
  text-transform: uppercase;
  letter-spacing: 0.6px;
  text-align: center;
  margin-bottom: 8px;
}

.odoo-fsm-management .fsm-mgmt-subtitle {
  font-size: 14px;
  color: var(--text-muted);
  text-align: center;
  margin-bottom: 32px;
  font-weight: 500;
}

.odoo-fsm-management .fsm-mgmt-content-split {
  display: grid;
  grid-template-columns: 1.1fr 1.3fr;
  gap: 16px;
  align-items: start;
  flex: 1;
}

/* --- VERTICAL FEATURE ICON LISTS --- */
.odoo-fsm-management .fsm-feature-vertical-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.odoo-fsm-management .fsm-feature-vertical-item {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  font-weight: 600;
  color: var(--text-dark);
}

.odoo-fsm-management .fsm-feature-vertical-item i {
  color: var(--secondary-purple);
  font-size: 13px;
  width: 18px;
  text-align: center;
}

/* --- COMPONENT 1: MOBILE DEVICE SCREEN OVERLAY --- */
.odoo-fsm-management .fsm-phone-mockup-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.odoo-fsm-management .fsm-mini-phone {
  width: 125px;
  height: 250px;
  background-color: #ffffff;
  border: 4px solid #11142d;
  border-radius: 16px;
  box-shadow: -4px 8px 20px rgba(0, 0, 0, 0.06);
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 7px;
}

.odoo-fsm-management .fsm-mini-phone-header {
  display: flex;
  justify-content: space-between;
  color: var(--text-muted);
  font-weight: 600;
  margin-bottom: 4px;
}

.odoo-fsm-management .fsm-mini-phone-line {
  background-color: #f1f3f9;
  padding: 4px 6px;
  border-radius: 4px;
  color: var(--text-dark);
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.odoo-fsm-management .fsm-mini-phone-badge {
  background-color: #e8f8f5;
  color: #27ae60;
  padding: 1px 3px;
  border-radius: 2px;
  font-size: 6px;
}

.odoo-fsm-management .fsm-mini-phone-btn {
  background-color: var(--secondary-purple);
  color: #ffffff;
  text-align: center;
  padding: 6px;
  border-radius: 4px;
  margin-top: auto;
  font-weight: 700;
}

/* --- COMPONENT 2: WORK ORDER PREVIEW COMPONENT --- */
.odoo-fsm-management .fsm-wo-box-preview {
  background-color: #ffffff;
  border: 1px solid var(--border-color);
  border-radius: 10px;
  padding: 14px;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.01);
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.odoo-fsm-management .fsm-wo-box-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #f1f3f9;
  padding-bottom: 6px;
}

.odoo-fsm-management .fsm-wo-box-id {
  font-size: 10px;
  font-weight: 700;
  color: var(--primary-navy);
}

.odoo-fsm-management .fsm-wo-box-priority {
  background-color: #fff5f5;
  color: #e74c3c;
  font-size: 8px;
  font-weight: 700;
  padding: 2px 5px;
  border-radius: 4px;
}

.odoo-fsm-management .fsm-wo-box-row {
  display: flex;
  justify-content: space-between;
  font-size: 9px;
  line-height: 1.3;
}

.odoo-fsm-management .fsm-wo-box-label {
  color: var(--text-muted);
  font-weight: 500;
}

.odoo-fsm-management .fsm-wo-box-value {
  color: var(--text-dark);
  font-weight: 600;
  text-align: right;
}

/* Progress Steps inside card preview */
.odoo-fsm-management .fsm-wo-progress-bar-wrap {
  margin-top: 6px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.odoo-fsm-management .fsm-wo-progress-line-nodes {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding: 0 10px;
}

.odoo-fsm-management .fsm-wo-progress-line-nodes::before {
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  height: 2px;
  background-color: #e2e8f0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}

.odoo-fsm-management .fsm-wo-progress-line-nodes::after {
  content: "";
  position: absolute;
  left: 10px;
  width: 50%;
  height: 2px;
  background-color: #27ae60;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}

.odoo-fsm-management .fsm-wo-node-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #cbd5e1;
  position: relative;
  z-index: 3;
}

.odoo-fsm-management .fsm-wo-node-dot.active {
  background-color: #27ae60;
  box-shadow:
    0 0 0 2px #fff,
    0 0 0 4px rgba(39, 174, 96, 0.2);
}

.odoo-fsm-management .fsm-wo-progress-labels {
  display: flex;
  justify-content: space-between;
  font-size: 8px;
  font-weight: 700;
  color: var(--text-muted);
}

/* --- COMPONENT 3: INVENTORY SPARE PARTS & VAN GRAPHIC --- */
.odoo-fsm-management .fsm-inventory-preview-box {
  background-color: #ffffff;
  border: 1px solid var(--border-color);
  border-radius: 10px;
  padding: 12px;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.01);
}

.odoo-fsm-management .fsm-inventory-header-title {
  font-size: 9.5px;
  font-weight: 700;
  color: var(--primary-navy);
  margin-bottom: 8px;
  border-bottom: 1px solid #f1f3f9;
  padding-bottom: 4px;
}

.odoo-fsm-management .fsm-inventory-table {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-bottom: 12px;
}

.odoo-fsm-management .fsm-inventory-row {
  display: flex;
  justify-content: space-between;
  font-size: 9px;
  padding: 3px 0;
  border-bottom: 1px solid #f8fafc;
}

.odoo-fsm-management .fsm-inventory-item-name {
  color: var(--text-dark);
  font-weight: 500;
}

.odoo-fsm-management .fsm-inventory-item-qty {
  color: var(--secondary-purple);
  font-weight: 700;
}

/* Fleet Service Vehicle Isometric Graphic Render alternative layout placement */
.odoo-fsm-management .fsm-van-delivery-graphic-wrapper {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  margin-top: auto;
}

.odoo-fsm-management .fsm-van-svg-styled {
  width: 110px;
  height: auto;
  opacity: 0.95;
  transition: transform var(--transition-speed);
}

.odoo-fsm-management .fsm-mgmt-card:hover .fsm-van-svg-styled {
  transform: translateX(-4px) scale(1.03);
}

/* --- STYLES RESPONSIVE BREAKPOINTS --- */
@media (max-width: 1200px) {
  .odoo-fsm-management {
    grid-template-columns: 1fr;
    padding: 60px 24px;
    gap: 32px;
  }
  .odoo-fsm-management .fsm-mgmt-card {
    padding: 40px 32px;
  }
}

@media (max-width: 600px) {
  .odoo-fsm-management .fsm-mgmt-content-split {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .odoo-fsm-management .fsm-mini-phone {
    width: 140px;
    height: 260px;
  }
  .odoo-fsm-management .fsm-van-delivery-graphic-wrapper {
    justify-content: center;
    margin-top: 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .odoo-fsm-management .fsm-mgmt-card,
  .odoo-fsm-management .fsm-van-svg-styled {
    transition: none !important;
    transform: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ad8466a */.odoo-fsm-advanced {
  --primary-navy: #1e0b70;
  --secondary-purple: #7047eb;
  --text-dark: #232333;
  --text-muted: #616173;
  --bg-card: #ffffff;
  --bg-layout: #fafbfe;
  --border-color: #e6e8f0;
  --card-radius: 16px;
  --shadow-subtle: 0 4px 12px rgba(0, 0, 0, 0.03);
  --font-family: "Inter", sans-serif;
  --transition-speed: 0.3s;

  font-family: var(--font-family);
  color: var(--text-dark);
  padding: 80px 40px;
  box-sizing: border-box;
}

.odoo-fsm-advanced * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.odoo-fsm-advanced .container {
  max-width: 1440px;
  margin: 0 auto;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

/* --- BASIC CARD FORMATTING --- */
.odoo-fsm-advanced .fsm-adv-card {
  background-color: var(--bg-card);
  border-radius: var(--card-radius);
  border: 1px solid var(--border-color);
  box-shadow: var(--shadow-subtle);
  padding: 36px 24px;
  display: flex;
  flex-direction: column;
  position: relative;
  transition:
    transform var(--transition-speed) cubic-bezier(0.25, 0.8, 0.25, 1),
    box-shadow var(--transition-speed) cubic-bezier(0.25, 0.8, 0.25, 1);
}

.odoo-fsm-advanced .fsm-adv-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 36px rgba(112, 71, 235, 0.08);
}

.odoo-fsm-advanced .fsm-adv-title {
  font-size: 18px;
  font-weight: 700;
  color: var(--primary-navy);
  text-transform: uppercase;
  letter-spacing: 0.6px;
  text-align: center;
  margin-bottom: 8px;
}

.odoo-fsm-advanced .fsm-adv-subtitle {
  font-size: 14px;
  color: var(--text-muted);
  text-align: center;
  margin-bottom: 32px;
  font-weight: 500;
}

.odoo-fsm-advanced .fsm-adv-content-split {
  display: grid;
  grid-template-columns: 1.15fr 1.25fr;
  gap: 16px;
  align-items: start;
  flex: 1;
}

/* --- VERTICAL FEATURE ICON LISTS --- */
.odoo-fsm-advanced .fsm-feature-vertical-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.odoo-fsm-advanced .fsm-feature-vertical-item {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  font-weight: 600;
  color: var(--text-dark);
}

.odoo-fsm-advanced .fsm-feature-vertical-item i {
  color: var(--secondary-purple);
  font-size: 13px;
  width: 18px;
  text-align: center;
}

/* --- COMPONENT 1: CONTRACT PREVIEW BOX --- */
.odoo-fsm-advanced .fsm-contract-box-preview {
  background-color: #ffffff;
  border: 1px solid var(--border-color);
  border-radius: 10px;
  padding: 14px;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.01);
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.odoo-fsm-advanced .fsm-contract-box-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #f1f3f9;
  padding-bottom: 6px;
}

.odoo-fsm-advanced .fsm-contract-id {
  font-size: 12px;
  font-weight: 700;
  color: var(--primary-navy);
}

.odoo-fsm-advanced .fsm-contract-badge {
  background-color: #e8f8f5;
  color: #27ae60;
  font-size: 8px;
  font-weight: 700;
  padding: 2px 6px;
  border-radius: 4px;
}

.odoo-fsm-advanced .fsm-contract-row {
  display: flex;
  justify-content: space-between;
  font-size: 9px;
  line-height: 1.3;
}

.odoo-fsm-advanced .fsm-contract-label {
  color: var(--text-muted);
  font-weight: 500;
}

.odoo-fsm-advanced .fsm-contract-value {
  color: var(--text-dark);
  font-weight: 600;
  text-align: right;
}

/* --- COMPONENT 2: AI NETWORK HUB GRAPHIC --- */
.odoo-fsm-advanced .fsm-ai-hub-container {
  position: relative;
  width: 100%;
  height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}

.odoo-fsm-advanced .fsm-ai-center-core {
  width: 64px;
  height: 64px;
  background: linear-gradient(135deg, #2c1c5f, #120736);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 16px;
  font-weight: 800;
  box-shadow: 0 8px 20px rgba(112, 71, 235, 0.25);
  z-index: 2;
  position: relative;
}

.odoo-fsm-advanced .fsm-ai-svg-connections {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
}

.odoo-fsm-advanced .fsm-ai-svg-connections circle {
  fill: var(--secondary-purple);
  opacity: 0.7;
}

.odoo-fsm-advanced .fsm-ai-svg-connections line {
  stroke: #e1daf9;
  stroke-width: 1.5;
}

/* --- COMPONENT 3: ANALYTICS & DASHBOARD WIDGETS --- */
.odoo-fsm-advanced .fsm-dashboard-preview {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}

.odoo-fsm-advanced .fsm-kpi-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
}

.odoo-fsm-advanced .fsm-kpi-mini-card {
  background-color: #ffffff;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  padding: 8px;
  text-align: center;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.01);
}

.odoo-fsm-advanced .fsm-kpi-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-muted);
  text-transform: uppercase;
  margin-bottom: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.odoo-fsm-advanced .fsm-kpi-value {
  font-size: 13px;
  font-weight: 700;
  color: var(--text-dark);
  line-height: 1.1;
}

.odoo-fsm-advanced .fsm-kpi-trend {
  font-size: 6px;
  color: #27ae60;
  font-weight: 700;
  margin-top: 2px;
}

/* Mini Analytics Vector Charts styling */
.odoo-fsm-advanced .fsm-chart-box {
  background-color: #ffffff;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.odoo-fsm-advanced .fsm-chart-title {
  font-size: 8px;
  font-weight: 700;
  color: var(--text-dark);
}

.odoo-fsm-advanced .fsm-chart-visual {
  width: 100%;
  height: 44px;
  display: flex;
  align-items: flex-end;
  gap: 8px;
  padding-top: 4px;
}

/* --- RESPONSIVE DESIGN BREAKPOINTS --- */
@media (max-width: 1200px) {
  .odoo-fsm-advanced {
    grid-template-columns: 1fr;
    padding: 60px 24px;
    gap: 32px;
  }
  .odoo-fsm-advanced .fsm-adv-card {
    padding: 40px 32px;
  }
}

@media (max-width: 600px) {
  .odoo-fsm-advanced .fsm-adv-content-split {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .odoo-fsm-advanced .fsm-ai-hub-container {
    height: 140px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .odoo-fsm-advanced .fsm-adv-card {
    transition: none !important;
    transform: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ff84401 */.odoo-fsm-impact {
  --primary-navy: #0a1128;
  --primary-purple: #1e0b70;
  --accent-purple: #3a22a3;
  --text-dark: #11142d;
  --text-muted: #616173;
  --bg-light: #fafbfe;
  --border-color: #e2e8f0;
  --font-stack: "Inter", sans-serif;
  --transition-speed: 0.25s;

  font-family: var(--font-stack);
  background-color: #ffffff;
  padding: 40px;
  box-sizing: border-box;
}

.odoo-fsm-impact * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.odoo-fsm-impact .container {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.1fr 1.3fr;
  gap: 32px;
}

/* --- COMMON SECTION STYLING --- */
.odoo-fsm-impact .fsm-panel {
  background-color: var(--bg-light);
  border: 1px solid var(--border-color);
  border-radius: 12px;
  padding: 32px 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.odoo-fsm-impact .fsm-panel-heading {
  font-size: 18px;
  font-weight: 800;
  color: var(--primary-purple);
  text-transform: uppercase;
  letter-spacing: 0.8px;
  text-align: center;
}

/* --- LEFT SIDE: INDUSTRY SOLUTIONS & METRICS --- */
.odoo-fsm-impact .fsm-metrics-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr); /* Change to 6 columns for better math */
  gap: 8px;
  height: 100%;
  align-content: start;
}

/* Top row: 3 items, each taking 2 column spaces */
.odoo-fsm-impact .fsm-metrics-grid > *:nth-child(1),
.odoo-fsm-impact .fsm-metrics-grid > *:nth-child(2),
.odoo-fsm-impact .fsm-metrics-grid > *:nth-child(3) {
  grid-column: span 2;
}

/* Bottom row: 4th item starts at column 2, 5th item follows */
.odoo-fsm-impact .fsm-metrics-grid > *:nth-child(4) {
  grid-column: 2 / span 2; /* Leaves column 1 empty, centers the bottom row */
}
.odoo-fsm-impact .fsm-metrics-grid > *:nth-child(5) {
  grid-column: span 2;
}

.odoo-fsm-impact .fsm-metric-card {
  background-color: #ffffff;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  padding: 16px 6px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.01);
  transition:
    transform var(--transition-speed),
    border-color var(--transition-speed);
}

.odoo-fsm-impact .fsm-metric-card:hover {
  transform: translateY(-4px);
  border-color: var(--primary-purple);
}

.odoo-fsm-impact .fsm-metric-stat {
  font-size: 20px;
  font-weight: 800;
  color: #27ae60;
  line-height: 1.1;
}

.odoo-fsm-impact .fsm-metric-label {
  font-size: 16px;
  font-weight: 700;
  color: var(--text-dark);
  line-height: 1.3;
}

.odoo-fsm-impact .fsm-metric-desc {
  font-size: 14px;
  color: var(--text-muted);
  line-height: 1.3;
  font-weight: 500;
}

/* --- RIGHT SIDE: SYSTEM INTEGRATIONS --- */
.odoo-fsm-impact .fsm-ecosystem-wrap {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* Core Apps Grid Row */
.odoo-fsm-impact .fsm-apps-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}

.odoo-fsm-impact .fsm-app-node {
  background-color: #ffffff;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  padding: 12px 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  text-align: center;
  transition: all var(--transition-speed);
}

.odoo-fsm-impact .fsm-app-node:hover {
  border-color: var(--primary-purple);
  box-shadow: 0 4px 12px rgba(30, 11, 112, 0.05);
}

.odoo-fsm-impact .fsm-app-icon {
  font-size: 14px;
  color: var(--primary-purple);
  height: 18px;
  display: flex;
  align-items: center;
}

.odoo-fsm-impact .fsm-app-name {
  font-size: 14px;
  font-weight: 700;
  color: var(--text-dark);
}

/* Third-Party Integrations Bar */
.odoo-fsm-impact .fsm-ext-integrations-bar {
  background-color: #ffffff;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  padding: 16px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: auto;
}

.odoo-fsm-impact .fsm-brand-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 700;
  color: var(--text-dark);
  opacity: 0.85;
  transition: opacity var(--transition-speed);
}

.odoo-fsm-impact .fsm-brand-item:hover {
  opacity: 1;
}

.odoo-fsm-impact .fsm-brand-item i {
  font-size: 14px;
}

/* Specific Brand Color Accents */
.odoo-fsm-impact .brand-ms {
  color: #f25022;
}
.odoo-fsm-impact .brand-google {
  color: #4285f4;
}
.odoo-fsm-impact .brand-twilio {
  color: #f22f46;
}
.odoo-fsm-impact .brand-zapier {
  color: #ff4a00;
}
.odoo-fsm-impact .brand-maps {
  color: #34a853;
}

/* --- RESPONSIVE LAYOUT BREAKPOINTS --- */
@media (max-width: 1200px) {
  .odoo-fsm-impact {
    grid-template-columns: 1fr;
    padding: 30px 20px;
    gap: 24px;
  }
  .odoo-fsm-impact .fsm-metrics-grid {
    grid-template-columns: repeat(5, 1fr);
  }
  .odoo-fsm-impact .fsm-apps-row {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 680px) {
  .odoo-fsm-impact .fsm-metrics-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .odoo-fsm-impact .fsm-metrics-grid > div:last-child {
    grid-column: span 2;
  }
  .odoo-fsm-impact .fsm-apps-row {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 480px) {
  .odoo-fsm-impact .fsm-metrics-grid {
    grid-template-columns: 1fr;
  }
  .odoo-fsm-impact .fsm-metrics-grid > div:last-child {
    grid-column: span 1;
  }
  .odoo-fsm-impact .fsm-apps-row {
    grid-template-columns: repeat(2, 1fr);
  }
  .odoo-fsm-impact .fsm-ext-integrations-bar {
    flex-direction: column;
    align-items: flex-start;
    padding-left: 24px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .odoo-fsm-impact .fsm-metric-card,
  .odoo-fsm-impact .fsm-app-node {
    transition: none !important;
    transform: none !important;
  }
}
.odoo-fsm-footer-faq {
  --primary-navy: #0a1128;
  --primary-purple: #1e0b70;
  --accent-purple: #3a22a3;
  --bg-light: #fafbfe;
  --text-dark: #11142d;
  --text-muted: #616173;
  --border-color: #e2e8f0;
  --font-stack: "Inter", sans-serif;
  --transition-speed: 0.25s;

  font-family: var(--font-stack);
  background-color: #ffffff;
  max-width: 1440px;
  margin: 0 auto;
  padding: 40px;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 1.3fr 1.9fr;
  gap: 20px;
}/* End custom CSS */