/* Historial de trabajos del piscinero (prefijo .hs): filtros, seis indicadores, lista, resumen del trabajo, análisis, fotos y línea de tiempo.
   El diseño se adapta al ancho del propio panel (container queries), no al de la ventana. En ancho angosto se ve la lista o el resumen del trabajo. */
.hs{--navy:#0b1f4d;--text:#33425c;--muted:#6b7a95;--line:#e4ecf7;--blue:#1665f2;--blue-soft:#eaf3ff;--card:#fff;--field:#fff;--head:#f5f8fc;--sel:#eef5ff;--shadow:0 6px 22px rgba(15,40,90,.07);
 --ok:#13874b;--ok-bg:#dff5e8;--warn:#b86e00;--warn-bg:#fff1d6;--bad:#c62828;--bad-bg:#fde4e4;--info:#1559c9;--info-bg:#e6f0ff;--mute-bg:#eef2f7;
 container:hs/inline-size;display:grid;gap:14px;min-width:0;color:var(--text)}
.hs *{box-sizing:border-box}
.hs .ps-ico{width:18px;height:18px}
.hs-card{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);min-width:0;padding:14px;container:hc/inline-size}
.hs-chead{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;margin-bottom:10px;min-width:0}
.hs .hs-chead h2{display:flex;align-items:center;gap:8px;margin:0;font-size:16px;line-height:1.2;color:var(--navy)}
.hs-hico{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--blue-soft);color:var(--blue);flex:none}.hs-hico .ps-ico{width:17px;height:17px}
.hs-muted{color:var(--muted);font-size:12.5px;margin:0}
.hs-link{display:inline-flex;align-items:center;gap:5px;border:0;background:none;padding:0;color:var(--blue);font:inherit;font-size:13px;font-weight:700;cursor:pointer}.hs-link .ps-ico{width:15px;height:15px}.hs-link:hover{text-decoration:underline}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Exportar */
.hs-top{display:flex;justify-content:flex-end;min-width:0}
.hs-export{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border:1px solid #c7dafc;border-radius:11px;background:var(--card);color:var(--blue);font:inherit;font-size:13.5px;font-weight:800;cursor:pointer;box-shadow:var(--shadow)}
.hs-export:hover{background:var(--blue-soft)}

/* Filtros */
.hs-filters{display:grid;gap:8px;min-width:0}
.hs-fgrid{display:grid;grid-template-columns:minmax(0,1.45fr) repeat(4,minmax(0,1fr)) 112px;gap:10px}
.hs-field{position:relative;display:flex;align-items:center;gap:7px;height:42px;padding:0 8px 0 10px;border:1px solid var(--line);border-radius:11px;background:var(--field);min-width:0;color:var(--text)}
.hs-field:focus-within{outline:2px solid #9cc4ff}
.hs-ico{display:grid;place-items:center;color:#6f82a3;flex:none}.hs-ico .ps-ico{width:17px;height:17px}
.hs .hs-field select{flex:1;min-width:0;width:100%;height:100%;min-height:0;border:0;outline:0;box-shadow:none;background:transparent;padding:0 18px 0 0;margin:0;border-radius:0;font:inherit;font-size:13px;color:var(--text);appearance:none;-webkit-appearance:none;cursor:pointer;text-overflow:ellipsis}
.hs-chev{position:absolute;right:7px;top:50%;transform:translateY(-50%);pointer-events:none;color:#6f82a3;display:grid}.hs-chev .ps-ico{width:15px;height:15px}
.hs-period .hs-val{flex:1;min-width:0;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}
.hs .hs-period select{position:absolute;inset:0;width:100%;height:100%;opacity:0;padding:0}
.hs-go{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 14px;border:0;border-radius:11px;background:var(--blue);color:#fff;font:inherit;font-size:14px;font-weight:800;cursor:pointer;box-shadow:0 6px 16px rgba(22,101,242,.28)}
.hs-go:hover{filter:brightness(1.07)}.hs-go .ps-ico{width:17px;height:17px}
.hs-custom{display:flex;flex-wrap:wrap;gap:10px}
.hs-custom label{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;color:var(--muted)}
.hs .hs-custom input{height:38px;min-height:0;border:1px solid var(--line);border-radius:10px;background:var(--field);padding:0 10px;font:inherit;font-size:13px;color:var(--text)}

/* Indicadores */
.hs-kpis{display:grid;gap:12px}.hs-kpis.is-6{grid-template-columns:repeat(6,minmax(0,1fr))}.hs-kpis.is-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.hs-kpis.is-3{grid-template-columns:repeat(3,minmax(0,1fr))}.hs-kpis.is-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.hs-kpi{display:flex;align-items:center;gap:9px;padding:14px 10px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);min-width:0}
.hs-kpi.hs-skel{min-height:92px;background:linear-gradient(90deg,#f1f5fb,#f8fafd,#f1f5fb);background-size:200% 100%;animation:hs-sh 1.4s linear infinite}
@keyframes hs-sh{to{background-position:-200% 0}}
.hs-kico{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;flex:none}.hs-kico .ps-ico{width:22px;height:22px}
.hs-kico.is-blue{background:#e4efff;color:#1665f2}.hs-kico.is-violet{background:#efe8ff;color:#7a4cf0}.hs-kico.is-green{background:var(--ok-bg);color:var(--ok)}
.hs-kico.is-sky{background:#e0f1ff;color:#1480d6}.hs-kico.is-amber{background:var(--warn-bg);color:#e69500}.hs-kico.is-rose{background:#ffe4e6;color:#e5484d}
.hs-kbody{display:grid;gap:1px;min-width:0;line-height:1.2}.hs-kbody small{color:var(--text);font-size:12.5px;font-weight:600}
.hs-kbody b{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;color:var(--navy);font-size:clamp(18px,1.7cqw,24px);letter-spacing:-.01em;line-height:1.15}
.hs-ksub{color:var(--muted);font-size:11.5px}.hs-knote{color:var(--muted);font-size:11px}
.hs-delta{font-size:12px;font-weight:800;letter-spacing:0;white-space:nowrap}.hs-delta.is-good{color:var(--ok)}.hs-delta.is-bad{color:var(--bad)}.hs-delta.is-flat{color:var(--muted)}

/* Distribución: lista y resumen lado a lado */
.hs-main{display:grid;grid-template-columns:minmax(0,2.4fr) minmax(300px,1fr);gap:14px;align-items:start}
.hs-col{display:grid;gap:14px;align-content:start;min-width:0}
.hs-a-list,.hs-a-detail,.hs-a-analysis,.hs-a-photos,.hs-a-timeline{min-width:0}
.hs-a-photos:empty,.hs-a-timeline:empty,.hs-a-analysis:empty{display:none}

/* Lista */
.hs-cright{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;min-width:0}
.hs-q{display:flex;align-items:center;gap:6px;height:34px;width:170px;max-width:100%;padding:0 9px;border:1px solid var(--line);border-radius:10px;background:var(--field)}
.hs-q:focus-within{outline:2px solid #9cc4ff}.hs-q .ps-ico{width:15px;height:15px}
.hs .hs-q input{flex:1;min-width:0;width:100%;height:auto;min-height:0;border:0;outline:0;box-shadow:none;background:transparent;padding:0;border-radius:0;font:inherit;font-size:12.5px;color:var(--text)}
.hs-pager-box{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hs-count{color:var(--muted);font-size:12px}
.hs-pager{display:flex;gap:4px}.hs-pager button{display:grid;place-items:center;min-width:30px;height:30px;padding:0 6px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--text);font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.hs-pager button.is-on{background:var(--blue);border-color:var(--blue);color:#fff}.hs-pager button[disabled]{opacity:.4;cursor:default}.hs-pager .ps-ico{width:15px;height:15px}
.hs-tablewrap{overflow-x:auto;margin:0 -4px;padding:0 4px}
.hs-table{width:100%;border-collapse:collapse;font-size:12px;color:var(--text)}
.hs-table th{padding:8px 4px;text-align:left;font-size:11px;font-weight:700;color:var(--muted);border-bottom:1px solid var(--line)}
.hs-table td{padding:8px 4px;vertical-align:middle;border-bottom:1px solid var(--line);line-height:1.25}
.hs-row{cursor:pointer}.hs-row:hover{background:#f6faff}.hs-row.is-active{background:var(--sel)}.hs-table tbody tr:last-child td{border-bottom:0}
.hs-sort{display:inline-flex;align-items:center;gap:3px;border:0;background:none;padding:0;color:var(--muted);font:inherit;font-size:11.5px;font-weight:700;cursor:pointer}.hs-sort .ps-ico{width:13px;height:13px}
.hs-c-sel{width:24px}.hs-check{display:grid;place-items:center;width:18px;height:18px;padding:0;border:1.5px solid #b7c5dc;border-radius:5px;background:var(--card);color:#fff;cursor:pointer}
.hs-check.is-on{background:var(--blue);border-color:var(--blue)}.hs-check .ps-ico{width:13px;height:13px;stroke-width:3}
.hs-c-date{white-space:nowrap}.hs-c-date b,.hs-c-client b{display:block;color:var(--navy);font-weight:700}.hs-c-date small,.hs-c-client small{display:block;color:var(--muted);font-size:11px;font-weight:500}
.hs-c-client{min-width:0;max-width:104px}.hs-c-client small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hs-c-comuna{min-width:0}.hs-c-type{min-width:0}.hs-c-type>span:last-child{overflow-wrap:anywhere}
.hs-tw{display:flex;align-items:center;gap:6px}.hs-tw>span:last-child{min-width:0;overflow-wrap:break-word}.hs-sico{display:inline-grid;place-items:center;flex:none;width:24px;height:24px;border-radius:7px;background:color-mix(in srgb,var(--c) 16%,#fff);color:var(--c);}.hs-sico .ps-ico{width:14px;height:14px}
.hs-c-dur{white-space:nowrap}.hs-c-amount,.hs-c-profit{white-space:nowrap;font-weight:700;color:var(--navy)}
.hs-c-amount small{display:block;font-size:10.5px;font-weight:700}.hs-c-amount small.is-ok{color:var(--ok)}.hs-c-amount small.is-warn{color:var(--warn)}.hs-c-amount small.is-bad{color:var(--bad)}.hs-c-amount small.is-info{color:var(--info)}
.hs-nodata{color:var(--muted);font-weight:500;font-size:12px}
.hs-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:999px;font-style:normal;font-size:10.5px;font-weight:700;line-height:1.2;background:var(--mute-bg);color:#53627c}
.hs-pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}
.hs-pill.is-ok{background:var(--ok-bg);color:var(--ok)}.hs-pill.is-warn{background:var(--warn-bg);color:var(--warn)}.hs-pill.is-info{background:var(--info-bg);color:var(--info)}.hs-pill.is-bad{background:var(--bad-bg);color:var(--bad)}
.hs-c-state{min-width:0;width:86px}.hs-c-state .hs-pill{white-space:normal;text-align:left}
.hs-c-act{white-space:nowrap;text-align:right}
.hs-view{display:inline-flex;align-items:center;gap:4px;height:30px;padding:0 8px;border:1px solid #bcd3fb;border-radius:9px;background:var(--card);color:var(--blue);font:inherit;font-size:11.5px;font-weight:800;cursor:pointer;vertical-align:middle}
.hs-view .ps-ico{width:14px;height:14px}.hs-view:hover{background:var(--blue-soft)}
.hs-kwrap{position:relative;display:inline-block;vertical-align:middle}
.hs-kebab{display:grid;place-items:center;width:22px;height:30px;padding:0;border:0;background:none;color:#6f82a3;cursor:pointer;border-radius:8px}.hs-kebab:hover{background:var(--mute-bg)}.hs-kebab .ps-ico{stroke-width:3.2}
.hs-menu{position:absolute;right:0;top:100%;z-index:20;display:grid;min-width:190px;padding:6px;margin-top:2px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 34px rgba(15,40,90,.18);text-align:left}
.hs-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:0;border-radius:8px;background:none;color:var(--text);font:inherit;font-size:13px;font-weight:600;cursor:pointer;text-align:left}.hs-menu button:hover{background:var(--blue-soft);color:var(--blue)}
.hs-foot{margin:10px 0 0;color:var(--muted);font-size:12px}
.hs-empty{display:grid;justify-items:center;gap:6px;text-align:center;padding:36px 12px;color:var(--muted)}.hs-empty b{color:var(--navy);font-size:15px}.hs-empty p{margin:0;font-size:13px;max-width:42ch}
.hs-ebig{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--blue-soft);color:var(--blue)}.hs-ebig .ps-ico{width:26px;height:26px}

/* Resumen del trabajo */
.hs-detail{display:grid;gap:12px;align-content:start}.hs-detail>.hs-chead{margin-bottom:0}
.hs-back{display:none;align-items:center;gap:6px;width:max-content;border:0;background:none;padding:0;color:var(--blue);font:inherit;font-size:13.5px;font-weight:700;cursor:pointer}.hs-back .ps-ico{width:16px;height:16px}
.hs-hero{display:grid;grid-template-columns:132px minmax(0,1fr);gap:12px;align-items:stretch}
.hs-hero-photo{position:relative;height:92px;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#d7e8ff,#bcd6fb)}
.hs-hero-photo img{width:100%;height:100%;object-fit:cover;display:block}
.hs-ph-empty{display:none;position:absolute;inset:0;place-items:center;align-content:center;justify-items:center;gap:2px;color:#5f84c4}.hs-ph-empty .ps-ico{width:30px;height:30px}.hs-ph-empty small{font-size:11px;font-weight:700}
.hs-hero-photo.is-empty .hs-ph-empty,.hs-ph.is-empty::after{display:grid}
.hs-hero-info{display:grid;gap:3px;align-content:center;min-width:0}
.hs-hname{display:flex;align-items:center;gap:6px;color:var(--navy);font-size:16px;line-height:1.2;overflow-wrap:anywhere}.hs-hname .ps-ico{color:var(--blue);width:17px;height:17px}
.hs-hline{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12.5px;overflow-wrap:anywhere}.hs-hline .ps-ico{width:14px;height:14px}
.hs-map{display:inline-flex;align-items:center;gap:6px;color:var(--blue);font-size:12.5px;font-weight:700;text-decoration:none;width:max-content}.hs-map .ps-ico{width:15px;height:15px}.hs-map:hover{text-decoration:underline}
.hs-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.hs-tile{display:flex;align-items:center;gap:9px;padding:9px 10px;border:1px solid var(--line);border-radius:12px;background:var(--head);min-width:0}
.hs-tico{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--blue-soft);color:var(--blue);flex:none}.hs-tico .ps-ico{width:17px;height:17px}
.hs-tile span:last-child{display:grid;min-width:0;line-height:1.2}.hs-tile small{color:var(--muted);font-size:11px}.hs-tile b{color:var(--navy);font-size:13px;overflow-wrap:anywhere}
.hs .hs-sec h3{margin:0 0 7px;font-size:13.5px;color:var(--navy)}
.hs-checks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px}
.hs-checks li{display:flex;align-items:flex-start;gap:6px;font-size:12.5px;line-height:1.3}.hs-checks .ps-ico{width:15px;height:15px;color:#1fa463;margin-top:1px}
.hs-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.hs-box{padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--card);min-width:0}
.hs-water,.hs-prods{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.hs-water li{display:grid;grid-template-columns:auto minmax(0,1fr) 18px;align-items:center;gap:6px;font-size:12px}.hs-water .hs-wl{white-space:nowrap;overflow-wrap:normal}.hs-water b{text-align:right}.hs-prods li{display:flex;justify-content:space-between;gap:8px;font-size:12.5px;align-items:center}
.hs-wl{display:flex;align-items:center;gap:6px;min-width:0;overflow-wrap:anywhere}.hs-wl .ps-ico{width:14px;height:14px;color:var(--blue);flex:none}
.hs-water b,.hs-prods b{color:var(--navy);font-weight:700;white-space:nowrap;font-size:12px}
.hs-dot{display:grid;place-items:center;width:18px;height:18px;border-radius:50%}.hs-dot .ps-ico{width:11px;height:11px;stroke-width:3}.hs-dot.is-ok{background:#1fa463;color:#fff}.hs-dot.is-warn{background:#f0a02a;color:#fff}
.hs-notes{display:flex;gap:9px;padding:10px 12px;border-radius:12px;background:var(--head);border:1px solid var(--line)}.hs-notes>.ps-ico{color:#7b8aa3;flex:none;width:17px;height:17px;margin-top:2px}
.hs-notes p{margin:0 0 4px;font-size:12.5px;line-height:1.45;color:var(--text)}.hs-notes p:last-child{margin-bottom:0}.hs-notes.is-empty p{color:var(--muted)}.hs-initial b{color:var(--navy)}
.hs-issues{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:6px}.hs-issues li{display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:8px;align-items:start;font-size:12.5px}
.hs-issues .ps-ico{width:15px;height:15px;color:#e69500;margin-top:1px}.hs-issues b{color:var(--navy)}.hs-issues small{display:block;color:var(--muted);font-size:11.5px}
.hs-money{align-items:stretch}.hs-mtile{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--card);min-width:0}
.hs-mico{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;flex:none}.hs-mico.is-green{background:var(--ok-bg);color:var(--ok)}.hs-mico.is-amber{background:var(--warn-bg);color:#e69500}.hs-mico .ps-ico{width:20px;height:20px}
.hs-mtile>span:last-child{display:grid;gap:1px;min-width:0;line-height:1.2}.hs-mtile small{color:var(--muted);font-size:11.5px}.hs-mtile b{color:var(--navy);font-size:18px}.hs-mtile b i{font-style:normal;font-size:12.5px;color:var(--muted);font-weight:600}
.hs-mtile em{font-style:normal;font-size:11px}.hs-pay{font-weight:800}.hs-pay.is-ok{color:var(--ok)}.hs-pay.is-warn{color:var(--warn)}.hs-pay.is-bad{color:var(--bad)}.hs-pay.is-info{color:var(--info)}.hs-pay.is-none{color:var(--muted);font-weight:500}
.hs-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.hs-act{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:40px;padding:6px 6px;border:1px solid #bcd3fb;border-radius:10px;background:var(--card);color:var(--blue);font:inherit;font-size:12px;font-weight:800;cursor:pointer;text-align:center;line-height:1.15}
.hs-act .ps-ico{width:15px;height:15px;flex:none}.hs-act:hover:not([disabled]){background:var(--blue-soft)}
.hs-act.is-primary{background:var(--blue);border-color:var(--blue);color:#fff}.hs-act.is-primary:hover:not([disabled]){background:var(--blue);filter:brightness(1.08)}
.hs-act[disabled]{opacity:.5;cursor:default}
.hs-pick{display:grid;justify-items:center;gap:6px;text-align:center;padding:50px 16px;color:var(--muted)}.hs-pick .ps-ico{width:36px;height:36px;color:#9bb0d3}.hs-pick b{color:var(--navy);font-size:15px}.hs-pick p{margin:0;font-size:13px}

/* Fotos del trabajo */
.hs-pgrid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.hs-ph{position:relative;aspect-ratio:1/1.05;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#d7e8ff,#bcd6fb)}
.hs-ph a{display:block;width:100%;height:100%}.hs-ph img{width:100%;height:100%;object-fit:cover;display:block}
.hs-ph.is-empty::after{content:"Sin imagen";position:absolute;inset:0;place-items:center;color:#5f84c4;font-size:11px;font-weight:700}
.hs-ph-label{position:absolute;left:6px;bottom:6px;padding:2px 8px;border-radius:7px;background:rgba(11,31,77,.78);color:#fff;font-size:11px;font-weight:700}
.hs-nophoto{padding:10px 0}

/* Análisis */
.hs-an-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.hs-an-grid.no-money{grid-template-columns:repeat(3,minmax(0,1fr))}
.hs-an{padding:10px;border:1px solid var(--line);border-radius:12px;min-width:0;background:var(--card)}
.hs .hs-an h3{display:flex;align-items:center;gap:6px;margin:0 0 8px;font-size:12.5px;color:var(--navy);line-height:1.2}.hs-an h3 .ps-ico{width:16px;height:16px;color:var(--blue);flex:none}
.hs-an ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.hs-an li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;font-size:12px}.hs-an li.has-bar{grid-template-columns:minmax(0,1.5fr) minmax(24px,.7fr) auto}
.hs-an-l{min-width:0;overflow-wrap:break-word;line-height:1.25;color:var(--text)}.hs-an li b{color:var(--navy);font-weight:700;text-align:right;min-width:16px}.hs-an li i{font-style:normal;color:var(--muted);min-width:28px;text-align:right}
.hs-bar{display:block;height:7px;border-radius:99px;background:#e6edf7;overflow:hidden}.hs-bar u{display:block;height:100%;border-radius:99px;text-decoration:none}
.hs-bar.is-green u{background:#1fa463}.hs-bar.is-blue u{background:#3a82f7}

/* Línea de tiempo */
.hs-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));position:relative}
.hs-steps li{position:relative;display:grid;justify-items:center;gap:3px;text-align:center;padding:0 4px}
.hs-steps li::before{content:"";position:absolute;top:10px;left:-50%;right:50%;height:2px;background:#cfe9db;z-index:0}.hs-steps li:first-child::before{display:none}
.hs-steps li.t-none::before{background:#d8e0ee}
.hs-tdot{position:relative;z-index:1;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#8fa0ba;color:#fff;border:2px solid var(--card)}.hs-tdot .ps-ico{width:12px;height:12px;stroke-width:3}
.hs-steps li.t-ok .hs-tdot{background:#1fa463}.hs-steps li.t-warn .hs-tdot{background:#f0a02a}.hs-steps li.t-info .hs-tdot{background:#3a82f7}.hs-steps li.t-none .hs-tdot{background:#b4c0d4}
.hs-steps b{color:var(--navy);font-size:12px;line-height:1.2}.hs-steps small{color:var(--muted);font-size:11px;line-height:1.2}

/* Colores del panel (reglas generales de párrafos) */
body[data-page="panel"] .hs p{color:var(--text)}
body[data-page="panel"] .hs .hs-muted,body[data-page="panel"] .hs .hs-empty p,body[data-page="panel"] .hs .hs-pick p,body[data-page="panel"] .hs .hs-foot{color:var(--muted)}

/* Anchos. La distribución de la página sigue al ancho del panel (contenedor «hs»); cada tarjeta se adapta a su propio ancho (contenedor «hc»). */
@container hs (max-width:1180px){.hs-kpis.is-6{grid-template-columns:repeat(3,minmax(0,1fr))}.hs-kpis.is-5{grid-template-columns:repeat(3,minmax(0,1fr))}.hs-fgrid{grid-template-columns:repeat(3,minmax(0,1fr))}.hs-go{grid-column:auto}}
@container hs (max-width:999px){
 .hs-main{grid-template-columns:minmax(0,1fr);grid-template-areas:"list" "analysis"}
 .hs-col{display:contents}
 .hs-a-list{grid-area:list}.hs-a-detail{grid-area:detail}.hs-a-analysis{grid-area:analysis}.hs-a-photos{grid-area:photos}.hs-a-timeline{grid-area:timeline}
 .hs-a-detail,.hs-a-photos,.hs-a-timeline{display:none}
 .hs.has-detail .hs-main{grid-template-areas:"detail" "photos" "timeline"}
 .hs.has-detail .hs-a-detail,.hs.has-detail .hs-a-photos,.hs.has-detail .hs-a-timeline{display:block}
 .hs.has-detail .hs-a-list,.hs.has-detail .hs-a-analysis,.hs.has-detail .hs-filters,.hs.has-detail .hs-kpis,.hs.has-detail .hs-top{display:none}
 .hs-back{display:inline-flex}
 .hs-a-photos:empty,.hs-a-timeline:empty{display:none!important}
 .hs-kpis.is-4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@container hs (max-width:700px){.hs-kpis.is-6,.hs-kpis.is-5,.hs-kpis.is-4,.hs-kpis.is-3{grid-template-columns:repeat(2,minmax(0,1fr))}.hs-fgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.hs-go{grid-column:1/-1}}
@container hs (max-width:460px){.hs-kpis.is-6,.hs-kpis.is-5,.hs-kpis.is-4,.hs-kpis.is-3{grid-template-columns:minmax(0,1fr)}.hs-fgrid{grid-template-columns:minmax(0,1fr)}.hs-top{justify-content:stretch}.hs-export{width:100%;justify-content:center}}
/* Con la tarjeta de la lista algo angosta, «Ver detalle» queda solo con el ojo (sigue con su nombre accesible) para que la tabla entre completa */
@container hc (max-width:900px) and (min-width:721px){.hs-view span{display:none}.hs-view{padding:0 8px}.hs-c-state .hs-pill::before{display:none}}
/* La lista pasa a tarjetas cuando su propia tarjeta es angosta */
@container hc (max-width:720px){
 .hs-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
 .hs-table,.hs-table tbody{display:block}
 .hs-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px;padding:12px;margin-bottom:8px;border:1px solid var(--line);border-radius:12px}
 .hs-table td{display:block;padding:0;border:0;min-width:0;max-width:none;width:auto}
 .hs-table td[data-label]::before{content:attr(data-label);display:block;font-size:11px;font-weight:600;color:var(--muted)}
 .hs-table td.hs-c-client,.hs-table td.hs-c-state{grid-column:1/-1}.hs-table td.hs-c-client::before,.hs-table td.hs-c-state::before{display:none}
 .hs-table td.hs-c-client{order:-3}.hs-table td.hs-c-state{order:-2}
 .hs-table td.hs-c-client b{font-size:14.5px}.hs-table td.hs-c-client small{white-space:normal}
 .hs-table td.hs-c-sel{display:none}
 .hs-table td.hs-c-act{grid-column:1/-1;text-align:left;order:9}
 .hs-row.is-active{border-color:#9cc4ff}
 .hs-view{height:36px}.hs-kebab{height:36px;width:34px}
 .hs-menu{right:auto;left:0}
}
@container hc (max-width:640px){.hs-an-grid,.hs-an-grid.no-money{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container hc (max-width:620px){
 .hs-steps{grid-template-columns:minmax(0,1fr);gap:0}
 .hs-steps li{grid-template-columns:22px minmax(0,1fr);justify-items:start;text-align:left;column-gap:10px;row-gap:0;padding:0 0 12px}
 .hs-steps li::before{display:none}
 .hs-steps li:not(:last-child)::after{content:"";position:absolute;top:22px;bottom:0;left:10px;width:2px;background:#cfe9db}.hs-steps li.t-none:not(:last-child)::after{background:#d8e0ee}
 .hs-tdot{grid-row:1/3}.hs-steps b{align-self:end}.hs-steps small{align-self:start}
}
@container hc (max-width:440px){.hs-an-grid,.hs-an-grid.no-money{grid-template-columns:minmax(0,1fr)}.hs-q{width:100%}.hs-cright{width:100%}}
@container hc (max-width:360px){.hs-two,.hs-money{grid-template-columns:minmax(0,1fr)}}
@container hc (max-width:300px){.hs-hero{grid-template-columns:104px minmax(0,1fr)}.hs-hero-photo{height:84px}.hs-checks{grid-template-columns:minmax(0,1fr)}}
@container hc (max-width:280px){.hs-actions{grid-template-columns:minmax(0,1fr)}.hs-tiles{grid-template-columns:minmax(0,1fr)}}
@container hc (max-width:300px){.hs-pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (prefers-reduced-motion:reduce){.hs-kpi.hs-skel{animation:none}}