/* QilyLean Factory Layout thumbnail label V7 | 2026-08-13
 * VI-17: key thumbnail labels are permanently readable in default state.
 * Hover/focus/active may highlight but must never be required to reveal meaning.
 */
html body.factory-layout-page .factory-plan-thumb-grid,
html body.factory-layout-page .factory-plan-thumb-grid-two{
  background:#fff!important;
  column-gap:14px!important;
  row-gap:16px!important;
}

html body.factory-layout-page .factory-plan-thumb-grid .factory-plan-preview,
html body.factory-layout-page .factory-plan-thumb-grid .factory-plan-preview:hover,
html body.factory-layout-page .factory-plan-thumb-grid .factory-plan-preview:focus-visible,
html body.factory-layout-page .factory-plan-thumb-grid .factory-plan-preview:active{
  display:grid!important;
  grid-template-rows:var(--project-thumb-size) auto!important;
  row-gap:0!important;
  align-content:start!important;
  justify-items:center!important;
  width:var(--project-thumb-size)!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  color:#073c47!important;
  -webkit-text-fill-color:#073c47!important;
  background:#fff!important;
  background-color:#fff!important;
  background-image:none!important;
  border:1px solid #c8dcda!important;
  border-radius:6px!important;
  box-shadow:none!important;
  text-shadow:none!important;
  opacity:1!important;
  filter:none!important;
}

html body.factory-layout-page .factory-plan-thumb-grid .factory-plan-preview::before,
html body.factory-layout-page .factory-plan-thumb-grid .factory-plan-preview::after{
  content:none!important;
  display:none!important;
}

html body.factory-layout-page .factory-plan-thumb-grid .factory-plan-preview>img{
  grid-row:1!important;
  display:block!important;
  width:var(--project-thumb-size)!important;
  height:var(--project-thumb-size)!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#fff!important;
  border:0!important;
  border-bottom:1px solid #d7e7e5!important;
  box-shadow:none!important;
  opacity:1!important;
  filter:none!important;
}

html body.factory-layout-page .factory-plan-thumb-grid .factory-plan-label-v7{
  grid-row:2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:100%!important;
  min-height:32px!important;
  margin:0!important;
  padding:6px 5px!important;
  box-sizing:border-box!important;
  color:#073c47!important;
  -webkit-text-fill-color:#073c47!important;
  background:#f7fbfa!important;
  background-color:#f7fbfa!important;
  background-image:none!important;
  border:0!important;
  border-top:2px solid #c99a3e!important;
  border-radius:0!important;
  box-shadow:none!important;
  text-shadow:none!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  text-align:center!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  filter:none!important;
  pointer-events:none!important;
}

html body.factory-layout-page .factory-plan-thumb-grid .factory-plan-preview:hover .factory-plan-label-v7,
html body.factory-layout-page .factory-plan-thumb-grid .factory-plan-preview:focus-visible .factory-plan-label-v7{
  color:#073c47!important;
  -webkit-text-fill-color:#073c47!important;
  background:#fff9e9!important;
  border-top-color:#c99a3e!important;
}

html body.factory-layout-page .factory-plan-thumb-grid .factory-plan-preview:active .factory-plan-label-v7{
  color:#073c47!important;
  -webkit-text-fill-color:#073c47!important;
  background:#ffeab3!important;
  border-top-color:#b68123!important;
}

html body.factory-layout-page .factory-plan-thumb-grid .factory-plan-period-divider{
  opacity:1!important;
  filter:none!important;
  text-shadow:none!important;
}

@media(max-width:430px){
  html body.factory-layout-page .factory-plan-thumb-grid .factory-plan-label-v7{
    min-height:30px!important;
    padding:5px 4px!important;
    font-size:12.5px!important;
  }
}