/* ============================================================
   Сеул · лендинг путешествия — стили
   ============================================================ */
:root{
  --navy:#0f1b3d; --navy-2:#1c2c5e; --accent:#e8463c;
  --sergey:#2f6fd6; --polina:#d6457f;
  --bg:#f4f5f8; --card:#ffffff; --text:#1a2238; --muted:#6b7385;
  --line:#e6e8ef; --radius:16px; --shadow:0 8px 30px rgba(15,27,61,.10);
  --c-start:#6b7385; --c-tour:#2f6fd6; --c-dist:#159a93;
  --c-shop:#d98a1b; --c-trend:#9a55c9;
  color-scheme: light;
}
*{box-sizing:border-box;margin:0;padding:0}

/* видимый фокус с клавиатуры для всех интерактивных элементов */
:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:6px}

/* skip-link: видим только при фокусе с клавиатуры */
.skip-link{position:absolute;left:12px;top:-48px;z-index:1000;
  background:var(--navy);color:#fff;padding:10px 16px;border-radius:10px;
  font-weight:700;text-decoration:none;transition:top .15s}
.skip-link:focus{top:12px}
body{font-family:'Segoe UI',-apple-system,BlinkMacSystemFont,Roboto,Helvetica,Arial,sans-serif;
  color:var(--text);background:var(--bg);line-height:1.55;-webkit-font-smoothing:antialiased}

/* ---------- HERO ---------- */
.hero{position:relative;color:#fff;padding:58px 24px 110px;overflow:hidden;
  background:
    radial-gradient(900px 380px at 85% -10%, rgba(232,70,60,.55), transparent 60%),
    radial-gradient(700px 360px at 5% 110%, rgba(47,111,214,.50), transparent 60%),
    linear-gradient(135deg,var(--navy) 0%,var(--navy-2) 100%)}
.hero-inner{max-width:1180px;margin:0 auto;position:relative;z-index:1}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;
  letter-spacing:.06em;text-transform:uppercase;background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);padding:7px 14px;border-radius:999px}
.hero h1{font-size:clamp(2.3rem,6vw,4rem);line-height:1.05;margin:18px 0 8px;
  font-weight:800;letter-spacing:-.02em}
.hero h1 span{color:#ffd6d2}
.hero .lead{font-size:clamp(1rem,2.2vw,1.18rem);color:#c9cfe4;max-width:640px}
.lovenote{margin-top:14px;display:inline-flex;align-items:center;gap:9px;
  background:rgba(214,69,127,.18);border:1px solid rgba(214,69,127,.35);
  padding:9px 15px;border-radius:12px;font-size:14px;font-weight:600;color:#ffe1ec}
.meta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.chip{display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.16);padding:11px 16px;border-radius:12px;
  font-size:14px;font-weight:600}
/* полоса ключевых показателей поездки — равные плитки в сетке */
.hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
  gap:12px;margin-top:22px;max-width:720px}
.hstat{display:flex;flex-direction:column;justify-content:center;
  background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);
  border-radius:14px;padding:14px 18px;min-height:74px}
