/* DCC_WHITE_LABEL_POLISH_R3C
   Candidate polish: visual consistency, mobile containment, clean ASIE access.
*/

/* ASIE access: VYN brand owns primary actions. Blue remains intelligence/data accent only. */
html[data-dcc-theme="r1"][data-dcc-product="asie"] .auth-card{
  border:1px solid var(--dcc-line)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 12px 34px rgba(69,25,43,.08)!important
}
html[data-dcc-theme="r1"][data-dcc-product="asie"] .auth-card input,
html[data-dcc-theme="r1"][data-dcc-product="asie"] .auth-card select{
  background:#fff!important;
  color:var(--dcc-text)!important;
  border-color:var(--dcc-line-strong)!important;
  box-shadow:none!important
}
html[data-dcc-theme="r1"][data-dcc-product="asie"] .auth-card input:focus,
html[data-dcc-theme="r1"][data-dcc-product="asie"] .auth-card select:focus{
  border-color:var(--dcc-primary)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--dcc-primary) 10%,transparent)!important
}
html[data-dcc-theme="r1"][data-dcc-product="asie"] #login button[type="submit"],
html[data-dcc-theme="r1"][data-dcc-product="asie"] .auth-card .primary,
html[data-dcc-theme="r1"][data-dcc-product="asie"] .auth-card button.primary{
  background:var(--dcc-primary)!important;
  border-color:var(--dcc-primary)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important
}
html[data-dcc-theme="r1"][data-dcc-product="asie"] #login button[type="submit"]:hover,
html[data-dcc-theme="r1"][data-dcc-product="asie"] .auth-card .primary:hover{
  background:var(--dcc-primary-hover)!important
}
html[data-dcc-theme="r1"][data-dcc-product="asie"] .auth-card a,
html[data-dcc-theme="r1"][data-dcc-product="asie"] .auth-link{
  color:var(--dcc-primary)!important
}
html[data-dcc-theme="r1"][data-dcc-product="asie"] .auth-card .view-kicker{
  color:var(--dcc-primary)!important
}
html[data-dcc-theme="r1"][data-dcc-product="asie"] .auth-card .card-brand-name span,
html[data-dcc-theme="r1"][data-dcc-product="asie"] .auth-card .hero-caption span{
  color:var(--dcc-data-blue)!important
}
html[data-dcc-theme="r1"][data-dcc-product="asie"] .auth-card .icon-button{
  background:var(--dcc-surface-muted)!important;
  color:var(--dcc-primary)!important;
  -webkit-text-fill-color:var(--dcc-primary)!important;
  border-color:var(--dcc-line)!important
}
html[data-dcc-theme="r1"][data-dcc-product="asie"] .auth-card .btn:not(.primary),
html[data-dcc-theme="r1"][data-dcc-product="asie"] .auth-card a.button,
html[data-dcc-theme="r1"][data-dcc-product="asie"] .auth-card .installer-button{
  background:#fff!important;
  color:var(--dcc-primary)!important;
  -webkit-text-fill-color:var(--dcc-primary)!important;
  border-color:color-mix(in srgb,var(--dcc-primary) 45%,var(--dcc-line))!important
}

/* Replace visibly broken navigation glyphs with a clean geometric marker. */
html[data-dcc-theme="r1"][data-dcc-product="asie"] .nav-item>span:first-child{
  font-size:0!important;
  position:relative;
  width:20px!important;
  min-width:20px!important;
  height:20px!important;
  display:inline-grid!important;
  place-items:center!important
}
html[data-dcc-theme="r1"][data-dcc-product="asie"] .nav-item>span:first-child::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:2px;
  background:var(--dcc-data-blue);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--dcc-data-blue) 8%,transparent)
}
html[data-dcc-theme="r1"][data-dcc-product="asie"] .nav-item.active>span:first-child::before{
  background:var(--dcc-primary);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--dcc-primary) 8%,transparent)
}

/* Lead machine + ASIE workspace: stronger mobile containment. */
@media(max-width:760px){
  html[data-dcc-theme="r1"][data-dcc-product="asie"] .workspace{
    width:100%!important;
    max-width:100%!important;
    padding:16px 12px 32px!important;
    overflow-x:hidden!important
  }
  html[data-dcc-theme="r1"][data-dcc-product="asie"] .topbar{
    width:100%!important;
    max-width:100%!important;
    min-height:56px!important;
    height:auto!important;
    padding:9px 12px!important;
    flex-wrap:wrap!important;
    gap:8px!important
  }
  html[data-dcc-theme="r1"][data-dcc-product="asie"] .page-head{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:12px!important;
    width:100%!important;
    max-width:100%!important
  }
  html[data-dcc-theme="r1"][data-dcc-product="asie"] .page-head>*{
    min-width:0!important;
    max-width:100%!important
  }
  html[data-dcc-theme="r1"][data-dcc-product="asie"] .page-head h1{
    font-size:28px!important;
    line-height:1.08!important;
    overflow-wrap:anywhere!important
  }
  html[data-dcc-theme="r1"][data-dcc-product="asie"] .page-head>div:last-child,
  html[data-dcc-theme="r1"][data-dcc-product="asie"] .row-actions,
  html[data-dcc-theme="r1"][data-dcc-product="asie"] .page-actions{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:7px!important;
    width:100%!important
  }
  html[data-dcc-theme="r1"][data-dcc-product="asie"] .page-head .btn,
  html[data-dcc-theme="r1"][data-dcc-product="asie"] .page-head .button{
    flex:1 1 112px!important;
    max-width:100%!important;
    min-width:0!important
  }
  html[data-dcc-theme="r1"][data-dcc-product="asie"] .nav-list{
    max-width:100vw!important;
    overflow-x:auto!important;
    overscroll-behavior-x:contain
  }
  html[data-dcc-theme="r1"][data-dcc-product="asie"] .nav-item{
    min-width:128px!important
  }
}

/* VYNNY mobile login */
@media(max-width:620px){
  html[data-dcc-theme="r1"][data-dcc-product="vynny"] .auth-panel-wrap{
    width:100%!important;
    max-width:100%!important;
    padding:18px 12px 54px!important;
    overflow-x:hidden!important
  }
  html[data-dcc-theme="r1"][data-dcc-product="vynny"] .auth-panel{
    width:100%!important;
    max-width:100%!important;
    padding:24px 18px!important
  }
  html[data-dcc-theme="r1"][data-dcc-product="vynny"] .auth-panel input,
  html[data-dcc-theme="r1"][data-dcc-product="vynny"] .auth-panel select,
  html[data-dcc-theme="r1"][data-dcc-product="vynny"] .auth-panel button{
    max-width:100%!important
  }
  html[data-dcc-theme="r1"][data-dcc-product="vynny"] .auth-footer{
    min-height:38px!important;
    height:auto!important;
    padding:7px 12px!important;
    flex-wrap:wrap!important;
    gap:5px 12px!important
  }
}