/* dtb-map-navigation.css — 「导航到这里」按钮 + 底部选择 sheet 样式
 *
 * 来源同步：抽取自 ditubang_app_project/.../services/mapshare_package.py
 *   inject_mobile_navigation() 的 <style id="dtb-mobile-navigation-style"> 块。
 * 与 dtb-map-navigation.js 配套；改动请同源同步。列表侧「导航」按钮样式（.rmw-nav-btn）
 * 属工作台 UI，放在 route_studio.html 内，不在此文件。
 */
.dtb-nav-action { margin-top:10px; padding-top:10px; border-top:1px solid #eceff3; }
.dtb-nav-button {
  width:100%; min-height:40px; border:0; border-radius:8px; background:#ff8a00; color:#fff;
  font:600 14px/1.2 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
  cursor:pointer; touch-action:manipulation;
}
.dtb-nav-button:active { background:#e97800; }
.dtb-nav-sheet-mask {
  position:fixed; inset:0; z-index:100000; background:rgba(15,23,42,.48);
  display:none; align-items:flex-end; justify-content:center;
  padding:16px; padding-bottom:max(16px,env(safe-area-inset-bottom));
}
.dtb-nav-sheet-mask.is-open { display:flex; }
.dtb-nav-sheet {
  width:min(100%,440px); background:#fff; border-radius:16px; padding:18px;
  box-shadow:0 18px 50px rgba(15,23,42,.24);
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
}
.dtb-nav-sheet-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:14px; }
.dtb-nav-sheet-title { font-size:17px; font-weight:700; color:#182230; }
.dtb-nav-sheet-dest { margin-top:4px; color:#667085; font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:320px; }
.dtb-nav-sheet-close {
  border:0; background:#f2f4f7; color:#475467; width:30px; height:30px; border-radius:15px;
  font-size:20px; line-height:28px; cursor:pointer;
}
.dtb-nav-provider-list { display:grid; gap:10px; }
.dtb-nav-provider {
  min-height:46px; border:1px solid #e4e7ec; background:#fff; color:#344054; border-radius:10px;
  font-size:15px; font-weight:600; text-align:left; padding:0 14px; cursor:pointer;
}
.dtb-nav-provider:active { border-color:#ff8a00; background:#fff7ed; }
.dtb-nav-browser-hint {
  display:none; margin-top:12px; padding:9px 10px; border-radius:8px; background:#fff7ed;
  color:#9a4f00; font-size:12px; line-height:1.55;
}
.dtb-nav-browser-hint.is-visible { display:block; }
@media (min-width:700px) { .dtb-nav-sheet-mask { align-items:center; } }