.hstat-num{font-size:1.7rem;font-weight:800;line-height:1.05;letter-spacing:-.01em}
.hstat-label{font-size:12px;color:#aab2cc;font-weight:600;margin-top:4px}
.hstat-accent{background:rgba(232,70,60,.16);border-color:rgba(232,70,60,.34)}
.hstat-accent .hstat-num{color:#ffd6d2}

.flights{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px;max-width:720px}
.flight{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);
  border-radius:14px;padding:14px 16px}
.flight .fl-h{display:flex;justify-content:space-between;font-size:12px;color:#aab2cc;
  font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.flight .fl-route{display:flex;align-items:center;gap:10px;margin:8px 0 4px}
.flight .fl-time{font-size:1.3rem;font-weight:800;font-variant-numeric:tabular-nums}
.flight .fl-line{flex:1;height:2px;background:rgba(255,255,255,.30);position:relative}
.flight .fl-line::after{content:"\2708";position:absolute;right:-2px;top:-9px;
  font-size:13px;color:#ffd6d2}
.flight .fl-codes{display:flex;justify-content:space-between;font-size:13px;
  font-weight:600;color:#dfe3f0}
.flight .fl-air{display:flex;justify-content:space-between;font-size:12.5px;color:#aab2cc}

/* ---------- STAGE ---------- */
.stage{max-width:1180px;margin:-72px auto 0;padding:0 24px 60px;position:relative;z-index:2}

/* MAP сверху */
.map-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);
  overflow:hidden}
#map{width:100%;height:440px;background:#dfe3ec}
.map-cap{display:flex;align-items:center;gap:9px;flex-wrap:wrap;
  padding:12px 18px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
.map-cap b{color:var(--text)}

/* TABS */
.tabs{display:flex;gap:8px;overflow-x:auto;padding:16px 4px 6px;
  -webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.tab{flex:none;cursor:pointer;border:1px solid var(--line);background:var(--card);
  border-radius:12px;padding:8px 14px;font-size:13.5px;font-weight:800;color:var(--text);
  font-family:inherit;text-align:left;touch-action:manipulation;
  transition:border-color .15s, background .15s, color .15s;
  white-space:nowrap;box-shadow:0 2px 8px rgba(15,27,61,.05);
  border-top:3px solid var(--tc,#c7cde0)}
.tab small{display:block;font-size:11px;font-weight:700;color:var(--tc,#9aa2bb);margin-top:1px}
.tab:hover{border-color:#c4cbe0}
.tab.active{background:var(--navy);color:#fff;border-color:var(--navy)}
.tab.active small{color:#cdd4ec}

/* DAY SECTION */
#itinerary{margin-top:12px}
.day-sec{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);
  padding:20px 22px 8px;margin-bottom:16px}
.day-head{border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:6px}
.dh-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.dh-date{font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;
  color:var(--muted)}
.day-head h3{font-size:1.3rem;font-weight:800;margin:6px 0 2px}
.day-head p{font-size:13.5px;color:var(--muted)}

/* TIMELINE */
.timeline{padding:14px 0 6px}
.tl-empty{color:var(--muted);font-size:13.5px;padding:10px 2px 16px;line-height:1.5}
.tl-item{display:flex;gap:0;cursor:pointer;touch-action:manipulation}
.tl-time{width:62px;flex:none;text-align:right;padding:14px 14px 0 0;
  font-size:13px;font-weight:800;color:var(--accent);font-variant-numeric:tabular-nums}
.tl-mid{width:34px;flex:none;display:flex;flex-direction:column;align-items:center}
.tl-dot{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;
  font-size:19px;background:linear-gradient(135deg,#eef1f8,#dde3f3);
  margin-top:9px;flex:none;border:2px solid #fff;box-shadow:0 2px 6px rgba(15,27,61,.12)}
.tl-dot-img{padding:0;overflow:hidden}
.tl-thumb{width:100%;height:100%;object-fit:cover;display:block}
.tl-line{flex:1;width:2px;background:var(--line);margin:4px 0}
.tl-item:last-child .tl-line{display:none}
.tl-card{flex:1;margin:9px 0 4px 12px;padding:13px 15px;border-radius:13px;
  border:1px solid transparent;transition:background .15s}
.tl-item:hover .tl-card{background:#f7f8fb}
.tl-item.active .tl-card{background:#fff;border-color:var(--line);
  box-shadow:0 5px 16px rgba(15,27,61,.10)}
.tl-name{font-size:15.5px;font-weight:800}
.tl-desc{font-size:13px;color:var(--muted);margin-top:4px}
.tl-hist{font-size:12.5px;color:#5a4633;background:#fbf3e4;border:1px solid #efe1c4;
  border-radius:9px;padding:8px 11px;margin-top:9px}
.tl-hist b{color:#7a5b2e}

.badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.badge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;
  padding:4px 9px;border-radius:999px;border:1px solid var(--line);background:#f7f8fb}
.badge.price-free{color:#1f8a4c;background:#e7f6ec;border-color:#cdebd6}
.badge.price-1{color:#3a7d2f;background:#eef7e8;border-color:#d8ebcb}
.badge.price-2{color:#b5791b;background:#fdf3df;border-color:#f3e2bd}
.badge.price-3{color:#c2402f;background:#fceae7;border-color:#f4cfc8}
.badge.by-sergey{color:var(--sergey);background:#e9f1fc;border-color:#cfe0f6}
.badge.by-polina{color:var(--polina);background:#fceaf1;border-color:#f5cfdf}
.badge.by-both{color:#7b53c9;background:#f0ebfb;border-color:#dccff2}
.badge.by-person{color:var(--sergey);background:#e9f1fc;border-color:#cfe0f6}
.badge.cat-start{color:#fff;background:var(--c-start);border-color:var(--c-start)}
.badge.cat-tour {color:#fff;background:var(--c-tour); border-color:var(--c-tour)}
.badge.cat-dist {color:#fff;background:var(--c-dist); border-color:var(--c-dist)}
.badge.cat-shop {color:#fff;background:var(--c-shop); border-color:var(--c-shop)}
.badge.cat-trend{color:#fff;background:var(--c-trend);border-color:var(--c-trend)}

.kakao{display:inline-flex;align-items:center;gap:6px;margin-top:10px;
  font-size:12.5px;font-weight:700;text-decoration:none;color:#3a1d1d;touch-action:manipulation;
  background:#ffe600;border:1px solid #e6cf00;padding:6px 12px;border-radius:9px;transition:background .15s}
.kakao:hover{background:#ffd400}

/* HISTORY */
.history{background:linear-gradient(135deg,#fbf6ec,#f5ede0);
  border:1px solid #ece0c8;border-radius:var(--radius);padding:24px 26px;margin-bottom:16px}
.history h3{font-size:1.25rem;font-weight:800;display:flex;align-items:center;gap:9px}
.history p{font-size:14px;color:#4a4332;margin-top:11px}
.history .h-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}
.h-fact{background:rgba(255,255,255,.65);border:1px solid #ece0c8;border-radius:12px;
  padding:12px 14px}
.h-fact .y{font-size:13px;font-weight:800;color:#b07d22}
.h-fact .t{font-size:13px;color:#4a4332;margin-top:2px}

/* leaflet markers */
.pin{width:34px;height:34px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);
  background:var(--accent);border:3px solid #fff;
  box-shadow:0 3px 8px rgba(0,0,0,.35);display:grid;place-items:center}
.pin span{transform:rotate(45deg);color:#fff;font-weight:800;font-size:14px}
.pin.hotel{background:var(--sergey);width:40px;height:40px}
.pin.hotel span{font-size:17px}
.pin.airport{background:#2f9e54;width:40px;height:40px}
.pin.airport span{font-size:16px}

.leaflet-popup-content-wrapper{border-radius:14px;padding:0;overflow:hidden}
.leaflet-popup-content{margin:0;width:248px!important}
.pop-photo{height:92px;display:grid;place-items:center;font-size:42px;
  background:linear-gradient(135deg,var(--navy-2),var(--accent))}
.pop-photo-img{padding:0}
.pop-photo-img img{width:100%;height:100%;object-fit:cover;display:block}
.pop-body{padding:11px 14px 13px}
.pop-day{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--accent);letter-spacing:.04em}
.pop-name{font-size:15px;font-weight:800;margin:2px 0 5px}
.pop-desc{font-size:12.7px;color:var(--muted)}
.pop-body .badges{margin-top:8px}
.pop-body .kakao{margin-top:9px}

.note{font-size:13px;color:var(--muted)}
.note strong{display:block;margin-top:10px}
.legend{display:flex;gap:8px;flex-wrap:wrap;margin-top:7px;margin-bottom:4px}
.legend .badge{cursor:default}

/* ---------- TRIP BAR (на тёмной шапке) ---------- */
.tripbar{max-width:1180px;margin:0 auto 20px;position:relative;z-index:1}
.tripbar-inner{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.tripbar-label{font-size:12px;font-weight:700;letter-spacing:.05em;
  text-transform:uppercase;color:#aab2cc}
.tripbar-select{appearance:none;-webkit-appearance:none;background-color:rgba(255,255,255,.12);
  color:#fff;border:1px solid rgba(255,255,255,.22);border-radius:10px;
  padding:9px 36px 9px 13px;font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;
  touch-action:manipulation;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23fff' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 12px center}
.tripbar-select option{color:#1a2238}
.tripbar-actions{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}
.tripbar-btn{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.22);
  border-radius:10px;padding:9px 14px;font-size:14px;font-weight:700;font-family:inherit;
  cursor:pointer;touch-action:manipulation;transition:background .15s}
.tripbar-btn:hover{background:rgba(255,255,255,.2)}
.tripbar-new{background:var(--accent);border-color:var(--accent);font-weight:800;transition:filter .15s}
.tripbar-new:hover{filter:brightness(1.08);background:var(--accent)}

/* ---------- СТРАНИЦА «НОВАЯ ПОЕЗДКА» ---------- */
.page{min-height:100vh;background:var(--bg)}
.page-head{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-2) 100%);
  color:#fff;padding:18px 24px}
.page-head-inner{max-width:760px;margin:0 auto;display:flex;align-items:center;gap:14px}
.page-back{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);
  color:#fff;border-radius:10px;padding:8px 14px;font-size:14px;font-weight:700;
  font-family:inherit;cursor:pointer;touch-action:manipulation;transition:background .15s}
.page-back:hover{background:rgba(255,255,255,.2)}
.page-eyebrow{font-size:12px;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;color:#aab2cc}
.page-body{max-width:760px;margin:0 auto;padding:28px 24px 60px}
.page-body-narrow{max-width:520px}
.tf-title{font-size:clamp(1.6rem,4vw,2.2rem);font-weight:800;letter-spacing:-.02em}
.tf-intro{font-size:14px;color:var(--muted);margin:8px 0 0;max-width:560px}
.tf-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);
  padding:22px 24px;margin-top:20px}
.tf-h2{font-size:1.1rem;font-weight:800;margin-bottom:14px}
.tf-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ff{display:flex;flex-direction:column;gap:5px}
.ff-label{font-size:12.5px;font-weight:700;color:var(--text)}
.ff input{font-family:inherit;font-size:14px;padding:10px 12px;border:1px solid var(--line);
  border-radius:10px;background:#fff;color:var(--text);width:100%}
.ff input:focus{border-color:var(--accent)}
.tf-flight{border:1px solid var(--line);border-radius:14px;padding:6px 16px 16px;margin-top:14px}
.tf-flight legend{font-size:12.5px;font-weight:800;color:var(--muted);padding:0 6px}
.tf-error{color:var(--accent);font-size:13px;font-weight:700;margin-top:10px}
.tf-foot{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}
.btn-primary{background:var(--accent);color:#fff;border:0;border-radius:10px;
  padding:11px 20px;font-size:14px;font-weight:800;font-family:inherit;cursor:pointer;
  touch-action:manipulation;transition:filter .15s}
.btn-primary:hover{filter:brightness(1.08)}
.btn-ghost{background:#f0f2f7;color:var(--text);border:0;border-radius:10px;
  padding:11px 18px;font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;
  touch-action:manipulation}
.btn-ghost:hover{background:#e6e9f1}
.btn-sm{padding:7px 12px;font-size:13px}
.btn-del{background:#fceae7;color:#c2402f;border:1px solid #f4cfc8;border-radius:10px;
  padding:11px 16px;font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;
  touch-action:manipulation;transition:background .15s}
.btn-del:hover{background:#f9dcd6}

/* select / textarea — как input в форме */
.ff select,.ff textarea{font-family:inherit;font-size:14px;padding:10px 12px;
  border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--text);width:100%}
.ff textarea{resize:vertical;min-height:42px;line-height:1.45}
.ff select:focus,.ff textarea:focus{border-color:var(--accent)}

/* встроенная форма настройки дня */
.day-editor{margin:12px 0 4px}

/* окно ссылок (инбокс) */
.inbox{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);
  padding:16px 18px;margin-top:14px}
.inbox-head h3{font-size:1.05rem;font-weight:800}
.inbox-add{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.inbox-add input{flex:1 1 220px;min-width:0;font-family:inherit;font-size:14px;padding:10px 12px;
  border:1px solid var(--line);border-radius:10px;color:var(--text)}
.inbox-add button{flex:none}
.inbox-add input:focus{border-color:var(--accent)}
.inbox-empty,.inbox-hint{font-size:13px;color:var(--muted);margin-top:10px}
.link-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;margin-top:12px}
.link-card{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);
  border-radius:13px;padding:10px 12px;background:#fbfbfd;cursor:grab;touch-action:manipulation}
.link-card[draggable="true"]:active{cursor:grabbing}
.link-card.dragging{opacity:.4}
.link-photo{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;
  font-size:18px;background:linear-gradient(135deg,#eef1f8,#dde3f3);flex:none}
.link-body{flex:1;min-width:0}
.link-name{font-size:14px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.link-url{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
.link-tags{margin-top:6px}
.link-tag{font-size:11px;font-weight:700;color:var(--muted);background:#eef1f8;
  border:1px solid var(--line);border-radius:999px;padding:2px 8px}
.link-tag.ok{color:#1f8a4c;background:#e7f6ec;border-color:#cdebd6}
.link-actions{display:flex;flex-direction:column;gap:4px;flex:none}

/* тренды (инсайты) */
.trends{background:linear-gradient(135deg,#fff4ef,#fdeee8);border:1px solid #f3d9cd;
  border-radius:var(--radius);padding:16px 18px;margin-top:14px}
.trends-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.trends-head h3{font-size:1.05rem;font-weight:800}
.trends-note{font-size:12px;color:var(--muted)}
.trend-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;margin-top:12px}
.trend-card{display:flex;flex-direction:column;background:#fff;border:1px solid #f1ddd2;
  border-radius:13px;padding:12px 14px}
.trend-photo{font-size:22px}
.trend-name{font-size:14.5px;font-weight:800;margin-top:4px}
.trend-area{font-size:12px;color:var(--accent);font-weight:700;margin-top:2px}
.trend-why{font-size:12.5px;color:var(--muted);margin-top:6px;flex:1}
.trend-add{align-self:flex-start;margin-top:10px}

/* строки начала/конца дня (обрамление расписания) */
.tl-edge{display:flex;cursor:pointer}
.tl-edge .tl-time{width:62px;flex:none;text-align:right;padding:14px 14px 0 0;
  font-size:13px;font-weight:800;color:var(--navy);font-variant-numeric:tabular-nums}
.tl-edge-dot{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;
  font-size:17px;background:#eef1f8;margin-top:9px;flex:none;border:2px dashed #c3cbe4}
.tl-edge-card{flex:1;display:flex;align-items:center;gap:10px;margin:9px 0 4px 12px;
  padding:9px 13px;border-radius:11px}
.tl-edge:hover .tl-edge-card{background:#f7f8fb}
.tl-edge-label{font-size:12.5px;font-weight:800;color:var(--navy)}
.tl-edge-hint{font-size:12px;color:var(--muted)}
@media(max-width:880px){.tl-edge .tl-time{width:50px;font-size:12px}}

/* кнопки в шапке дня */
.day-cfg{margin-left:auto;background:#fff;color:var(--muted);border:1px solid var(--line);
  border-radius:9px;padding:6px 12px;font-size:12.5px;font-weight:700;font-family:inherit;
  cursor:pointer;touch-action:manipulation;transition:background .15s}
.day-cfg:hover{background:#f3f5fa;color:var(--text)}
.day-add{background:#eef1f8;color:var(--navy);border:1px dashed #c3cbe4;
  border-radius:9px;padding:6px 12px;font-size:12.5px;font-weight:700;font-family:inherit;
  cursor:pointer;touch-action:manipulation;transition:background .15s}
.day-add:hover{background:#e3e8f5}

/* динамический бейдж категории (цвет задаётся inline) */
.badge.badge-cat{color:#fff}

/* текстовая кнопка-ссылка */
.link-btn{background:none;border:0;color:var(--accent);font-family:inherit;font-size:12px;
  font-weight:700;cursor:pointer;padding:0;margin-left:8px;text-decoration:underline;
  text-underline-offset:2px}
.link-btn:hover{color:#c2402f}

/* списки в настройках (люди, категории) */
.list{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}
.list-row{display:flex;align-items:center;gap:10px}
.list-input{flex:1;font-family:inherit;font-size:14px;padding:10px 12px;
  border:1px solid var(--line);border-radius:10px;color:var(--text)}
.list-input:focus{border-color:var(--accent)}
.cat-color{width:46px;height:40px;padding:2px;border:1px solid var(--line);border-radius:9px;
  background:#fff;cursor:pointer;flex:none}
.list-del{border:0;background:#f0f2f7;width:40px;height:40px;border-radius:9px;cursor:pointer;
  font-size:14px;flex:none;touch-action:manipulation}
.list-del:hover{background:#fceae7}
.tf-card .ff+.ff{margin-top:12px}

/* действия на карточке места */
.tl-card{position:relative}
.tl-actions{position:absolute;top:10px;right:10px;display:flex;gap:4px;opacity:0;transition:opacity .15s}
.tl-item:hover .tl-actions,.tl-item:focus-within .tl-actions{opacity:1}
.tl-act{border:0;background:#f0f2f7;width:28px;height:28px;border-radius:8px;
  font-size:13px;cursor:pointer;line-height:1;touch-action:manipulation}
.tl-act:hover{background:#e2e6ef}

/* drag-and-drop состояния */
.tl-item[draggable="true"]{cursor:grab}
.tl-item[draggable="true"]:active{cursor:grabbing}
.tl-item.dragging{opacity:.4}
.tl-grip{color:#b9c1da;font-size:17px;line-height:1;letter-spacing:-2px}
.drop-target{outline:2px dashed var(--accent);outline-offset:-4px;
  background:rgba(232,70,60,.05)}
.tab.drop-target{background:rgba(232,70,60,.18)}
.tl-drop-line{height:0;border-top:2px solid var(--accent);border-radius:2px;
  margin:3px 0 3px 96px;box-shadow:0 0 0 2px rgba(232,70,60,.12)}
.pin.draft{background:#1f8a4c;opacity:.92}
@media(max-width:880px){.tl-drop-line{margin-left:84px}}

/* панель добавления/редактирования места */
.editor-panel{margin-top:14px}
.pf{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);
  padding:18px 20px;border:2px solid var(--accent)}
.pf-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.pf-head h3{font-size:1.15rem;font-weight:800}
.pf-x{border:0;background:#f0f2f7;width:32px;height:32px;border-radius:9px;cursor:pointer;
  color:var(--muted);font-size:14px;touch-action:manipulation}
.pf-x:hover{background:#e6e9f1}
.pf-form{display:flex;flex-direction:column;gap:12px}
.pf-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
.pf-coords{display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  background:#f7f8fb;border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.pf-coords-val{font-weight:700;font-variant-numeric:tabular-nums;font-size:13.5px}
.pf-find-status{font-size:12.5px;color:var(--muted);font-weight:600}
.pf-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px}
.pf-foot-right{display:flex;gap:10px;margin-left:auto}
@media(max-width:680px){.pf-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.pf-grid{grid-template-columns:1fr}}

@media(max-width:880px){
  .flights{grid-template-columns:1fr}
  #map{height:340px}
  .stage{margin-top:-64px}
  .history .h-grid{grid-template-columns:1fr}
  .tl-time{width:50px;font-size:12px}
}
@media(max-width:560px){
  .tf-grid{grid-template-columns:1fr}
  .tripbar-new{margin-left:0}
}

/* уважение к настройке «меньше движения» */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    transition-duration:.001ms!important;
    animation-duration:.001ms!important;
    scroll-behavior:auto!important}
}