/* CannaGrow 0.14.20 – persistente UI-Symbole, Lesbarkeit & Klima-Fortschritt */

/* Persistente UI-Symbole --------------------------------------------------- */
.ui-asset-icon{
  display:inline-grid;
  place-items:center;
  width:1em;
  height:1em;
  flex:0 0 auto;
  vertical-align:middle;
}
.ui-asset-icon img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
}
.ui-asset-icon i{
  display:grid;
  place-items:center;
  width:100%;
  height:100%;
  font-style:normal;
  line-height:1;
}

.property-icon .ui-asset-icon{width:36px;height:36px}
.current-property-icon .ui-asset-icon{width:58px;height:58px}
.property-shop-icon .ui-asset-icon{width:54px;height:54px}
.room-system-icon .ui-asset-icon{width:42px;height:42px}
.equipment-symbol .ui-asset-icon{width:28px;height:28px}
.operating-shop-icon .ui-asset-icon{width:52px;height:52px}

.tech-item-label,
.detail-tech-label{
  display:flex!important;
  align-items:center;
  gap:9px;
}
.tech-item-label .ui-asset-icon{width:25px;height:25px}
.detail-tech-label .ui-asset-icon{width:24px;height:24px}
.detail-tech-label b{font:inherit;font-weight:850;letter-spacing:.08em}

/* Skill-Karten: Bild und Text klar voneinander trennen ------------------- */
.skill-card-head{
  grid-template-columns:62px minmax(0,1fr) auto!important;
  column-gap:17px!important;
}
.skill-card-head .skill-icon{width:56px;height:56px;margin-right:0!important}
.skill-card-head>div:not(.skill-icon){padding-left:0!important}

/* Lesbare Basisschrift im eigentlichen Spielinhalt ----------------------- */
.view .shop-card p,
.view .shop-card small,
.view .panel p,
.view .panel small,
.view .stat-card small,
.view .stat-card span,
.view .current-property-copy p,
.view .property-shop-content p,
.view .property-shop-facts small,
.view .shop-section-head p,
.view .tech-shop-item small,
.view .room-tech-shop-main small,
.view .air-filter-live small,
.view .operating-effect{
  font-size:12px!important;
  line-height:1.5!important;
}

.detail-modal .detail-section>h3,
.detail-modal .detail-section-head h3{
  font-size:18px!important;
  line-height:1.25;
}
.detail-modal .detail-section-head p{
  font-size:12px!important;
  line-height:1.5;
}
.detail-modal .history-row{padding:11px 12px;gap:11px}
.detail-modal .history-row strong{font-size:13px!important;line-height:1.35}
.detail-modal .history-row small{font-size:11px!important;line-height:1.4}
.detail-modal .history-empty{font-size:12px!important}
.detail-modal .history-dot{width:9px;height:9px;margin-top:4px}
.detail-modal .plant-tech-card{padding:13px}
.detail-modal .plant-tech-card-head>div>span:first-child,
.detail-modal .detail-tech-label{font-size:11px!important}
.detail-modal .plant-tech-card-head strong{font-size:14px!important;margin-top:5px}
.detail-modal .plant-tech-card>small{font-size:11px!important;line-height:1.45}
.detail-modal .plant-env-summary span{font-size:11px!important}
.detail-modal .plant-env-summary strong{font-size:13px!important;line-height:1.35}
.detail-modal .environment-summary>div{padding:11px 12px}
.detail-modal .equip-mode{font-size:13px!important;min-height:42px}

/* Klima-Regelung: Fortschritt + Restzeit -------------------------------- */
.temperature-progress-wrap{
  margin-top:10px;
  width:min(560px,100%);
}
.temperature-progress-meta{
  display:grid;
  grid-template-columns:auto auto 1fr;
  align-items:center;
  gap:8px;
  margin-bottom:6px;
  color:var(--muted);
  font-size:11px;
}
.temperature-progress-meta strong{color:var(--green);font-size:12px}
.temperature-progress-meta small{justify-self:end;color:var(--muted);font-size:11px}
.temperature-progress{
  height:8px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.07);
}
.temperature-progress i{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,var(--green2),var(--green));
  transition:width .35s ease;
}

@media(max-width:600px){
  .skill-card-head{grid-template-columns:54px minmax(0,1fr) auto!important;column-gap:14px!important}
  .skill-card-head .skill-icon{width:50px;height:50px}
  .temperature-progress-meta{grid-template-columns:auto auto;gap:5px 8px}
  .temperature-progress-meta small{grid-column:1/-1;justify-self:start}
  .detail-modal .detail-section>h3,
  .detail-modal .detail-section-head h3{font-size:17px!important}
}

.room-system-regulation{
  display:flex;
  gap:10px;
  align-items:center;
  margin-top:8px;
  font-size:11px;
  color:var(--muted);
}
.room-system-regulation strong{color:var(--green);font-size:11px}

/* Detailfenster generell nicht mehr mit 8–9px-Kleinschrift rendern. */
.detail-modal small{font-size:11px!important;line-height:1.45}
.detail-modal p{font-size:12px!important;line-height:1.5}
.detail-modal .metric span,
.detail-modal .resource-metric span,
.detail-modal .supply-detail-grid span,
.detail-modal .plant-env-summary span{font-size:11px!important}
.detail-modal .metric strong,
.detail-modal .resource-metric strong,
.detail-modal .supply-detail-grid strong{font-size:13px!important}
.detail-modal .action-btn span{font-size:11.5px!important;line-height:1.4}