/* Local stop editor and compact selected-sight tags. */
.sights-selected button.sight-stop-tag{position:relative;touch-action:auto;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
/* Keep untimed tags short even beside a tag with a second row. */
#tours #custom-tour .sights-selected,
#quote-custom-tour .sights-selected{align-items:flex-start}
#tours #custom-tour .sights-selected button.sight-stop-tag,
#quote-custom-tour .sights-selected button.sight-stop-tag{
  display:inline-grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  column-gap:2px;
  min-width:24px;
  min-height:24px;
  width:auto;
  height:auto;
  padding:3px 6px;
}
.sight-stop-tag .sight-tag-name{min-width:0}
.sight-stop-tag .sight-stop-badge{
  position:static;
  grid-column:1 / -1;
  justify-self:center;
  margin-top:1px;
  font:10px/12px system-ui,sans-serif;
  background:transparent;
  color:#174b37;
  padding:0;
  pointer-events:none;
  white-space:nowrap;
}
/* A single compact status row; no instruction exists before a sight is selected. */
#tours #custom-tour .sights-count,
#quote-custom-tour .sights-count{display:flex;align-items:baseline;gap:6px;white-space:nowrap}
.sight-stop-hint{display:inline;flex:0 0 auto;margin:0;font-size:10px;font-weight:400;color:#53656a;white-space:nowrap}
@media(max-width:360px){
  #tours #custom-tour .sights-count,#quote-custom-tour .sights-count{font-size:12px}
  .sight-stop-hint{font-size:9px}
}
.sight-stop-editor[hidden]{display:none!important}
.ui-public .sight-stop-editor{position:fixed;z-index:1200;width:270px;max-width:calc(100vw - 16px);box-sizing:border-box;padding:9px;border:1px solid #b1c4c8;border-radius:10px;background:#fff;box-shadow:0 5px 20px #17384430;color:#183d43;font:13px/1.25 system-ui,sans-serif;text-align:start}
.sight-stop-editor strong{display:block;margin:0 0 6px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sight-stop-editor .stop-fields{display:grid;grid-template-columns:72px 1fr;gap:7px}
.sight-stop-editor label{display:block;font-size:11px;font-weight:500;margin:0}
.ui-public .sight-stop-editor input,.ui-public .sight-stop-editor select,.ui-public .sight-stop-editor textarea{box-sizing:border-box;width:100%;min-height:30px;height:30px;margin:3px 0 0;padding:4px 6px;border:1px solid #bbcbce;border-radius:6px;font:16px/1.2 system-ui,sans-serif;color:#183d43;background:#fff}
.ui-public .sight-stop-editor textarea{height:38px;min-height:38px;resize:none;font-size:16px}
.sight-stop-editor .stop-note-label{margin-top:5px}
.sight-stop-editor .stop-error{margin:3px 0;font-size:11px;color:#a42525}
.sight-stop-editor .stop-error:empty{display:none}
.sight-stop-editor .stop-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:6px}
.ui-public .sight-stop-editor button{width:auto;min-width:0;min-height:30px;height:30px;margin:0;padding:4px 10px;border:1px solid #bbcbce;border-radius:6px;background:#fff;color:#183d43;font:600 12px/1.2 system-ui,sans-serif;cursor:pointer}
.ui-public .sight-stop-editor button[type=submit]{background:#183d43;color:#fff;border-color:#183d43}

.sight-stop-editor .stop-type-picker{position:relative;min-width:0}
.sight-stop-editor .stop-type-label{display:block;font-size:11px;font-weight:500;line-height:1.25}
.ui-public .sight-stop-editor .stop-type-toggle{display:flex;align-items:center;justify-content:space-between;gap:5px;width:100%;margin-top:3px;padding:4px 6px;font:16px/1.2 system-ui,sans-serif;text-align:start}
.sight-stop-editor .stop-type-options[hidden]{display:none!important}
.sight-stop-editor .stop-type-options{position:absolute;top:100%;inset-inline:0;z-index:1;margin-top:3px;padding:3px;border:1px solid #bbcbce;border-radius:6px;background:#fff;box-shadow:0 3px 10px #17384430}
.ui-public .sight-stop-editor .stop-type-options button{display:block;width:100%;height:28px;min-height:28px;padding:4px 6px;border:0;border-radius:3px;text-align:start;font:13px/1.2 system-ui,sans-serif}
.ui-public .sight-stop-editor .stop-type-options button:hover,.ui-public .sight-stop-editor .stop-type-options button:focus-visible{background:#edf4f2;outline:1px solid #537e73}
.ui-public .sight-stop-editor .stop-type-options button[aria-selected=true]{background:#edf4f2;font-weight:600}

/* Keep all fields reachable above an on-screen keyboard without moving above the tag. */
.ui-public .sight-stop-editor{overflow-y:auto;overscroll-behavior:contain}

/* Temporary feedback only while a selected tag is being dragged. */
.sights-selected button.sight-stop-tag.is-drag-ready{box-shadow:0 0 0 2px #537e73;background:#edf4f2;cursor:grabbing}
.sights-selected button.sight-stop-tag.is-dragging{opacity:.3}
.sights-selected button.sight-stop-tag.sight-drag-ghost{position:fixed;z-index:1250;margin:0;opacity:.95;pointer-events:none;box-shadow:0 3px 10px #17384430}
.sight-drag-marker{position:fixed;z-index:1251;width:3px;border-radius:2px;background:#174b37;pointer-events:none}