/* UI-V6c (Besitzer: UI-V6c) · Inseln: HUD-Chip „Insel: Name“ (ui/island-chip.js, .v6c-ichip/.v6c-irow), Panel `inseln` (ui/islands-panel.js, .v6c-*),
   Gründungs-Hinweis im Baumenü (ui/build-menu.js, .v6c-gm-*), Startmenü-Knopf „Testwelt laden“ (ui/start-menu.js, .v6c-tw*).
   Nachgeladen per <link data-sb="ui-v6c"> (ensureV6cCss), bis index.html die Zeile trägt (ANFRAGEN_UI-V6c §2).
   Creme-Vollbild, weiße Karten, Trefferflächen ≥ 44 px, 360 px ohne Querscrollen, Tablet: breitere Spalte. */

/* ===== HUD-Chip ===== */
#ui .v6c-irow { justify-content: flex-start; }
#ui .hud-chip.v6c-ichip { min-height: 44px; flex: 0 1 auto; max-width: 100%; min-width: 0; gap: 5px; padding: 0 10px 0 7px; overflow: hidden; }
#ui .v6c-irow .hud-chip.v6c-ichip { flex: 1 1 auto; justify-content: flex-start; }
#ui .v6c-ichip .v6c-iic { color: #2F7FD0; flex: none; }
#ui .v6c-ichip .v6c-ilbl { flex: none; font-weight: 600; color: var(--ink2); }
#ui .v6c-ichip .v6c-iname { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 800; }
#ui .v6c-ichip .v6c-igo { display: none; flex: none; margin-left: auto; padding: 2px 8px; border-radius: 999px; background: #E8862E; color: #fff; font-size: 11.5px; font-weight: 800; }
#ui .v6c-ichip .v6c-ichev { flex: none; color: var(--ink3); margin-left: auto; }
#ui .hud-chip.v6c-ichip.v6c-pending { background: #FFE6C4; color: #7A3E00; animation: v6cPulse 1.3s ease-out infinite; }
#ui .v6c-ichip.v6c-pending .v6c-ilbl { color: #B4570A; font-weight: 900; }
#ui .v6c-ichip.v6c-pending .v6c-iic { color: #B4570A; }
#ui .v6c-ichip.v6c-pending .v6c-igo { display: inline-block; }
#ui .v6c-ichip.v6c-pending .v6c-ichev { display: none; }
@keyframes v6cPulse { 0% { box-shadow: 0 0 0 0 rgba(232, 134, 46, .65); } 70% { box-shadow: 0 0 0 9px rgba(232, 134, 46, 0); } 100% { box-shadow: 0 0 0 0 rgba(232, 134, 46, 0); } }
@media (prefers-reduced-motion: reduce) { #ui .hud-chip.v6c-ichip.v6c-pending { animation: none; box-shadow: 0 0 0 3px rgba(232, 134, 46, .55); } }
@media (max-width: 360px) { #ui .v6c-ichip .v6c-igo { display: none !important; } }

/* ===== Panel `inseln` ===== */
#ui .v6c-full .full-head { flex: none; min-width: 0; display: flex; flex-direction: column; gap: 6px; padding-bottom: 8px; }
#ui .v6c-full .full-head .panel-head { padding-right: 4px; }
#ui .v6c-full .full-body { padding-bottom: calc(var(--sab) + 24px); overflow-x: hidden; min-width: 0; display: flex; flex-direction: column; gap: 10px; }
#ui .v6c-tools { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; min-width: 0; }
#ui .v6c-sum { flex: 1 1 180px; min-width: 0; font-size: 12.5px; font-weight: 700; color: var(--ink2); font-variant-numeric: tabular-nums; line-height: 1.3; }
#ui .v6c-filter { flex: none; display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 12px 0 8px; border: 0; border-radius: 14px; background: #fff; color: var(--ink); font-weight: 700; font-size: 13.5px; box-shadow: var(--shadow-soft); cursor: pointer; }
#ui .v6c-fbox { width: 22px; height: 22px; border-radius: 7px; border: 2px solid var(--card3); display: inline-flex; align-items: center; justify-content: center; color: transparent; line-height: 0; }
#ui .v6c-filter.on { background: #EEEDFF; color: var(--primary2); }
#ui .v6c-filter.on .v6c-fbox { background: var(--primary); border-color: var(--primary); color: #fff; }

/* Karte „Verbindungen“ */
#ui .v6c-map { background: #fff; border-radius: 16px; padding: 10px; box-shadow: 0 1px 3px rgba(43, 42, 51, .08); min-width: 0; display: flex; flex-direction: column; gap: 6px; }
#ui .v6c-map .section-title { margin: 0; }
#ui .v6c-svgwrap { width: 100%; min-width: 0; line-height: 0; }
#ui svg.v6c-svg { display: block; width: 100%; height: 176px; border-radius: 14px; touch-action: manipulation; }
#ui .v6c-rline { fill: none; stroke: #FFE08A; stroke-width: 3.2; stroke-linecap: round; }
#ui .v6c-rline.karren { stroke: #F7C59F; stroke-dasharray: 2 5; stroke-width: 3.6; }
#ui .v6c-rline.off { stroke: rgba(255, 255, 255, .55); stroke-dasharray: 5 5; stroke-width: 2.4; }
#ui .v6c-rarrow { fill: #FFE08A; stroke: rgba(0, 0, 0, .25); stroke-width: .8; }
#ui .v6c-rarrow.off { fill: rgba(255, 255, 255, .7); }
#ui .v6c-dot { cursor: pointer; outline: none; }
#ui .v6c-dot .v6c-hit { fill: transparent; }
#ui .v6c-dot .v6c-disc { fill: #9DB05E; stroke: #F1D89F; stroke-width: 3; }
#ui .v6c-dot.e .v6c-disc { fill: #D9CBA6; stroke: rgba(255, 255, 255, .8); stroke-width: 2; stroke-dasharray: 3 2; }
#ui .v6c-dot .v6c-ring { fill: none; stroke: #fff; stroke-width: 2.5; }
#ui .v6c-dot.cur .v6c-disc { fill: var(--primary); stroke: #fff; }
#ui .v6c-dot.sel .v6c-disc { stroke: #FFD23F; stroke-width: 3.5; }
#ui .v6c-dot:focus-visible .v6c-hit { fill: rgba(255, 255, 255, .25); }
#ui .v6c-lbl { fill: #fff; font-size: 11.5px; font-weight: 800; text-anchor: middle; paint-order: stroke; stroke: rgba(10, 30, 60, .65); stroke-width: 3px; stroke-linejoin: round; pointer-events: none; }
#ui .v6c-dot.cur .v6c-lbl { fill: #FFE08A; }
#ui .v6c-svg-empty { fill: #fff; font-size: 13px; font-weight: 700; text-anchor: middle; }
#ui .v6c-legend { display: flex; flex-wrap: wrap; gap: 4px 12px; font-size: 11.5px; font-weight: 700; color: var(--ink2); }
#ui .v6c-lg { display: inline-flex; align-items: center; gap: 5px; }
#ui .v6c-lg-dot { width: 11px; height: 11px; border-radius: 50%; background: #9DB05E; display: inline-block; }
#ui .v6c-lg-dot.e { background: #D9CBA6; border: 1.5px dashed #A9997A; }
#ui .v6c-lg-line { width: 18px; height: 0; border-top: 3px solid #E5B93A; display: inline-block; }
#ui .v6c-lg-line.off { border-top: 2px dashed #9A97A6; }
#ui .v6c-map-empty, #ui .v6c-note { font-size: 12px; color: var(--ink2); font-weight: 600; line-height: 1.35; }
#ui .v6c-note { display: flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 12px; background: #FBF0D6; color: #7A5A12; }
#ui .v6c-note .ico { flex: none; }

/* Inselliste */
#ui .v6c-list { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
#ui .v6c-empty { padding: 18px 12px; text-align: center; color: var(--ink2); font-weight: 600; background: #fff; border-radius: 16px; }
#ui .v6c-isl { background: #fff; border-radius: 16px; box-shadow: 0 1px 3px rgba(43, 42, 51, .08); min-width: 0; border: 2px solid transparent; }
#ui .v6c-isl.cur { border-color: rgba(82, 79, 254, .45); }
#ui .v6c-ihead { display: flex; align-items: center; gap: 6px; padding-right: 8px; min-width: 0; }
#ui .v6c-itoggle { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; gap: 10px; min-height: 64px; padding: 8px 4px 8px 10px; border: 0; border-radius: 16px; background: transparent; text-align: left; cursor: pointer; color: var(--ink); }
#ui .v6c-itoggle:focus-visible { outline: 3px solid rgba(82, 79, 254, .45); outline-offset: -3px; }
#ui .v6c-iav { flex: none; width: 42px; height: 42px; border-radius: 13px; display: flex; align-items: center; justify-content: center; line-height: 0; background: #E6F2D6; color: #3D6B1F; }
#ui .v6c-iav.e { background: #F3EBDB; color: #8A6A2E; }
#ui .v6c-imain { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
#ui .v6c-irow1 { display: flex; align-items: center; gap: 6px; min-width: 0; flex-wrap: wrap; }
#ui .v6c-iname { font-size: 15.5px; min-width: 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#ui .v6c-st { flex: none; padding: 2px 8px; border-radius: 999px; font-size: 11px; font-weight: 800; background: #E2F3DF; color: #2A7A3C; }
#ui .v6c-st.e { background: #F3EBDB; color: #7A5A12; }
#ui .v6c-here { flex: none; padding: 2px 8px; border-radius: 999px; font-size: 11px; font-weight: 800; background: var(--primary); color: #fff; }
#ui .v6c-isub { display: flex; flex-wrap: wrap; gap: 2px 6px; font-size: 12px; font-weight: 700; color: var(--ink2); font-variant-numeric: tabular-nums; }
#ui .v6c-k { white-space: nowrap; }
#ui .v6c-k0 { color: #B4262B; }
#ui .v6c-chev { flex: none; color: var(--ink3); transition: transform .18s; }
#ui .v6c-isl.open .v6c-chev { transform: rotate(180deg); }
#ui .v6c-hin.btn { flex: none; min-height: 44px; min-width: 64px; padding: 0 12px; }
#ui .v6c-hin.btn:not(.btn-primary) { background: var(--card2); }
#ui .v6c-ibody { padding: 0 10px 12px; display: flex; flex-direction: column; gap: 6px; min-width: 0; }
#ui .v6c-sec-t { display: flex; align-items: center; gap: 6px; margin-top: 4px; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .03em; color: var(--ink2); }
#ui .v6c-sec-t small { margin-left: auto; text-transform: none; letter-spacing: 0; font-weight: 600; color: var(--ink3); }

/* Lager-Tabelle: Ware · Bestand/Platz · +/Tag · −/Tag */
#ui .v6c-lager { display: flex; flex-direction: column; border-radius: 12px; background: var(--card); overflow: hidden; min-width: 0; }
#ui .v6c-lrow { display: grid; grid-template-columns: minmax(0, 1fr) auto 3.6em 3.6em; align-items: center; gap: 6px; min-height: 32px; padding: 3px 10px; font-size: 13px; font-weight: 700; font-variant-numeric: tabular-nums; border-top: 1px solid rgba(43, 42, 51, .06); }
#ui .v6c-lrow:first-child { border-top: 0; }
#ui .v6c-lhead { min-height: 28px; font-size: 11px; font-weight: 800; color: var(--ink3); background: var(--card2); }
#ui .v6c-lrow .r { text-align: right; white-space: nowrap; }
#ui .v6c-lrow .p { color: #2A8A41; }
#ui .v6c-lrow .m { color: #C2353A; }
#ui .v6c-lrow .z { color: var(--ink3); font-weight: 600; }
#ui .v6c-lhead .p, #ui .v6c-lhead .m { color: var(--ink3); }
#ui .v6c-lb.voll { color: #C2353A; }
#ui .v6c-lname { display: flex; align-items: center; gap: 6px; min-width: 0; }
#ui .v6c-lname > span:last-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#ui .v6c-lname .ico { flex: none; }
#ui .v6c-lempty { padding: 8px 10px; font-size: 12.5px; color: var(--ink2); font-weight: 600; }

/* Routen-Zeilen */
#ui .v6c-route { display: flex; align-items: center; gap: 8px; width: 100%; min-height: 44px; padding: 6px 10px; border: 0; border-radius: 12px; background: #EEF5FC; color: #1E4E80; font-size: 13px; font-weight: 700; text-align: left; line-height: 1.3; }
#ui button.v6c-route { cursor: pointer; }
#ui .v6c-route.ein { background: #F2F0FF; color: #3F3CD6; }
#ui .v6c-route.off { background: var(--card2); color: var(--ink2); }
#ui .v6c-rico, #ui .v6c-rgo { flex: none; line-height: 0; }
#ui .v6c-rtxt { flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; }
#ui .v6c-rnone { font-size: 12.5px; color: var(--ink2); font-weight: 600; padding: 2px 2px 4px; }

/* Gründung (Panel) */
#ui .v6c-gr { display: flex; align-items: flex-start; gap: 8px; padding: 8px 10px; border-radius: 12px; background: #FFF4E0; color: #6B4A12; }
#ui .v6c-gr > .ico { flex: none; margin-top: 1px; color: #B4570A; }
#ui .v6c-gr-t { display: flex; flex-direction: column; gap: 2px; min-width: 0; font-size: 12.5px; font-weight: 600; line-height: 1.35; }
#ui .v6c-gr-t b { font-size: 13.5px; }
#ui .v6c-gr-fehlt { color: #B4262B; font-weight: 800; }

/* ===== Baumenü auf nicht gegründeter Insel ===== */
#ui .v6c-gm { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
#ui .v6c-gm-info { display: flex; align-items: flex-start; gap: 10px; padding: 10px 12px; border-radius: 14px; background: #FFF4E0; color: #5E4210; line-height: 1.35; }
#ui .v6c-gm-info > .ico { flex: none; color: #B4570A; margin-top: 2px; }
#ui .v6c-gm-info b { display: block; font-size: 15px; margin-bottom: 2px; color: #4A3208; }
#ui .v6c-gm-info span { font-size: 13px; font-weight: 600; }
#ui .v6c-gm-fehlt { display: flex; flex-direction: column; gap: 6px; padding: 8px 12px; border-radius: 14px; background: #FDEBEC; color: #8E1D21; border: 1.5px solid #F3B7B9; }
#ui .v6c-gm-fehlt-t { display: flex; align-items: center; gap: 6px; font-weight: 800; font-size: 13.5px; }
#ui .v6c-gm-fehlt-t .ico { flex: none; }
#ui .v6c-gm-fehlt small { font-size: 12.5px; font-weight: 700; color: #9E2328; }
#ui .v6c-gm-fehlt .btn { align-self: flex-start; min-height: 44px; }
#ui .v6c-gm-site { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 14px; background: #fff; box-shadow: var(--shadow-soft); }
#ui .v6c-gm-site .grow { display: flex; flex-direction: column; gap: 2px; font-weight: 700; }
#ui .v6c-gm-site small { color: var(--ink2); font-weight: 600; }
#ui .v6c-gm-site .btn { flex: none; min-height: 44px; }
#ui .v6c-gm-folgt { padding: 10px 12px; border-radius: 14px; background: var(--card2); color: var(--ink2); font-weight: 600; font-size: 13px; }

/* ===== Startmenü: Testwelt ===== */
#ui .v6c-tw { display: flex; flex-direction: column; gap: 4px; padding: 0 18px 10px; }   /* wie .stm-actions (ui-v3.css) */
#ui .v6c-tw .btn { min-height: 48px; }
#ui .v6c-tw-btn.btn { background: #fff; color: var(--primary2); box-shadow: inset 0 0 0 2px rgba(82, 79, 254, .35); }
#ui .v6c-tw-sub { font-size: 12px; color: var(--ink2); font-weight: 600; text-align: center; line-height: 1.35; }

/* ===== Tablet / breit ===== */
@media (min-width: 900px) and (min-height: 1400px) {
  #ui .full.v6c-full { left: 50%; right: auto; width: 820px; margin-left: -410px; }
  #ui svg.v6c-svg { height: 240px; }
}
#ui .v6c-st.o { background: #FFE6C4; color: #8A4B00; }
#ui .v6c-gm-fehlt .v6c-gm-btns { display: flex; flex-wrap: wrap; gap: 8px; }
#ui .v6c-gm-fehlt .v6c-gm-btns .btn { align-self: auto; }
#ui .v6c-ichip .v6c-idot { flex: none; width: 9px; height: 9px; border-radius: 50%; background: #F2B134; box-shadow: 0 0 0 2px rgba(242, 177, 52, .3); }
#ui .v6c-isub .v6c-k + .v6c-k::before { content: "·"; margin-right: 6px; color: var(--ink3); }