/* UI-V7 · Gruppenauswahl & Angriffsmodus, Kampfwerte, Leiste laufender Gruppen, Mitspieler, Weltkarten-Flaggen (Besitzer: UI-V7; per <link data-sb="ui-v7"> aus group-select.js) */

/* ---------- Werkzeug „Gruppe“ (Overlay) ---------- */
#ui .v7-tool { position: absolute; inset: 0; display: none; }
#ui .v7-tool.open { display: block; }
#ui .v7-tool .v5-catch { cursor: pointer; }
#ui .v7-tool .v5-catch.move { cursor: grab; }
#ui .v7-tool.rahmen .v5-catch { cursor: crosshair; }
#ui .v7-rings { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }
#ui .v7-ring { position: absolute; left: 0; top: 0; width: 40px; height: 40px; border-radius: 50%; border: 3px solid #FFD23F; box-shadow: 0 0 0 2px rgba(0,0,0,.35), 0 0 12px rgba(255,210,63,.75) inset; pointer-events: none; will-change: transform; transition: opacity .15s; }
#ui .v7-drag { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; display: none; }
#ui .v7-drag.on { display: block; }
#ui .v7-drag line { display: none; stroke: #E5484D; stroke-width: 4; stroke-dasharray: 10 7; stroke-linecap: round; }
#ui .v7-drag.line line { display: inline; }
#ui .v7-drag rect { display: none; fill: rgba(255,210,63,.16); stroke: #FFD23F; stroke-width: 2; stroke-dasharray: 6 4; }
#ui .v7-drag.rect rect { display: inline; }
#ui .v7-dragtip { position: absolute; left: 0; top: 0; pointer-events: none; background: rgba(30,28,40,.88); color: #fff; font-weight: 700; font-size: 13px; padding: 6px 10px; border-radius: 999px; white-space: nowrap; max-width: 80vw; overflow: hidden; text-overflow: ellipsis; }
#ui .v7-dragtip.ok { background: #E5484D; }
#ui .v7-hint { position: absolute; top: calc(var(--sat) + 10px); left: 50%; transform: translateX(-50%); width: max-content; max-width: calc(100% - 24px); background: rgba(30,28,40,.86); color: #fff; font-weight: 600; font-size: 13px; line-height: 1.3; padding: 8px 14px; border-radius: 16px; text-align: center; pointer-events: none; box-sizing: border-box; }
#ui .v7-hint.ziel { background: #C9353A; }
#ui .v7-gbar .v7-hint { position: static; transform: none; width: auto; max-width: none; margin: 0 0 8px; font-size: 12px; padding: 6px 10px; border-radius: 10px; background: #EDEBFF; color: var(--primary2, #3F3CD6); text-align: left; }
#ui .v7-gbar .v7-hint.ziel { background: #FFE3E3; color: #B42318; }

