/* Herbino Stromová patra v2 — plán / realita / zóny / segmenty */
.tl2-intro{max-width:78ch;margin:-7px 0 16px;color:var(--muted);font-size:13px;line-height:1.7}
.tl2-context{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;margin-bottom:8px;padding:9px 10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper)}
.tl2-breadcrumb{display:flex;align-items:center;gap:5px;min-width:0}.tl2-breadcrumb>b{color:var(--gold);font:400 16px var(--serif)}
.tl2-breadcrumb button,.tl2-breadcrumb select,.tl2-state button,.tl2-views button{min-height:34px;border:1px solid var(--line);border-radius:4px;background:transparent;color:var(--ink);font-size:11px}
.tl2-breadcrumb button{padding:6px 9px}.tl2-breadcrumb select{padding:6px 25px 6px 8px;max-width:190px}
.tl2-state,.tl2-views{display:flex;gap:3px;padding:2px;border:1px solid var(--line);border-radius:5px;background:rgba(252,247,235,.72)}
.tl2-state button,.tl2-views button{border:0;padding:5px 9px;color:var(--muted)}
.tl2-state button[aria-pressed="true"],.tl2-views button[aria-pressed="true"]{background:var(--forest);color:var(--card)}
.tl2-state button[data-state="reality"][aria-pressed="true"]{background:var(--earth)}
.tl2-work{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper)}
.tl2-workhead{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--line)}
.tl2-workhead .eyebrow{margin-bottom:2px}.tl2-workhead h3{margin:0;font:600 20px/1.2 var(--serif)}
.tl2-actions{display:flex;align-items:center;justify-content:flex-end;gap:4px;flex-wrap:wrap}
.tl2-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:36px;border:1px solid var(--line);border-radius:4px;background:transparent;color:var(--muted);font:600 17px/1 var(--serif)}
.tl2-icon.active{border-color:var(--moss);background:rgba(91,127,60,.08);color:var(--forest)}
.tl2-publish,.tl2-add{min-height:36px;padding:7px 10px;font-size:10px}.tl2-publish.saved{border-color:var(--moss);background:rgba(91,127,60,.08)}
.tl2-alerts{display:flex;align-items:center;gap:5px;flex-wrap:wrap;padding:7px 10px;border-bottom:1px solid var(--line);background:#f9f2e3}
.tl2-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:9px}
.tl2-chip.warn{border-color:#c7a56b;background:#fff8e8;color:#72501c}
.tl2-canvases{display:grid;grid-template-columns:1fr 1fr}.tl2-canvases>section{min-width:0}.tl2-canvases>section+section{border-left:1px solid var(--line)}
.tl2-canvases header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;border-bottom:1px solid var(--line)}
.tl2-canvases header strong{font:600 16px/1.2 var(--serif)}.tl2-canvases header span{font-size:9px;color:var(--muted)}
.tl2-canvases canvas{display:block;width:100%;height:440px;background:linear-gradient(145deg,#fbf5e7,#eef0df);touch-action:pan-y pinch-zoom}
.tl2-work[data-view="top"] [data-pane="side"]{display:none}.tl2-work[data-view="top"] .tl2-canvases{grid-template-columns:1fr}
.tl2-work[data-view="side"] [data-pane="top"]{display:none}.tl2-work[data-view="side"] .tl2-canvases{grid-template-columns:1fr}
.tl2-scrollhint{display:none;margin:0;padding:6px 10px;border-top:1px solid var(--line);color:var(--muted);font-size:9px;line-height:1.4}
.tl2-timeline{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;padding:9px 10px;border-top:1px solid var(--line);background:rgba(252,247,235,.9)}
.tl2-timeline label{display:block;min-width:0}.tl2-timeline label>span{display:flex;justify-content:space-between;gap:8px;align-items:baseline;color:var(--muted);font-size:9px}
.tl2-timeline strong{font:600 15px var(--serif);color:var(--ink)}.tl2-timeline input{width:100%;min-height:27px;padding:0;accent-color:var(--forest)}
.tl2-timeline small{display:flex;justify-content:space-between;color:var(--muted);font-size:7px}.tl2-timeline small i{font-style:normal}
.tl2-focus{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;margin-top:8px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper)}
.tl2-focus .eyebrow{margin-bottom:2px}.tl2-focus h3{margin:0;font:600 19px/1.2 var(--serif)}.tl2-focus p:not(.eyebrow){margin:3px 0 0;color:var(--muted);font-size:10px;line-height:1.5}
.tl2-nudges{display:grid;grid-template-columns:repeat(4,32px);gap:3px}.tl2-nudges button,.tl2-modules button{min-height:32px;border:1px solid var(--line);border-radius:4px;background:transparent;color:var(--ink);font-size:9px}
.tl2-nudges button{font-size:15px}.tl2-modules{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.tl2-modules button{padding:5px 8px}
.tl2-lower{display:grid;grid-template-columns:1.2fr .8fr;gap:8px;margin-top:8px}.tl2-details{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper)}.tl2-details+.tl2-details{margin-top:7px}
.tl2-details summary{list-style:none;display:flex;align-items:center;gap:8px;min-height:45px;padding:8px 10px;cursor:pointer;font-size:16px}.tl2-details summary::-webkit-details-marker{display:none}
.tl2-details summary>span{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.tl2-details summary b{font:600 14px var(--serif)}.tl2-details summary small{color:var(--muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tl2-details summary>i{margin-left:auto;color:var(--muted);font-style:normal}.tl2-details[open] summary>i{transform:rotate(180deg)}
.tl2-detailbody{padding:9px 10px 11px;border-top:1px solid var(--line)}.tl2-grid2,.tl2-grid3,.tl2-formgrid{display:grid;gap:7px}.tl2-grid2{grid-template-columns:1fr 1fr}.tl2-grid3{grid-template-columns:repeat(3,minmax(0,1fr))}.tl2-formgrid{grid-template-columns:1fr 1fr}
.tl2-detailbody label,.tl2-formgrid label{display:grid;gap:3px;color:var(--muted);font-size:9px}.tl2-detailbody input,.tl2-detailbody select,.tl2-formgrid input,.tl2-formgrid select{width:100%;min-width:0;padding:8px 9px;border:1px solid #a8b19a;border-radius:4px;background:#fffdf6;color:var(--ink);font-size:14px}
.tl2-row{display:flex;gap:5px;align-items:center;flex-wrap:wrap;margin-top:7px}.tl2-row .button,.tl2-detailbody>.button{min-height:32px;padding:6px 8px;font-size:9px}.tl2-reset{margin-top:8px;color:var(--muted);border-color:var(--line)}
.tl2-segmentrow,.tl2-versionrow{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:5px;padding:7px;border:1px solid var(--line);border-radius:4px}.tl2-segmentrow div,.tl2-versionrow div{min-width:0}.tl2-segmentrow b,.tl2-versionrow b{display:block;font-size:10px}.tl2-segmentrow small,.tl2-versionrow small{display:block;margin-top:2px;color:var(--muted);font-size:8px}.tl2-segmentrow .button,.tl2-versionrow .button{min-height:29px;padding:4px 7px;font-size:8px}
.tl2-versionform{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:end}.tl2-versionform .button{min-height:34px;padding:6px 8px;font-size:9px}
.tl2-note{margin:6px 0 0;color:var(--muted);font-size:9px;line-height:1.5}.tl2-insight{margin-bottom:6px;padding:8px;border-left:3px solid var(--moss);background:#f7f0df;color:var(--muted);font-size:9px;line-height:1.5}.tl2-insight.warn{border-left-color:#a06e24}
.tl2-dialog{width:min(570px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--line);border-radius:7px;background:var(--card);color:var(--ink)}
.tl2-dialog::backdrop{background:rgba(20,35,24,.42)}.tl2-dialog form{padding:15px}.tl2-dialog header{display:flex;justify-content:space-between;gap:10px;align-items:start;margin-bottom:10px}.tl2-dialog header h3{margin:0;font:600 24px var(--serif)}.tl2-dialog header>button{width:36px;height:36px;border:0;background:transparent;color:var(--ink);font-size:20px}.tl2-dialog footer{display:flex;justify-content:flex-end;gap:6px;margin-top:10px}.tl2-dialog footer .button{min-height:36px;padding:7px 10px;font-size:10px}
.tl2-layout-card{margin-top:18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);overflow:hidden}.tl2-layout-head{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:13px 16px;border-bottom:1px solid var(--line)}.tl2-layout-head>div{min-width:0}.tl2-layout-head .eyebrow{margin-bottom:2px}.tl2-layout-head h3{margin:0;font:600 21px var(--serif)}.tl2-layout-status{color:var(--muted);font-size:9px}.tl2-layout-head .button{min-height:34px;padding:6px 8px;font-size:9px}
.tl2-layout-toggle{display:flex;gap:4px;padding:8px 12px;border-bottom:1px solid var(--line)}.tl2-layout-toggle button{min-height:31px;padding:5px 9px;border:1px solid var(--line);border-radius:4px;background:transparent;color:var(--muted);font-size:9px}.tl2-layout-toggle button.active{background:var(--forest);border-color:var(--forest);color:var(--card)}
.tl2-layout-stage{position:relative;min-height:190px;background:repeating-linear-gradient(0deg,transparent 0 39px,rgba(91,127,60,.08) 39px 40px),repeating-linear-gradient(90deg,transparent 0 39px,rgba(91,127,60,.08) 39px 40px),linear-gradient(145deg,#fbf5e7,#eef0df)}.tl2-layout-dot{position:absolute;transform:translate(-50%,-50%);width:15px;height:15px;border:1.5px solid var(--forest);border-radius:50%;background:var(--herb)}.tl2-layout-foot{margin:0;padding:9px 12px;border-top:1px solid var(--line);color:var(--muted);font-size:9px;line-height:1.5}
@media(max-width:1050px){.tl2-context{grid-template-columns:1fr auto}.tl2-views{grid-column:1/-1}.tl2-lower{grid-template-columns:1fr}.tl2-grid3{grid-template-columns:1fr 1fr}.tl2-focus{grid-template-columns:1fr auto}.tl2-modules{grid-column:1/-1;justify-content:flex-start}}
@media(max-width:800px){.tl2-canvases{grid-template-columns:1fr}.tl2-canvases>section+section{border-left:0;border-top:1px solid var(--line)}.tl2-work[data-view="both"] [data-pane="side"]{display:none}.tl2-work[data-view="side"] [data-pane="side"]{display:block}.tl2-canvases canvas{height:390px}.tl2-timeline{grid-template-columns:1fr 1fr}.tl2-timeline label:last-child{grid-column:1/-1}}
@media(max-width:620px){
.tl2-intro{font-size:11px;margin-bottom:9px}.tl2-context{grid-template-columns:1fr;padding:7px}.tl2-breadcrumb{overflow:hidden}.tl2-breadcrumb select{flex:1;max-width:none}.tl2-state,.tl2-views{width:100%}.tl2-state button,.tl2-views button{flex:1}.tl2-workhead{align-items:flex-start;padding:8px}.tl2-workhead h3{font-size:17px}.tl2-actions{gap:3px}.tl2-icon{width:35px;height:34px}.tl2-publish,.tl2-add{min-height:34px;padding:6px 8px}
.tl2-canvases canvas{height:355px}.tl2-scrollhint{display:block}.tl2-timeline{padding:7px 8px;gap:8px}.tl2-focus{grid-template-columns:1fr;padding:8px}.tl2-nudges{grid-template-columns:repeat(4,34px)}.tl2-modules{grid-column:auto;justify-content:flex-start}.tl2-grid2,.tl2-grid3,.tl2-formgrid{grid-template-columns:1fr 1fr}.tl2-layout-head{align-items:flex-start;flex-wrap:wrap}.tl2-layout-status{width:100%}.tl2-layout-stage{min-height:165px}
}
@media(max-width:390px){.tl2-timeline,.tl2-grid2,.tl2-grid3,.tl2-formgrid{grid-template-columns:1fr}.tl2-timeline label:last-child{grid-column:auto}.tl2-versionform{grid-template-columns:1fr}.tl2-modules button{flex:1}.tl2-layout-head .button{width:100%}}
@media print{.tl2-context,.tl2-actions,.tl2-alerts,.tl2-timeline,.tl2-focus,.tl2-lower,.tl2-dialog,.tl2-scrollhint{display:none!important}.tl2-canvases{display:grid!important;grid-template-columns:1fr 1fr}.tl2-canvases>section{display:block!important}.tl2-canvases canvas{height:320px}}