/***********************************************************************
 * File: customer.css
 * Module: Customer Website
 * Purpose:
 * Defines page layouts unique to the authenticated customer
 * application.
 *
 * Dependencies:
 * - style.css
 * - layout.css
 * - components.css
 *
 * Technical Notes:
 * Uses reusable components from the Design System.
 * Contains no component definitions.
 *
 * Future Enhancements:
 * - Dashboard widgets
 * - Workflow progress layouts
 * - Readiness visualisations
 *
 * Build:
 * AI Governance Build 2 MVP/V1
 *
 * Version:
 * 2.0.0
 ***********************************************************************/


/* ===========================================================
   AI OVERVIEW DASHBOARD
   =========================================================== */

.ag-overview {

    display: flex;

    flex-direction: column;

    gap: var(--ag-space-xl);

}


/* Dashboard Metrics */

.ag-overview-metrics {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: var(--ag-space-lg);

}


/* ===========================================================
   IDENTIFY AGENTS
   =========================================================== */

.ag-agent-summary {

    display: grid;

    grid-template-columns: 2fr 1fr;

    gap: var(--ag-space-lg);

}


.ag-agent-list {

    margin-top: var(--ag-space-lg);

}


/* ===========================================================
   GOVERN AGENTS
   =========================================================== */

.ag-governance-workflow {

    display: flex;

    flex-direction: column;

    gap: var(--ag-space-lg);

}


.ag-governance-stage {

    margin-bottom: var(--ag-space-xl);

}


/* ===========================================================
   SUPPORT
   =========================================================== */

.ag-support-layout {

    display: grid;

    grid-template-columns: 2fr 1fr;

    gap: var(--ag-space-lg);

}


/* ===========================================================
   SETTINGS
   =========================================================== */

.ag-settings-layout {

    display: grid;

    grid-template-columns: 1fr;

    gap: var(--ag-space-lg);

}