/* Archivo de predios: estilos aislados de los formularios generales de Causas. */
.pi-root{--pi-bg:#f5f8fc;--pi-panel:#fff;--pi-line:#dbe4ec;--pi-ink:#152c42;--pi-muted:#52697d;--pi-accent:#087c77;--pi-soft:#eaf5f3;--pi-shadow:0 12px 34px #16304a0b;--text:var(--pi-ink);--text-dim:var(--pi-muted);--input-bg:var(--pi-panel);--input-border:var(--pi-line);--input-focus-bg:var(--pi-panel);--panel-solid:var(--pi-panel);font:14px/1.6 Inter,system-ui,sans-serif;color:var(--pi-ink);color-scheme:light}
html:is([data-theme="dark"],[data-theme="oscuro"],[data-theme="azul"]) .pi-root{--pi-bg:#0e1927;--pi-panel:#152437;--pi-line:#30435a;--pi-ink:#eaf2fc;--pi-muted:#aec0d1;--pi-accent:#71e0cc;--pi-soft:#193b40;--pi-shadow:0 12px 34px #0002;color-scheme:dark}
.pi-root button,.pi-root input,.pi-root select,.pi-root textarea,.pi-root select option{background:var(--pi-panel)!important;color:var(--pi-ink)!important;border:1px solid var(--pi-line)!important;border-radius:10px;font:inherit;box-shadow:none!important;min-height:40px}
.pi-root input::placeholder{color:var(--pi-muted)!important;font-size:12px}.pi-root input:focus,.pi-root select:focus{border-color:var(--pi-accent)!important;background:var(--pi-panel)!important;box-shadow:0 0 0 3px var(--pi-soft)!important}
.pi-root button:hover,.pi-root button.selected{background:var(--pi-soft)!important;border-color:var(--pi-accent)!important;color:var(--pi-accent)!important}.pi-root button.pi-primary,.pi-root [data-pi-search-cases],.pi-root [data-pi-confirm-link]{background:var(--pi-accent)!important;color:var(--pi-bg)!important;border-color:var(--pi-accent)!important;font-weight:700}
.pi-root a{color:var(--pi-accent);font-weight:650}.pi-root :focus-visible{outline:3px solid var(--pi-accent);outline-offset:3px}.pi-root h4{font-size:10px;letter-spacing:.07em;color:var(--pi-muted);font-weight:750}.pi-root h3{font:750 23px/1.25 'Space Grotesk',Inter,sans-serif;letter-spacing:-.025em}
#pi-modal{width:min(1370px,96vw);height:min(940px,94dvh);max-height:94dvh;background:var(--pi-bg);border:1px solid var(--pi-line);border-radius:22px;box-shadow:0 34px 120px #061c3655}#pi-modal::backdrop{background:#1028418c;backdrop-filter:blur(5px)}
.pi-modal-head{height:88px;background:var(--pi-panel);padding:18px 26px}.pi-modal-head>div{display:flex;align-items:center;gap:14px}.pi-modal-head h2{font:750 23px/1.2 'Space Grotesk',Inter,sans-serif;letter-spacing:-.04em;margin:2px 0}.pi-modal-head small{font-size:10px;font-weight:750;letter-spacing:.12em;color:var(--pi-muted)}.pi-brand-mark{display:grid;place-items:center;width:44px;height:44px;background:var(--pi-soft);border:1px solid var(--pi-line);border-radius:14px;color:var(--pi-accent)}
.pi-icon{width:20px;height:20px;display:inline-block;vertical-align:middle;flex-shrink:0}.pi-brand-mark .pi-icon{width:25px;height:25px}#pi-body{height:calc(100% - 88px)}.pi-catalog{grid-template-columns:300px minmax(0,1fr)}.pi-catalog>aside{padding:20px 16px;background:var(--pi-panel);gap:10px;border-color:var(--pi-line)}.pi-source-label{font-size:10px;text-transform:uppercase;font-weight:750;letter-spacing:.1em;color:var(--pi-muted)}
.pi-count{display:flex;align-items:center;gap:9px;padding:6px 2px}.pi-count strong{font:750 27px/1 'Space Grotesk',sans-serif;color:var(--pi-ink);margin:0}.pi-count span{color:var(--pi-muted);font-size:11px}.pi-catalog>aside>.pi-note{font-size:11px;border:0;background:transparent;padding:0;margin:0 0 5px}.pi-catalog>aside>.pi-actions{margin:6px 0 0;padding-top:12px;border-top:1px solid var(--pi-line)}.pi-catalog>aside>.pi-actions button{width:100%;font-size:12px}
.pi-item{border-color:transparent!important;border-bottom-color:var(--pi-line)!important;border-radius:10px!important;background:transparent!important;padding:12px!important;gap:4px;margin:4px 0;box-shadow:none}.pi-item.selected{border-color:var(--pi-accent)!important;background:var(--pi-soft)!important}.pi-item strong{font-size:13px;line-height:1.45}.pi-item small,.pi-item span{color:var(--pi-muted);font-size:10px}.pi-item em{color:var(--pi-accent);font-size:10px}
#pi-detail{padding:26px 30px;scrollbar-gutter:stable}.pi-hero{position:relative;background:var(--pi-panel);border:1px solid var(--pi-line);border-top:3px solid var(--pi-accent);border-radius:15px;padding:20px 24px;box-shadow:var(--pi-shadow)}.pi-hero>span{color:var(--pi-muted);font-size:10px;letter-spacing:.035em}.pi-hero>h3{max-width:95%;margin:9px 0}.pi-hero>p{font:12px/1.55 'JetBrains Mono',monospace;color:var(--pi-muted);margin-bottom:0}.pi-kpis{display:flex;flex-wrap:wrap;margin-top:18px;padding-top:14px;border-top:1px solid var(--pi-line);gap:10px 28px}.pi-kpis b{display:flex;gap:8px;align-items:center;font-size:17px;font-weight:750}.pi-kpis small{font-size:10px;color:var(--pi-muted);font-weight:500}.pi-kpis .pi-icon{color:var(--pi-accent);width:17px;height:17px}
.pi-root .pi-note{border:0;background:var(--pi-soft);color:var(--pi-muted);font-size:11px;padding:11px 14px;border-radius:9px;margin:12px 0}.pi-guidance{font-size:11px;color:var(--pi-muted);margin:10px 0 16px}.pi-guidance summary{cursor:pointer;display:flex;align-items:center;gap:6px}.pi-guidance p{padding:10px 12px;background:var(--pi-panel);border:1px solid var(--pi-line);border-radius:9px;margin-top:8px}
.pi-tabs{position:sticky;top:-26px;margin:16px 0;padding:12px 0;gap:6px;background:var(--pi-bg);border-bottom:1px solid var(--pi-line)}.pi-tabs button{display:flex;align-items:center;gap:6px;font-size:11px;padding:8px 10px;min-height:37px;white-space:nowrap}.pi-tabs .pi-icon{width:15px;height:15px}.pi-tabs button.selected{box-shadow:inset 0 -2px 0 var(--pi-accent)!important}
.pi-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.pi-field{background:var(--pi-panel);border:1px solid var(--pi-line);border-radius:12px;padding:17px 18px;margin-bottom:12px;box-shadow:var(--pi-shadow)}.pi-value{font-size:13px;line-height:1.75;padding:3px 0;color:var(--pi-ink)}.pi-provenance{font-size:10px!important;color:var(--pi-muted)!important;margin-top:7px}.pi-field .pi-provenance{display:inline-block;border:1px solid var(--pi-line);border-radius:5px;padding:1px 6px;margin-right:5px;background:var(--pi-bg)}.pi-value .pi-provenance:first-of-type::before{content:'↳ ';color:var(--pi-accent)}
.pi-pane>.pi-field:has(h4:first-child){border-left:3px solid var(--pi-line)}.pi-record{background:var(--pi-panel);border-color:var(--pi-line)}.pi-record>summary{padding:5px 0;font-size:13px}.pi-record[open]>summary{margin-bottom:12px;color:var(--pi-accent)}.pi-root .pi-warnings{background:var(--pi-soft);color:var(--pi-ink);border-color:var(--pi-line);font-size:12px}
.pi-embedded{padding:18px;background:var(--pi-bg);border-color:var(--pi-line);border-radius:16px}.pi-embedded .pi-hero{padding:16px}.pi-embedded .pi-hero h3{font-size:19px}.pi-embedded .pi-kpis{gap:16px}.pi-root.pi-empty{background:var(--pi-panel);color:var(--pi-ink);border:1px solid var(--pi-line);border-radius:16px;padding:32px 24px;margin:10px 0;height:auto;display:block}.pi-empty>.pi-icon{width:34px;height:34px;color:var(--pi-accent);margin-bottom:10px}.pi-empty h3{font-size:18px;margin:6px 0}.pi-empty p{max-width:470px;margin:8px auto 18px;color:var(--pi-muted);font-size:12px}.pi-empty .pi-actions{justify-content:center}
.pi-link-strip{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--pi-line);border-radius:12px;background:var(--pi-panel);margin:14px 0}.pi-link-strip>.pi-icon{color:var(--pi-accent)}.pi-link-strip>div{flex:1}.pi-link-strip strong{display:block;font-size:13px}.pi-link-strip small{color:var(--pi-muted);font-size:11px}.pi-link-strip button,.pi-link-strip a{font-size:11px}
.pi-connection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.pi-connection{background:var(--pi-panel);border:1px solid var(--pi-line);border-radius:15px;padding:22px}.pi-connection>.pi-icon{width:30px;height:30px;color:var(--pi-accent);margin-bottom:15px}.pi-connection h3{font-size:18px}.pi-connection p{font-size:12px;color:var(--pi-muted);line-height:1.65}.pi-connection a{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--pi-line);padding:8px 12px;border-radius:9px;background:var(--pi-soft);font-size:12px}.pi-connection .pi-tags{margin:12px 0}
.pi-case-search{display:flex;gap:8px;margin:15px 0}.pi-case-search input{flex:1;min-width:0}.pi-case-search button{flex-shrink:0;font-size:12px}.pi-case-result{display:flex;justify-content:space-between;align-items:center;gap:14px;border:1px solid var(--pi-line);border-radius:12px;padding:14px;margin:8px 0;background:var(--pi-panel)}.pi-case-result strong{font-size:13px}.pi-case-result small{display:block;color:var(--pi-muted);font-size:11px}.pi-review{padding:20px;border:2px solid var(--pi-accent);border-radius:14px;background:var(--pi-soft);margin:14px 0}.pi-review h3{font-size:18px}.pi-review p{font-size:12px}.pi-root [role="status"]{color:var(--pi-accent);font-size:12px}.pi-table-wrap{border:1px solid var(--pi-line);border-radius:12px}.pi-root th{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--pi-muted)}.pi-root td{background:var(--pi-panel);vertical-align:top}.pi-related{font-size:11px;color:var(--pi-muted);margin-bottom:8px}
/* Preserva el skyline y la navegación; mejora el contraste del texto existente. */
html[data-theme="light"] body>header.glass-strong #headerUser{color:#415a55!important}html[data-theme="dark"] body>header.glass-strong #headerUser{color:#c2d9d3!important}
@media(max-width:700px){.pi-catalog{grid-template-columns:1fr}.pi-catalog>aside{max-height:none;display:grid;grid-template-columns:1fr 1fr;overflow:visible;padding:14px;gap:8px}.pi-catalog>aside>.pi-source-label,.pi-catalog>aside>#pi-source,.pi-count,.pi-catalog>aside>#pi-search,#pi-list,.pi-catalog>aside>.pi-actions{grid-column:1/-1}.pi-catalog>aside>.pi-note{display:none}#pi-list{max-height:150px;min-height:100px}.pi-catalog>aside>.pi-actions{display:flex;flex-wrap:nowrap;margin:0;padding-top:8px}.pi-catalog>aside>.pi-actions button{width:auto;flex:1;font-size:10px}.pi-modal-head{padding:12px 16px;gap:8px}.pi-modal-head h2{font-size:19px}.pi-modal-head small{font-size:8px}.pi-brand-mark{width:36px;height:36px}.pi-modal-head>div{gap:9px}#pi-detail{padding:16px}.pi-tabs{top:0}.pi-hero{padding:16px}.pi-hero h3{font-size:21px}.pi-grid{grid-template-columns:1fr}.pi-link-strip{flex-wrap:wrap}.pi-link-strip>div{min-width:150px}.pi-kpis{gap:12px}.pi-kpis b{font-size:15px}.pi-plan{padding:16px}.pi-connection-grid{grid-template-columns:1fr}.pi-case-result{align-items:flex-start}.pi-case-result button{font-size:11px}}
@media(prefers-reduced-motion:reduce){.pi-root *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Integración con el portal: las solapas previas continúan a la vista. */
#view-loteos .tabs,#view-causas #detailTabs{flex-wrap:wrap;overflow:visible;flex-shrink:0}
#view-loteos .tabs .tab,#view-causas #detailTabs .tab-btn{padding:10px 12px;white-space:nowrap}
.pi-catalog>aside,#pi-detail,.pi-catalog>aside>*{min-width:0}
.pi-root input,.pi-root select{max-width:100%}
@media(max-width:700px){
 .pi-catalog{grid-template-columns:minmax(0,1fr)}
 .pi-catalog>aside{grid-template-columns:repeat(2,minmax(0,1fr))}
 .pi-grid,.pi-connection-grid{grid-template-columns:minmax(0,1fr)}
 .pi-root .pi-count,.pi-kpis b{flex-wrap:wrap}
 .pi-hero,.pi-connection,.pi-record{overflow-wrap:anywhere}
}
