#pf-mobile-panels-toggle { display: none; }
@media (max-width: 767px) {
  #pf-mobile-panels-toggle:not([hidden]) {
    display: inline-flex; align-items: center; gap: 8px;
    position: fixed; left: 50%; transform: translateX(-50%); bottom: calc(14px + env(safe-area-inset-bottom, 0px));
    z-index: 1200; min-height: 44px; padding: 10px 16px;
    border-radius: 24px; border: 1px solid var(--border-1, #4f6871);
    background: var(--bg-raised, #18332b); color: var(--text-primary, #fff);
    box-shadow: 0 3px 16px #0005; font: inherit; font-weight: 650;
    cursor: pointer; touch-action: manipulation;
  }
  #pf-mobile-panels-toggle[data-field="true"] { bottom: calc(58px + env(safe-area-inset-bottom, 0px)); }
  .sidebar:not([data-mobile-open="true"]), .field-sidebar:not([data-mobile-open="true"]) { display: none !important; }
  .sidebar[data-mobile-open="true"], .field-sidebar[data-mobile-open="true"] {
    display: flex !important; position: fixed !important; inset: auto 10px calc(70px + env(safe-area-inset-bottom, 0px)) 10px !important;
    width: auto !important; height: auto !important; max-height: 56vh; max-height: 56dvh;
    margin: 0 !important; padding: 12px !important; overflow-y: auto !important;
    z-index: 1100 !important; pointer-events: auto !important;
    background: var(--bg-raised, #18332b) !important; border: 1px solid var(--border-1, #4f6871);
    border-radius: 18px; box-shadow: 0 4px 24px #0005; overscroll-behavior: contain;
  }
  .field-sidebar[data-mobile-open="true"] { bottom: calc(114px + env(safe-area-inset-bottom, 0px)) !important; }
  #field-detail-container, #dashboard-container { height: 100dvh; }
  .field-layout { display: block !important; }
  .field-main { position: absolute !important; inset: 0 !important; width: 100% !important; }
  #sect-dashboard .map-wrapper { left: 0 !important; }
  .main-content { margin-left: 0 !important; min-width: 0; }
  .floating-widgets { pointer-events: none; }
}

@media (max-width: 767px) {
  .field-sidebar[data-mobile-open="true"] { overflow-x: hidden !important; }
  .field-sidebar > * { min-width: 0; max-width: 100%; box-sizing: border-box; }
  .field-sidebar .field-info-panel { padding: 14px; }
  .field-info-panel > div[style*="display: flex"] { flex-wrap: wrap; }
  .field-info-panel #detail-field-name { font-size: 1.25rem !important; }
  .field-info-panel #btn-export-field { margin-left: 0 !important; }
}