.detail-panel { overflow: auto; max-height: 760px; }
.detail-drawer { position: fixed; z-index: 1250; top: 20px; right: 20px; bottom: 20px; width: min(560px, calc(100vw - 40px)); max-height: none; transform: translateX(calc(100% + 34px)); opacity: 0; pointer-events: none; transition: transform .2s ease, opacity .2s ease; background: rgba(5, 12, 10, .96); border-color: rgba(143,216,111,.24); box-shadow: 0 28px 90px rgba(0,0,0,.72), inset 0 1px 0 rgba(255,255,255,.08); backdrop-filter: blur(22px); color: #f4fbf5; }
.detail-drawer.open { transform: translateX(0); opacity: 1; pointer-events: auto; }
.detail-drawer .panel-title h2 { color: #f7fff8; text-shadow: 0 1px 8px rgba(0,0,0,.45); }
.detail-drawer .panel-title span { color: #c0cec6; }
.detail-scrim { position: fixed; z-index: 1240; inset: 0; border: 0; background: rgba(0,0,0,.34); backdrop-filter: blur(2px); cursor: pointer; }
.drawer-summary-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.drawer-summary-grid div { background: rgba(0,0,0,.22); border: 1px solid rgba(255,255,255,.08); border-radius: 8px; padding: 11px; }
.drawer-summary-grid span { color: var(--fb-dark-muted); font-size: 12px; display: block; }
.drawer-summary-grid strong { display: block; font-size: 24px; margin-top: 3px; }
.detail-content { margin-top: 20px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,.1); }
.area-action-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 12px 0 16px; }
.area-action-grid .primary-button, .area-action-grid .ghost-link-button { min-height: 42px; }
.parcel-preview-card { position: relative; margin: 12px 0 16px; padding: 12px; border-radius: 8px; background: rgba(0,0,0,.2); border: 1px solid rgba(255,255,255,.09); }
.parcel-preview-card .panel-title { margin-bottom: 8px; }
.parcel-preview-card h3 { margin: 0 0 2px; }
.map-chip { display: inline-flex; align-items: center; min-height: 28px; border-radius: 999px; padding: 0 10px; background: rgba(232,179,79,.16); border: 1px solid rgba(232,179,79,.24); color: #f0d282 !important; font-size: 11px; font-weight: 800; white-space: nowrap; }
