/* pandabu V2.0.4 RC16.267 — Notvorrat overview progress-ring redesign */

/* Overview no longer exposes the redundant Geführt/Übersicht switch.
   Guided mode stays available through Einkaufsplanung > Manuell. */
.rc267-overview-dashboard{gap:18px}

/* One calm, immediately readable progress zone: count · ring · refresh. */
.rc267-progress-overview{
  display:grid;
  grid-template-columns:minmax(110px,1fr) auto minmax(110px,1fr);
  align-items:center;
  gap:18px;
  min-height:132px;
  padding:2px 0 4px;
}
.rc267-prepared-copy{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:flex-start;
}
.rc267-prepared-copy strong{
  margin:0;
  font-size:1.12rem;
  line-height:1.18;
  font-weight:850;
  color:var(--text,#f7f7f8);
}

.rc267-progress-ring{
  --rc267-progress:0;
  --rc267-ring-size:112px;
  --rc267-ring-width:11px;
  position:relative;
  width:var(--rc267-ring-size);
  height:var(--rc267-ring-size);
  border-radius:50%;
  display:grid;
  place-items:center;
  background:conic-gradient(
    var(--rc262-accent,var(--accent,#12b8ab)) calc(var(--rc267-progress) * 1%),
    rgba(148,163,184,.18) 0
  );
  flex:0 0 auto;
  transition:background .28s ease;
}
.rc267-progress-ring::before{
  content:"";
  position:absolute;
  inset:var(--rc267-ring-width);
  border-radius:50%;
  background:var(--rc262-card,var(--card,#20262d));
  box-shadow:inset 0 0 0 1px rgba(148,163,184,.07);
}
.rc267-progress-ring>span{
  position:relative;
  z-index:1;
  font-size:1.65rem;
  line-height:1;
  font-weight:900;
  letter-spacing:-.025em;
  color:var(--rc262-accent,var(--accent,#12b8ab));
  font-variant-numeric:tabular-nums;
}

.rc267-refresh{
  justify-self:end;
  align-self:center;
  width:auto!important;
  min-width:0!important;
  max-width:max-content!important;
  min-height:40px!important;
  padding:.5rem .72rem!important;
  border-radius:14px!important;
  font-size:.78rem!important;
  line-height:1!important;
  white-space:nowrap;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
}
.rc267-refresh em{font-style:normal;font-weight:800}

/* The old dashboard bar is intentionally gone in RC16.267. */
.rc267-overview-dashboard>.rc262-progress-track{display:none!important}

/* Categories get slightly more breathing room below the larger progress ring. */
.rc267-overview-dashboard .rc262-overview-categories{margin-top:2px}

@media(max-width:700px){
  .rc267-overview-dashboard{gap:15px!important}
  .rc267-progress-overview{
    grid-template-columns:minmax(78px,1fr) auto minmax(78px,1fr);
    gap:8px;
    min-height:116px;
    padding:0;
  }
  .rc267-prepared-copy strong{font-size:.88rem;line-height:1.16}
  .rc267-progress-ring{
    --rc267-ring-size:92px;
    --rc267-ring-width:9px;
  }
  .rc267-progress-ring>span{font-size:1.42rem}
  .rc267-refresh{
    min-height:36px!important;
    padding:.44rem .54rem!important;
    font-size:.70rem!important;
    border-radius:12px!important;
    gap:4px!important;
  }
  .rc267-refresh>span{font-size:.9rem}
  .rc267-overview-dashboard .rc262-overview-categories{margin-top:3px}
}

@media(max-width:380px){
  .rc267-progress-overview{
    grid-template-columns:minmax(68px,1fr) auto minmax(68px,1fr);
    gap:5px;
  }
  .rc267-prepared-copy strong{font-size:.79rem}
  .rc267-progress-ring{--rc267-ring-size:82px;--rc267-ring-width:8px}
  .rc267-progress-ring>span{font-size:1.25rem}
  .rc267-refresh{font-size:.64rem!important;padding:.4rem .45rem!important}
}