/* HesabımCepte PRO v43.11.43.4 — scoped project detail theme */
#hmp-project-hub-host{
  --project-detail-bg:#f3f6fa;
  --project-detail-surface:#ffffff;
  --project-detail-surface-strong:#eef3f8;
  --project-detail-border:rgba(71,85,105,.20);
  --project-detail-text:#172033;
  --project-detail-muted:#64748b;
  --project-detail-green:#15803d;
  --project-detail-blue:#1d4ed8;
  --project-detail-orange:#c2410c;
  --project-detail-red:#be123c;
  --surface:var(--project-detail-surface);
  --border:var(--project-detail-border);
  --muted:var(--project-detail-muted);
  background:var(--project-detail-bg);
  color:var(--project-detail-text);
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}
html[data-theme="dark"] #hmp-project-hub-host,
body.theme-dark #hmp-project-hub-host,
body.dark-mode #hmp-project-hub-host{
  --project-detail-bg:#071321;
  --project-detail-surface:#0d2238;
  --project-detail-surface-strong:#122b46;
  --project-detail-border:rgba(148,184,218,.22);
  --project-detail-text:#f4f7fb;
  --project-detail-muted:#aebdce;
  --project-detail-green:#2dd477;
  --project-detail-blue:#42b5ef;
  --project-detail-orange:#f3a84b;
  --project-detail-red:#ff6b78;
  background:
    radial-gradient(circle at 50% -12%,rgba(47,111,170,.20),transparent 34%),
    var(--project-detail-bg);
  color:var(--project-detail-text);
}
#hmp-project-hub-host .hmp-project-hub{
  width:100%;
  min-width:0;
  color:var(--project-detail-text);
}
#hmp-project-hub-host .hmp-project-hub header{
  min-width:0;
  padding:4px 0 2px;
}
#hmp-project-hub-host .hmp-project-hub header>div{
  min-width:0;
}
#hmp-project-hub-host .hmp-project-hub header h2{
  margin:2px 0 0;
  color:var(--project-detail-text);
  overflow-wrap:anywhere;
}
#hmp-project-hub-host .hmp-project-hub header small{
  color:var(--project-detail-muted);
  letter-spacing:.06em;
}
#hmp-project-hub-host .hmp-project-hub header button{
  min-height:44px;
  padding:8px 12px;
  border:1px solid transparent;
  border-radius:12px;
  color:var(--project-detail-text);
}
#hmp-project-hub-host .hmp-project-hub header button:hover,
#hmp-project-hub-host .hmp-project-hub header button:focus-visible{
  border-color:var(--project-detail-border);
  background:var(--project-detail-surface-strong);
  outline:2px solid rgba(66,181,239,.48);
  outline-offset:2px;
}
#hmp-project-hub-host .hmp-project-metrics{
  min-width:0;
}
#hmp-project-hub-host .hmp-project-metrics article{
  position:relative;
  min-width:0;
  overflow:hidden;
  background:var(--project-detail-surface);
  color:var(--project-detail-text);
  border:1px solid var(--project-detail-border);
  box-shadow:0 12px 30px rgba(2,8,23,.18),inset 0 1px 0 rgba(255,255,255,.04);
}
#hmp-project-hub-host .hmp-project-metrics article::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:var(--project-detail-metric-accent,var(--project-detail-blue));
}
#hmp-project-hub-host .hmp-project-metrics article:nth-child(1){--project-detail-metric-accent:var(--project-detail-blue)}
#hmp-project-hub-host .hmp-project-metrics article:nth-child(2){--project-detail-metric-accent:var(--project-detail-blue)}
#hmp-project-hub-host .hmp-project-metrics article:nth-child(3){--project-detail-metric-accent:var(--project-detail-orange)}
#hmp-project-hub-host .hmp-project-metrics article:nth-child(4){--project-detail-metric-accent:var(--project-detail-green)}
#hmp-project-hub-host .hmp-project-metrics article small{
  color:var(--project-detail-muted);
  font-size:.82rem;
}
#hmp-project-hub-host .hmp-project-metrics article b{
  display:block;
  margin-top:6px;
  color:var(--project-detail-metric-accent,var(--project-detail-text));
  font-size:clamp(1.06rem,3vw,1.38rem);
  line-height:1.22;
  overflow-wrap:anywhere;
}
#hmp-project-hub-host .hmp-project-hub nav{
  min-width:0;
  scrollbar-width:thin;
  scrollbar-color:var(--project-detail-border) transparent;
  -webkit-overflow-scrolling:touch;
}
#hmp-project-hub-host .hmp-project-hub nav button{
  min-height:44px;
  min-width:max-content;
  background:var(--project-detail-surface);
  color:var(--project-detail-text);
  border:1px solid var(--project-detail-border);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
