/* eXalt 6.5 R3 · visible, branded and non-blocking route feedback */
.global-loading-layer{
  position:fixed!important;
  inset:auto 18px 18px auto!important;
  z-index:10000!important;
  display:block!important;
  width:min(360px,calc(100vw - 32px))!important;
  height:auto!important;
  padding:0!important;
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateY(10px)!important;
  transition:opacity .12s ease,transform .12s ease,visibility 0s linear .12s!important;
}

.global-loading-layer.open{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:none!important;
  transform:translateY(0)!important;
  transition-delay:0s!important;
}

.global-loading-layer .loading-depth-card{
  position:relative!important;
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr)!important;
  align-items:center!important;
  gap:12px!important;
  width:100%!important;
  min-height:72px!important;
  padding:11px 14px!important;
  overflow:hidden!important;
  border:1px solid rgba(126,218,186,.30)!important;
  border-radius:15px!important;
  background:linear-gradient(135deg,rgba(16,43,59,.98),rgba(7,28,40,.98))!important;
  color:#f4f9fc!important;
  box-shadow:0 16px 42px rgba(0,0,0,.30)!important;
  transform:none!important;
}

.global-loading-layer .loading-depth-card::before,
.global-loading-layer .loading-brand-x::before,
.global-loading-layer .loading-brand-x::after{
  display:none!important;
  content:none!important;
}

.global-loading-layer .loading-brand-x{
  position:relative!important;
  display:grid!important;
  grid-row:1/3!important;
  place-items:center!important;
  width:48px!important;
  height:48px!important;
  overflow:hidden!important;
  border:1px solid rgba(84,198,146,.24)!important;
  border-radius:12px!important;
  background:rgba(84,198,146,.08)!important;
  text-shadow:none!important;
}

.global-loading-layer .loading-brand-x img,
.global-loading-layer.open .loading-brand-x img{
  display:block!important;
  width:38px!important;
  height:38px!important;
  object-fit:contain!important;
  opacity:1!important;
  background:transparent!important;
  filter:drop-shadow(0 5px 9px rgba(84,198,146,.22))!important;
  transform:none!important;
  animation:exaltR3LogoPulse 1.15s ease-in-out infinite!important;
}

.global-loading-layer .loading-copy{
  display:grid!important;
  gap:2px!important;
  min-width:0!important;
}

.global-loading-layer .loading-copy b{
  color:#f4f9fc!important;
  font-size:13px!important;
  line-height:1.3!important;
}

.global-loading-layer .loading-copy span{
  color:#b9cbd6!important;
  font-size:10px!important;
  line-height:1.35!important;
}

.global-loading-layer .loading-skeleton{
  display:block!important;
  grid-column:2!important;
  width:100%!important;
  height:3px!important;
  overflow:hidden!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.08)!important;
}

