/* «Enviar solicitud» del cliente: solicitudes al piscinero (prefijo .cn) */
.cn{--cn-ink:#0b1b3d;--cn-muted:#667691;--cn-line:#e3eaf4;--cn-blue:#0b63f6;--cn-soft:#f3f7fd;--cn-card:#fff;display:grid;gap:18px;color:var(--cn-ink)}
.cn *{box-sizing:border-box}
.cn-i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}
.cn-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.cn-kpi{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid var(--cn-line);border-radius:18px;background:var(--cn-card);box-shadow:0 4px 16px rgba(11,31,77,.05);text-align:left;color:inherit;font:inherit;cursor:pointer;min-width:0}
.cn-kpi:hover{border-color:#bcd0ee}
.cn-kpi-ico{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;flex:none}
.cn-kpi-ico .cn-i{width:26px;height:26px}
.cn-kpi.is-blue .cn-kpi-ico{background:#e4efff;color:#0b63f6}.cn-kpi.is-amber .cn-kpi-ico{background:#fff1d3;color:#d68a00}.cn-kpi.is-green .cn-kpi-ico{background:#dcf5e7;color:#17a35e}.cn-kpi.is-red .cn-kpi-ico{background:#ffe3e1;color:#e0483e}
.cn-kpi-body{display:grid;gap:1px;min-width:0;flex:1}.cn-kpi-body b{font-size:27px;line-height:1.1;letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cn-kpi-body strong{font-size:14.5px}.cn-kpi-body small{color:var(--cn-muted);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cn-kpi-go{width:18px;height:18px;color:#9fb0c9}
.cn-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}
.cn-main,.cn-side{display:grid;gap:18px;min-width:0}
.cn-card{border:1px solid var(--cn-line);border-radius:20px;background:var(--cn-card);padding:20px;box-shadow:0 6px 22px rgba(11,31,77,.05);min-width:0}
.cn-card-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px}
.cn-card-head h2{display:flex;align-items:center;gap:10px;margin:0;font-size:21px;letter-spacing:-.01em}
.cn-title-ico{color:var(--cn-blue);width:26px;height:26px}
.cn-ctx{display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--cn-muted);font-size:14px}.cn-ctx span{display:inline-flex;align-items:center;gap:7px}.cn-ctx .cn-i{width:18px;height:18px;color:var(--cn-blue)}.cn-ctx .is-warn,.cn-ctx .is-warn .cn-i{color:#b46a00}
.cn-lead{margin:0 0 12px;color:var(--cn-muted);font-size:14.5px}
.cn-types{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 0 16px}
.cn-type{display:grid;justify-items:center;align-content:center;gap:8px;min-height:104px;padding:12px 8px;border:1.5px solid var(--cn-line);border-radius:16px;background:#fff;color:var(--cn-ink);font:inherit;text-align:center;cursor:pointer}
.cn-type span{display:grid;place-items:center;width:46px;height:46px;border-radius:50%}.cn-type span .cn-i{width:24px;height:24px}
.cn-type b{font-size:13.5px;line-height:1.25}
.cn-type.is-motor span{background:#e4efff;color:#0b63f6}.cn-type.is-chemicals span{background:#efe6ff;color:#7a4be0}.cn-type.is-visit span{background:#ffe3e1;color:#e0483e}.cn-type.is-power span{background:#fff1d3;color:#d68a00}.cn-type.is-other span{background:#e8eef7;color:#53647f}
.cn-type:hover{border-color:#a9c4ee}.cn-type.is-on{border-color:var(--cn-blue);background:#f0f6ff;box-shadow:0 0 0 3px rgba(11,99,246,.12)}
.cn-form{display:grid;gap:14px;padding:16px;border-radius:16px;background:var(--cn-soft)}
.cn-form-head{display:flex;gap:12px;align-items:center}.cn-form-head h3{margin:0;font-size:18px}.cn-form-head p{margin:2px 0 0;color:var(--cn-muted);font-size:13.5px}
.cn-form-ico{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#e4efff;color:var(--cn-blue);flex:none}
.cn-form.is-chemicals .cn-form-ico{background:#efe6ff;color:#7a4be0}.cn-form.is-visit .cn-form-ico{background:#ffe3e1;color:#e0483e}.cn-form.is-power .cn-form-ico{background:#fff1d3;color:#d68a00}.cn-form.is-other .cn-form-ico{background:#e8eef7;color:#53647f}
.cn-form-grid{display:grid;gap:16px;align-items:start}.cn-form-grid.has-clocks{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
.cn-left{display:grid;gap:12px;min-width:0}.cn-right{display:grid;gap:12px;min-width:0}
.cn-field{display:grid;gap:6px;font-size:13.5px;font-weight:600;color:var(--cn-ink)}
.cn-field i{color:#e0483e;font-style:normal}
.cn-field input,.cn-field select,.cn-field textarea{width:100%;padding:11px 13px;border:1px solid #cfdaea;border-radius:12px;background:#fff;color:var(--cn-ink);font:inherit;font-weight:400;font-size:14.5px}
.cn-field textarea{resize:vertical;min-height:120px;line-height:1.5}
.cn-field input:focus,.cn-field select:focus,.cn-field textarea:focus{outline:2px solid rgba(11,99,246,.35);border-color:var(--cn-blue)}
.cn-count{justify-self:end;color:var(--cn-muted);font-weight:400}
.cn-check{display:flex;align-items:center;gap:9px;font-size:14px}.cn-check input{width:18px;height:18px}
.cn-note{margin:0;color:#8a5a00;background:#fff5de;border-radius:10px;padding:8px 12px;font-size:13px}
.cn-clocks{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:center}
.cn-clock{display:grid;gap:6px;justify-items:center;padding:12px 8px;border:1px solid var(--cn-line);border-radius:16px;background:#fff;min-width:0}
.cn-clock h4{margin:0;font-size:13.5px}.cn-clock.is-new h4{color:var(--cn-blue)}
.cn-clock .cpx-clock{max-width:170px;width:100%}
.cn-clock ul{list-style:none;margin:0;padding:0;display:grid;gap:3px;font-size:12.5px;text-align:center}.cn-clock li{font-variant-numeric:tabular-nums}.cn-clock li.is-none{color:var(--cn-muted)}
.cn-clock-src{font-size:11.5px;line-height:1.35;color:var(--cn-muted);text-align:center}
.cn-clock-arrow{display:grid;place-items:center;color:var(--cn-blue)}.cn-clock-arrow .cn-i{width:24px;height:24px}
.cn-slots{display:grid;gap:8px}
.cn-slot{display:grid;grid-template-columns:auto 1fr 1fr auto;gap:10px;align-items:end;padding:10px 12px;border:1px solid var(--cn-line);border-radius:14px;background:#fff}
.cn-slot b{font-size:13px;align-self:center}
.cn-slot label{display:grid;gap:3px;font-size:11.5px;color:var(--cn-muted)}.cn-slot input{padding:8px 10px;border:1px solid #cfdaea;border-radius:10px;font:inherit;font-size:14px;color:var(--cn-ink);background:#fff;min-width:0}
.cn-slot-x{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:50%;background:#eef2f9;color:#53647f;cursor:pointer}.cn-slot-x .cn-i{width:15px;height:15px}
.cn-wa{display:flex;gap:12px;padding:14px;border:1px solid #f1d49a;border-radius:14px;background:#fff8e6}
.cn-wa-ico{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#dcf5e7;color:#17a35e;flex:none}
.cn-wa>div{flex:1;min-width:0}.cn-wa-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.cn-wa-actions .btn{display:inline-flex;align-items:center;gap:8px;min-height:44px}.cn-wa-actions .btn .cn-i{width:18px;height:18px}
.cn-wa h4{margin:0 0 4px;font-size:15px}.cn-wa p{margin:0 0 10px;font-size:13.5px;line-height:1.5;color:#5b4a1d}.cn-wa .cn-field{font-size:13px}
.cn-actions{display:flex;flex-wrap:wrap;gap:10px}.cn-actions .btn{display:inline-flex;align-items:center;gap:8px;min-height:44px}.cn-actions .btn .cn-i{width:18px;height:18px}
.cn-send.is-wa{background:#17a35e;border-color:#17a35e}
.cn-form .error-inline{min-height:0}
.cn-tpl ul{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px}
.cn-side-head{display:flex;gap:12px;align-items:flex-start}.cn-side-head>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#e4efff;color:var(--cn-blue);flex:none}
.cn-side-head h2{margin:0;font-size:16.5px}.cn-side-head p{margin:3px 0 0;color:var(--cn-muted);font-size:13px}
.cn-tpl li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--cn-line);border-radius:14px;background:#fff}
.cn-tpl-ico{display:grid;place-items:center;width:42px;height:42px;border-radius:12px}
.cn-tpl li.is-chemicals .cn-tpl-ico{background:#efe6ff;color:#7a4be0}.cn-tpl li.is-visit .cn-tpl-ico{background:#ffe3e1;color:#e0483e}.cn-tpl li.is-power .cn-tpl-ico{background:#fff1d3;color:#d68a00}.cn-tpl li.is-other .cn-tpl-ico{background:#e8eef7;color:#53647f}
.cn-tpl b{display:block;font-size:14px}.cn-tpl em{display:flex;align-items:center;gap:6px;margin:3px 0;font-style:normal;color:var(--cn-muted);font-size:12.5px}.cn-tpl em .cn-i{width:14px;height:14px}
.cn-tpl p{margin:3px 0 0;color:var(--cn-muted);font-size:12.5px;line-height:1.4}
.cn-guide{background:linear-gradient(180deg,#f2f7ff,#fff)}
.cn-guide summary{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none}.cn-guide summary::-webkit-details-marker{display:none}
.cn-guide summary .cn-i{color:#d68a00;width:24px;height:24px}.cn-guide h2{margin:0;font-size:16.5px}
.cn-guide ul{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:9px;font-size:13.5px}.cn-guide li{display:flex;gap:9px;align-items:flex-start}.cn-guide li .cn-i{width:18px;height:18px;color:#0b63f6;margin-top:1px}
.cn-tools{display:flex;gap:10px;flex-wrap:wrap}
.cn-search input,.cn-tools select{padding:9px 12px;border:1px solid #cfdaea;border-radius:12px;background:#fff;color:var(--cn-ink);font:inherit;font-size:13.5px;min-width:0}.cn-search input{width:210px}
.cn-table-wrap{overflow-x:auto}
.cn-table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:720px}
.cn-table th{padding:9px 10px;text-align:left;font-size:12px;color:var(--cn-muted);border-bottom:1px solid var(--cn-line);white-space:nowrap}
.cn-table td{padding:12px 10px;border-bottom:1px solid #eef2f8;vertical-align:middle}
.cn-table tr:last-child td{border-bottom:0}
.cn-table small{display:block;color:var(--cn-muted);font-size:12px}
.cn-date b{display:block;font-weight:600;white-space:nowrap}
.cn-what{display:flex;align-items:center;gap:9px}.cn-what b{font-weight:600}.cn-what .cn-i{width:22px;height:22px}
.cn-what.is-motor .cn-i{color:#0b63f6}.cn-what.is-chemicals .cn-i{color:#7a4be0}.cn-what.is-visit .cn-i{color:#e0483e}.cn-what.is-power .cn-i{color:#d68a00}.cn-what.is-other .cn-i{color:#53647f}
.cn-reply{max-width:260px;color:#33435f}
.cn-none{text-align:center;color:var(--cn-muted);padding:26px 10px!important}
.cn-chip{display:inline-block;padding:3px 11px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}
.cn-chip.is-sent{background:#e3efff;color:#0b63f6}.cn-chip.is-read{background:#efe6ff;color:#6a3fcb}.cn-chip.is-answered{background:#dcf5e7;color:#15854d}.cn-chip.is-progress{background:#fff1d3;color:#a96a00}.cn-chip.is-resolved{background:#dcf5e7;color:#0f6f3f}.cn-chip.is-cancelled{background:#eceff4;color:#677489}.cn-chip.is-important{background:#ffe3e1;color:#b8302a}
.cn-row-actions{white-space:nowrap}
.cn-link{border:0;background:none;color:var(--cn-blue);font:inherit;font-weight:700;cursor:pointer;padding:4px 6px}.cn-link.is-bad{color:#c2362f}
.cn-view h4{margin:14px 0 6px;font-size:14px}.cn-view-body{margin:0;white-space:pre-line;line-height:1.5}
.cn-view-motor{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;padding:12px;border-radius:12px;background:#f3f7fd}.cn-view-motor h4{margin:0 0 4px}.cn-view-motor ul{margin:0;padding-left:18px}
.cn-steps{list-style:none;margin:0;padding:0 0 0 14px;border-left:2px solid #dbe6f5;display:grid;gap:12px}
.cn-steps li{position:relative;padding-left:12px}.cn-steps li::before{content:"";position:absolute;left:-21px;top:5px;width:10px;height:10px;border-radius:50%;background:#0b63f6;box-shadow:0 0 0 3px #fff}
.cn-steps b{display:block;font-size:14px}.cn-steps small{color:var(--cn-muted)}.cn-steps p{margin:4px 0 0;font-size:13.5px}
.cn-view-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}
.cn-summary-cta{display:inline-flex;align-items:center;gap:8px}.cn-summary-cta .icon{width:18px;height:18px}
@media(max-width:1180px){.cn-grid{grid-template-columns:1fr}.cn-side{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}
@media(max-width:900px){.cn-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.cn-types{grid-template-columns:repeat(3,minmax(0,1fr))}.cn-form-grid.has-clocks{grid-template-columns:1fr}}
@media(max-width:620px){.cn-kpis{grid-template-columns:1fr 1fr;gap:10px}.cn-kpi{padding:12px;gap:10px}.cn-kpi-ico{width:40px;height:40px}.cn-kpi-body b{font-size:21px}.cn-kpi-go{display:none}
 .cn-types{grid-template-columns:repeat(2,minmax(0,1fr))}.cn-side{grid-template-columns:1fr}.cn-card{padding:16px}.cn-search input{width:100%}.cn-tools{width:100%}.cn-tools label{flex:1}
 .cn-clocks{grid-template-columns:1fr}.cn-clock-arrow{transform:rotate(90deg)}.cn-slot{grid-template-columns:1fr 1fr auto}.cn-slot b{grid-column:1/-1}}

.cn .cn-card-head h2{font-size:21px;line-height:1.2}.cn .cn-side-head h2,.cn .cn-guide h2{font-size:16.5px;line-height:1.25;letter-spacing:0}
.cn .cn-form-head h3{font-size:18px}.cn .cn-form-head p,.cn .cn-side-head p,.cn .cn-tpl p,.cn .cn-lead{color:var(--cn-muted)}
.cn .cn-wa p{color:#5b4a1d}.cn .cn-wa h4{color:var(--cn-ink)}
.cn .cn-note{color:#8a5a00}
.cn-lbl{display:block}.cn-lbl i{margin-left:2px}
.cn-kpi.is-red .cn-kpi-body b{font-size:20px;line-height:1.25;white-space:normal}