/* Una página desplazable: sustituye el encuadre fijo anterior por petición del 30/10. */
#installationFlowDialog,#fieldAttentionDialog { overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; }
#installationFlowDialog form,#fieldAttentionDialog form { height:auto; max-height:none; overflow:visible; }
#installationFlowDialog .installation-flow-body,#fieldAttentionDialog .field-attention-body { flex:none; overflow:visible; }
:is(#installationFlowDialog,#fieldAttentionDialog) .dialog-heading,:is(#installationFlowDialog,#fieldAttentionDialog) .dialog-actions { position:static; }
.field-brand-logo { display:block; width:128px; height:36px; object-fit:contain; padding:4px 7px; border-radius:6px; background:#fff; margin-bottom:8px; }
:is(#installationFlowDialog,#fieldAttentionDialog) :is(h2,h3,label,legend,dt,dd,summary) { color:#f6f8ff; }
:is(#installationFlowDialog,#fieldAttentionDialog) :is(p,small) { color:#dce6f8; }
:is(#installationFlowDialog,#fieldAttentionDialog) :is(input:not([type=checkbox]),select,textarea) { min-width:0; width:100%; background:#303d52; color:#fff; border:1px solid #a4b5d0; border-radius:7px; padding:10px; font:inherit; font-size:14px; color-scheme:dark; opacity:1; -webkit-text-fill-color:currentColor; }
:is(#installationFlowDialog,#fieldAttentionDialog) :is(input,textarea)::placeholder { color:#d0ddf0; opacity:1; }
:is(#installationFlowDialog,#fieldAttentionDialog) :is(input,select,textarea):disabled { color:#eef4ff; background:#343f52; opacity:1; }
:is(#installationFlowDialog,#fieldAttentionDialog) select option { color:#fff; background:#2d3b51; }
.attention-report { display:grid; gap:14px; }.attention-report>label { display:grid; gap:7px; }
.attention-reasons { border:1px solid #9aacca; border-radius:8px; padding:12px; min-width:0; margin:0; }
.attention-reason { padding:9px 0; border-bottom:1px solid #677b9a; }
.attention-reason>label { display:flex!important; align-items:center; gap:9px; font-size:13px!important; }
.attention-reason input[type=checkbox] { width:21px!important; height:21px; flex:0 0 21px; accent-color:#7bafea; }
.attention-reason-detail { display:grid; gap:8px; padding:9px 0 0 30px; }
.attention-contact { display:grid; grid-template-columns:1fr 1fr; gap:9px; padding:12px; margin:8px 0; border:1px solid #899dba; border-radius:8px; background:#263247; }
.attention-contact label { display:grid; gap:5px; }.attention-contact label:last-of-type { grid-column:1/-1; }
.field-upload-progress { display:flex; gap:12px; align-items:center; padding:12px 0; }
.field-upload-progress progress { flex:1; height:18px; accent-color:#79b7ff; min-width:80px; }
.field-upload-progress span { color:#f4f8ff; font-size:12px; min-width:100px; }
.field-evidence-actions>label { flex:1 1 240px; }
.field-evidence-actions>input[type=file] { display:none!important; }
.attention-report [hidden],.field-upload-progress[hidden],.attention-reason-detail[hidden] { display:none!important; }
@media(max-width:760px){
 body,body:is(.inventory-workspace-active,.administration-workspace-active,.terrain-workspace-active) { height:auto!important; min-height:100dvh; overflow-y:auto!important; }
 .app-shell:is(.inventory-workspace-active,.administration-workspace-active),.app-shell { height:auto!important; min-height:100dvh; overflow:visible!important; }
 .app-shell .main-column,.app-shell .main-column>.content { height:auto!important; max-height:none!important; min-height:0; overflow:visible!important; }
 .app-shell.inventory-workspace-active :is(#parkView,#mapView),.app-shell.administration-workspace-active #maintenanceView { height:auto!important; overflow:visible!important; flex:none!important; }
 .app-shell.inventory-workspace-active #parkView .table-panel { height:auto!important; flex:none!important; }
 .app-shell #inventoryTableWrap { height:auto!important; max-height:none!important; flex:none!important; overflow-x:auto!important; }
 .app-shell .inventory-table { font-size:10px; }.app-shell .inventory-table td { padding:5px 6px; font-size:10px; line-height:1.25; }
 .app-shell .inventory-table :is(th,td):nth-child(1),.app-shell .inventory-table :is(th,td):nth-child(2) { position:static!important; left:auto!important; z-index:auto!important; }
 .app-shell .inventory-table :is(.table-primary,.table-meter,.table-location-product) { font-size:10px!important; }
 .app-shell #parkTreeTab,.app-shell #parkTreeView { display:none!important; }
 .app-shell.inventory-workspace-active #mapView .map-canvas-panel { height:auto!important; overflow:visible; grid-template-rows:auto minmax(520px,75dvh) auto; }
 .app-shell #inventoryMap { height:75dvh!important; min-height:520px!important; }
 #detailDialog { width:100vw; max-width:100vw; height:100dvh; max-height:100dvh; margin:0; padding:0; overflow-y:auto!important; }
 #detailDialog[open] { display:block!important; }
 #detailDialog .detail-heading { min-width:0; grid-template-columns:minmax(0,1fr) 32px!important; }
 #detailDialog .detail-header-summary { min-width:0; grid-template-columns:minmax(0,1fr)!important; }
 #detailDialog :is(.detail-heading-copy,.detail-header-summary,.detail-summary) { max-width:100%; min-width:0; }
 #detailDialog .detail-layout { display:flex!important; flex-direction:column; height:auto!important; overflow:visible!important; max-height:none!important; }
 #detailDialog :is(.detail-data-column,.detail-context-map,.detail-sections) { height:auto!important; max-height:none!important; flex:none!important; width:100%!important; overflow:visible!important; }
 #detailDialog .detail-map { height:65dvh!important; min-height:430px!important; }
 #detailDialog .detail-heading,#detailDialog .dialog-actions { position:static!important; }
 #installationFlowDialog.terrain-execution,#fieldAttentionDialog { height:100dvh; max-height:100dvh; overflow-y:auto; }
 #installationFlowDialog.terrain-execution form,#fieldAttentionDialog form { height:auto; max-height:none; overflow:visible; }
 #installationFlowDialog.terrain-execution .installation-flow-body,#fieldAttentionDialog .field-attention-body { overflow:visible; }
 #installationFlowDialog.terrain-execution :is(input:not([type=checkbox]),select,textarea),#fieldAttentionDialog :is(input:not([type=checkbox]),select,textarea) { font-size:16px; }
 .attention-contact { grid-template-columns:1fr; }.attention-contact label:last-of-type { grid-column:auto; }
 #installationFlowDialog .installation-flow-map { height:65dvh; min-height:440px; }
 .terrain-workspace-active .header-brand { display:flex; }.terrain-workspace-active .header-brand .brand-copy { display:none; }.terrain-workspace-active .header-brand .brand-logo { max-height:36px; width:auto; }
}
