﻿/* Akıllı Ağaç Dikim aracı - mobil öncelikli, açık/koyu tema */
.tree-page{--tp-bg:#f4f7f5;--tp-panel:#fff;--tp-card:#f6faf7;--tp-text:#16251f;--tp-muted:#5b6b64;--tp-line:#d8e3dd;--tp-accent:#17724f;--tp-accent-2:#0f5a3e;--tp-danger:#c62828;--tp-warn:#8a5a00;--tp-warn-bg:#fff4d6;--tp-red:#e5322d;--tp-green:#1fa35c;overflow:hidden}
html[data-theme="dark"] .tree-page{--tp-bg:#000;--tp-panel:#0b0d0c;--tp-card:#121614;--tp-text:#e8f1ec;--tp-muted:#9fb0a8;--tp-line:#25302b;--tp-accent:#2fbf84;--tp-accent-2:#27a672;--tp-danger:#ff6b66;--tp-warn:#ffd27a;--tp-warn-bg:#2a2108}
.tree-page .site-header{position:relative}
.tree-app{--hdr:72px;--panel-h:64px;position:relative;display:grid;grid-template-columns:min(400px,38vw) 1fr;grid-template-areas:"panel map";height:calc(100vh - var(--hdr));height:calc(100dvh - var(--hdr));background:var(--tp-bg);color:var(--tp-text)}
.tree-map-wrap{grid-area:map;position:relative;min-width:0;min-height:0}
#tree-map{position:absolute;inset:0;background:#1b2420;z-index:0}
.tree-panel{grid-area:panel;background:var(--tp-panel);border-right:1px solid var(--tp-line);display:flex;flex-direction:column;min-height:0;z-index:5}
.tree-handle{display:none}
.tree-beta-mini{display:inline-block;padding:2px 6px;border:1px solid #d59a38;border-radius:99px;background:#fff5df;color:#65420a;font-size:.62em;font-style:normal;font-weight:900;letter-spacing:.04em;vertical-align:2px}
html[data-theme="dark"] .tree-beta-mini{border-color:#8f6322;background:#241b0b;color:#ffe0a6}
.tree-panel-body{overflow-y:auto;overscroll-behavior:contain;padding:14px 14px 28px;flex:1;-webkit-overflow-scrolling:touch}
.tree-intro h1{font-size:1.2rem;line-height:1.25;margin:0 0 6px;color:var(--tp-text)}
.tree-intro p{margin:0 0 12px;color:var(--tp-muted);font-size:.9rem;line-height:1.45}
.tree-intro .tree-beta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0 0 9px;padding:8px 10px;border:1px solid #d59a38;border-radius:11px;background:#fff5df;color:#65420a;font-size:.78rem;line-height:1.35}
.tree-beta strong{font-size:.78rem;letter-spacing:.025em}
.tree-beta-mark{display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:7px;background:#b56a00;color:#fff;font-size:1rem;font-weight:900}
html[data-theme="dark"] .tree-intro .tree-beta{border-color:#8f6322;background:#241b0b;color:#ffe0a6}
html[data-theme="dark"] .tree-beta-mark{background:#f1b84b;color:#201400}
.tree-sec{border:1px solid var(--tp-line);border-radius:14px;background:var(--tp-card);margin:0 0 10px;overflow:hidden}
.tree-sec>summary{list-style:none;display:flex;align-items:center;gap:10px;padding:12px 14px;min-height:48px;font-weight:700;cursor:pointer;color:var(--tp-text)}
.tree-sec>summary::-webkit-details-marker{display:none}
.tree-sec>summary::after{content:"";margin-left:auto;width:8px;height:8px;border-right:2px solid var(--tp-muted);border-bottom:2px solid var(--tp-muted);transform:rotate(45deg);transition:transform .15s}
.tree-sec[open]>summary::after{transform:rotate(-135deg)}
.tree-step{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--tp-accent);color:#fff;font-size:.8rem;flex:none}
html[data-theme="dark"] .tree-step{color:#00170e}
.tree-sec-body{padding:2px 14px 14px;display:grid;gap:10px}
.tree-help{margin:0;color:var(--tp-muted);font-size:.82rem;line-height:1.45}
.tree-stat{margin:0;font-size:.9rem;font-weight:600;color:var(--tp-text);min-height:1.2em}
.tree-warn{margin:0;padding:8px 10px;border-radius:10px;background:var(--tp-warn-bg);color:var(--tp-warn);font-size:.85rem;font-weight:600}
.tree-row{display:flex;flex-wrap:wrap;gap:8px}
.tree-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tree-wide{grid-column:1/-1}
.tree-field{display:grid;gap:4px;font-size:.82rem;font-weight:600;color:var(--tp-muted)}
.tree-field input,.tree-field select{min-height:44px;padding:8px 10px;border:1px solid var(--tp-line);border-radius:10px;background:var(--tp-panel);color:var(--tp-text);font:inherit;font-size:1rem;width:100%;box-sizing:border-box}
.tree-page input[type=range]{width:100%;min-height:32px;accent-color:var(--tp-accent)}
.tree-check{display:flex;align-items:center;gap:10px;min-height:44px;font-size:.92rem;color:var(--tp-text);cursor:pointer}
.tree-check input{width:22px;height:22px;accent-color:var(--tp-accent);flex:none}
.tree-radios{border:0;margin:0;padding:0;display:grid}
.tree-radios legend{font-size:.82rem;font-weight:600;color:var(--tp-muted);padding:0 0 2px}
.tree-btn{min-height:44px;padding:9px 14px;border-radius:12px;border:1px solid var(--tp-line);background:var(--tp-panel);color:var(--tp-text);font:inherit;font-weight:700;font-size:.92rem;cursor:pointer;touch-action:manipulation}
.tree-btn:hover:not(:disabled){border-color:var(--tp-accent)}
.tree-btn:disabled{opacity:.45;cursor:not-allowed}
.tree-btn-primary{background:var(--tp-accent);border-color:var(--tp-accent);color:#fff}
html[data-theme="dark"] .tree-btn-primary{color:#00170e}
.tree-btn-primary:hover:not(:disabled){background:var(--tp-accent-2)}
.tree-btn-danger{color:var(--tp-danger);border-color:var(--tp-danger)}
.tree-btn-big{flex:1 1 150px;min-height:50px;font-size:1rem}
.tree-report{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0}
.tree-report div{background:var(--tp-panel);border:1px solid var(--tp-line);border-radius:12px;padding:8px 10px}
.tree-report dt{font-size:.72rem;color:var(--tp-muted);font-weight:600}
.tree-report dd{margin:2px 0 0;font-size:1.05rem;font-weight:800;color:var(--tp-text);overflow-wrap:anywhere}
.tree-progress{height:10px;border-radius:99px;background:var(--tp-line);overflow:hidden}
.tree-progress span{display:block;height:100%;width:0;background:var(--tp-green);transition:width .25s}
.tree-notes{margin-top:6px;padding:12px;border:1px dashed var(--tp-line);border-radius:12px;font-size:.78rem;line-height:1.5;color:var(--tp-muted)}
.tree-notes p{margin:0 0 8px}.tree-notes p:last-child{margin:0}
.tree-notes a{color:var(--tp-accent)}
.tree-noscript{padding:12px;color:var(--tp-danger)}

.tree-hud{position:absolute;top:10px;left:10px;right:62px;z-index:500;display:flex;flex-wrap:wrap;gap:6px;pointer-events:none}
.tree-chip{pointer-events:auto;background:rgba(10,14,12,.82);color:#fff;font-size:.8rem;font-weight:700;padding:6px 10px;border-radius:99px;backdrop-filter:blur(4px)}
.tree-chip[hidden]{display:none}
.tree-chip.ok{background:rgba(23,114,79,.92)}.tree-chip.mid{background:rgba(160,110,0,.95)}.tree-chip.bad{background:rgba(190,40,40,.95)}
.tree-chip-hint{background:rgba(23,114,79,.92)}
.tree-fabs{position:absolute;right:10px;top:10px;z-index:500;display:grid;gap:8px}
.tree-fab{width:46px;height:46px;border-radius:50%;border:0;background:#fff;color:#16251f;box-shadow:0 2px 8px rgba(0,0,0,.35);display:grid;place-items:center;cursor:pointer;touch-action:manipulation}
.tree-fab.on{background:var(--tp-accent);color:#fff}
.tree-flash{position:absolute;inset:0;z-index:600;pointer-events:none;background:rgba(47,191,132,.45);opacity:0}
.tree-flash.go{animation:treeflash .7s ease-out}
@keyframes treeflash{0%{opacity:1}100%{opacity:0}}
.tree-alert{position:absolute;left:10px;right:10px;top:56px;z-index:700;background:#0f5a3e;color:#fff;border-radius:14px;padding:12px 14px;box-shadow:0 6px 20px rgba(0,0,0,.4);display:grid;gap:8px;font-size:1.05rem}
.tree-alert[hidden]{display:none}
.tree-alert-actions{display:flex;gap:8px;flex-wrap:wrap}
.tree-alert .tree-btn{color:#16251f;background:#fff}
.tree-alert .tree-btn-primary{background:#baf5d8;color:#00170e;border-color:#baf5d8}

.tree-me{position:relative;width:22px;height:22px}
.tree-me i{position:absolute;inset:4px;border-radius:50%;background:#1e6bff;border:2px solid #fff;box-shadow:0 0 4px rgba(0,0,0,.5)}
.tree-me b{position:absolute;inset:0;border-radius:50%;background:rgba(30,107,255,.45);animation:treepulse 1.6s ease-out infinite}
@keyframes treepulse{0%{transform:scale(.5);opacity:1}100%{transform:scale(2.4);opacity:0}}
.tree-vertex{width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid #f2b705;box-shadow:0 1px 4px rgba(0,0,0,.5);box-sizing:border-box}
.tree-vertex.first{border-color:#e5322d}
.tree-pop{min-width:170px;font:inherit}
.tree-pop strong{display:block;margin-bottom:4px}
.tree-pop .tree-btn{width:100%;margin-top:6px}
.tree-pop small{display:block;color:#666;margin-top:4px}

@media (max-width:820px){
  .tree-app{display:block;--hdr:64px}
  .tree-map-wrap{position:absolute;inset:0}
  .tree-panel{position:absolute;left:0;right:0;bottom:var(--tree-nav-h,0px);height:62dvh;height:62vh;border-right:0;border-top:1px solid var(--tp-line);border-radius:18px 18px 0 0;box-shadow:0 -6px 24px rgba(0,0,0,.35);transition:transform .25s ease;transform:translateY(0)}
  .tree-panel.is-peek{transform:translateY(calc(100% - 64px))}
  .tree-panel.is-dragging{transition:none}
  .tree-handle{display:flex;align-items:center;gap:12px;width:100%;min-height:64px;padding:8px 16px 6px;background:transparent;border:0;color:var(--tp-text);text-align:left;font:inherit;cursor:pointer;position:relative;touch-action:none;flex:none}
  .tree-grabber{position:absolute;top:6px;left:50%;width:42px;height:5px;border-radius:99px;background:var(--tp-line);transform:translateX(-50%)}
  .tree-handle-text{display:grid;margin-top:8px}
  .tree-handle-text small{color:var(--tp-muted);font-size:.8rem}
  .tree-report{grid-template-columns:repeat(2,1fr)}
  .tree-hud{right:64px}
  .tree-page .leaflet-bottom{bottom:calc(var(--panel-h) + var(--tree-nav-h,0px));transition:bottom .25s}
  .tree-app{--hdr:56px}
  .tree-page .site-header .header-inner{flex-wrap:nowrap;gap:8px;min-height:56px;padding-top:4px;padding-bottom:4px}
  .tree-page .site-header .brand small,.tree-page .site-header .header-pill{display:none}
  .tree-page .site-header .brand-mark img{width:36px;height:36px}
  .tree-panel{height:54dvh;height:54vh}
  .tree-intro p{display:none}
  .tree-intro h1{font-size:1.05rem;margin:0 0 8px}
  .tree-resinfo{font-size:10px;padding:2px 6px;margin-bottom:14px;max-width:70vw}
  .tree-chip{font-size:.78rem}
  .tree-beta{font-size:.74rem!important}
  .tree-next{padding:9px 10px}
  .tree-next strong{font-size:.88rem}
  .tree-next-open{min-height:44px}
}
@media (max-width:380px){
  .tree-next{grid-template-columns:24px minmax(0,1fr);column-gap:7px}
  .tree-next::before{grid-column:1}
  .tree-next small,.tree-next strong,.tree-next .tree-help,.tree-next-open{grid-column:2}
  .tree-next-open{margin-top:5px}
}
html.native-app .tree-app{--tree-nav-h:calc(74px + env(safe-area-inset-bottom))}
html.native-app body[data-page="tree-planner"] .native-bottom-nav{z-index:2000}
.tree-toast{bottom:calc(var(--panel-h,0px) + var(--tree-nav-h,0px) + 16px)}
@media (max-width:820px) and (max-height:520px){.tree-panel{height:80vh}}

.tree-resinfo{background:rgba(255,255,255,.9);color:#1f2933;font:600 11px/1.3 system-ui,sans-serif;padding:3px 8px;border-radius:6px;margin-bottom:22px}
html[data-theme="dark"] .tree-resinfo{background:rgba(0,0,0,.8);color:#e8eef2}

.tree-guide{position:absolute;left:10px;top:54px;z-index:520;display:flex;align-items:center;gap:10px;max-width:calc(100% - 76px);background:rgba(10,14,12,.88);color:#fff;border-radius:14px;padding:8px 12px;box-shadow:0 4px 14px rgba(0,0,0,.35)}
.tree-guide[hidden]{display:none}
.tree-guide strong{display:block;font-size:.95rem;line-height:1.25}
.tree-guide small{display:block;font-size:.72rem;opacity:.85;line-height:1.25}
.tree-guide-arrow{flex:none;background:#1e6bff;border-radius:50%;padding:6px;transition:transform .25s}
.tree-guide.arrived{background:rgba(15,90,62,.95)}
.tree-guide.arrived .tree-guide-arrow{background:#2fb67c}
.tree-guide[data-zone="far"] .tree-guide-arrow{background:#d6372b}
.tree-guide[data-zone="near"] .tree-guide-arrow{background:#e59a00}
.tree-perms{margin:0;padding-left:1.1em}.tree-perms li{margin:0 0 6px}
.tree-calib{display:grid;gap:8px;border-top:1px solid var(--tree-line,rgba(128,128,128,.3));padding-top:10px;margin-top:4px}
.tree-calib h3{margin:0;font-size:.95rem}
.tree-btn.on{outline:2px solid #ff8a00}

.tree-input{min-height:44px;padding:8px 10px;border:1px solid var(--tp-line);border-radius:10px;background:var(--tp-panel);color:var(--tp-text);font:inherit;font-size:1rem;box-sizing:border-box;flex:1 1 140px;min-width:0}
.tree-sub{border:1px solid var(--tp-line);border-radius:12px;margin-top:6px}
.tree-sub>summary{cursor:pointer;padding:12px;font-weight:700;min-height:20px}
.tree-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.tree-list li{display:flex;gap:8px;align-items:center;justify-content:space-between;font-size:.85rem;color:var(--tp-muted)}
.tree-list li>.tree-btn{width:100%;text-align:left;font-size:.85rem}
.tree-x{min-width:44px;min-height:44px;border:1px solid var(--tp-line);border-radius:10px;background:transparent;color:var(--tp-text);font-size:1rem;cursor:pointer}
.tree-quick{margin:0 14px 10px;padding:10px 12px 10px 30px;border:1px solid var(--tp-line);border-radius:12px;font-size:.84rem;color:var(--tp-muted);display:grid;gap:4px}

/* v4: ikonlar, hizalama, sıradaki adım, bildirim, plan listesi */
html,body{overscroll-behavior:none}
[data-ic]{--ic:none}
[data-ic]::before{content:"";display:inline-block;flex:none;width:1.15em;height:1.15em;margin-right:.45em;vertical-align:-.2em;background:currentColor;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
[data-ic="pin"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s7-6.2 7-12a7 7 0 1 0-14 0c0 5.8 7 12 7 12Z'/%3E%3Ccircle cx='12' cy='9' r='2.5'/%3E%3C/svg%3E")}
[data-ic="pencil"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h4L19 9l-4-4L4 16v4Z'/%3E%3C/svg%3E")}
[data-ic="route"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='19' r='2'/%3E%3Ccircle cx='18' cy='5' r='2'/%3E%3Cpath d='M8 19h7a3 3 0 0 0 0-6H9a3 3 0 0 1 0-6h7'/%3E%3C/svg%3E")}
[data-ic="crosshair"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='7'/%3E%3Cpath d='M12 2v4M12 18v4M2 12h4M18 12h4'/%3E%3C/svg%3E")}
[data-ic="tree"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22v-6M12 16c-4 0-7-3-7-6.5S8 3 12 3s7 3 7 6.5S16 16 12 16Z'/%3E%3C/svg%3E")}
[data-ic="lock"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E")}
[data-ic="download"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12m0 0-4-4m4 4 4-4M4 20h16'/%3E%3C/svg%3E")}
[data-ic="upload"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 15V3m0 0L8 7m4-4 4 4M4 20h16'/%3E%3C/svg%3E")}
[data-ic="trash"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16M9 7V4h6v3M6 7l1 13h10l1-13'/%3E%3C/svg%3E")}
[data-ic="check"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 5 5L19 7'/%3E%3C/svg%3E")}
[data-ic="flag"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 21V4m0 0h11l-2 4 2 4H5'/%3E%3C/svg%3E")}
[data-ic="undo"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 14-5-5 5-5M4 9h10a6 6 0 0 1 0 12h-3'/%3E%3C/svg%3E")}
[data-ic="pause"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M8 5v14M16 5v14'/%3E%3C/svg%3E")}
[data-ic="play"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M7 4v16l13-8Z'/%3E%3C/svg%3E")}
[data-ic="folder"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h6l2 2h10v11H3Z'/%3E%3C/svg%3E")}
[data-ic="info"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v6M12 7.5v.5'/%3E%3C/svg%3E")}
[data-ic="walk"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='14' cy='4' r='2'/%3E%3Cpath d='m12 8-3 4 3 2 2-3 3 2 2 4M9 12l-3 5-3 2m9-7-1 6 3 3'/%3E%3C/svg%3E")}
.tree-btn[data-ic]{display:inline-flex;align-items:center;justify-content:center;text-align:center}
.tree-btn[data-ic]::before{vertical-align:0}
.tree-calib h3[data-ic]::before{color:var(--tp-accent);margin-right:.35em}
.tree-btn-danger[data-ic]::before{color:var(--tp-danger)}

/* düğme hizası: aynı satırdaki düğmeler eşit pay alır */
.tree-row>.tree-btn{flex:1 1 150px}
.tree-row>.tree-input{flex:2 1 160px;min-width:0}
.tree-btn-big{flex:1 1 100%}
.tree-sec-body>.tree-btn,.tree-sec-body>.tree-btn-primary{width:100%}
.tree-report .tree-wide{grid-column:1/-1}
.tree-sec[data-done="1"]>summary .tree-step{font-size:0}
.tree-sec[data-done="1"]>summary .tree-step::before{content:"\2713";font-size:.95rem;font-weight:800}

.tree-next{position:static;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;align-items:center;margin:0 0 10px;padding:10px 12px;border:1px solid var(--tp-accent);border-radius:14px;background:var(--tp-card);color:var(--tp-text);box-shadow:0 3px 10px rgba(0,0,0,.1)}
.tree-next::before{grid-column:1;grid-row:1/4;width:1.7em;height:1.7em;margin:0;color:var(--tp-accent)}
.tree-next small{color:var(--tp-accent);font-weight:800;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}
.tree-next strong{font-size:.92rem;line-height:1.35}
.tree-next .tree-help{grid-column:2}
.tree-how{margin:0 0 10px}
.tree-next-open{grid-column:2;margin-top:8px;width:100%}
.tree-next-open[hidden],.tree-field[hidden],.tree-row[hidden]{display:none}
.tree-how>summary{cursor:pointer;min-height:40px;display:flex;align-items:center;font-weight:700;color:var(--tp-muted)}
.tree-how .tree-quick{margin:6px 0 0}
.tree-walk{display:grid;gap:8px;padding:10px;border:1px dashed var(--tp-accent);border-radius:12px}
.tree-walk[hidden],.tree-toast[hidden],.tree-btn[hidden]{display:none}

.tree-toast{position:absolute;left:50%;bottom:calc(var(--panel-h,0px) + 16px);transform:translateX(-50%);z-index:1250;display:flex;gap:10px;align-items:center;max-width:92%;padding:10px 12px;border-radius:12px;border:1px solid var(--tp-accent);background:#0b0d0c;color:#fff;font-size:.9rem;box-shadow:0 6px 20px rgba(0,0,0,.4)}
.tree-toast button{min-height:40px;padding:6px 12px;border:0;border-radius:10px;background:var(--tp-accent);color:#00170e;font:inherit;font-weight:800;cursor:pointer;white-space:nowrap}
.tree-plans li{flex-wrap:wrap;padding:8px;border:1px solid var(--tp-line);border-radius:10px}
.tree-plans li.cur{border-color:var(--tp-accent)}
.tree-plans li>span{flex:1 1 100%;color:var(--tp-text);font-weight:600}
.tree-plans li>.tree-x{flex:1 1 auto;font-size:.82rem;padding:0 10px}
.tree-plans li.tree-empty{color:var(--tp-muted);border-style:dashed}
.tree-pop .tree-btn{margin:4px 4px 0 0}
/* v5: etiketler, öneriler, not/fotoğraf, ek bölümler */
.tree-lbl{font:700 11px/14px system-ui,sans-serif;color:#fff;text-align:center;text-shadow:0 0 3px #000,0 0 3px #000,0 0 2px #000;pointer-events:none;white-space:nowrap}
.tree-h4{margin:10px 0 2px;font-size:.95rem}
.tree-sug{display:grid;gap:6px}
.tree-sug button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;min-height:44px;padding:8px 12px;border:1px solid var(--tp-line);border-radius:10px;background:transparent;color:var(--tp-text);font:inherit;font-size:.88rem;cursor:pointer}
.tree-sug button small{color:var(--tp-muted);font-size:.78rem}
.tree-sug button.on{border-color:var(--tp-accent)}
.tree-sug p{margin:0}
.tree-pop textarea{width:100%;box-sizing:border-box;min-height:60px;margin-top:6px;padding:6px 8px;font:inherit;font-size:16px;border:1px solid #bbb;border-radius:8px;resize:vertical}
.tree-pop img{display:block;max-width:100%;max-height:140px;margin-top:6px;border-radius:8px}
.tree-pop .tree-note-box{margin-top:6px;border-top:1px solid #ddd;padding-top:4px}
#irr-out dd,#irr-out dt{overflow-wrap:anywhere}
.tree-warn-line{color:#c97a00}

.tree-hgm-wm{position:absolute;left:8px;bottom:26px;z-index:600;pointer-events:none;background:rgba(0,0,0,.65);color:#fff;font:700 11px/1.2 system-ui,sans-serif;padding:3px 7px;border-radius:4px;letter-spacing:.03em}
.tree-hgm-wm[hidden]{display:none}
.tree-edge span{display:inline-block;transform:translate(-50%,-50%);padding:1px 5px;border-radius:5px;background:rgba(0,0,0,.72);color:#fff;font:700 11px/1.3 system-ui,sans-serif;white-space:nowrap;pointer-events:none}
.tree-nudge{margin:8px 0}
.tree-nudge small{display:block;color:var(--tp-muted);line-height:1.45;margin-bottom:6px}
.tree-nudge-pad{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.tree-nudge-pad .tree-btn{min-height:48px;padding:6px 4px;font-size:1.05rem}

/* Cihaz sınıfları: telefon (alt çekmece), tablet, dizüstü/masaüstü (yan panel) */
@media (min-width:600px) and (max-width:820px){
  .tree-panel{height:52dvh;height:52vh;left:50%;right:auto;width:min(720px,100%);transform:translate(-50%,0)}
  .tree-panel.is-peek{transform:translate(-50%,calc(100% - 64px))}
  .tree-intro p{display:block}
  .tree-intro h1{font-size:1.25rem}
  .tree-report{grid-template-columns:repeat(3,1fr)}
}
@media (min-width:821px) and (max-width:1100px){
  .tree-app{grid-template-columns:minmax(330px,40vw) 1fr}
}
@media (min-width:1400px){
  .tree-app{grid-template-columns:460px 1fr}
  .tree-panel-body{font-size:1.03rem;padding:18px 18px 32px}
}
@media (pointer:coarse){
  .tree-btn,.tree-check,.tree-panel-body summary{min-height:48px}
  .tree-fab{width:52px;height:52px}
}
@media (pointer:fine) and (min-width:821px){
  .tree-handle{display:none}
  .tree-panel-body{scrollbar-width:thin}
}
.tree-ta{width:100%;box-sizing:border-box;font:12px/1.3 ui-monospace,Consolas,monospace;padding:8px;border:1px solid var(--line,#c9d3cc);border-radius:8px;background:var(--panel,#fff);color:var(--text,#17261f);resize:vertical;word-break:break-all;margin:6px 0}
.tree-intro p.tree-beta{display:flex}
