/* PCM Aufgaben-Inventar: durchsuchbares Overlay.
   Der ausloesende Knopf traegt den Blueprint-Stil der Kapitelkarten
   (.chapter-card-action in spiral-home.css) - hier nichts nachbauen. */

body.pcm-inventory-open{
  overflow:hidden!important;
}

/* Die fixen Store-Schaltflaechen liegen sonst ueber dem Overlay-Fuss. */
body.pcm-inventory-open .pcm-store-launcher{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

.pcm-inventory[hidden]{
  display:none!important;
}

.pcm-inventory{
  position:fixed;
  inset:0;
  z-index:12500;
  display:grid;
  place-items:center;
  box-sizing:border-box;
  padding:max(14px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));
  color:var(--ifc-ink,#f7f8fb);
}

.pcm-inventory-backdrop{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  padding:0;
  background:rgba(0,2,7,.88);
  border:0;
  cursor:default;
}

.pcm-inventory-shell{
  position:relative;
  z-index:1;
  box-sizing:border-box;
  display:grid;
  grid-template-rows:auto auto minmax(0,1fr) auto;
  width:min(760px,calc(100vw - 24px));
  max-height:calc(100dvh - max(28px,env(safe-area-inset-top) + env(safe-area-inset-bottom)));
  padding:clamp(18px,3vw,28px);
  border:1px solid color-mix(in srgb,var(--cyan,#00e5ff) 34%,rgba(255,255,255,.14));
  border-radius:22px;
  background:
    linear-gradient(180deg,rgba(5,11,17,.97),rgba(7,9,16,.96)),
    color-mix(in srgb,var(--cyan,#00e5ff) 3%,rgba(2,4,7,.97));
  box-shadow:0 34px 110px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.08);
}

.pcm-inventory-header{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:start;
  gap:14px;
}

.pcm-inventory-kicker{
  margin:0!important;
  color:var(--cyan,#00e5ff)!important;
  font-family:var(--mono,'Share Tech Mono',monospace)!important;
  font-size:9px!important;
  font-weight:600!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  text-transform:uppercase;
}

.pcm-inventory-header h2{
  margin:7px 0 0!important;
  color:#fff!important;
  font-family:var(--display,'Space Grotesk',sans-serif)!important;
  font-size:clamp(21px,2.4vw,29px)!important;
  font-weight:580!important;
  line-height:1.06!important;
  letter-spacing:0!important;
}

.pcm-inventory-close{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  padding:0;
  color:var(--ifc-ink,#f7f8fb);
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.18);
  border-radius:50%;
  font-size:19px;
  line-height:1;
  cursor:pointer;
}

.pcm-inventory-close:hover{
  background:rgba(255,255,255,.12);
}

.pcm-inventory-search{
  margin-top:16px;
}

.pcm-inventory-search-label{
  display:block;
  margin-bottom:6px;
  color:rgba(255,255,255,.7);
  font-size:11px;
  line-height:1.3;
  letter-spacing:0;
}

.pcm-inventory-search input{
  box-sizing:border-box;
  width:100%;
  min-height:48px;
  padding:10px 14px;
  color:var(--ifc-ink,#f7f8fb);
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.18);
  border-radius:10px;
  outline:0;
  font-family:var(--body,'Inter',sans-serif);
  font-size:15px;
  line-height:1.2;
}

.pcm-inventory-search input:focus-visible{
  border-color:color-mix(in srgb,var(--cyan,#00e5ff) 70%,transparent);
}

.pcm-inventory-status{
  margin:7px 0 0!important;
  color:var(--cyan,#00e5ff)!important;
  font-family:var(--mono,'Share Tech Mono',monospace)!important;
  font-size:10px!important;
  line-height:1.3!important;
  letter-spacing:0!important;
}

.pcm-inventory-results{
  margin-top:14px;
  overflow-y:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}

.pcm-inventory-group{
  --group-accent:var(--cyan,#00e5ff);
  padding:12px 0 13px;
  border-top:1px solid rgba(255,255,255,.10);
}

.pcm-inventory-group[data-accent="gold"]{ --group-accent:var(--gold,#f0dfc4); }
.pcm-inventory-group[data-accent="green"]{ --group-accent:var(--green,#46e6a5); }
.pcm-inventory-group[data-accent="blue"]{ --group-accent:var(--blue,#8dd9ff); }
.pcm-inventory-group[data-accent="phinix"]{ --group-accent:var(--phinix,#9b6cff); }
.pcm-inventory-group[data-accent="red"]{ --group-accent:var(--red,#ff3366); }
.pcm-inventory-group[data-accent="revit"]{ --group-accent:var(--revit,#ff2a7a); }

.pcm-inventory-group h3{
  display:flex;
  align-items:center;
  gap:9px;
  margin:0 0 9px!important;
  color:var(--group-accent)!important;
  font-family:var(--mono,'Share Tech Mono',monospace)!important;
  font-size:10px!important;
  font-weight:600!important;
  line-height:1.2!important;
  letter-spacing:.04em!important;
  text-transform:uppercase;
}

.pcm-inventory-group h3 b{
  padding:2px 7px;
  color:var(--group-accent);
  border:1px solid currentColor;
  border-radius:999px;
  font-size:9px;
  font-weight:600;
}

.pcm-inventory-group ul{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin:0;
  padding:0;
  list-style:none;
}

.pcm-inventory-group li{
  padding:6px 11px;
  color:rgba(255,255,255,.86);
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.10);
  border-left:2px solid color-mix(in srgb,var(--group-accent) 60%,transparent);
  border-radius:8px;
  font-family:var(--body,'Inter',sans-serif);
  font-size:12.5px;
  line-height:1.35;
  letter-spacing:0;
}

.pcm-inventory-empty{
  margin:16px 0!important;
  color:rgba(255,255,255,.7)!important;
  font-size:13px!important;
  line-height:1.45!important;
  letter-spacing:0!important;
}

.pcm-inventory-foot{
  margin:14px 0 0!important;
  color:rgba(255,255,255,.5)!important;
  font-size:11px!important;
  line-height:1.4!important;
  letter-spacing:0!important;
}

@media(max-width:820px){
  .pcm-inventory-shell{
    width:min(92vw,420px);
    padding:16px 16px 14px;
    border-radius:20px;
  }

  .pcm-inventory-group li{
    font-size:12px;
  }
}