/* dmcs.css — domain composition only. Shared Industry UI is owned by industry-system.css + components.css. */
body.travora-page-dmcs > .travora-page-shell .hero{
  position: relative;
  overflow: hidden;
}

body.travora-page-dmcs > .travora-page-shell .hero::after{
  content: "";
  position: absolute;
  inset: auto -10% 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(0, 191, 255, 0.5), transparent);
}

body.travora-page-dmcs > .travora-page-shell .hero-grid{
  display: grid;
  grid-template-columns: 1.02fr 0.98fr;
  gap: 54px;
  align-items: center;
}


body.travora-page-dmcs > .travora-page-shell .integration-list span,
body.travora-page-dmcs > .travora-page-shell .feature-grid span{
  border: 1px solid var(--industry-border);
  background: rgba(255, 255, 255, 0.04);
  border-radius: 999px;
  color: var(--industry-muted);
}


body.travora-page-dmcs > .travora-page-shell .hero-dashboard{
  position: relative;
  padding: 22px;
  border: 1px solid rgba(0, 191, 255, 0.22);
  border-radius: var(--industry-radius-lg);
  background:
    linear-gradient(180deg, rgba(14, 26, 43, 0.94), rgba(5, 19, 38, 0.96)),
    radial-gradient(circle at top right, rgba(0, 191, 255, 0.18), transparent 20rem);
  box-shadow: var(--industry-shadow);
}

body.travora-page-dmcs > .travora-page-shell .hero-dashboard::before{
  content: "";
  position: absolute;
  inset: -1px;
  z-index: -1;
  border-radius: inherit;
  background: linear-gradient(135deg, rgba(0, 191, 255, 0.5), transparent 42%, rgba(255, 255, 255, 0.08));
}

body.travora-page-dmcs > .travora-page-shell .dashboard-top,
body.travora-page-dmcs > .travora-page-shell .dashboard-bottom{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

body.travora-page-dmcs > .travora-page-shell .dashboard-top{
  margin-bottom: 18px;
}

body.travora-page-dmcs > .travora-page-shell .mini-label,
body.travora-page-dmcs > .travora-page-shell .metric-card span{
  display: block;
  color: var(--industry-muted);
  font-size: 12px;
}

body.travora-page-dmcs > .travora-page-shell .status-pill{
  padding: 8px 11px;
  color: var(--industry-highlight);
  font-size: 12px;
  font-weight: 800;
  border: 1px solid rgba(0, 191, 255, 0.26);
  border-radius: 999px;
  background: rgba(0, 191, 255, 0.08);
}

body.travora-page-dmcs > .travora-page-shell .pipeline{
  display: grid;
  gap: 12px;
}

body.travora-page-dmcs > .travora-page-shell .pipeline-card{
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 4px 12px;
  padding: 16px;
  border: 1px solid var(--industry-border);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.045);
}

body.travora-page-dmcs > .travora-page-shell .pipeline-card.active{
  background: rgba(0, 191, 255, 0.1);
  border-color: rgba(0, 191, 255, 0.26);
}

body.travora-page-dmcs > .travora-page-shell .pipeline-card span{
  grid-row: span 2;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 12px;
  background: rgba(0, 191, 255, 0.12);
  color: var(--industry-highlight);
  font-weight: 900;
}

body.travora-page-dmcs > .travora-page-shell .pipeline-card small{
  color: var(--industry-muted);
}

body.travora-page-dmcs > .travora-page-shell .dashboard-bottom{
  margin-top: 16px;
}

body.travora-page-dmcs > .travora-page-shell .metric-card{
  flex: 1;
  padding: 14px;
  border: 1px solid var(--industry-border);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.04);
}


body.travora-page-dmcs > .travora-page-shell .pain-grid,
body.travora-page-dmcs > .travora-page-shell .solution-grid,
body.travora-page-dmcs > .travora-page-shell .revenue-cards,
body.travora-page-dmcs > .travora-page-shell .process-grid{
  display: grid;
  gap: 18px;
}

