/***********************************************************************
 * File: internal.css
 * Module: Internal Website
 * Purpose:
 * Defines layouts used by the Decidio Internal Website.
 *
 * Dependencies:
 * - style.css
 * - layout.css
 * - components.css
 *
 * Technical Notes:
 * Shared only by authenticated Decidio staff.
 *
 * Future Enhancements:
 * - Monitoring dashboard
 * - Support queue
 * - Analytics
 *
 * Build:
 * AI Governance Build 2 MVP/V1
 *
 * Version:
 * 2.0.0
 ***********************************************************************/


/* ===========================================================
   INTERNAL DASHBOARD
   =========================================================== */

.ag-internal-dashboard {

    display: flex;

    flex-direction: column;

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

}


.ag-internal-metrics {

    display: grid;

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

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

}


/* ===========================================================
   CUSTOMER OVERVIEW
   =========================================================== */

.ag-customer-overview {

    display: grid;

    grid-template-columns: 3fr 1fr;

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

}


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

.ag-support-queue {

    display: flex;

    flex-direction: column;

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

}


/* ===========================================================
   SYSTEM MONITORING
   =========================================================== */

.ag-monitoring-grid {

    display: grid;

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

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

}


/* ===========================================================
   INTERVENTION LOG
   =========================================================== */

.ag-intervention-layout {

    display: grid;

    grid-template-columns: 1fr;

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

}


/* ===========================================================
   PRODUCT ANALYTICS
   =========================================================== */

.ag-analytics {

    display: grid;

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

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

}