:root{--font:"Vazirmatn",Tahoma,"Segoe UI",system-ui,sans-serif;--red:#e53935;--orange:#fb8c00}html,body{height:100%;font-family:var(--font);margin:0}.leaflet-container{font-family:var(--font)}#map{background:#e8e8e8;width:100%;height:100dvh;position:absolute;top:0;left:0}.locate-btn{color:#444;cursor:pointer;background:#fff;border:2px solid #00000040;border-radius:6px;place-items:center;width:38px;height:38px;padding:0;display:grid;box-shadow:0 1px 4px #00000026}.locate-btn:active{background:#eee}.panel{z-index:1000;box-sizing:border-box;background:#fff;border-radius:10px;flex-direction:column;width:320px;max-width:calc(100vw - 24px);max-height:calc(100% - 24px);padding:12px 14px;font-size:13px;line-height:1.7;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 2px 14px #00000040}.panel h1{margin:0 0 8px;font-size:16px}select,#search{box-sizing:border-box;border:1px solid #ccc;border-radius:6px;width:100%;margin-bottom:8px;padding:6px 8px;font-family:inherit;font-size:14px}#search{margin-bottom:6px}.sub{color:#666;min-height:16px;margin-bottom:6px;font-size:12px}#stale{color:#8a5300;background:#fff3e0;border:1px solid #ffd699;border-radius:6px;margin-bottom:6px;padding:4px 8px;font-size:11.5px}.chips{flex-wrap:wrap;gap:5px;margin-bottom:7px;display:flex}.chips button{color:#333;cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:14px;padding:2px 11px;font-family:inherit;font-size:12px}.chips button.on{color:#fff;background:#1976d2;border-color:#1976d2}.legend{color:#555;align-items:center;gap:14px;margin-bottom:5px;font-size:11.5px;display:flex}.legend .tog{cursor:pointer;-webkit-user-select:none;user-select:none}.legend .tog.dim{opacity:.35}.legend i{vertical-align:-1px;opacity:.85;border-radius:3px;width:11px;height:11px;margin-left:4px;display:inline-block}.legend .u{background:var(--red)}.legend .p{background:var(--orange)}#list{flex:1;min-height:0;margin:0 -6px;padding:0 6px;overflow:auto}#list .day{color:#555;z-index:1;background:#fff;border-bottom:1px solid #eee;padding:4px 2px 2px;font-size:11.5px;font-weight:700;position:sticky;top:0}.o-item{cursor:pointer;border-right:3px solid var(--orange);background:#fafafa;border-radius:6px;margin:4px 0;padding:6px 8px 6px 4px}.o-item.unplanned{border-right-color:var(--red)}.o-item:hover{background:#f0f4ff}.o-item.off{cursor:default;opacity:.62}.o-time{color:#111;font-size:12.5px;font-weight:700}.o-time .now{color:#c62828;margin-right:6px;font-size:11px;font-weight:700}.o-time .noloc{color:#999;margin-right:6px;font-size:10.5px;font-weight:400}.o-addr{color:#555;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11.5px;line-height:1.55;display:-webkit-box;overflow:hidden}#empty{color:#2e7d32;padding:8px 0;font-size:12.5px}.note{color:#777;border-top:1px solid #eee;flex:none;margin-top:8px;padding-top:7px;font-size:11px}.note a{color:#1976d2}.pop{text-align:right;direction:rtl}.pop+.pop{border-top:1px solid #e5e5e5;margin-top:8px;padding-top:8px}.badge{color:#fff;border-radius:10px;padding:1px 7px;font-size:11px;display:inline-block}.badge.unplanned{background:var(--red)}.badge.planned{background:var(--orange)}.pop .now{color:#c62828;font-size:12px;font-weight:700}.pop .addr{color:#222;margin-top:6px}.pop mark{background:#fff59d;border-radius:3px;padding:0 3px;font-weight:700}.pop details{margin-top:3px}.pop summary{cursor:pointer;color:#1976d2;-webkit-user-select:none;user-select:none;font-size:11px}.pop details[open] summary{margin-bottom:2px}.pop details div,.pop details{color:#666;font-size:11.5px;line-height:1.6}.leaflet-popup-content{text-align:right;direction:rtl;max-width:270px}.leaflet-tooltip.card{font-family:var(--font);text-align:right;white-space:nowrap;color:#333;pointer-events:auto;cursor:pointer;direction:rtl;background:#fff;border:1px solid #e4e4e4;border-radius:8px;padding:4px 8px;font-size:11.5px;box-shadow:0 1px 6px #0000002e}.leaflet-tooltip.card:before{display:none}.card .a{color:#666;text-overflow:ellipsis;max-width:180px;margin-top:1px;font-size:10.5px;overflow:hidden}.card .badge{padding:0 6px;font-size:10px}@media (width<=640px){.panel{width:auto;max-width:none;max-height:48dvh;padding-bottom:calc(12px + env(safe-area-inset-bottom));border-radius:14px 14px 0 0;inset:auto 0 0}.panel h1{margin-bottom:6px;font-size:14px}select,#search{font-size:16px}.chips button{padding:6px 14px;font-size:13px}.legend{gap:16px;font-size:12.5px}.o-item{padding:8px 8px 8px 4px}.leaflet-popup-content{max-height:42vh;overflow:auto}}