#hmp-project-hub-host .hmp-project-hub nav button:hover,
#hmp-project-hub-host .hmp-project-hub nav button:focus-visible,
#hmp-project-hub-host .hmp-project-hub nav button.active,
#hmp-project-hub-host .hmp-project-hub nav button[aria-current="page"]{
  background:var(--project-detail-surface-strong);
  color:var(--project-detail-text);
  border-color:var(--project-detail-blue);
  outline:0;
  box-shadow:inset 0 -3px 0 var(--project-detail-blue),0 8px 20px rgba(2,8,23,.16);
}
#hmp-project-hub-host .hmp-project-hub main{
  min-width:0;
  color:var(--project-detail-text);
}
#hmp-project-hub-host .hmp-project-overview-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-width:0;
  margin:2px 0 12px;
}
#hmp-project-hub-host .hmp-project-overview-title h3{
  min-width:0;
  margin:0;
  color:var(--project-detail-text);
  overflow-wrap:anywhere;
}
#hmp-project-hub-host .hmp-project-overview-title>div{
  min-width:0;
}
#hmp-project-hub-host .hmp-project-overview-title button{
  min-height:44px;
  border-radius:12px;
  padding:9px 13px;
}
#hmp-project-hub-host .hmp-project-link-button{
  background:var(--project-detail-surface-strong);
  color:var(--project-detail-text);
  border:1px solid var(--project-detail-border);
}
#hmp-project-hub-host .hmp-project-source{
  min-width:0;
  align-items:center;
  background:var(--project-detail-surface);
  color:var(--project-detail-text);
  border:1px solid var(--project-detail-border);
  box-shadow:0 12px 28px rgba(2,8,23,.16),inset 0 1px 0 rgba(255,255,255,.035);
}
#hmp-project-hub-host .hmp-project-source>div{
  min-width:0;
}
#hmp-project-hub-host .hmp-project-source b,
#hmp-project-hub-host .hmp-project-source span{
  color:var(--project-detail-text);
  overflow-wrap:anywhere;
}
#hmp-project-hub-host .hmp-project-source>div:last-child span{
  color:var(--project-detail-blue);
  font-weight:800;
}
#hmp-project-hub-host .hmp-project-source small,
#hmp-project-hub-host .hmp-project-empty p,
#hmp-project-hub-host .hmp-project-hub main>p{
  color:var(--project-detail-muted);
}
#hmp-project-hub-host .hmp-project-empty{
  min-width:0;
  padding:20px;
  border:1px solid var(--project-detail-border);
  border-radius:16px;
  background:var(--project-detail-surface);
  color:var(--project-detail-text);
}
@media(max-width:700px){
  #hmp-project-hub-host .hmp-project-overview-title{
    align-items:flex-start;
    flex-direction:column;
  }
  #hmp-project-hub-host .hmp-project-overview-title>div{
    width:100%;
  }
}
@media(max-width:420px){
  #hmp-project-hub-host .hmp-project-hub{
    padding:12px;
  }
  #hmp-project-hub-host .hmp-project-metrics{
    gap:9px;
  }
  #hmp-project-hub-host .hmp-project-metrics article{
    padding:13px 12px 13px 15px;
  }
  #hmp-project-hub-host .hmp-project-source{
    align-items:flex-start;
    flex-direction:column;
  }
  #hmp-project-hub-host .hmp-project-source>div:last-child{
    width:100%;
    text-align:left;
  }
  #hmp-project-hub-host .hmp-project-overview-title button{
    width:100%;
  }
}
@media(max-width:340px){
  #hmp-project-hub-host .hmp-project-metrics{
    grid-template-columns:1fr;
  }
  #hmp-project-hub-host .hmp-project-hub header{
    align-items:flex-start;
  }
}
