/* ---------- prostředí jako AC29 (dávka F): sloupec Info box + Oblíbené, Navigátor, hlavička 3D okna ---------- */

/* levý sloupec: Info box nahoře, pod ním paleta Oblíbené (src/favorites.js) */
.infocol { grid-area: info; display: flex; flex-direction: column; min-width: 0; min-height: 0; background: var(--ardit-bg2); border-right: 1px solid var(--ardit-line); }
.infocol > .info { flex: 1 1 auto; min-height: 0; border-right: 0; }
.favs { flex: none; max-height: 42%; display: flex; flex-direction: column; border-top: 1px solid var(--ardit-line); padding: var(--ardit-space-2) var(--ardit-space-3) var(--ardit-space-2); min-height: 0; }
.favs.folded { max-height: none; }
.favh { display: flex; align-items: center; justify-content: space-between; gap: var(--ardit-space-2); }
.favt { border: 0; background: transparent; padding: 2px 0; display: inline-flex; align-items: center; gap: var(--ardit-space-1); font: 600 12px/1.3 var(--ardit-font-sans); color: var(--ardit-fg2); }
.favt .fa { display: inline-block; width: 12px; color: var(--ardit-fg3); transition: transform var(--ardit-duration-fast) var(--ardit-easing-standard); }
.favs.folded .favt .fa { transform: rotate(-90deg); }
.favt .fc { color: var(--ardit-fg3); font-weight: 400; margin-left: 2px; font-variant-numeric: tabular-nums; }
.favh .btn.icon { width: 24px; height: 24px; padding: 0; font-size: 16px; line-height: 1; }
.favl { display: grid; grid-template-columns: 1fr 1fr; gap: 3px; margin-top: var(--ardit-space-2); overflow: auto; scrollbar-width: none; min-height: 0; }
.favl::-webkit-scrollbar { display: none; }
.favs.folded .favl { display: none; }
.fav { position: relative; min-width: 0; }
.favb { width: 100%; min-height: 32px; display: flex; align-items: center; gap: 6px; padding: 3px 18px 3px 6px; border: 1px solid var(--ardit-line); border-radius: var(--ardit-radius-sm); background: var(--ardit-bg1); color: var(--ardit-fg1); font: 500 11px/1.2 var(--ardit-font-sans); text-align: left; }
.favb svg { width: 16px; height: 16px; flex: none; }
.favb span { min-width: 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow-wrap: anywhere; }
.favb:hover { background: var(--ardit-bg3); }
.fav.on .favb { border-color: var(--ardit-action); background: var(--ardit-tint); color: var(--ardit-ink); }
.favx { position: absolute; top: 1px; right: 1px; width: 16px; height: 16px; padding: 0; border: 0; background: transparent; color: var(--ardit-fg3); font-size: 13px; line-height: 1; border-radius: var(--ardit-radius-sm); opacity: 0; }
.fav:hover .favx, .favx:focus-visible { opacity: 1; }
.favx:hover { color: var(--ardit-danger, #d0433d); background: var(--ardit-bg3); }
@media (hover: none) { .favx { opacity: .6; } }

/* Navigátor (src/navigator.js): Mapa projektu / Kniha výkresů */
.navg { margin-bottom: var(--ardit-space-3); }
.navg-tabs { display: flex; gap: 2px; border-bottom: 1px solid var(--ardit-line); margin-bottom: var(--ardit-space-1); }
.navg-tabs button { flex: 1 1 0; border: 0; border-bottom: 2px solid transparent; background: transparent; padding: 6px 4px 5px; font: 600 12px/1.2 var(--ardit-font-sans); color: var(--ardit-fg2); white-space: nowrap; }
.navg-tabs button.on { color: var(--ardit-ink); border-bottom-color: var(--ardit-action); }
.navg-tabs button:hover:not(.on) { color: var(--ardit-fg1); }
.navg-tree { display: flex; flex-direction: column; }
.navg-f { font: 600 11px/1.3 var(--ardit-font-sans); color: var(--ardit-fg3); padding: 6px 0 2px; display: flex; align-items: center; gap: 4px; letter-spacing: .02em; }
.navg-i { display: flex; align-items: center; gap: var(--ardit-space-2); width: 100%; min-height: 26px; padding: 2px 6px 2px 14px; border: 0; border-radius: var(--ardit-radius-sm); background: transparent; color: var(--ardit-fg1); font: 400 13px/1.25 var(--ardit-font-sans); text-align: left; }
.navg-i svg { width: 15px; height: 15px; flex: none; color: var(--ardit-fg2); }
.navg-i .n { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.navg-i .m { flex: none; color: var(--ardit-fg3); font-size: 12px; font-variant-numeric: tabular-nums; }
.navg-i:hover { background: var(--ardit-bg3); }
.navg-i.on { background: var(--ardit-tint); color: var(--ardit-ink); font-weight: 600; }
.navg-i.on svg { color: var(--ardit-ink); }
.navg-empty { color: var(--ardit-fg3); font-size: 12px; padding: 4px 14px; }

/* hlavička 3D okna v jedné řadě (src/v3head.js): co se nevejde, je v nabídce ⋯ */
#view3d .vbtns { flex-wrap: nowrap; }
#view3d .vbtns .v3more { flex: none; }
.v3over { position: absolute; top: calc(var(--ardit-space-2) + 36px); right: var(--ardit-space-2); z-index: 20; display: flex; flex-direction: column; align-items: stretch; gap: var(--ardit-space-1); padding: var(--ardit-space-2); background: var(--ardit-bg1); border: 1px solid var(--ardit-line); border-radius: var(--ardit-radius-md); box-shadow: 0 8px 24px rgb(0 0 0 / .14); max-width: calc(100% - 16px); }
.v3over > * { justify-content: flex-start; }
.v3over .chk { display: inline-flex; align-items: center; gap: var(--ardit-space-2); height: 32px; padding: 0 var(--ardit-space-3); border: 1px solid var(--ardit-line); background: var(--ardit-bg1); border-radius: var(--ardit-radius-md); font-size: 13px; }
.v3over .chk input { width: 16px; height: 16px; margin: 0; accent-color: var(--ardit-action); }
.v3over select { height: 32px; padding: 0 var(--ardit-space-2); border: 1px solid var(--ardit-line); background: var(--ardit-bg1); border-radius: var(--ardit-radius-md); font-size: 13px; color: var(--ardit-fg1); }
.v3over .e3plane input[type="number"] { width: 64px; height: 24px; padding: 0 var(--ardit-space-1); border: 1px solid var(--ardit-line); border-radius: var(--ardit-radius-sm); background: var(--ardit-bg1); color: var(--ardit-fg1); font: 12px var(--ardit-font-mono); }
#view3d .vbtns .v3more[aria-expanded="true"] { background: var(--ardit-tint); border-color: var(--ardit-tint); color: var(--ardit-ink); }

@media (max-width: 1023px) {
  .infocol { border-top: 1px solid var(--ardit-line); min-height: 0; }
  .infocol > .info { border-top: 0; max-height: none; }
}

/* vlastnosti vybraného prvku pod Info boxem (src/selpanel.js, Martin 2026-10-24) – Info box i vlastnosti rolují společně, bez posuvníku */
.infoscroll { flex: 1 1 auto; min-height: 0; overflow: auto; scrollbar-width: none; overscroll-behavior: contain; }
.infoscroll::-webkit-scrollbar { display: none; }
.infoscroll > .info { overflow: visible; min-height: 0; max-height: none; border: 0; }
.selp { padding: 0 var(--ardit-space-4) var(--ardit-space-3); overflow-x: hidden; }
.selp .ifc { font: 12px/1.4 var(--ardit-font-mono); color: var(--ardit-fg2); margin-bottom: var(--ardit-space-2); overflow-wrap: anywhere; }
.selp h2 { margin: 0 0 var(--ardit-space-1); font-size: 16px; line-height: 1.35; font-weight: 600; color: var(--ardit-ink); }
.selp h3 { margin: 0 0 var(--ardit-space-2); font-size: 12px; font-weight: 600; color: var(--ardit-fg3); }