#ui .v7-gbar, #ui .v7-asheet { position: absolute; left: calc(var(--sal) + 8px); right: calc(var(--sar) + 8px); bottom: calc(var(--sab) + 8px); background: var(--card); border-radius: var(--r, 18px); box-shadow: 0 -4px 22px rgba(30,20,60,.25); padding: 10px 12px 12px; box-sizing: border-box; max-height: calc(100% - var(--sat) - 70px); overflow-y: auto; overflow-x: hidden; }
#ui .v7-gbar.hidden, #ui .v7-asheet.hidden { display: none; }
#ui .v7-ghead, #ui .v7-ahead { display: flex; align-items: center; gap: 10px; min-width: 0; }
#ui .v7-gic, #ui .v7-aic { width: 40px; height: 40px; border-radius: 12px; background: var(--card3); display: flex; align-items: center; justify-content: center; flex: none; }
#ui .v7-aic { background: color-mix(in srgb, var(--fk, #E5484D) 22%, #fff); }
#ui .v7-gtitles, #ui .v7-ahead .grow { flex: 1; min-width: 0; }
#ui .v7-gline { font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#ui .v7-gstr { color: var(--ink2); font-weight: 600; }
#ui .v7-end, #ui .v7-acancel { min-height: 44px; }
#ui .v7-pics { display: flex; gap: 6px; overflow-x: auto; overflow-y: hidden; padding: 8px 2px 4px; scrollbar-width: thin; -webkit-overflow-scrolling: touch; }
#ui .v7-pic { position: relative; flex: none; width: 52px; min-height: 58px; border: 0; border-radius: 12px; background: var(--card2); padding: 3px 2px 2px; display: flex; flex-direction: column; align-items: center; cursor: pointer; }
#ui .v7-pic.armed { box-shadow: inset 0 0 0 2px #FFD23F; }
#ui .v7-pic.unarmed { box-shadow: inset 0 0 0 2px var(--card3); }
#ui .v7-pic.wounded { background: #FFE9E9; }
#ui .v7-pic .v7-av svg { display: block; }
#ui .v7-pic .v7-badge { position: absolute; right: 2px; top: 2px; width: 18px; height: 18px; border-radius: 50%; background: #FFD23F; display: flex; align-items: center; justify-content: center; }
#ui .v7-pic .v7-plv { position: absolute; left: 2px; top: 2px; min-width: 16px; height: 16px; border-radius: 8px; background: var(--primary); color: #fff; font-size: 10px; font-weight: 800; line-height: 16px; text-align: center; }
#ui .v7-pname { font-size: 10px; font-weight: 700; max-width: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--ink2); }
#ui .v7-empty { color: var(--ink2); font-size: 13px; padding: 10px 2px; }
#ui .v7-garm { display: flex; flex-wrap: wrap; gap: 4px 10px; font-size: 12px; font-weight: 600; padding: 2px 2px 6px; }
#ui .v7-arm { display: inline-flex; align-items: center; gap: 4px; }
#ui .v7-arm.ok { color: #8A6A10; } #ui .v7-arm.no { color: var(--danger); }
#ui .v7-gbtns, #ui .v7-abtns { display: flex; gap: 8px; }
#ui .v7-gbtns .btn, #ui .v7-abtns .btn { flex: 1; min-height: 46px; min-width: 0; }
#ui .v7-rahmen.on { background: #FFD23F; color: #2B2A33; }
#ui .v7-attack-btn.on { box-shadow: 0 0 0 3px rgba(229,72,77,.35); }
#ui .v7-ziele { display: flex; flex-wrap: wrap; gap: 6px; padding: 0 0 8px; }
#ui .v7-ziele.hidden { display: none; }
#ui .v7-zchip { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; max-width: 100%; border: 0; border-radius: 12px; padding: 4px 12px; background: var(--card2); font-weight: 700; font-size: 13px; cursor: pointer; box-shadow: inset 3px 0 0 var(--fk); }
#ui .v7-zchip small { color: var(--ink2); font-weight: 600; }
#ui .v7-zchip > span:not(.v7-zflag) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#ui .v7-zflag, #ui .v7-pflag { width: 12px; height: 16px; flex: none; background: var(--fk, var(--pc, #8E8E9A)); clip-path: polygon(0 0, 100% 0, 75% 50%, 100% 100%, 0 100%); border-radius: 1px; }
#ui .v7-pflag { background: var(--pc, #8E8E9A); width: 16px; height: 20px; }

/* Blatt „Angreifen?“ */
#ui .v7-asheet { border-top: 4px solid var(--danger); }
#ui .v7-atitle { font-size: 17px; font-weight: 800; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#ui .v7-aclose, #ui .btn.btn-small.v7-aclose { flex: none; width: 44px; height: 44px; min-width: 44px; min-height: 44px; }
#ui .v7-afk { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 8px; margin: 10px 0 6px; font-size: 14px; }
#ui .v7-afk small { color: var(--ink2); font-weight: 600; }
#ui .v7-hal { font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 999px; background: var(--card3); }
#ui .v7-hal.feindlich { background: #FFE0E0; color: #B42318; } #ui .v7-hal.handel, #ui .v7-hal.freundlich { background: #DDF3E3; color: #1E7A3A; }
#ui .v7-zornwarn.hot { background: #FFE3E3; }
#ui .v7-vs { margin: 8px 0; display: grid; grid-template-columns: 1fr auto; gap: 6px 10px; align-items: center; }
#ui .v7-vs .v7-vsbar { grid-column: 1 / 2; height: 22px; }
#ui .v7-vs .v7-vsbar .bar-fill { background: linear-gradient(90deg, #E5484D, #F2786B); }
#ui .v7-chance { display: flex; flex-direction: column; align-items: center; line-height: 1.05; }
#ui .v7-chance b { font-size: 20px; } #ui .v7-chance span { font-size: 10px; color: var(--ink2); font-weight: 600; }
#ui .v7-chance.ok b { color: var(--success); } #ui .v7-chance.warn b { color: var(--warn); } #ui .v7-chance.bad b { color: var(--danger); }
#ui .v7-vsinfo { grid-column: 1 / -1; font-size: 12px; color: var(--ink2); font-weight: 600; }
#ui .v7-ainfo { margin: 4px 2px 8px; }
#ui .v7-folgt { margin: 0 2px 8px; font-style: italic; }
#ui .v7-blocked { margin-bottom: 8px; }
#ui .v7-go { min-height: 50px; }

