/* Licht-Planer — werkzeugeigene Styles (Karte, Datumsleiste) */
.gh-date{display:grid;grid-template-columns:auto 1fr auto;gap:6px;align-items:center}
.gh-date .tbtn{min-height:40px;padding:0 12px}
.gh-row{display:flex;gap:8px;flex-wrap:wrap}
.gh-loc{font-family:var(--mono);font-size:.72rem;color:var(--ink-mute)}
.gh-range{display:flex;align-items:center;gap:10px}
.gh-range output{font-family:var(--mono);font-size:.85rem;color:var(--ink);min-width:48px;text-align:right}

.tmap{position:relative;height:300px;border-radius:12px;overflow:hidden;background:#1a1a1d;border:1px solid var(--hair-soft);touch-action:none;cursor:grab;user-select:none}
.tmap:active{cursor:grabbing}
.tmap__tiles{position:absolute;inset:0}
.tmap__tiles img{position:absolute;width:256px;height:256px;max-width:none;filter:grayscale(.85) brightness(.62) contrast(1.1)}
.tmap__over{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.tmap__lbl{fill:#F4F4F5;font-family:var(--mono);font-size:11px;paint-order:stroke;stroke:#0C0C0E;stroke-width:3px}
.tmap__zoom{position:absolute;right:8px;bottom:26px;display:flex;flex-direction:column;gap:4px;z-index:2}
.tmap__zoom button{width:30px;height:30px;border-radius:8px;background:rgba(20,20,22,.9);border:1px solid var(--hair);color:var(--ink);font-size:1rem;cursor:pointer}
.tmap__attr{position:absolute;left:0;bottom:0;right:0;z-index:2;font-size:.66rem;color:var(--ink-mute);background:linear-gradient(transparent,rgba(12,12,14,.85));padding:8px 8px 4px;pointer-events:none}
.tmap__attr a{pointer-events:auto;color:var(--ink-mute)}
.tmap__hint{position:absolute;left:8px;top:8px;z-index:2;font-size:.7rem;color:var(--ink-dim);background:rgba(12,12,14,.75);border-radius:6px;padding:3px 7px;pointer-events:none}
@media (max-width:560px){.tmap{height:240px}}
@media print{.tmap{display:none}}