/* Inventar teilen (2026-10-11; v3 = Greif-Cursor an der Kleidungs-Box) — Knopf im Kopf von „Kleidung“ + zweite Box. Gehoert zu zweiteilen_v2.js.
   Zusammengesetzt (Standard) greift hier nichts ausser dem Knopf: die Karte ist dieselbe wie vorher. */

/* Knopf: nur Symbol, gleiche Schnittkante wie „Ansicht“ daneben */
#inv-root .kleid-ab-btn { flex:none; width:34px; height:28px; display:inline-grid; place-items:center; border:none; border-radius:0;
  background:rgba(255,255,255,.05); color:var(--text-mid); clip-path:var(--pg); cursor:pointer; transition:background .14s,color .14s; }
#inv-root .kleid-ab-btn:hover { color:var(--text); background:rgba(255,255,255,.1); }
#inv-root .kleid-ab-btn.on { color:#fff; background:var(--accent-grad); }
#inv-root .kleid-ab-btn svg { width:15px; height:15px; }
#inv-root .col-char .col-head .arms-open-btn { margin-right:-4px; }

/* Geteilt: beide Boxen absolut, Ursprung oben links (left/top = sichtbare Ecke) */
#inv-root .inv-card.kleid-box.hidden { display:none; }
#inv-root.geteilt .inv-card { position:absolute !important; transform-origin:0 0 !important; }
#inv-root .inv-card.kleid-box.dragging { box-shadow:0 34px 90px rgba(0,0,0,.75); }
#inv-root .kleid-box .col-char { border-left:none; padding-left:26px; }
#inv-root .kleid-box .foot-tiles .tc-sep { display:none; }
/* Brieftasche/Schluesselbund decken wie bisher den Kleidungsbereich, hier bis zum rechten Rand der Box */
#inv-root .kleid-box .col-keys, #inv-root .kleid-box .col-wallet { right:0; width:auto; }
/* Rechte Box: Griff vorne, der erste Trenner haette nichts links von sich */
#inv-root.geteilt #invCard .inv-head > .teil-griff { margin-right:auto; }
#inv-root.geteilt #invCard .head-info > .head-sep:first-of-type { display:none; }
#inv-root.geteilt #invCard .col-items { border-left:none; }

/* Behaelter links (automatisch, wenn rechts kein Platz): Spalte vor die anderen, Trennlinien gespiegelt */
#inv-root .inv-card.behaelter-links .col-stash { order:0; border-left:none; padding-left:26px; border-right:1px solid var(--line); }
#inv-root .inv-card.behaelter-links .col-char { border-left:1px solid var(--line); }
#inv-root.geteilt .inv-card.behaelter-links .col-items { border-left:none; }

/* Passender Slot fuer das Kleidungsstueck unter der Maus / im Zug (liste_v26.js) */
#inv-root .cloth-slot.passt { box-shadow:inset 0 0 0 2px var(--success), 0 0 0 1px rgba(52,211,153,.25) !important; }
#inv-root .cloth-slot.passt .cs-lab { color:var(--success); }

/* v3: die Kleidungs-Box laesst sich auch an der freien Flaeche um die Silhouette ziehen */
#inv-root.geteilt .kleid-box .inv-head, #inv-root.geteilt .kleid-box .col-char { cursor:grab; }
#inv-root.geteilt .kleid-box .cloth-slot, #inv-root.geteilt .kleid-box button { cursor:pointer; }
#inv-root .inv-card.kleid-box.dragging, #inv-root .inv-card.kleid-box.dragging * { cursor:grabbing !important; }

/* v6 (12.10.): geteilt sind beide Boxen gleich hoch (zweiteilen_v5.js setzt min-height an beide Hauptteile).
   Die Inventarliste fuellt den gewonnenen Platz. height:0 + flex-grow statt height:auto — mit auto wuchs die Liste
   (v5) auf die volle Laenge ALLER Items, die Hoehenmessung nahm das und beide Boxen wurden riesig. */
#inv-root.geteilt #invCard .col-items .item-list { height:0; flex:1 1 auto; min-height:560px; }