/* Portal de clientes: lo que se ve en la app (ficha del cliente → Portal, Ajustes → Portal y el aviso de Hoy) */
.ptl{border:1px solid var(--line);border-radius:var(--r);padding:14px;background:var(--bg-2)}
.ptl-modo{margin:0;display:flex;flex-wrap:wrap;width:100%}
.ptl-modo button{flex:1 1 auto}
.ptl-hint{margin:8px 0 12px}
.ptl-sub{margin:14px 0 8px;font:600 12px Inter,sans-serif;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.ptl-secs .tag[disabled]{opacity:.75;cursor:default}
.ptl-secs label.tag{display:inline-flex;align-items:center;gap:6px}
.ptl-secs label.tag input{accent-color:var(--acento)}
.ptl-us{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface)}
.ptl-u{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid var(--line)}
.ptl-u:last-child{border-bottom:0}
.ptl-u-t{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 220px}
.ptl-u-t b{font-weight:600}
.ptl-u-t span{color:var(--ink-2);font-size:13.5px;overflow-wrap:anywhere}
.ptl-u-t small{color:var(--muted);font-size:12.5px}
.ptl-link{color:var(--acento)!important}
.ptl-est{font-weight:600}
.ptl-est.on{color:var(--ok)}
.ptl-est.pend{color:var(--info)}
.ptl-est.warn{color:var(--warn)}
.ptl-est.off{color:var(--faint)}
.ptl-u-acc{display:flex;flex-wrap:wrap;gap:6px}
.ptl-acc{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.ptl-det{margin:0 0 12px;font-size:14px}
.ptl-det summary{cursor:pointer;color:var(--acento);font-weight:600}
.ptl-pasos{margin:10px 0 0;padding-left:20px;color:var(--ink-2);line-height:1.55}
.ptl-pasos li{margin-bottom:6px}
.ptl-hoy{border-color:color-mix(in srgb,var(--info) 35%,var(--line))}
.ptl-hoy > h2{display:flex;align-items:center;gap:8px}
.ptl-hoy-acc{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
@media (max-width:600px){
  .ptl-u-acc{width:100%}
  .ptl-hoy > h2 [data-ptl-todos]{display:none}
}
/* cobros: lo que informó el cliente desde el portal */
.cf-inf{display:block;font-size:12.5px;color:var(--info);margin-top:2px}
.cob-inf{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin:0 0 14px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--info) 40%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--info) 8%,var(--surface));font-size:14px}
.cob-inf a{color:var(--info)}
.cob-inf-acc{display:flex;gap:6px}
.aviso-cob.aviso-inf{border-color:color-mix(in srgb,var(--info) 40%,var(--line));background:color-mix(in srgb,var(--info) 7%,var(--surface))}
.aviso-cob.aviso-inf b{color:var(--info)}

