/* ═══════════════════════════════════════════════════════════════════
   EA Ocupación de Tuberías — Estilos
   Archivo: wp-content/plugins/ea-conduit-fill-nec/public/css/conduit-fill.css
   Mismo sistema visual de ea-ampacity-nec (navy + ámbar), prefijo eacf-
   ═══════════════════════════════════════════════════════════════════ */
.eacf-root,.eacf-theme-light{--eacf-bg:#fff;--eacf-card:#f8fafc;--eacf-input:#fff;--eacf-accent:#f59e0b;--eacf-accent-dk:#b45309;--eacf-accent-bg:rgba(245,158,11,.09);--eacf-text:#1e293b;--eacf-text2:#475569;--eacf-muted:#64748b;--eacf-border:#e2e8f0;--eacf-green:#059669;--eacf-green-bg:rgba(16,185,129,.08);--eacf-red:#dc2626;--eacf-red-bg:rgba(239,68,68,.08);--eacf-blue:#1d4ed8;--eacf-blue-bg:rgba(37,99,235,.07);--eacf-header:linear-gradient(135deg,#0c2742,#0e3a5c);--eacf-pipe:#cbd5e1;--eacf-pipe-in:#f1f5f9}
.eacf-theme-dark{--eacf-bg:#0a1628;--eacf-card:#111d35;--eacf-input:#1a2744;--eacf-accent-bg:rgba(245,158,11,.12);--eacf-accent-dk:#fbbf24;--eacf-text:#e2e8f0;--eacf-text2:#a3b1c6;--eacf-muted:#7b8aa3;--eacf-border:#1e3154;--eacf-green:#34d399;--eacf-green-bg:rgba(16,185,129,.12);--eacf-red:#f87171;--eacf-red-bg:rgba(239,68,68,.13);--eacf-blue:#93c5fd;--eacf-blue-bg:rgba(59,130,246,.13);--eacf-pipe:#475569;--eacf-pipe-in:#0f1d33}

.eacf-root .eacf-calc,.eacf-root .eacf-calc *{box-sizing:border-box}
.eacf-root .eacf-calc{font-family:'Space Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-size:14px;line-height:1.55;color:var(--eacf-text);background:var(--eacf-bg);border:1px solid var(--eacf-border);border-radius:16px;overflow:hidden;max-width:1040px;margin:0 auto 30px}
.eacf-root .eacf-calc h2,.eacf-root .eacf-calc h3,.eacf-root .eacf-calc h4{margin:0!important;padding:0!important;border:0!important;color:inherit!important;font-family:inherit!important;line-height:1.3!important}
.eacf-root .eacf-calc p{margin:0}
.eacf-root .eacf-calc button{font-family:inherit}
.eacf-root .eacf-calc :focus-visible{outline:2px solid var(--eacf-accent);outline-offset:2px}

/* Header */
.eacf-header{background:var(--eacf-header);padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.eacf-header-left{display:flex;align-items:center;gap:12px;min-width:0}
.eacf-header-icon{width:38px;height:38px;flex:0 0 38px}
.eacf-root .eacf-calc .eacf-title{font-size:17px!important;font-weight:700;color:#f59e0b!important}
.eacf-subtitle{font-size:11.5px;color:rgba(255,255,255,.65)}
.eacf-header-actions{display:flex;gap:4px;flex-wrap:wrap}
.eacf-hbtn{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);color:rgba(255,255,255,.8);height:32px;padding:0 10px;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600}
.eacf-hbtn:hover{background:rgba(255,255,255,.2);color:#fff}

/* Plan bar */
.eacf-planbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 16px;background:var(--eacf-card);border-bottom:1px solid var(--eacf-border);font-size:12.5px;color:var(--eacf-text2)}
.eacf-planbar:empty{display:none}
.eacf-badge{font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--eacf-accent-bg);color:var(--eacf-accent-dk)}
.eacf-badge-pro{background:var(--eacf-green-bg);color:var(--eacf-green)}
.eacf-planbar a{color:var(--eacf-accent-dk);font-weight:700;text-decoration:none;margin-left:auto}
.eacf-low{color:var(--eacf-red);font-weight:600}

/* Tabs de modo */
.eacf-tabs{display:flex;gap:6px;padding:14px 16px 0}
.eacf-tab{flex:1;padding:10px 12px;border:1px solid var(--eacf-border);background:var(--eacf-card);color:var(--eacf-text2);border-radius:10px;cursor:pointer;font-weight:700;font-size:13px;text-align:left;line-height:1.3}
.eacf-tab small{display:block;font-weight:500;font-size:11.5px;color:var(--eacf-muted);margin-top:2px}
.eacf-tab[aria-selected="true"]{border-color:var(--eacf-accent);background:var(--eacf-accent-bg);color:var(--eacf-text);box-shadow:inset 0 -3px 0 var(--eacf-accent)}

.eacf-body{padding:14px 16px;display:flex;flex-direction:column;gap:12px}

/* Secciones */
.eacf-section{border:1px solid var(--eacf-border);border-radius:12px;background:var(--eacf-card);overflow:hidden}
.eacf-section-h{display:flex;align-items:center;gap:8px;width:100%;padding:11px 14px;background:var(--eacf-accent-bg);border:0;border-bottom:1px solid var(--eacf-border);cursor:pointer;text-align:left;color:var(--eacf-text)}
.eacf-root .eacf-calc .eacf-section-t{font-size:14px!important;font-weight:700;color:var(--eacf-accent-dk)!important;flex:1}
.eacf-section-n{font-size:11.5px;color:var(--eacf-muted);font-weight:600}
.eacf-caret{transition:transform .2s;color:var(--eacf-muted);font-size:12px}
.eacf-section.is-collapsed .eacf-caret{transform:rotate(-90deg)}
.eacf-section.is-collapsed .eacf-section-b{display:none}
.eacf-section-b{padding:14px;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.eacf-full{grid-column:1/-1}
.eacf-section[data-sec="pipe"] .eacf-section-b{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.eacf-suffix{position:relative}
.eacf-root .eacf-calc .eacf-suffix input{padding-right:64px}
.eacf-suffix span{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:12px;color:var(--eacf-muted);pointer-events:none}
.eacf-egc-btn{margin-top:6px;align-self:flex-start}

/* Campos */
.eacf-field{display:flex;flex-direction:column;gap:4px;min-width:0}
.eacf-field>label,.eacf-lbl{font-size:12px;font-weight:600;color:var(--eacf-text2);display:flex;align-items:center;gap:5px}
.eacf-root .eacf-calc select,.eacf-root .eacf-calc input[type=number],.eacf-root .eacf-calc input[type=text]{width:100%;min-width:0;padding:8px 10px;border:1px solid var(--eacf-border);border-radius:8px;background:var(--eacf-input);color:var(--eacf-text);font-size:13.5px;font-family:inherit;height:38px;margin:0}
.eacf-root .eacf-calc select:focus,.eacf-root .eacf-calc input:focus{border-color:var(--eacf-accent);outline:none;box-shadow:0 0 0 3px var(--eacf-accent-bg)}
.eacf-hint{font-size:11.5px;color:var(--eacf-muted);line-height:1.4}
.eacf-tip{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:var(--eacf-accent-bg);color:var(--eacf-accent-dk);font-size:10px;font-weight:700;cursor:help;position:relative;flex:0 0 16px}
.eacf-tip:hover::after,.eacf-tip:focus::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);width:250px;background:#1e293b;color:#fff;padding:7px 10px;border-radius:8px;font-size:11.5px;font-weight:400;line-height:1.4;z-index:50;white-space:normal}
.eacf-check{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--eacf-text);cursor:pointer;padding:8px 10px;border:1px solid var(--eacf-border);border-radius:8px;background:var(--eacf-input)}
.eacf-check input{margin:3px 0 0;accent-color:#f59e0b}
.eacf-inline{display:flex;gap:0}
.eacf-root .eacf-calc .eacf-inline input{flex:1 1 auto;min-width:0;width:auto}
.eacf-root .eacf-calc .eacf-inline select{flex:0 0 68px}
.eacf-inline input{border-top-right-radius:0!important;border-bottom-right-radius:0!important}
.eacf-inline select{width:auto!important;min-width:64px;border-left:2px solid var(--eacf-accent)!important;border-top-left-radius:0!important;border-bottom-left-radius:0!important;font-weight:700;color:var(--eacf-accent-dk)!important;background:var(--eacf-accent-bg)!important}

/* Filas de conductores */
.eacf-rows{grid-column:1/-1;display:flex;flex-direction:column;gap:8px}
.eacf-row{display:grid;grid-template-columns:10px minmax(150px,2.2fr) minmax(96px,1fr) 118px minmax(170px,1.4fr) 34px;gap:8px;align-items:end;padding:10px;border:1px solid var(--eacf-border);border-radius:10px;background:var(--eacf-bg)}
.eacf-row-od{grid-template-columns:10px minmax(130px,1.6fr) minmax(130px,1.3fr) 118px minmax(110px,.9fr) 34px}
.eacf-swatch{width:10px;align-self:stretch;border-radius:4px;background:#1f2937}
.eacf-stepper{display:flex;height:38px;border:1px solid var(--eacf-border);border-radius:8px;overflow:hidden;background:var(--eacf-input)}
.eacf-stepper button{width:32px;border:0;background:var(--eacf-card);color:var(--eacf-text);font-size:16px;font-weight:700;cursor:pointer}
.eacf-stepper input{border:0!important;border-radius:0!important;text-align:center;height:36px!important;padding:0!important;box-shadow:none!important;-moz-appearance:textfield}
.eacf-stepper input::-webkit-inner-spin-button,.eacf-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.eacf-seg{display:flex;height:38px;border:1px solid var(--eacf-border);border-radius:8px;overflow:hidden}
.eacf-seg button{flex:1;border:0;border-right:1px solid var(--eacf-border);background:var(--eacf-input);color:var(--eacf-text2);font-size:12px;font-weight:600;cursor:pointer;padding:0 6px}
.eacf-seg button:last-child{border-right:0}
.eacf-seg button[aria-pressed="true"]{background:var(--eacf-accent-bg);color:var(--eacf-accent-dk);box-shadow:inset 0 -2px 0 var(--eacf-accent)}
.eacf-del{height:38px;width:34px;border:1px solid var(--eacf-border);border-radius:8px;background:transparent;color:var(--eacf-muted);cursor:pointer;font-size:15px}
.eacf-del:hover{color:var(--eacf-red);border-color:var(--eacf-red)}
.eacf-add{grid-column:1/-1;display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.eacf-chip{border:1px dashed var(--eacf-accent);background:transparent;color:var(--eacf-accent-dk);border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:700;cursor:pointer}
.eacf-chip:hover{background:var(--eacf-accent-bg)}
.eacf-chip-solid{border-style:solid;background:var(--eacf-accent-bg)}
.eacf-add-sep{width:1px;height:22px;background:var(--eacf-border);margin:0 4px}
.eacf-empty{grid-column:1/-1;padding:18px;text-align:center;color:var(--eacf-muted);border:1px dashed var(--eacf-border);border-radius:10px}
.eacf-summary{grid-column:1/-1;font-size:12.5px;color:var(--eacf-text2)}
.eacf-summary strong{color:var(--eacf-text)}

/* Botón calcular */
.eacf-cta{display:flex;justify-content:center;padding:4px 16px 16px}
.eacf-root .eacf-calc .eacf-calc-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 34px;background:linear-gradient(135deg,#f59e0b,#d97706)!important;color:#fff!important;border:0;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 2px 10px rgba(245,158,11,.3)}
.eacf-calc-btn:hover{transform:translateY(-1px)}
.eacf-calc-btn[disabled]{opacity:.55;cursor:wait;transform:none}
.eacf-error{margin:0 16px 12px;padding:10px 12px;border-radius:8px;background:var(--eacf-red-bg);color:var(--eacf-red);font-size:13px;font-weight:600}
.eacf-error:empty{display:none}

/* Resultados */
.eacf-results{margin:0 16px 16px;border:1px solid var(--eacf-border);border-radius:12px;overflow:hidden;background:var(--eacf-card)}
.eacf-results:empty{display:none}
.eacf-stale{padding:9px 14px;background:var(--eacf-accent-bg);color:var(--eacf-accent-dk);font-size:12.5px;font-weight:700;border-bottom:1px solid var(--eacf-border)}
.eacf-results.is-stale .eacf-res-inner{opacity:.55}
.eacf-verdict{display:grid;grid-template-columns:minmax(220px,300px) 1fr;gap:18px;padding:18px;align-items:center;border-bottom:1px solid var(--eacf-border)}
.eacf-verdict.ok{background:var(--eacf-green-bg)}
.eacf-verdict.bad{background:var(--eacf-red-bg)}
.eacf-pipe svg{width:100%;height:auto;display:block;max-width:300px;margin:0 auto}
.eacf-pipe-note{font-size:11px;color:var(--eacf-muted);text-align:center;margin-top:4px}
.eacf-v-label{font-size:13px;font-weight:700}
.ok .eacf-v-label{color:var(--eacf-green)}
.bad .eacf-v-label{color:var(--eacf-red)}
.eacf-v-num{font-size:44px;font-weight:800;line-height:1;margin:6px 0 2px;letter-spacing:-1px;font-variant-numeric:tabular-nums}
.eacf-v-num small{font-size:16px;font-weight:600;color:var(--eacf-text2);letter-spacing:0}
.eacf-v-sub{font-size:13px;color:var(--eacf-text2)}
.eacf-gauge{position:relative;height:12px;border-radius:999px;background:var(--eacf-border);margin:12px 0 4px;overflow:visible}
.eacf-gauge-fill{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:var(--eacf-green)}
.bad .eacf-gauge-fill{background:var(--eacf-red)}
.eacf-gauge-mark{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--eacf-text)}
.eacf-gauge-scale{display:flex;justify-content:space-between;font-size:11px;color:var(--eacf-muted)}
.eacf-legend{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;font-size:12px;color:var(--eacf-text2)}
.eacf-legend i{display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:4px;vertical-align:-1px;border:1px solid rgba(0,0,0,.25)}
.eacf-suggest{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px;padding:10px 12px;border-radius:8px;background:var(--eacf-bg);border:1px solid var(--eacf-border);border-left:4px solid var(--eacf-blue);font-size:13px}
.eacf-apply{border:0;border-radius:7px;padding:7px 14px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-weight:700;cursor:pointer;font-size:12.5px}

.eacf-res-body{padding:16px;display:flex;flex-direction:column;gap:16px}
.eacf-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}
.eacf-card{background:var(--eacf-bg);border:1px solid var(--eacf-border);border-radius:10px;padding:10px 12px}
.eacf-card-l{font-size:11.5px;color:var(--eacf-text2);font-weight:600}
.eacf-card-v{font-size:19px;font-weight:800;color:var(--eacf-text);font-variant-numeric:tabular-nums;line-height:1.25}
.eacf-card-d{font-size:11px;color:var(--eacf-muted)}
.eacf-h{font-size:13.5px;font-weight:700;color:var(--eacf-text);padding-bottom:6px;border-bottom:2px solid var(--eacf-accent);display:flex;gap:6px;align-items:center}
.eacf-table-wrap{overflow-x:auto;border:1px solid var(--eacf-border);border-radius:10px}
.eacf-table{width:100%;border-collapse:collapse;font-size:12.5px;font-variant-numeric:tabular-nums;background:var(--eacf-bg)}
.eacf-table th,.eacf-table td{padding:7px 10px;text-align:left;border-bottom:1px solid var(--eacf-border);white-space:nowrap}
.eacf-table th{font-size:11.5px;color:var(--eacf-text2);background:var(--eacf-card);font-weight:700}
.eacf-table tr:last-child td{border-bottom:0}
.eacf-table tr.is-hit td{background:var(--eacf-green-bg);font-weight:700}
.eacf-table tr.is-sel td{background:var(--eacf-accent-bg)}
.eacf-table tr.is-sel td:first-child{box-shadow:inset 3px 0 0 var(--eacf-accent);font-weight:700}
.eacf-table td.num,.eacf-table th.num{text-align:right}
.eacf-table button{border:1px solid var(--eacf-border);background:var(--eacf-card);color:var(--eacf-text);border-radius:6px;padding:3px 8px;font-size:11.5px;cursor:pointer}
.eacf-msgs{display:flex;flex-direction:column;gap:6px}
.eacf-msg{padding:9px 12px;border-radius:8px;font-size:12.5px;line-height:1.5;color:var(--eacf-text2);border-left:3px solid}
.eacf-msg strong{color:var(--eacf-text)}
.eacf-msg-ok{background:var(--eacf-green-bg);border-color:var(--eacf-green)}
.eacf-msg-warn{background:var(--eacf-accent-bg);border-color:var(--eacf-accent)}
.eacf-msg-err{background:var(--eacf-red-bg);border-color:var(--eacf-red)}
.eacf-msg-info{background:var(--eacf-blue-bg);border-color:var(--eacf-blue)}
.eacf-ref{display:inline-block;padding:0 6px;margin-left:4px;border-radius:4px;background:var(--eacf-blue-bg);color:var(--eacf-blue);font-size:10.5px;font-weight:700;white-space:nowrap}
.eacf-steps{display:flex;flex-direction:column;gap:8px}
.eacf-step{padding:10px 12px;background:var(--eacf-bg);border-left:3px solid var(--eacf-accent);border-radius:6px;font-size:12.5px;color:var(--eacf-text2)}
.eacf-step b{color:var(--eacf-text)}
.eacf-step code{background:var(--eacf-accent-bg);color:var(--eacf-accent-dk);padding:1px 5px;border-radius:4px;font-size:12px;font-family:Menlo,Consolas,monospace}
.eacf-details summary{cursor:pointer;font-weight:700;font-size:13.5px;color:var(--eacf-text);padding:4px 0}
.eacf-max-q{display:flex;gap:10px;align-items:end;flex-wrap:wrap}
.eacf-max-q .eacf-field{width:180px}

.eacf-disclaimer{margin:0 16px 16px;padding:10px 14px;border-radius:10px;background:var(--eacf-accent-bg);font-size:11.5px;color:var(--eacf-text2);line-height:1.5}

/* Paywall */
.eacf-paywall{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(10,22,40,.6);font-family:'Space Grotesk',-apple-system,'Segoe UI',Roboto,sans-serif}
.eacf-paywall-d{background:#fff;color:#1e293b;border-radius:16px;max-width:420px;width:100%;padding:26px 24px;text-align:center;box-shadow:0 20px 50px rgba(0,0,0,.3)}
.eacf-paywall-d h3{font-size:19px;margin:0 0 8px;color:#0c2742}
.eacf-paywall-d p{font-size:14px;color:#475569;margin:0 0 18px;line-height:1.5}
.eacf-paywall-cta{display:block;padding:12px;border-radius:10px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff!important;font-weight:700;text-decoration:none!important;margin-bottom:8px}
.eacf-paywall-sec{display:block;font-size:13px;color:#b45309!important;font-weight:700;margin:6px 0 10px;text-decoration:none!important}
.eacf-paywall-close{border:0;background:transparent;color:#64748b;cursor:pointer;font-size:13px}

@media (max-width:760px){
	.eacf-row,.eacf-row-od{grid-template-columns:1fr 1fr;align-items:end;position:relative;border-left:5px solid var(--eacf-sw,#1f2937);padding-right:48px}
	.eacf-row>.eacf-swatch{display:none}
	.eacf-row .eacf-f-type,.eacf-row .eacf-f-role,.eacf-row .eacf-f-od{grid-column:1/-1}
	.eacf-del{position:absolute;top:8px;right:8px}
	.eacf-section-b{grid-template-columns:1fr}
	.eacf-section[data-sec="pipe"] .eacf-section-b{grid-template-columns:1fr}
	.eacf-header-actions{width:100%}
	.eacf-hbtn{flex:1}
	.eacf-add-sep{display:none}
	.eacf-verdict{grid-template-columns:1fr}
	.eacf-tabs{flex-direction:column}
	.eacf-v-num{font-size:38px}
}
@media (prefers-reduced-motion:reduce){.eacf-root *{transition:none!important}}
@media print{
	.eacf-header-actions,.eacf-tabs,.eacf-cta,.eacf-planbar,.eacf-add,.eacf-del,.eacf-apply,.eacf-stale{display:none!important}
	.eacf-section.is-collapsed .eacf-section-b{display:grid}
	.eacf-root .eacf-calc{border:0}
	.eacf-results{break-inside:avoid}
}
