@media (max-width: 800px) {
  .field-map { background:#eef4f6; color:#183044; }
  .field-map>.panel { background:transparent; }
  .field-app-top { position:absolute;z-index:800;top:0;left:0;right:0;height:104px;padding:14px 18px 12px;background:linear-gradient(120deg,#17324f,#087fa9 74%,#39b6d2);color:#fff;box-shadow:0 4px 15px #173a4e25;border-radius:0 0 24px 24px; }
  .field-app-brand { display:flex;align-items:center;gap:9px;font-size:15px;font-weight:800;line-height:1.1; }
  .field-app-brand img { width:38px;height:44px;object-fit:contain; }
  .field-app-brand small { display:block;margin-top:5px;font-size:8px;letter-spacing:1.5px;font-weight:600; }
  .field-app-title { margin-top:9px;font-size:16px;font-weight:800;line-height:1.2; }
  .field-app-subtitle { margin-top:2px;font-size:10px;color:#def1f7; }
  .field-app-top .status-slot { position:absolute;right:13px;top:17px;max-width:104px;text-align:right; }
  .field-app-top #field-location-status { position:static;display:inline-block;background:#ffffff25;color:#fff;border:1px solid #ffffff54;border-radius:11px;padding:6px;font-size:9px;line-height:1.3;box-shadow:none; }
  .field-map .map-tools { left:14px;right:82px;top:115px;gap:8px;z-index:750; }
  .field-map .map-tools .input { flex:1;max-width:none;min-height:47px;border:0;border-radius:13px;font-size:13px;padding:0 14px;box-shadow:0 6px 18px #173a4b27; }
  .field-map .map-tools #measure { width:47px;min-width:47px;min-height:47px;border:0;border-radius:13px;padding:0;font-size:0;box-shadow:0 6px 18px #173a4b27; }
  .field-map .map-tools #measure svg { width:15px;height:15px; }
  .field-map .leaflet-top { top:175px; }
  .field-map .leaflet-bottom { bottom:350px; }
  .field-map .leaflet-control-attribution { margin-bottom:0 !important; transform:translateY(-65px); }
  .field-map .field-controls { z-index:760;right:14px;bottom:calc(306px + env(safe-area-inset-bottom)); }
  .field-map .field-controls #field-account { display:none; }
  .field-map .field-controls #add-pole { width:47px;height:47px;min-height:47px;display:grid;place-items:center;padding:0;border:0;border-radius:15px;color:#087a98;box-shadow:0 5px 18px #143c523b; }
  .field-app-sheet { position:absolute;z-index:800;left:0;right:0;bottom:calc(61px + env(safe-area-inset-bottom));height:232px;padding:10px 16px 13px;background:#f9fbfc;border-radius:24px 24px 0 0;box-shadow:0 -9px 25px #123e521e;overflow:auto;transition:height .2s ease; }
  .field-app-sheet.expanded { height:min(58dvh,490px); }
  .field-app-handle { display:block;width:37px;height:4px;border:0;border-radius:99px;background:#cddce3;margin:0 auto 12px;padding:0;cursor:pointer; }
  .field-app-sheet-head { display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px; }
  .field-app-sheet-head strong { font-size:14px; }
  .field-app-count { border-radius:99px;background:#e1f5f7;color:#087e99;padding:6px 9px;font-size:10px;font-weight:800; }
  .field-app-list { display:grid;gap:8px; }
  .field-app-task { width:100%;display:flex;align-items:center;gap:10px;padding:10px 11px;border:1px solid #e0e9ee;border-radius:13px;background:#fff;color:#1c3547;text-align:left;cursor:pointer; }
  .field-app-dot { width:10px;height:10px;flex:none;border-radius:50%;background:#d72335;box-shadow:0 0 0 3px #fae5e9; }
  .field-app-dot.green { background:#159f7f;box-shadow:0 0 0 3px #e0f6ef; }
  .field-app-dot.blue { background:#2c7dca;box-shadow:0 0 0 3px #e1effb; }
  .field-app-task strong { display:block;font-size:12px; }
  .field-app-task small { display:block;margin-top:2px;font-size:9px;color:#788c99; }
  .field-app-chevron { margin-left:auto;color:#c91f31;font-size:17px;font-weight:800; }
  .field-app-empty { padding:15px;color:#778e9a;font-size:11px;text-align:center; }
  .field-app-nav { position:absolute;z-index:850;bottom:0;left:0;right:0;height:calc(61px + env(safe-area-inset-bottom));display:flex;justify-content:space-around;background:#fff;border-top:1px solid #e2eaee;padding-bottom:env(safe-area-inset-bottom); }
  .field-app-nav button { flex:1;border:0;background:transparent;color:#8298a5;font:700 10px Manrope,'Segoe UI',sans-serif;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px; }
  .field-app-nav button.active { color:#087e9f; }
  .field-app-nav button span { font-size:21px;line-height:1; }
  .field-map .field-empty { top:180px; }
  .field-map #measure-info { bottom:305px; }
  .field-map .leaflet-bottom { bottom:300px; }
}

@media (max-width: 800px) {
  html.field-app-active, body.field-app-active { background:#dff2f5; }
  .field-app-sheet { bottom:61px; background:linear-gradient(180deg,#f2fbfc,#e5f5f7); }
  .field-app-sheet.expanded { height:58vh; height:min(58dvh,490px); }
  .field-app-sheet.collapsed { height:72px; overflow:hidden; }
  .field-app-sheet.collapsed .field-app-list { display:none; }
  .field-app-sheet-head { width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer; }
  .field-app-nav { bottom:0;height:61px;padding-bottom:0;background:linear-gradient(110deg,#e7f7f8,#cceef2);border-top:1px solid #a6dce5; }
  .field-app-nav button { color:#456f7e; }
  .field-app-nav button.active { color:#086d8d; }
  .field-map.field-sheet-collapsed .field-controls { bottom:145px; }
  .field-map.field-sheet-collapsed .leaflet-bottom { bottom:140px; }
  .field-map .leaflet-left .field-controls { position:relative;left:auto;right:auto;top:auto;bottom:auto;float:left;clear:both;margin:10px 0 0 10px;width:47px; }
  .field-map.field-sheet-collapsed .leaflet-left .field-controls { bottom:auto; }
  .field-map .leaflet-control-attribution { font-size:9px; }
}

@media (max-width: 800px) {
  /* Harita kontrolleri: koyu mavi ve turkuaz, sabit dokunma alanı. */
  .field-map .korfezim-map .leaflet-control-zoom { border:0;background:transparent;box-shadow:none; }
  .field-map .korfezim-map .leaflet-control-zoom a,
  .field-map .korfezim-map .map-fullscreen-control button,
  .field-map .korfezim-map .map-icon-button,
  .field-map .korfezim-map .leaflet-control-layers-toggle { width:44px;height:44px;min-width:44px;min-height:44px;display:grid;place-items:center;box-sizing:border-box;border:0;border-radius:13px;background:linear-gradient(145deg,#173b56,#0b829f)!important;color:#fff;box-shadow:0 5px 17px #123d5570;font-family:Manrope,'Segoe UI',sans-serif;line-height:1; }
  .field-map .korfezim-map .leaflet-control-zoom a + a { margin-top:5px; }
  .field-map .korfezim-map .map-fullscreen-control { border:0;background:transparent;box-shadow:none; }
  .field-map .korfezim-map .map-fullscreen-control button { font-size:0;cursor:pointer; }
  .field-map .korfezim-map .map-fullscreen-control button::before { content:'';width:20px;height:20px;background:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M8 3H3v5m13-5h5v5M3 16v5h5m13-5v5h-5"/%3E%3C/svg%3E') center/contain no-repeat; }
  .field-map .korfezim-map .map-icon-button svg,
  .field-map .korfezim-map .leaflet-control-layers-toggle svg { width:20px;height:20px; }
  .field-map .korfezim-map .map-location-control,
  .field-map .korfezim-map .leaflet-control-layers { border:0;box-shadow:none;background:transparent; }
  .field-map .leaflet-left .field-controls { margin-top:10px; }
  .field-map .field-controls #add-pole { width:44px;height:44px;min-width:44px;min-height:44px;border:2px solid #0e93aa;border-radius:13px;background:#e4f8fa;color:#086d8b;box-shadow:0 5px 17px #123d5530; }
  .field-map .field-controls #add-pole svg { width:23px;height:23px; }
  .field-map .map-tools .input#map-search { border:0;border-radius:15px;background:#e6f8fa;color:#214c5d;box-shadow:0 5px 17px #123d5530; }
  .field-map .map-tools .input#map-search::placeholder { color:#3d7282;opacity:1; }
  .field-map .korfezim-map .leaflet-control-zoom a:focus-visible,
  .field-map .korfezim-map .map-fullscreen-control button:focus-visible,
  .field-map .korfezim-map .map-icon-button:focus-visible,
  .field-map .korfezim-map .leaflet-control-layers-toggle:focus-visible,
  .field-map .field-controls #add-pole:focus-visible { outline:3px solid #e31a32;outline-offset:2px; }
}