/* SIGUE360 V6.9.70 — Comunicación, Calendario y Clima legible */
.comTabs{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 12px}
.comTabs .btn em{display:inline-block;margin-left:6px;background:#e5677d;color:#fff;border-radius:10px;padding:0 7px;font-size:11px;font-style:normal}
#consultas:not([data-com-tab="mensajes"]) > #c619QueryRoot{display:none!important}
#consultas[data-com-tab="mensajes"] > #comPanel{display:none!important}
#planificacion[data-plan-tab="calendario"] > #c619PlanRoot{display:none!important}
#planificacion[data-plan-tab="tareas"] > #planCal{display:none!important}
.comNotif{display:grid;grid-template-columns:34px 1fr auto;gap:10px;width:100%;text-align:left;padding:10px;border:0;border-bottom:1px solid rgba(150,190,200,.15);background:transparent;color:inherit;font:inherit;cursor:pointer;border-radius:8px}
.comNotif:hover{background:rgba(127,224,240,.07)}.comNotif.nuevo{background:rgba(127,224,240,.08)}.comNotif.nuevo b{color:#fff}
.comNIco{font-size:22px;line-height:1}.comNotif small{display:block;opacity:.7;font-size:11px}.comNotif b{display:block}.comNotif span{display:block;opacity:.8;font-size:13px}.comNotif time{font-size:12px;opacity:.7;white-space:nowrap}
.comModal{position:fixed;inset:0;background:rgba(0,10,20,.62);z-index:9999;display:grid;place-items:center;padding:16px}
.comDialog{width:min(760px,100%);max-height:92vh;overflow:auto;background:#0b2436;border:1px solid rgba(127,224,240,.35);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:9px;color:#e8f6fb}
.comDHead{display:flex;justify-content:space-between;align-items:center}.comDHead b{font-size:17px}
.comDialog label{display:flex;flex-direction:column;gap:3px;font-size:12px;opacity:.95}
.comDialog input,.comDialog select,.comDialog textarea{padding:8px 10px;border-radius:8px;border:1px solid rgba(150,190,200,.35);background:rgba(255,255,255,.05);color:inherit;font:inherit}
.comDialog select option{color:#000}
.comCuerpo{min-height:200px;padding:10px;border-radius:8px;background:#fff;color:#111;font:14px Arial,sans-serif;overflow:auto}
.comAdj{display:flex;gap:6px;flex-wrap:wrap}.comAdj span{background:rgba(255,255,255,.08);border-radius:8px;padding:4px 8px;font-size:12px}.comAdj button{background:none;border:0;color:#ffb3b3;cursor:pointer}
.calTipos{display:flex;gap:6px;flex-wrap:wrap}.calFila{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}.calFila label{flex:1;min-width:130px}.calCheck{flex-direction:row!important;align-items:center;gap:6px!important;min-width:auto!important;flex:0!important;white-space:nowrap}
.agChip.obra{background:#f0a23b;border-radius:2px}.agEv.obra{border-left-color:#f0a23b;opacity:.85}.agEv.reunion,.agEv.cita{font-weight:600}
.agIco{font-size:18px;width:24px;text-align:center}
/* Clima legible */
.clStrip{grid-template-columns:repeat(16,minmax(132px,1fr))!important;gap:10px!important;padding:4px 2px 10px}
.clDay{min-width:132px!important;padding:12px 8px!important;gap:5px!important;border-width:2px!important;border-radius:14px!important;text-align:center}
.clDay .clFecha{font-size:13px;font-weight:700;text-transform:capitalize}
.clDay .clIco{font-size:44px!important;line-height:1.1}
.clDay .clCond{font-size:13px;font-weight:600}
.clDay .clTemp{font-size:15px}.clDay .clTemp b{font-size:20px}
.clDay .clProb{position:relative;display:block;width:100%;height:16px;border-radius:8px;background:rgba(255,255,255,.08);overflow:hidden}
.clDay .clProb i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#3a8ee6,#5fb4ff)}
.clDay .clProb em{position:relative;font-size:11px;font-style:normal;font-weight:700}
.clDay .clMm,.clDay .clViento{font-size:12px;opacity:.9;line-height:1.3}
.clDay .clRiesgo{font-size:12px;font-weight:700;margin-top:2px}
.clDay.cat-sol{background:linear-gradient(180deg,rgba(255,196,64,.18),rgba(255,255,255,.03))}
.clDay.cat-nube,.clDay.cat-niebla{background:linear-gradient(180deg,rgba(170,185,200,.2),rgba(255,255,255,.03))}
.clDay.cat-lluvia{background:linear-gradient(180deg,rgba(64,140,240,.32),rgba(255,255,255,.03))}
.clDay.cat-tormenta{background:linear-gradient(180deg,rgba(150,90,230,.35),rgba(255,255,255,.03))}
.clDay.warn{border-color:#f0b54a!important}.clDay.bad{border-color:#e5677d!important;box-shadow:0 0 0 1px #e5677d inset}.clDay.sel{outline:3px solid #7fe0f0!important;outline-offset:2px}
.clResumen{font-size:14px;line-height:1.6}
.clLeyenda{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;opacity:.85;margin:6px 0}.clLeyenda i{display:inline-block;width:14px;height:10px;border-radius:2px;margin-right:4px;vertical-align:middle}
.clLeyenda i.b{background:#3a8ee6}.clLeyenda i.t{background:#f0a23b;height:3px}.clLeyenda i.p{background:#7fe0f0;height:3px}.clLeyenda i.j{background:rgba(127,224,240,.15);border:1px dashed #7fe0f0}
.clGraf{width:100%;height:auto;display:block;background:rgba(255,255,255,.03);border-radius:10px}
.clGraf .clBar{fill:#3a8ee6}.clGraf .clLinT{fill:none;stroke:#f0a23b;stroke-width:2.5}.clGraf .clLinP{fill:none;stroke:#7fe0f0;stroke-width:1.5;stroke-dasharray:4 3}
.clGraf .clJornada{fill:rgba(127,224,240,.08);stroke:rgba(127,224,240,.45);stroke-dasharray:4 4}.clGraf .clJorTxt{fill:#7fe0f0;font-size:11px}
.clGraf .clEje{fill:#bcd3dc;font-size:11px;text-anchor:middle}.clGraf .clEjeIco{font-size:13px;text-anchor:middle}.clGraf .clTxtT{fill:#f0c27a;font-size:11px;text-anchor:middle}
.clHoras24{display:grid;grid-template-columns:repeat(24,minmax(54px,1fr));gap:4px;overflow-x:auto;margin-top:8px;padding-bottom:4px}
.clHora{display:flex;flex-direction:column;align-items:center;padding:6px 2px;border-radius:8px;background:rgba(255,255,255,.03);font-size:11px;gap:1px}
.clHora span{font-size:18px}.clHora b{font-size:13px}.clHora.jor{background:rgba(127,224,240,.08)}.clHora.llueve{background:rgba(58,142,230,.28)}
/* ── V6.9.71 correo estilo Gmail ── */
.mailLayout{display:grid;grid-template-columns:200px minmax(300px,420px) 1fr;gap:12px;align-items:start}
@media(max-width:1200px){.mailLayout{grid-template-columns:180px 1fr}.mailLayout .agLectura{grid-column:1/-1}}
@media(max-width:720px){.mailLayout{grid-template-columns:1fr}}
.mailCarpetas{display:flex;flex-direction:column;gap:3px;position:sticky;top:8px}
.mailRedactar{margin-bottom:8px;font-size:15px;padding:10px 12px}
.mailCarp{display:flex;justify-content:space-between;align-items:center;gap:6px;width:100%;padding:7px 10px;border:0;border-radius:18px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}
.mailCarp:hover{background:rgba(127,224,240,.08)}.mailCarp.sel{background:rgba(127,224,240,.2);font-weight:700}
.mailCarp b{font-size:12px}.mailEt{opacity:.65;margin:10px 4px 2px;font-size:11px;text-transform:uppercase;letter-spacing:.04em}
.mailCarpetas select{padding:6px;border-radius:8px;background:transparent;color:inherit;border:1px solid rgba(150,190,200,.35)}.mailCarpetas select option{color:#000}
.mailSelBar{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:6px 4px;border-bottom:1px solid rgba(150,190,200,.2);margin-bottom:4px}
.mailSelBar label{display:flex;gap:6px;align-items:center;font-size:13px;margin-right:6px}.mailSelBar .btn{padding:4px 9px;font-size:12px}
.mailLayout .agMail{grid-template-columns:18px 22px 1fr;align-items:center;cursor:default;padding:4px 6px}
.mailFila{display:grid;grid-template-columns:12px 1fr auto;gap:8px;min-width:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;padding:4px 0}
.mailFila div{min-width:0}.mailFila b,.mailFila span,.mailFila small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mailFila small{opacity:.6;font-size:12px}.mailFila time{font-size:12px;opacity:.7;white-space:nowrap}
.agMail.nuevo .mailFila b,.agMail.nuevo .mailFila span{font-weight:700;color:#fff}
.mailEstrella{border:0;background:none;color:#a9c4ce;font-size:17px;cursor:pointer;padding:0}.mailEstrella.on{color:#f6c344}
.mailBar{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.mailBar .btn{padding:5px 10px;font-size:13px}.mailBar .sep{flex-basis:100%;height:0}
.mailMsg{border:1px solid rgba(150,190,200,.2);border-radius:10px;margin-top:8px;overflow:hidden}
.mailMsgCab{display:grid;grid-template-columns:auto 1fr auto;gap:10px;width:100%;padding:9px 12px;border:0;background:rgba(255,255,255,.03);color:inherit;font:inherit;text-align:left;cursor:pointer}
.mailMsgCab small{opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mailMsgCab time{font-size:12px;opacity:.7}
.mailMsg.abierto .agCuerpo{margin:0;border-radius:0;min-height:45vh}
.mailAdj{display:flex;gap:6px;flex-wrap:wrap;padding:8px 12px}.mailAdj .btn{font-size:12px}
/* ── Clima: ventana del día ── */
.clModal .comDialog{width:min(1100px,100%)}
.clHoras{width:100%;border-collapse:collapse;font-size:13px}.clHoras th,.clHoras td{padding:5px 6px;border-bottom:1px solid rgba(150,190,200,.15);text-align:center;white-space:nowrap}
.clHoras th{position:sticky;top:0;background:#0b2436;font-size:12px;opacity:.85}.clHoras tr.fuera td{opacity:.5}.clHoras tr.lluvia td{background:rgba(80,150,255,.12)}.clHoras tr.alerta td{background:rgba(229,103,125,.14)}
.clHorasWrap{max-height:46vh;overflow:auto;border-radius:8px}
.clFuente{font-size:12px;opacity:.85;line-height:1.5;border-top:1px solid rgba(150,190,200,.2);padding-top:8px}
.clResumenDia{display:flex;gap:8px;flex-wrap:wrap}.clResumenDia span{background:rgba(255,255,255,.06);border-radius:8px;padding:6px 10px;font-size:13px}
.c621ComGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:8px}.c621ComGrid .c621Stat{cursor:pointer}
.clModal table.clHoras{display:table!important;width:100%!important;table-layout:auto}.clModal .clHoras thead{display:table-header-group!important}.clModal .clHoras tbody{display:table-row-group!important}.clModal .clHoras tr{display:table-row!important}.clModal .clHoras th,.clModal .clHoras td{display:table-cell!important}
.clFuente a,.clModal a{color:#7fe0f0}
/* V6.9.76 — Tareas del equipo */
#planificacion[data-plan-tab="equipo"] > #c619PlanRoot{display:none!important}
.eqTop .eqPref{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:6px 0;font-size:14px}
.eqTop select,.eqVis{padding:6px 8px;border-radius:8px;border:1px solid rgba(150,190,200,.35);background:#06141c;color:#eaf8fd}
.eqGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:12px;margin-top:12px}
.eqCab{display:flex;gap:10px;align-items:center;margin-bottom:8px}.eqCab b{display:block;font-size:15px}.eqCab small{opacity:.7}
.eqAvatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#11597a;color:#eaf8fd;font-weight:800}
.eqNums{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:8px}
.eqNums span{background:rgba(255,255,255,.04);border-radius:8px;padding:6px;text-align:center;font-size:11px;opacity:.9}.eqNums b{display:block;font-size:18px}
.eqNums .warn b{color:#ffd479}.eqNums .bad b{color:#ff8c9c}.eqNums .ok b{color:#7ff0b6}
.eqTarea{display:flex;gap:8px;align-items:center;border-top:1px solid rgba(150,190,200,.13);padding:7px 0}
.eqTarea.hecha{opacity:.55}.eqTarea.vencida .eqAbrir b{color:#ff8c9c}
.eqAbrir{flex:1;min-width:0;border:0;background:none;color:inherit;text-align:left;cursor:pointer;font:inherit;padding:0}
.eqAbrir b{display:block;font-size:13.5px}.eqAbrir small{display:block;opacity:.7;font-size:11.5px}
.eqVis{max-width:150px;font-size:12px}.eqVisIco{font-size:16px}
.eqAct{margin-top:8px;font-size:12.5px}.eqAct summary{cursor:pointer;opacity:.85}.eqAct div{padding:4px 0;border-top:1px dashed rgba(150,190,200,.12)}.eqAct time{opacity:.65;margin-right:4px}
@media(max-width:900px){.eqGrid{grid-template-columns:1fr}.eqTarea{flex-wrap:wrap}.eqAbrir{flex:1 1 100%}.eqVis{max-width:none;width:100%}.eqNums b{font-size:16px}}