body.travora-page-dmcs > .travora-page-shell .pain-grid{
  grid-template-columns: repeat(4, 1fr);
}


body.travora-page-dmcs > .travora-page-shell .card{
  padding: 24px;
}

body.travora-page-dmcs > .travora-page-shell .card-icon,
body.travora-page-dmcs > .travora-page-shell .process-card span{
  display: inline-grid;
  place-items: center;
  width: 42px;
  height: 42px;
  margin-bottom: 20px;
  border-radius: 14px;
  color: var(--industry-highlight);
  background: rgba(0, 191, 255, 0.09);
  font-weight: 900;
}

body.travora-page-dmcs > .travora-page-shell .workflow{
  background: linear-gradient(180deg, transparent, rgba(14, 26, 43, 0.42), transparent);
}

body.travora-page-dmcs > .travora-page-shell .workflow-line{
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 14px;
  position: relative;
}

body.travora-page-dmcs > .travora-page-shell .workflow-step{
  padding: 20px;
  border: 1px solid var(--industry-border);
  border-radius: var(--industry-radius-md);
  background: rgba(255, 255, 255, 0.045);
}

body.travora-page-dmcs > .travora-page-shell .workflow-step span{
  display: inline-grid;
  place-items: center;
  width: 36px;
  height: 36px;
  margin-bottom: 18px;
  border-radius: 50%;
  background: var(--industry-accent);
  color: #001529;
  font-weight: 900;
}

body.travora-page-dmcs > .travora-page-shell .split-grid,
body.travora-page-dmcs > .travora-page-shell .revenue-grid,
body.travora-page-dmcs > .travora-page-shell .faq-grid{
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  gap: 46px;
  align-items: start;
}

body.travora-page-dmcs > .travora-page-shell .sticky-heading{
  position: sticky;
  top: 110px;
}

body.travora-page-dmcs > .travora-page-shell .text-link{
  display: inline-flex;
  margin-top: 8px;
  color: var(--industry-highlight);
  font-weight: 800;
}

body.travora-page-dmcs > .travora-page-shell .solution-grid{
  grid-template-columns: repeat(2, 1fr);
}

body.travora-page-dmcs > .travora-page-shell .solution-card{
  padding: 26px;
}

body.travora-page-dmcs > .travora-page-shell .workflow-step:hover{
  border-color: rgba(0, 191, 255, 0.34);
  transform: translateY(-3px);
}

body.travora-page-dmcs > .travora-page-shell .workflow-step{
  transition: transform 0.2s ease, border-color 0.2s ease;
}

body.travora-page-dmcs > .travora-page-shell .use-case-wrap{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 18px;
}

body.travora-page-dmcs > .travora-page-shell .case-tab{
  min-height: 44px;
  padding: 11px 15px;
  border: 1px solid var(--industry-border);
  border-radius: 999px;
  color: var(--industry-muted);
  background: rgba(255, 255, 255, 0.045);
  cursor: pointer;
  transition: 0.2s ease;
}

body.travora-page-dmcs > .travora-page-shell .case-tab.active,
body.travora-page-dmcs > .travora-page-shell .case-tab:hover{
  color: #001529;
  background: var(--industry-accent);
}

body.travora-page-dmcs > .travora-page-shell .case-tab:focus-visible{
  outline: 3px solid var(--color-focus);
  outline-offset: 3px;
  box-shadow: var(--focus-ring);
}

body.travora-page-dmcs > .travora-page-shell .case-panel{
  padding: 34px;
  border: 1px solid rgba(0, 191, 255, 0.24);
  border-radius: var(--industry-radius-lg);
  background: linear-gradient(135deg, rgba(0, 191, 255, 0.12), rgba(255, 255, 255, 0.04));
}

body.travora-page-dmcs > .travora-page-shell .case-kicker{
  color: var(--industry-highlight);
  font-weight: 900;
}

body.travora-page-dmcs > .travora-page-shell .revenue-cards{
  grid-template-columns: repeat(2, 1fr);
}