/* ---------- Leiste laufender Gruppen ---------- */
#ui .v7-run { position: absolute; left: calc(var(--sal) + 8px); right: calc(var(--sar) + 8px); bottom: calc(var(--sab) + var(--bar-h, 84px) + 16px); display: flex; flex-direction: column; gap: 6px; pointer-events: none; transition: opacity .2s; }
#ui .v7-run.hidden, #ui .v7-run.off { display: none; }
#ui .v7-rrow { pointer-events: auto; display: flex; align-items: center; gap: 8px; background: rgba(255,255,255,.95); border-radius: 14px; padding: 4px 6px 4px 10px; box-shadow: 0 4px 14px rgba(30,20,60,.22); border-left: 4px solid var(--fk, #E5484D); min-width: 0; }
#ui .v7-ric { flex: none; color: var(--danger); display: flex; }
#ui .v7-rmain { flex: 1; min-width: 0; display: flex; flex-direction: column; }
#ui .v7-rtext { font-size: 13px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#ui .v7-rsub { font-size: 11px; color: var(--ink2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#ui .v7-rsub:empty { display: none; }
#ui .v7-stop { flex: none; min-height: 44px; min-width: 44px; }
#ui .v7-rmore { pointer-events: auto; text-align: center; }

/* ---------- Siedler-Panel: Kampf ---------- */
#ui .v7-kampf .section-title { display: flex; align-items: center; gap: 6px; }
#ui .v7-lvl { margin-left: auto; background: var(--primary); color: #fff; font-size: 11px; font-weight: 800; padding: 1px 8px; border-radius: 999px; }
#ui .v7-crow { display: grid; grid-template-columns: minmax(84px, auto) 1fr; gap: 4px 10px; align-items: center; margin: 4px 0; }
#ui .v7-row-xp { grid-template-columns: minmax(84px, auto) 1fr auto; }
#ui .v7-clab { font-size: 13px; color: var(--ink2); font-weight: 600; white-space: nowrap; }
#ui .v7-clab b { color: var(--ink); font-size: 15px; }
#ui .v7-cval { font-size: 11px; color: var(--ink2); font-weight: 600; white-space: nowrap; }
#ui .v7-stats, #ui .v7-gear { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
#ui .v7-stat { display: inline-flex; align-items: center; gap: 5px; background: var(--card2); border-radius: 10px; padding: 4px 10px; font-size: 13px; }
#ui .v7-stat small { color: var(--ink2); font-weight: 600; } #ui .v7-stat b { font-size: 15px; }
#ui .v7-item { flex: 1 1 140px; min-width: 0; display: flex; align-items: center; gap: 8px; background: var(--card2); border-radius: 10px; padding: 6px 10px; }
#ui .v7-item > span:last-child { display: flex; flex-direction: column; min-width: 0; } #ui .v7-item small { font-size: 10px; color: var(--ink2); font-weight: 600; }
#ui .v7-item b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #ui .v7-item.off { opacity: .6; }
#ui .v7-item { flex-wrap: wrap; flex: 1 1 100%; }
#ui .v7-item .v7-itxt { display: flex; flex-direction: column; min-width: 0; flex: 1 1 60px; }
#ui .v7-item .v7-ibtns { display: flex; gap: 4px; margin-left: auto; flex: none; }
#ui .v7-item .v7-ibtns .btn { min-height: 44px; min-width: 44px; padding: 0 10px; }
#ui .v7-item.open { box-shadow: inset 0 0 0 2px var(--primary); }
#ui .v7-equip { margin-top: 8px; background: var(--card2); border-radius: 12px; padding: 8px; display: flex; flex-direction: column; gap: 6px; }
#ui .v7-eqhead { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
#ui .v7-eqclose, #ui .btn.btn-small.v7-eqclose { width: 44px; height: 44px; min-width: 44px; }
#ui .v7-eqopt { display: flex; align-items: center; gap: 10px; min-height: 52px; width: 100%; border: 0; border-radius: 10px; background: var(--card); padding: 6px 10px; text-align: left; cursor: pointer; font: inherit; color: var(--ink); }
#ui .v7-eqopt.aktuell { box-shadow: inset 0 0 0 2px var(--success); cursor: default; }
#ui .v7-eqopt.nok { opacity: .55; cursor: not-allowed; }
#ui .v7-eqopt:disabled { color: var(--ink); }
#ui .v7-eqic { flex: none; display: flex; }
#ui .v7-eqmain { flex: 1; min-width: 0; display: flex; flex-direction: column; } #ui .v7-eqmain small { font-size: 11px; color: var(--ink2); } #ui .v7-eqmain .v7-eqgrund { color: var(--danger); }
#ui .v7-eqstock { flex: none; font-size: 12px; font-weight: 700; color: var(--ink2); }
#ui .v7-eqopt.aktuell .v7-eqstock { color: var(--success); }
#ui .v7-holt { margin-top: 6px; display: flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: var(--primary2, #3F3CD6); background: #EDEBFF; border-radius: 10px; padding: 6px 10px; }
#ui .v7-grow { margin-top: 8px; }
#ui .v7-group-btn { min-height: 52px; width: 100%; }
#ui .v7-group-btn .btn-label { display: flex; flex-direction: column; align-items: flex-start; line-height: 1.15; }
#ui .v7-group-btn small { font-weight: 500; font-size: 11px; color: var(--ink2); }

