/* SIGUE360 V6.9.69 — Clima conectado + Agenda (Google Calendar / Gmail) */
.clStrip{display:grid;grid-template-columns:repeat(16,minmax(78px,1fr));gap:6px;overflow-x:auto;padding-bottom:4px}
.clDay{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border-radius:10px;border:1px solid rgba(150,200,215,.25);background:rgba(255,255,255,.04);color:inherit;font:inherit;cursor:pointer;min-width:78px}
.clDay small{font-size:11px;opacity:.8}.clDay b{font-size:15px}.clDay b i{font-style:normal;opacity:.6;font-size:12px}.clIco{font-size:22px}
.clDay.warn{border-color:#f0b54a;background:rgba(240,181,74,.12)}.clDay.bad{border-color:#e5677d;background:rgba(229,103,125,.16)}
.clDay.sel{outline:2px solid #7fe0f0}.clDay.susp{opacity:.75}.clDay em{font-size:10px;color:#ffb3b3;font-style:normal}
.clHoras{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:8px 0}.clHoras div{display:flex;flex-direction:column;align-items:center;padding:6px;border-radius:8px;background:rgba(255,255,255,.04);font-size:12px}
.clHoras div.lluvia{background:rgba(80,150,240,.18)}
.clTabla{width:100%;border-collapse:collapse;font-size:13px;margin:8px 0}.clTabla th,.clTabla td{padding:6px;border-bottom:1px solid rgba(150,190,200,.2);text-align:left;vertical-align:top}.clTabla td small{display:block;opacity:.7}
.clAcc,.agAcc{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:10px}
.clSusp{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid rgba(150,190,200,.15);font-size:13px}
.clUmbrales summary{cursor:pointer}.clGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin-top:10px}.clGrid label{display:flex;flex-direction:column;font-size:12px;gap:3px}
.clGrid input{padding:5px 7px;border-radius:6px;border:1px solid rgba(150,190,200,.35);background:transparent;color:inherit}
.clError,.agErr{color:#ffb3b3}.agOk{color:#9ff0c0}
.agTopBtn{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:12px;border:1px solid rgba(127,224,240,.35);background:rgba(10,40,55,.7);color:#e8f6fb;font:inherit;cursor:pointer;position:relative}
.agTopBtn em{position:absolute;top:-6px;right:-6px;background:#e5677d;color:#fff;border-radius:10px;font-size:11px;padding:1px 6px;font-style:normal}
.agChip{display:inline-block;width:10px;height:10px;border-radius:50%;flex:none;vertical-align:middle}.agChip.tarea{background:#fff;border:2px solid #2bb3c9}
.agCuenta{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid rgba(150,190,200,.15);flex-wrap:wrap}.agCuenta div{flex:1;min-width:180px}.agCuenta small{display:block;opacity:.7}
.agGuia ol{padding-left:20px;line-height:1.6}.agGuia code{background:rgba(255,255,255,.08);padding:2px 5px;border-radius:5px;word-break:break-all}
.agSw{display:flex;gap:8px;align-items:flex-start}
.agCorreo{display:grid;grid-template-columns:minmax(280px,420px) 1fr;gap:12px}
@media(max-width:900px){.agCorreo{grid-template-columns:1fr}}
.agLista{max-height:72vh;overflow:auto}.agFiltros{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.agFiltros select,.agFiltros input[type=search]{padding:6px 8px;border-radius:8px;border:1px solid rgba(150,190,200,.35);background:transparent;color:inherit;flex:1;min-width:140px}
.agFiltros select option{color:#000}
.agMail{display:grid;grid-template-columns:12px 1fr auto;gap:8px;width:100%;text-align:left;padding:8px;border:0;border-bottom:1px solid rgba(150,190,200,.15);background:transparent;color:inherit;font:inherit;cursor:pointer}
.agMail div{min-width:0}.agMail b,.agMail span,.agMail small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agMail small{opacity:.6;font-size:12px}.agMail time{font-size:12px;opacity:.7}
.agMail.nuevo b,.agMail.nuevo span{font-weight:700;color:#fff}.agMail.sel{background:rgba(127,224,240,.12)}
.agLectura{min-height:60vh;display:flex;flex-direction:column}.agCab small{opacity:.8;line-height:1.5}.agCuerpo{flex:1;min-height:55vh;width:100%;border:0;border-radius:8px;background:#fff;margin-top:10px}
.agCal{display:grid;grid-template-columns:1fr 340px;gap:12px}@media(max-width:1000px){.agCal{grid-template-columns:1fr}}
.agMesNav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.agMesNav h3{margin:0 8px;text-transform:capitalize}
.agLeyenda{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;opacity:.85;margin-left:auto}.agLeyenda i{font-style:normal;display:flex;gap:4px;align-items:center}
.agGrilla{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.agDow{text-align:center;font-size:12px;opacity:.7;text-transform:uppercase}
.agCelda{min-height:92px;display:flex;flex-direction:column;gap:2px;align-items:stretch;text-align:left;padding:5px;border-radius:8px;border:1px solid rgba(150,190,200,.18);background:rgba(255,255,255,.03);color:inherit;font:inherit;cursor:pointer;overflow:hidden}
.agCelda.fuera{opacity:.45}.agCelda.hoy{border-color:#7fe0f0}.agCelda.sel{outline:2px solid #7fe0f0}.agCelda.riesgo{background:rgba(229,103,125,.12)}
.agNum{font-size:12px;font-weight:700}.agNum em{font-style:normal}
.agEv{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-left:3px solid #2bb3c9;padding-left:4px}.agEv.tarea{border-left-color:#fff;opacity:.95}.agMas{font-size:11px;opacity:.7}
.agItem{display:flex;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid rgba(150,190,200,.15)}.agItem div{flex:1;min-width:0}.agItem small{display:block;opacity:.7}
.agRiesgo{font-size:13px;padding:6px 8px;border-radius:8px;background:rgba(240,181,74,.12)}.agRiesgo.alto{background:rgba(229,103,125,.16)}
