/* dashboard.css - separated from style.css */

.tiles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}

.tile{background:rgba(15,22,40,0.8);border:1px solid var(--border);border-radius:16px;padding:20px;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}

.tile:hover{border-color:rgba(99,160,255,0.3);transform:translateY(-2px);box-shadow:0 8px 32px rgba(0,0,0,.3)}

.tile-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}

.tile-count{font-size:28px;font-weight:700;color:var(--text);line-height:1;margin-bottom:4px}

.tile-label{font-size:12px;color:var(--text2);font-weight:500}

.tile-arrow{position:absolute;top:20px;right:20px;color:var(--text3);font-size:16px;transition:all .2s}

.tile:hover .tile-arrow{color:var(--blue3);transform:translateX(2px)}

.agent-row{background:rgba(15,22,40,0.6);border:1px solid var(--border);border-radius:12px;padding:12px 16px;margin-bottom:8px;display:flex;align-items:center;gap:14px}

/* Point « connecté » sur l'avatar d'une ligne Lutin/agent */
.agent-row .agent-av{position:relative;margin-bottom:0;flex-shrink:0}
.agent-row .agent-av .pulse{position:absolute;bottom:-1px;right:-1px;width:11px;height:11px;border-radius:50%;background:#4ade80;border:2px solid #0a1223;box-shadow:0 0 0 0 rgba(74,222,128,.5);animation:agentpulse 2s ease infinite}
@keyframes agentpulse{0%{box-shadow:0 0 0 0 rgba(74,222,128,.5)}70%{box-shadow:0 0 0 6px rgba(74,222,128,0)}100%{box-shadow:0 0 0 0 rgba(74,222,128,0)}}

/* Titres de section de l'onglet Lutins */
.agents-section-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text2);margin:0 0 14px;padding-bottom:8px;border-bottom:1px solid var(--border)}

.officer-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border)}

.officer-row:last-child{border-bottom:none}

.officer-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}

.stat-mini{background:rgba(15,22,40,0.6);border:1px solid var(--border);border-radius:12px;padding:14px 16px}

.stat-mini-label{font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:.8px;font-weight:600;margin-bottom:6px}

.stat-mini-val{font-size:22px;font-weight:700;line-height:1}

.mini-widget{background:rgba(15,22,40,0.55);border:1px solid var(--border);border-radius:12px;padding:12px 14px;display:flex;align-items:center;gap:12px}

body[data-theme="light"] .mini-widget{background:rgba(0,0,0,0.03)}

.mini-widget-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}

.mini-widget-main{flex:1;min-width:0}

.mini-widget-value{font-size:18px;font-weight:700;color:var(--text);line-height:1}

.mini-widget-label{font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:.6px;font-weight:600;margin-top:3px}

.mini-widget-trend{font-size:10px;font-weight:700;padding:2px 6px;border-radius:6px}

.group-tab-content .stat-mini{background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:12px}

.tile{cursor:pointer}

.tile:active{transform:translateY(0)}

/* ─── Listes & favoris du tableau de bord (styles extraits de dashboard.js) ─── */
.dash-officer-info{flex:1}
.dash-officer-name{font-size:13px;font-weight:500;color:var(--text)}
.dash-officer-grade{font-size:11px;color:var(--text3)}
.dash-empty{font-size:12px;color:var(--text3)}
.dash-report-row{padding:6px 0;border-bottom:1px solid var(--border)}
.dash-report-head{display:flex;align-items:center;justify-content:space-between}
.dash-report-meta{font-size:11px;color:var(--text3)}
.dash-fav-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}
.dash-fav-card{padding:10px 12px;background:var(--glass);border:1px solid var(--border);border-radius:10px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .15s}
.dash-fav-icon{font-size:16px}
.dash-fav-label{flex:1;font-size:12px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dash-fav-star{color:var(--amber);cursor:pointer}