body.travora-page-dmcs > .travora-page-shell .revenue-card{
  padding: 24px;
}

body.travora-page-dmcs > .travora-page-shell .revenue-card strong{
  display: block;
  margin-bottom: 16px;
  color: var(--industry-highlight);
  font-size: 30px;
  line-height: 1;
  letter-spacing: -0.05em;
}

body.travora-page-dmcs > .travora-page-shell .feature-grid{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 28px;
  border: 1px solid var(--industry-border);
  border-radius: var(--industry-radius-lg);
  background: var(--industry-surface);
}

body.travora-page-dmcs > .travora-page-shell .feature-grid span,
body.travora-page-dmcs > .travora-page-shell .integration-list span{
  padding: 10px 13px;
}

body.travora-page-dmcs > .travora-page-shell .integration-box{
  display: grid;
  grid-template-columns: 0.92fr 1.08fr;
  gap: 34px;
  padding: 34px;
  border: 1px solid rgba(0, 191, 255, 0.22);
  border-radius: var(--industry-radius-lg);
  background: linear-gradient(135deg, rgba(14, 26, 43, 0.9), rgba(0, 191, 255, 0.08));
}

body.travora-page-dmcs > .travora-page-shell .integration-list{
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  gap: 10px;
}

body.travora-page-dmcs > .travora-page-shell .comparison-table{
  display: grid;
  grid-template-columns: 1fr 1fr;
  overflow: hidden;
  border: 1px solid var(--industry-border);
  border-radius: var(--industry-radius-lg);
  background: var(--industry-surface);
}

body.travora-page-dmcs > .travora-page-shell .comparison-table > div{
  padding: 18px 20px;
  border-bottom: 1px solid var(--industry-border);
}

body.travora-page-dmcs > .travora-page-shell .comparison-table > div:nth-child(odd){
  border-right: 1px solid var(--industry-border);
}

body.travora-page-dmcs > .travora-page-shell .comparison-table .table-head{
  color: var(--industry-text);
  font-weight: 900;
  background: rgba(0, 191, 255, 0.1);
}

body.travora-page-dmcs > .travora-page-shell .process-grid{
  grid-template-columns: repeat(4, 1fr);
}

body.travora-page-dmcs > .travora-page-shell .process-card{
  padding: 26px;
}


body.travora-page-dmcs > .travora-page-shell .cta-box{
  padding: clamp(28px, 6vw, 58px);
}

body.travora-page-dmcs > .travora-page-shell .cta-box h2,
body.travora-page-dmcs > .travora-page-shell .cta-box > p{
  max-width: 780px;
}




@media (max-width: 1080px){

  body.travora-page-dmcs > .travora-page-shell .hero-grid,
body.travora-page-dmcs > .travora-page-shell .split-grid,
body.travora-page-dmcs > .travora-page-shell .revenue-grid,
body.travora-page-dmcs > .travora-page-shell .faq-grid,
body.travora-page-dmcs > .travora-page-shell .integration-box{
    grid-template-columns: 1fr;
  }

  body.travora-page-dmcs > .travora-page-shell .pain-grid,
body.travora-page-dmcs > .travora-page-shell .process-grid{
    grid-template-columns: repeat(2, 1fr);
  }

  body.travora-page-dmcs > .travora-page-shell .workflow-line{
    grid-template-columns: repeat(3, 1fr);
  }

  body.travora-page-dmcs > .travora-page-shell .sticky-heading{
    position: static;
  }

}
@media (max-width: 760px){

  

  

  body.travora-page-dmcs > .travora-page-shell .dashboard-bottom{
    flex-direction: column;
    align-items: stretch;
  }

  

  body.travora-page-dmcs > .travora-page-shell .comparison-table{
    grid-template-columns: 1fr;
  }

  body.travora-page-dmcs > .travora-page-shell .comparison-table > div:nth-child(odd){
    border-right: 0;
  }

  body.travora-page-dmcs > .travora-page-shell .comparison-table > div:nth-child(2){
    border-top: 1px solid var(--industry-border);
  }

}