.global-loading-layer .loading-skeleton i{display:none!important}
.global-loading-layer .loading-skeleton::after{
  content:""!important;
  display:block!important;
  width:42%!important;
  height:100%!important;
  border-radius:inherit!important;
  background:linear-gradient(90deg,#2f8791,#54c692)!important;
  animation:exaltR3RouteProgress 1s ease-in-out infinite!important;
}

.biz-mainnav a[data-exalt-primary-navigation],
.biz-logo-wrap[data-exalt-primary-navigation]{touch-action:manipulation}

@keyframes exaltR3LogoPulse{50%{transform:scale(.92)!important;opacity:.82!important}}
@keyframes exaltR3RouteProgress{from{transform:translateX(-115%)}to{transform:translateX(255%)}}

@media(max-width:620px){
  .global-loading-layer{inset:auto 10px 10px 10px!important;width:auto!important}
}

@media(prefers-reduced-motion:reduce){
  .global-loading-layer .loading-brand-x img,
  .global-loading-layer .loading-skeleton::after{animation:none!important}
}

/* eXalt v6.5.8 · non-glare light theme, separated target groups and calm work area */
html[data-theme="light"]{
  color-scheme:light;
  --bg:#e3edf6;
  --surface:#f8fafc;
  --surface-2:#eaf1f7;
  --surface2:#eaf1f7;
  --text:#092743;
  --muted:#506b83;
  --line:#abc2d5;
  --biz-line:#abc2d5;
  --shadow:0 10px 28px rgba(19,52,79,.09);
}

html[data-theme="light"] .biz-body{
  background:
    radial-gradient(circle at 75% 6%,rgba(84,198,146,.08),transparent 26%),
    linear-gradient(135deg,#e2ecf6 0%,#edf3f8 48%,#e0ebf4 100%)!important;
}

html[data-theme="light"] .biz-topbar{
  background:rgba(245,248,251,.94)!important;
  border-color:#a9c0d3!important;
  box-shadow:0 4px 16px rgba(21,53,80,.055)!important;
}

html[data-theme="light"] .panel,
html[data-theme="light"] .metrics,
html[data-theme="light"] .task-card,
html[data-theme="light"] .focus-card,
html[data-theme="light"] .quick-card,
html[data-theme="light"] .quota-card,
html[data-theme="light"] .modal-card{
  background:#f8fafc!important;
  border-color:#adc4d7!important;
  box-shadow:0 9px 24px rgba(18,50,77,.075)!important;
}

html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea,
html[data-theme="light"] .secondary,
html[data-theme="light"] .icon-btn,
html[data-theme="light"] .top-icon-shell{
  background:#edf3f8!important;
  border-color:#9fb9cf!important;
  color:#0a2945!important;
}

html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder{color:#617a91!important;opacity:1}
html[data-theme="light"] input:focus,
html[data-theme="light"] select:focus,
html[data-theme="light"] textarea:focus{
  outline:3px solid rgba(47,125,136,.18)!important;
  border-color:#2f7d88!important;
}
html[data-theme="light"] th{color:#355a76!important;background:#e0ebf3!important}
html[data-theme="light"] td{border-color:#b9ccdc!important}
html[data-theme="light"] small,
html[data-theme="light"] .muted{color:#526d85}

/* Each target group is a distinct object, not one uninterrupted grid. */
.target-group-strip{overflow:hidden}
.target-group-chip-grid{
  gap:18px!important;
  padding:6px 2px 3px!important;
  grid-template-columns:repeat(auto-fit,minmax(245px,1fr))!important;
}
.target-group-chip{
  position:relative!important;
  min-height:132px!important;
  align-content:space-between!important;
  gap:20px!important;
  padding:19px 20px 17px 22px!important;
  overflow:hidden!important;
  border:1px solid color-mix(in srgb,var(--cordev-teal) 34%,var(--line))!important;
  border-radius:17px!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 94%,var(--cordev-teal) 6%),var(--surface2))!important;
  box-shadow:0 7px 18px rgba(6,31,51,.11)!important;
}
.target-group-chip::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:5px;
  background:linear-gradient(180deg,var(--cordev-teal),var(--green));
  opacity:.68;
}
.target-group-chip>span{font-size:16px!important;font-weight:850!important;line-height:1.36!important}
.target-group-chip>small{font-size:11px!important;font-weight:750!important;color:var(--muted)!important}
.target-group-chip:hover,.target-group-chip:focus-visible{
  border-color:var(--cordev-teal)!important;
  box-shadow:0 10px 24px rgba(18,81,91,.16)!important;
}
.target-group-chip.selected-target{
  outline:0!important;
  border:2px solid var(--cordev-teal)!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 84%,var(--green) 16%),var(--surface2))!important;
  box-shadow:0 0 0 4px rgba(47,125,136,.11),0 10px 24px rgba(7,51,62,.15)!important;
}
.target-group-chip.selected-target::before{width:7px;opacity:1}

/* Work mode follows the pale blue/white card language of the approved profile view. */
html[data-theme="light"] .v31-work-shell{
  padding:18px!important;
  border:1px solid #aec5d8!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,#dce9f5,#edf4f8 55%,#dcebe9)!important;
  box-shadow:0 12px 32px rgba(19,52,79,.08)!important;
}
html[data-theme="light"] .v31-work-head{padding:5px 9px!important}
html[data-theme="light"] .v31-work-head h1{color:#082641!important;font-size:clamp(30px,3.2vw,45px)!important}
html[data-theme="light"] .workmode-card-v456,
html[data-theme="light"] .v31-focus-card,
html[data-theme="light"] .v31-queue-panel,
html[data-theme="light"] .v31-journey-panel,
html[data-theme="light"] .v31-context-card{
  background:#f9fbfd!important;
  border-color:#a7c1d6!important;
  border-radius:20px!important;
  box-shadow:0 9px 24px rgba(20,54,82,.09)!important;
}
html[data-theme="light"] .workmode-body-v456,
html[data-theme="light"] .v31-next-action,
html[data-theme="light"] .queue-company,
html[data-theme="light"] .v600-drawer-status>div{
  background:#e5eef5!important;
  border-color:#aec5d8!important;
}
html[data-theme="light"] .v31-focus-card{
  background:linear-gradient(145deg,rgba(84,198,146,.075),transparent 40%),#f9fbfd!important;
  padding:26px!important;
}
html[data-theme="light"] .v31-company-line{padding-bottom:15px;border-bottom:1px solid #b2c8d9}
html[data-theme="light"] .v31-queue-panel{padding:21px!important}
html[data-theme="light"] .queue-company{min-height:72px!important;border-radius:14px!important}
html[data-theme="light"] .workmode-segment-v456{background:#edf3f8!important;border-color:#aac2d5!important}
html[data-theme="light"] .workmode-segment-v456 button.active{
  background:#f9fbfd!important;
  border:1px solid #82adba!important;
  box-shadow:0 3px 10px rgba(21,64,78,.10)!important;
}

/* Compact right-hand work rail from the reference view. */
html[data-theme="light"] .v620-work-drawer{
  background:#f8fafc!important;
  border-color:#a7c0d4!important;
  box-shadow:-10px 0 28px rgba(13,42,67,.12)!important;
}
html[data-theme="light"] .v620-work-drawer .v600-drawer-head{
  background:#f8fafc!important;
  border-color:#acc3d6!important;
}
html[data-theme="light"] .v620-work-drawer[data-drawer-state="profile"] .v600-drawer-status{
  display:grid!important;
  gap:11px!important;
}
html[data-theme="light"] .v620-work-drawer[data-drawer-state="profile"] .v600-drawer-status>div{
  display:grid!important;
  min-height:108px!important;
  align-content:start!important;
  padding:17px!important;
  border-radius:16px!important;
}

/* The subtle 3D edge lives on the wordmark group inside each SVG.  Never
   filter the complete image: the flat "by CorDev GmbH" subline must stay flat. */
html[data-theme="light"] .exalt-official-logo,
html[data-theme="light"] .footer-exalt-lockup img,
html[data-theme="light"] .request-operator-brand img{
  filter:none!important;
}
html[data-theme="dark"] .exalt-official-logo,
html[data-theme="dark"] .exalt-official-login-logo,
.biz-sidebar .exalt-official-logo,
.register-brand-v530 img{
  filter:none!important;
}

.v657-recommendation-card{width:min(650px,calc(100vw - 28px))!important}
.v657-recommendation-company{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid color-mix(in srgb,var(--green) 45%,var(--line));border-radius:16px;background:color-mix(in srgb,var(--surface) 91%,var(--green) 9%)}
.v657-recommendation-company>div{display:grid;gap:3px}.v657-recommendation-company b{font-size:18px}.v657-recommendation-company small{color:var(--muted)}
.v657-recommendation-impact{display:grid;gap:5px;margin:16px 0;padding:14px 16px;border-left:4px solid var(--green);border-radius:10px;background:var(--surface2)}
.v657-recommendation-impact span{font-size:12px;line-height:1.55;color:var(--muted)}
.work-card-current-phase em{display:block;margin-top:4px;font-size:9px;font-style:normal;color:var(--green)}

@media(max-width:900px){
  html[data-theme="light"] .v31-work-shell{padding:11px!important;border-radius:15px!important}
  .target-group-chip-grid{grid-template-columns:1fr!important;gap:13px!important}
  .target-group-chip{min-height:108px!important}
}