/* ---------- Mitspieler ---------- */
#ui .v7-me, #ui .v7-msrow { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 14px; background: var(--card2); margin: 6px 0; min-width: 0; box-shadow: inset 4px 0 0 var(--pc, #8E8E9A); }
#ui .v7-msrow.focus { background: #FFF5D6; }
#ui .v7-msmain { display: flex; flex-direction: column; min-width: 0; } #ui .v7-msmain small, #ui .v7-me small { color: var(--ink2); font-size: 12px; overflow: hidden; text-overflow: ellipsis; }
#ui .v7-me .grow { display: flex; flex-direction: column; min-width: 0; }
#ui .v7-msbtns { display: flex; gap: 6px; flex: none; }
#ui .v7-msbtns .btn { min-height: 44px; }
#ui .v7-shield { display: inline-flex; align-items: center; gap: 3px; margin-left: 6px; font-size: 11px; font-weight: 700; color: #1E7A3A; background: #DDF3E3; border-radius: 999px; padding: 1px 7px; vertical-align: middle; }
#ui .v7-msleer { padding: 14px 4px; }
@media (max-width: 400px) { #ui .v7-msrow { flex-wrap: wrap; } #ui .v7-msbtns { width: 100%; } #ui .v7-msbtns .btn { flex: 1; } }

/* ---------- Weltkarte: Mitspieler-Flaggen + Schild ---------- */
#ui .v7-pm .wm-hit { fill: transparent; }
#ui .v7-pm .pole { stroke: #3A3530; stroke-width: 2; }
#ui .v7-pm .base { fill: rgba(0,0,0,.25); }
#ui .v7-pm .flag { stroke: #fff; stroke-width: 1.4; }
#ui .v7-pm .nm { font: 800 12px system-ui, sans-serif; text-anchor: middle; fill: #fff; paint-order: stroke; stroke: rgba(20,18,30,.75); stroke-width: 3px; }
#ui .v7-pm .num { font: 800 9px system-ui, sans-serif; fill: #fff; }
#ui .v7-sh .shp { fill: #2E9E5B; stroke: #fff; stroke-width: 1.5; }
#ui .v7-sh .shk { fill: none; stroke: #fff; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
#ui .v7-sh .nm { font: 700 10px system-ui, sans-serif; text-anchor: middle; fill: #fff; paint-order: stroke; stroke: rgba(20,18,30,.7); stroke-width: 3px; }
#ui .v7-mslegend { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
#ui .v7-mslegend.hidden { display: none; }
#ui .v7-mschip { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; border: 0; border-radius: 12px; background: var(--card2); padding: 4px 12px; font-weight: 700; font-size: 13px; cursor: pointer; max-width: 100%; }
#ui .v7-mschip small { color: var(--ink2); font-weight: 600; }

/* ---------- §12: Stärker werden ---------- */
#ui .v7-stronger { margin-top: 10px; border-top: 1px dashed var(--card3); padding-top: 8px; }
#ui .v7-links { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
#ui .v7-ltitle { font-size: 12px; font-weight: 700; color: var(--ink2); width: 100%; }
#ui .v7-link { display: inline-flex; align-items: center; gap: 4px; min-height: 44px; max-width: 100%; border: 0; border-radius: 12px; background: #EDEBFF; color: var(--primary2, #3F3CD6); font: inherit; font-size: 13px; font-weight: 700; padding: 4px 12px; cursor: pointer; }
#ui .v7-link .v7-arrow { font-size: 12px; opacity: .8; }
#ui .v7-nostock { display: flex; align-items: center; gap: 6px; margin-top: 6px; font-size: 12px; font-weight: 600; color: #9A5B00; background: #FFF4DE; border-radius: 10px; padding: 6px 10px; }
#ui .v7-helpbtn { display: flex; align-items: center; gap: 6px; width: 100%; min-height: 44px; margin-top: 6px; border: 0; border-radius: 12px; background: var(--card2); font: inherit; font-size: 13px; font-weight: 700; color: var(--ink); padding: 0 12px; cursor: pointer; }
#ui .v7-helpbtn .v7-arrow { margin-left: auto; }
#ui .v7-help { display: flex; flex-direction: column; gap: 6px; font-size: 13px; line-height: 1.35; padding: 8px 12px 4px; color: var(--ink); }
#ui .v6b-train.v7-flash { box-shadow: 0 0 0 3px var(--primary); border-radius: 12px; transition: box-shadow .3s; }

/* ---------- §11: Reiter + Inventar ---------- */
#ui .v7-tabs { display: flex; gap: 4px; padding: 4px; background: var(--card3); border-radius: 14px; margin: 4px 0 8px; }
#ui .v7-tab { flex: 1; min-height: 44px; border: 0; border-radius: 10px; background: transparent; font: inherit; font-size: 14px; font-weight: 700; color: var(--ink2); display: flex; align-items: center; justify-content: center; gap: 6px; cursor: pointer; }
#ui .v7-tab.on { background: var(--card); color: var(--ink); box-shadow: 0 1px 4px rgba(0,0,0,.12); }
#ui .v7-invsec { margin: 4px 0 10px; }
#ui .v7-invsec .section-title { display: flex; align-items: center; gap: 6px; }
#ui .v7-invcount { margin-left: auto; color: var(--ink2); font-weight: 600; }
#ui .v7-invgrid { display: grid; grid-template-columns: repeat(var(--cols, 6), minmax(44px, 1fr)); gap: 4px; }
#ui .v7-slot { position: relative; min-height: 46px; aspect-ratio: 1 / 1; border: 0; border-radius: 10px; background: var(--card2); box-shadow: inset 0 0 0 1px var(--card3); padding: 0; cursor: pointer; display: flex; align-items: center; justify-content: center; }
#ui .v7-slot.empty { background: rgba(0,0,0,.025); cursor: default; }
#ui .v7-slot.full { background: #fff; }
#ui .v7-slot.angelegt { box-shadow: inset 0 0 0 2.5px var(--success); }
#ui .v7-slot.sel { box-shadow: inset 0 0 0 3px var(--primary); }
#ui .v7-slot.move { box-shadow: inset 0 0 0 3px var(--gold); }
#ui .v7-slot.target { cursor: pointer; background: #FFF8E4; }
#ui .v7-slotn { position: absolute; right: 3px; bottom: 2px; font-size: 11px; font-weight: 800; color: var(--ink); text-shadow: 0 0 2px #fff; }
#ui .v7-slotok { position: absolute; left: 2px; top: 2px; width: 14px; height: 14px; border-radius: 50%; background: var(--success); color: #fff; display: flex; align-items: center; justify-content: center; }
#ui .v7-invact { background: var(--card2); border-radius: 12px; padding: 8px 10px; margin: -2px 0 10px; display: flex; flex-direction: column; gap: 8px; }
#ui .v7-iahead { display: flex; align-items: center; gap: 10px; min-width: 0; }
#ui .v7-iahead .grow { display: flex; flex-direction: column; min-width: 0; } #ui .v7-iahead small { color: var(--ink2); font-size: 12px; }
#ui .v7-iaic { flex: none; display: flex; }
#ui .v7-iaclose, #ui .btn.btn-small.v7-iaclose { width: 44px; height: 44px; min-width: 44px; flex: none; }
#ui .v7-iabtns { display: flex; flex-wrap: wrap; gap: 6px; }
#ui .v7-iabtns .btn { flex: 1 1 120px; min-height: 44px; }
#ui .v7-iamenge { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; } #ui .v7-iamenge small { color: var(--ink2); font-weight: 600; }
#ui .v7-stepper { display: flex; align-items: center; gap: 6px; }
#ui .v7-stepper .btn { min-width: 44px; min-height: 44px; }
#ui .v7-stepper .btn.btn-small.btn-round { width: 44px; height: 44px; }
#ui .v7-stepval { min-width: 32px; text-align: center; font-size: 16px; }
#ui .v7-holenrow { margin: 4px 0 8px; } #ui .v7-holen-btn { min-height: 46px; width: 100%; }
#ui .v7-holchips { display: flex; flex-wrap: wrap; gap: 6px; }
#ui .v7-holchip { display: inline-flex; align-items: center; gap: 5px; min-height: 44px; border: 0; border-radius: 10px; background: var(--card); font: inherit; font-size: 13px; font-weight: 700; padding: 4px 10px; cursor: pointer; }
#ui .v7-holchip small { color: var(--ink2); font-weight: 600; } #ui .v7-holchip.on { box-shadow: inset 0 0 0 2px var(--primary); }
#ui .v7-movehint { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; background: #FFF4DE; border-radius: 10px; padding: 4px 4px 4px 10px; margin-bottom: 8px; }
#ui .v7-movehint .btn { margin-left: auto; min-height: 44px; }
#ui .v7-invfolgt { padding: 14px 4px; }
#ui .v7-ig-text { margin-top: 4px; }

@media (min-width: 700px) {
  #ui .v7-gbar, #ui .v7-asheet { left: 50%; right: auto; width: min(560px, calc(100% - 24px)); transform: translateX(-50%); }
  #ui .v7-run { left: 50%; right: auto; width: min(520px, calc(100% - 24px)); transform: translateX(-50%); }
}
@media (max-height: 720px) { #ui .v7-pics { padding-top: 4px; } #ui .v7-ainfo { display: none; } }

/* UPDATE-V7 (§23): Karte „Version & Update“ in den Einstellungen (ui/update-karte.js) */
#ui .upd-karte .upd-status { color: var(--ink); }
#ui .upd-karte .upd-status.upd-neu { color: var(--primary); }
#ui .upd-karte .upd-status.upd-ok { color: var(--success); }
#ui .upd-karte .upd-status.upd-fehler { color: var(--danger); }
#ui .upd-karte .upd-knoepfe .btn { flex: 1 1 140px; }
#ui .upd-karte a.upd-seite { background: var(--card2); color: var(--ink); font-weight: 700; padding: 0 14px; border-radius: 12px; }
#ui .upd-karte .upd-hinweis { color: var(--ink2); }
#ui .upd-hinweisleiste { position: absolute; left: 50%; transform: translateX(-50%); bottom: calc(var(--sab) + 150px); display: flex; align-items: center; gap: 8px; width: max-content; max-width: min(92%, 460px); padding: 6px 6px 6px 16px; border-radius: 16px; background: rgba(43, 42, 51, .94); color: #fff; font-size: 14px; font-weight: 700; box-shadow: var(--shadow); transition: opacity .25s; }
#ui .upd-hinweisleiste.out { opacity: 0; }
#ui .upd-hinweisleiste .upd-hl-text { flex: 1 1 auto; }
#ui .upd-hinweisleiste .btn { flex: 0 0 auto; }