/* ---------- etapa 2: pedidos del portal (Clientes → Pedidos y la ficha del pedido) ---------- */
.ptl-extra{display:grid;gap:12px;margin-top:12px}
.ptl-extra .ptl-sub:first-child{margin-top:0}
.pp-filtros{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.pp-filtros select{flex:1 1 160px;min-width:0}
.pp-lista{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--surface)}
.pp-fila{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 14px;width:100%;padding:12px 14px;border:0;border-bottom:1px solid var(--line);background:none;color:var(--ink);text-align:left;font:inherit;cursor:pointer}
.pp-fila:last-child{border-bottom:0}
.pp-fila:hover{background:var(--surface-2)}
.pp-fila.nuevo{box-shadow:inset 3px 0 0 var(--acento)}
.pp-t{flex:1 1 240px;min-width:0;display:flex;flex-direction:column;gap:2px}
.pp-t b{display:flex;align-items:center;gap:8px;font-weight:600;overflow-wrap:anywhere}
.pp-t small{color:var(--muted);font-size:13px}
.pp-d{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.pp-d small{color:var(--muted);font-size:12.5px}
.pp-est{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:700;background:var(--surface-3);color:var(--ink-2)}
.pp-est.pe-recibido{background:color-mix(in srgb,var(--info) 14%,transparent);color:var(--info)}
.pp-est.pe-en_curso{background:var(--lime-soft);color:var(--acento)}
.pp-est.pe-esperando{background:color-mix(in srgb,var(--warn) 16%,transparent);color:var(--warn)}
.pp-est.pe-resuelto{background:color-mix(in srgb,var(--ok) 14%,transparent);color:var(--ok)}
.pp-urg{padding:2px 9px;border-radius:999px;font-size:12px;font-weight:700;background:color-mix(in srgb,var(--danger) 13%,transparent);color:var(--danger)}
.pp-urg-t{color:var(--danger)}
.pp-h{margin-bottom:4px;overflow-wrap:anywhere}
.pp-meta{margin:0 0 12px}
.pp-meta a{color:var(--ink-2)}
.pp-seg{display:flex;flex-wrap:wrap;margin:0;width:100%}
.pp-seg button{flex:1 1 auto}
.pp-sinc{margin:6px 0 10px;font-size:12.5px}
.pp-chat{display:flex;flex-direction:column;gap:8px;margin:14px 0;padding:12px;border-radius:var(--r);background:var(--bg-2);border:1px solid var(--line)}
.pp-dia{align-self:center;margin:4px 0 0;font-size:12px;color:var(--faint);font-weight:600}
.pp-ev{align-self:center;margin:0;font-size:12.5px;color:var(--muted)}
.pp-m{max-width:88%;padding:9px 12px;border-radius:14px;border:1px solid var(--line);background:var(--surface)}
.pp-m.yo{align-self:flex-end;background:var(--lime-soft);border-color:color-mix(in srgb,var(--acento) 30%,transparent)}
.pp-m small{display:block;color:var(--muted);font-size:11.5px;margin-bottom:2px}
.pp-m p{margin:0;white-space:pre-line;overflow-wrap:anywhere;font-size:14.5px}
.pp-arch{display:flex;flex-direction:column;gap:4px;margin-top:6px}
.pp-arch a{color:var(--ink);font-size:13.5px;overflow-wrap:anywhere}
.pp-arch small{color:var(--muted)}
.pp-resp textarea{width:100%}
.pp-resp-f{display:flex;align-items:center;gap:10px;margin:6px 0}
.pp-int{margin-top:16px;padding:14px;border-radius:var(--r);border:1px dashed var(--line-3);background:var(--bg-2)}
.pp-int .lbl small{font-weight:400;text-transform:none;letter-spacing:0;color:var(--muted)}
.pp-int > .hint{margin:6px 0}
.pp-pres{margin-top:10px}
.pp-pres summary{cursor:pointer;color:var(--acento);font-weight:600;font-size:14px}
.pp-pres form{margin-top:10px}
.pp-tipos{display:grid;gap:8px}
.row.pp-tipo{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end}
.pp-tipo > .btn{margin-bottom:4px}
@media (max-width:600px){.row.pp-tipo{grid-template-columns:minmax(0,1fr) auto;padding-bottom:10px;border-bottom:1px solid var(--line)}.pp-tipo > label:first-child{grid-column:1/-1}}

/* ---------- etapa 3: documentos, presupuestos online, Mi plan, mails y facturas ---------- */
.pc-cat{margin:10px 0 6px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.pc-doc .pp-t b{gap:8px}
.pc-ext{flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:34px;padding:2px 5px;border-radius:6px;background:var(--surface-3);color:var(--ink-2);font-size:10.5px;font-weight:800;letter-spacing:.02em}
.pc-doc .pp-d .tag{cursor:pointer}
.pc-plan-ls{display:grid;gap:8px}
.pc-plan-ls textarea,.pc-txt-f textarea{width:100%;resize:vertical}
.pc-txt-f{display:grid;gap:6px;padding:10px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg-2)}
.pc-txt-f > .btn{justify-self:start}
.pc-cat-f{grid-template-columns:minmax(0,1fr) auto}
.pc-mails-ls .pp-fila{cursor:default}
.pc-mails-ls .pp-fila:hover{background:none}
#pcMailU{flex:1 1 200px;min-width:0}
.pc-env .pp-t small .ptl-est{margin-right:4px}
.pc-const{margin:0 0 10px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg-2)}
.pc-const p{margin:0 0 4px;overflow-wrap:anywhere}
.pc-const .hint{margin:0}
.pc-const code{font-size:11px;word-break:break-all}
.pc-pasos{display:grid;gap:10px}
.pc-paso{padding:12px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
.pc-paso .lbl{margin:0 0 6px}
.pc-paso .check{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.pc-paso .check input[type=text],.pc-paso .check input:not([type]),.pc-paso .check select{flex:1 1 180px;min-width:0}
.pc-paso > .ptl-est{margin-right:4px}
.pc-cobs{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:6px}
.pc-cobs li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;padding:8px 10px;border-radius:10px;background:var(--bg-2)}
.pc-cobs li span{overflow-wrap:anywhere}
.pc-cobs li small{grid-column:1/-1;color:var(--muted);font-size:12.5px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.pc-fact{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin:0 0 12px;padding:10px 12px;border:1px dashed var(--line-3);border-radius:var(--r);background:var(--bg-2)}
.pc-fact label.btn{cursor:pointer}
.lead-penv{margin:0 0 12px}