#allosecurite-dashboard {
    max-width: 960px;
    margin: 0 auto;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}
/* Onglets */
#allosecurite-dashboard .as-tabs {
    display: flex;
    gap: 4px;
    border-bottom: 2px solid #e2e2e2;
    margin-bottom: 20px;
}
#allosecurite-dashboard .as-tab-btn {
    background: none;
    border: none;
    padding: 10px 18px;
    font-size: 15px;
    cursor: pointer;
    color: #555;
    border-bottom: 3px solid transparent;
    transition: color 0.15s ease, border-color 0.15s ease;
}
#allosecurite-dashboard .as-tab-btn:hover {
    color: #1a1a1a;
}
#allosecurite-dashboard .as-tab-btn.active {
    color: #0f6cbd;
    border-bottom-color: #0f6cbd;
    font-weight: 600;
}
#allosecurite-dashboard .as-tab-content {
    display: none;
}
#allosecurite-dashboard .as-tab-content.active {
    display: block;
}
/* Cartes de stats */
#allosecurite-dashboard .as-stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 16px;
}
#allosecurite-dashboard .as-stat-card {
    background: #f7f9fb;
    border: 1px solid #e2e2e2;
    border-radius: 8px;
    padding: 20px;
    text-align: center;
}
#allosecurite-dashboard .as-stat-card span {
    display: block;
    font-size: 32px;
    font-weight: 700;
    color: #0f6cbd;
}
#allosecurite-dashboard .as-stat-card label {
    display: block;
    margin-top: 6px;
    font-size: 13px;
    color: #666;
}
/* Tableau */
#allosecurite-dashboard .as-table {
    width: 100%;
    border-collapse: collapse;
}
#allosecurite-dashboard .as-table th,
#allosecurite-dashboard .as-table td {
    text-align: left;
    padding: 10px 12px;
    border-bottom: 1px solid #eee;
    font-size: 14px;
}
#allosecurite-dashboard .as-table th {
    color: #666;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.03em;
}
#allosecurite-dashboard .as-status {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 600;
}
#allosecurite-dashboard .as-status.active {
    background: #e6f4ea;
    color: #1e7e34;
}
#allosecurite-dashboard .as-status.inactive {
    background: #fdecea;
    color: #b3261e;
}
#allosecurite-dashboard .as-status.new {
    background: #fff4e5;
    color: #b8560a;
}
/* Carte Leaflet */
#allosecurite-dashboard #as-map {
    width: 100%;
    height: 420px;
    border-radius: 8px;
    border: 1px solid #e2e2e2;
}
#allosecurite-dashboard .as-qr-canvas {
    width: 64px;
    height: 64px;
}