/* Standort — Installationsplatz justieren. Nutzt bewusst die Bausteine von
   objekte.css und sharepoint.css mit (obj-steuerung, abl-zeile, det-block …),
   damit die App nicht in drei Dialekte auseinanderläuft. */

.st-karte {
  height: 320px; border: 1px solid var(--fa-border); border-radius: 12px;
  overflow: hidden; margin-bottom: 12px;
}
.st-karte .leaflet-tile-pane { filter: saturate(.3) brightness(1.05); }
/* Der ziehbare Pin soll sich vom Untergrund abheben und sichtbar «greifbar» sein. */
.st-karte .leaflet-marker-draggable { cursor: grab; }
.st-karte .leaflet-marker-draggable:active { cursor: grabbing; }

.st-koord {
  background: #fff; border: 1px solid var(--fa-border); border-radius: 12px;
  padding: 4px 16px; margin-bottom: 12px;
}
.st-koord-zeile {
  display: flex; align-items: baseline; gap: 12px;
  padding: 11px 0; border-bottom: 1px solid var(--fa-border);
}
.st-koord-zeile:last-child { border-bottom: 0; }
.st-koord-label { flex: 0 0 40%; font-size: 12px; color: var(--fa-muted); }
.st-koord-wert { flex: 1; min-width: 0; font-size: 14px; font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere; }
.st-koord-zeile.st-neu .st-koord-label { color: var(--fa-cyan-dark); font-weight: 600; }
.st-koord-zeile.st-neu .st-koord-wert { color: var(--fa-cyan-dark); font-weight: 600; }
.st-koord-hint { font-size: 12px; color: var(--fa-muted); padding: 11px 0; line-height: 1.5; }

.st-speichern {
  width: 100%; box-sizing: border-box; background: var(--fa-cyan); color: #fff;
  border: 0; border-radius: 12px; padding: 15px 16px; font: inherit;
  font-size: 15px; font-weight: 700; cursor: pointer;
}
.st-speichern:active { background: var(--fa-cyan-dark); }
.st-speichern:disabled { opacity: .6; cursor: default; }

.st-erfolg {
  background: #e8f6ea; border: 1px solid #bfe3c6; border-radius: 12px;
  padding: 13px 16px; font-size: 13px; color: var(--fa-ok); line-height: 1.5;
}

.st-hinweis { font-size: 11px; color: var(--fa-muted); line-height: 1.55; margin: 10px 2px 14px; }

/* Formularfelder beim Anlegen ------------------------------------------ */
.st-feld { display: block; padding: 11px 0; border-bottom: 1px solid var(--fa-border); }
.st-feld:last-child { border-bottom: 0; }
.st-feld > span { display: block; font-size: 12px; color: var(--fa-muted); margin-bottom: 5px; }
.st-feld > span b { color: var(--fa-error); font-weight: 600; }
.st-feld input, .st-feld select {
  display: block; width: 100%; box-sizing: border-box;
  padding: 11px 13px; font: inherit; font-size: 16px;   /* 16px: iOS zoomt sonst */
  border: 1px solid var(--fa-border); border-radius: 10px;
  background: #fff; color: var(--fa-text);
}
.st-feld input:focus, .st-feld select:focus { outline: 2px solid var(--fa-cyan); outline-offset: -1px; }
.st-feld input:disabled, .st-feld select:disabled { background: #f4f6f8; color: var(--fa-muted); }