/* Equacom Inside — v3.11.35: Ver detalles, roles, rediseño departamentos, subsistemas */

/* ===== Botón Ver Detalles en items ===== */
.eqi-item,[data-eqi-item]{position:relative}
.eqi-item-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}
.eqi-item-title{cursor:pointer;text-decoration:none;color:inherit;transition:color .15s}
.eqi-item-title:hover{color:#2196F3;text-decoration:underline}
.eqi-btn-details{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:8px;background:linear-gradient(135deg,#1a2332,#2196F3);color:#fff;font-size:.78rem;font-weight:600;border:0;cursor:pointer;box-shadow:0 2px 6px rgba(33,150,243,.25);transition:transform .15s,box-shadow .15s}
.eqi-btn-details:hover{transform:translateY(-1px);box-shadow:0 4px 10px rgba(33,150,243,.4)}
.eqi-btn-details::before{content:"";display:inline-block;width:14px;height:14px;background:currentColor;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 4.5C7 4.5 2.7 7.6 1 12c1.7 4.4 6 7.5 11 7.5s9.3-3.1 11-7.5c-1.7-4.4-6-7.5-11-7.5zm0 12.5a5 5 0 110-10 5 5 0 010 10zm0-8a3 3 0 100 6 3 3 0 000-6z'/></svg>") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 4.5C7 4.5 2.7 7.6 1 12c1.7 4.4 6 7.5 11 7.5s9.3-3.1 11-7.5c-1.7-4.4-6-7.5-11-7.5zm0 12.5a5 5 0 110-10 5 5 0 010 10zm0-8a3 3 0 100 6 3 3 0 000-6z'/></svg>") center/contain no-repeat}

/* ===== Panel de detalles moderno ===== */
.eqi-details-overlay{position:fixed;inset:0;background:rgba(15,23,42,.6);backdrop-filter:blur(4px);z-index:99998;display:flex;align-items:center;justify-content:center;padding:1rem;animation:eqiFadeIn .2s ease}
.eqi-details-panel{background:#fff;border-radius:16px;max-width:780px;width:100%;max-height:90vh;overflow:auto;box-shadow:0 25px 60px rgba(0,0,0,.35);animation:eqiSlideUp .25s ease}
.eqi-details-panel header{position:sticky;top:0;background:linear-gradient(135deg,#1a2332,#2196F3);color:#fff;padding:1.1rem 1.4rem;display:flex;align-items:center;justify-content:space-between;border-radius:16px 16px 0 0;z-index:1}
.eqi-details-panel header h3{margin:0;font-size:1.15rem;font-weight:700}
.eqi-details-close{background:rgba(255,255,255,.2);border:0;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:1.2rem;line-height:1}
.eqi-details-close:hover{background:rgba(255,255,255,.35)}
.eqi-details-body{padding:1.4rem}
.eqi-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.85rem;margin-bottom:1.2rem}
.eqi-details-field{background:#f8fafc;padding:.7rem .9rem;border-radius:10px;border-left:3px solid #2196F3}
.eqi-details-field-label{font-size:.7rem;font-weight:700;text-transform:uppercase;color:#64748b;letter-spacing:.05em;margin-bottom:.25rem}
.eqi-details-field-value{font-size:.9rem;color:#1a2332;font-weight:600;word-break:break-word}
.eqi-details-section{margin-top:1.2rem;border-top:1px solid #e2e8f0;padding-top:1.1rem}
.eqi-details-section h4{margin:0 0 .7rem;font-size:.95rem;color:#1a2332;display:flex;align-items:center;gap:.4rem}
.eqi-details-desc{background:#fafbfc;border:1px solid #e2e8f0;border-radius:10px;padding:.9rem;font-size:.92rem;color:#334155;line-height:1.55;white-space:pre-wrap}
.eqi-details-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.2rem;padding-top:1.1rem;border-top:1px solid #e2e8f0}
.eqi-details-actions button{padding:.5rem 1rem;border-radius:8px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;font-size:.85rem;font-weight:600;color:#1a2332;transition:all .15s}
.eqi-details-actions button:hover{background:#1a2332;color:#fff;border-color:#1a2332}
.eqi-details-actions .danger{color:#dc2626;border-color:#fecaca}
.eqi-details-actions .danger:hover{background:#dc2626;color:#fff}
.eqi-history-item{padding:.55rem .8rem;background:#f8fafc;border-radius:8px;margin-bottom:.4rem;font-size:.82rem;color:#475569;border-left:2px solid #2196F3}
.eqi-history-item time{display:block;font-size:.7rem;color:#94a3b8;margin-bottom:.2rem}

@keyframes eqiFadeIn{from{opacity:0}to{opacity:1}}
@keyframes eqiSlideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}

/* ===== Rediseño departamentos ===== */
.eqi-departments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.1rem;padding:.5rem 0}
.eqi-dept-card{position:relative;background:#fff;border-radius:14px;padding:1.3rem;cursor:pointer;border:1px solid #e2e8f0;box-shadow:0 2px 6px rgba(15,23,42,.04);transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s,border-color .2s;overflow:hidden}
.eqi-dept-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#1a2332,#2196F3);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.eqi-dept-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(33,150,243,.18);border-color:#2196F3}
.eqi-dept-card:hover::before{transform:scaleX(1)}
.eqi-dept-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#1a2332,#2196F3);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin-bottom:.85rem}
.eqi-dept-name{font-size:1.05rem;font-weight:700;color:#1a2332;margin:0 0 .35rem}
.eqi-dept-desc{font-size:.82rem;color:#64748b;line-height:1.45;margin-bottom:.85rem}
.eqi-dept-stats{display:flex;gap:.85rem;flex-wrap:wrap;border-top:1px solid #f1f5f9;padding-top:.7rem}
.eqi-dept-stat{display:flex;flex-direction:column;font-size:.75rem;color:#64748b}
.eqi-dept-stat strong{font-size:1.1rem;color:#2196F3;font-weight:700}

/* ===== Subsistema departamental ===== */
.eqi-dept-shell{animation:eqiFadeIn .2s ease}
.eqi-dept-header{display:flex;align-items:center;gap:1rem;padding:1.2rem;background:linear-gradient(135deg,#1a2332,#2196F3);color:#fff;border-radius:14px;margin-bottom:1.1rem}
.eqi-dept-header .eqi-dept-icon{background:rgba(255,255,255,.2);margin:0}
.eqi-dept-header h2{margin:0;font-size:1.4rem}
.eqi-dept-header p{margin:.2rem 0 0;opacity:.85;font-size:.85rem}
.eqi-dept-back{margin-left:auto;background:rgba(255,255,255,.2);border:0;color:#fff;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-weight:600}
.eqi-dept-back:hover{background:rgba(255,255,255,.35)}
.eqi-dept-tabs{display:flex;gap:.4rem;flex-wrap:wrap;border-bottom:2px solid #e2e8f0;margin-bottom:1.1rem;padding-bottom:.3rem}
.eqi-dept-tab{padding:.55rem 1rem;border:0;background:transparent;cursor:pointer;font-weight:600;color:#64748b;border-radius:8px 8px 0 0;font-size:.88rem;position:relative;transition:color .15s}
.eqi-dept-tab:hover{color:#1a2332}
.eqi-dept-tab.active{color:#2196F3}
.eqi-dept-tab.active::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:3px;background:#2196F3;border-radius:2px}

/* ===== Perfil empleado ===== */
.eqi-emp-profile{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 4px 14px rgba(15,23,42,.06)}
.eqi-emp-cover{height:100px;background:linear-gradient(135deg,#1a2332,#2196F3)}
.eqi-emp-head{padding:0 1.5rem 1.2rem;display:flex;align-items:flex-end;gap:1.2rem;margin-top:-50px;flex-wrap:wrap}
.eqi-emp-avatar{width:100px;height:100px;border-radius:50%;border:4px solid #fff;background:#e2e8f0;object-fit:cover;box-shadow:0 4px 12px rgba(0,0,0,.15)}
.eqi-emp-info h2{margin:0;font-size:1.3rem;color:#1a2332}
.eqi-emp-info p{margin:.2rem 0;color:#64748b;font-size:.85rem}
.eqi-emp-actions{margin-left:auto;display:flex;gap:.4rem;flex-wrap:wrap}
.eqi-emp-actions button{padding:.45rem .85rem;border-radius:8px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;font-size:.8rem;font-weight:600;color:#1a2332}
.eqi-emp-actions button:hover{background:#2196F3;color:#fff;border-color:#2196F3}
.eqi-emp-actions .danger{color:#dc2626;border-color:#fecaca}
.eqi-emp-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.8rem;padding:1rem 1.5rem;background:#f8fafc;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}
.eqi-emp-stat{text-align:center}
.eqi-emp-stat strong{display:block;font-size:1.4rem;color:#2196F3;font-weight:700}
.eqi-emp-stat span{font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em}

/* ===== GPS botón ===== */
.eqi-gps-office{border:1px solid #bfdbfe;background:#eff6ff;border-radius:12px;padding:.85rem;margin-bottom:1rem!important}
.eqi-gps-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.2rem;border-radius:10px;background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;border:0;cursor:pointer;font-weight:700;font-size:.9rem;box-shadow:0 4px 12px rgba(220,38,38,.3);transition:transform .15s}
.eqi-gps-btn:hover{transform:translateY(-1px)}
.eqi-gps-btn.ok{background:linear-gradient(135deg,#16a34a,#22c55e);box-shadow:0 4px 12px rgba(22,163,74,.3)}
.eqi-gps-btn.checking{background:linear-gradient(135deg,#f59e0b,#fbbf24);box-shadow:0 4px 12px rgba(245,158,11,.3);pointer-events:none}
.eqi-gps-status{display:block;margin-top:.5rem;font-size:.82rem;color:#475569;padding:.6rem .8rem;background:#f8fafc;border-radius:8px;border-left:3px solid #2196F3}
.eqi-gps-status a{color:#1d4ed8;font-weight:700;text-decoration:underline}
.eqi-card button:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.2)}
.eqi-item-completed{opacity:.72}

/* ===== Operación avanzada: Mi Jornada / tareas / actividades / reportes ===== */
.eqi-jornada-plus{margin-top:1rem;border:1px solid #dbeafe;background:#f8fbff;border-radius:12px;padding:1rem}
.eqi-plus-head{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start;margin-bottom:.85rem;color:#1a2332;flex-wrap:wrap}
.eqi-plus-head strong{font-size:.98rem}.eqi-plus-head span{font-size:.78rem;color:#64748b;font-weight:600}
.eqi-plus-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.7rem}
.eqi-plus-grid>div{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:.75rem}.eqi-plus-grid b{display:block;color:#1a2332;font-size:.82rem;margin-bottom:.25rem}.eqi-plus-grid small{display:block;color:#64748b;line-height:1.35}
.eqi-plus-actions,.eqi-work-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.85rem}.eqi-plus-actions button,.eqi-plus-actions a,.eqi-work-actions button{border:1px solid #bfdbfe;background:#fff;color:#1a2332;border-radius:8px;padding:.48rem .75rem;font-size:.8rem;font-weight:700;cursor:pointer;text-decoration:none}.eqi-plus-actions button:hover,.eqi-plus-actions a:hover,.eqi-work-actions button:hover{background:#1a2332;color:#fff;border-color:#1a2332}
.eqi-workspace-tools{display:flex;justify-content:space-between;gap:.8rem;align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:.8rem;margin:.75rem 0;flex-wrap:wrap}.eqi-work-kpis{display:flex;gap:.55rem;flex-wrap:wrap}.eqi-work-kpis span{background:#f8fafc;border-left:3px solid #2196F3;border-radius:8px;padding:.45rem .7rem;font-size:.75rem;color:#64748b}.eqi-work-kpis b{display:block;color:#1a2332;font-size:1rem}.eqi-work-actions{margin-top:0}.eqi-work-actions input{border:1px solid #cbd5e1;border-radius:8px;padding:.5rem .65rem;min-width:210px;color:#1a2332;background:#fff}

/* Visibilidad por rol — los nodos con data-eqi-role-required se muestran/ocultan vía JS */
[data-eqi-role-hidden="1"]{display:none !important}