/* AAS Dashboard failsafe styles
   Purpose: overcome theme/CSP issues where inline <style> is stripped or overridden.
*/

/* Make sure the portal frame does not clip dashboard content */
.aibb-wrap.aibb-frontend .aibb-portal-frame[data-aibb-dashboard-rendered="1"]{
  overflow: visible !important;
  height: auto !important;
  max-height: none !important;
}

/* Force the unified dashboard grid into 2 columns */
.aibb-wrap.aibb-frontend .aibb-portal-frame[data-aibb-dashboard-rendered="1"] .aibb-dashboard-grid.aias-dashboard-grid{
  display: grid !important;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important;
  gap: 14px !important;
  align-items: start !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* Pin top row */
.aibb-wrap.aibb-frontend .aibb-portal-frame[data-aibb-dashboard-rendered="1"] .aibb-toprow-left,
.aibb-wrap.aibb-frontend .aibb-portal-frame[data-aibb-dashboard-rendered="1"] .aibb-dash-col-left{
  grid-column: 1 !important;
}
.aibb-wrap.aibb-frontend .aibb-portal-frame[data-aibb-dashboard-rendered="1"] .aibb-toprow-right,
.aibb-wrap.aibb-frontend .aibb-portal-frame[data-aibb-dashboard-rendered="1"] .aibb-dash-col-right{
  grid-column: 2 !important;
}

/* Ensure cards never get hidden by theme rules */
.aibb-wrap.aibb-frontend .aibb-portal-frame[data-aibb-dashboard-rendered="1"] .aias-dash-card{
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Saved/Archived split row */
.aibb-wrap.aibb-frontend .aibb-portal-frame[data-aibb-dashboard-rendered="1"] .aibb-projects-split{
  display: grid !important;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important;
  gap: 14px !important;
}

/* Only collapse to 1 column on genuinely narrow screens */
@media (max-width: 640px){
  .aibb-wrap.aibb-frontend .aibb-portal-frame[data-aibb-dashboard-rendered="1"] .aibb-dashboard-grid.aias-dashboard-grid{
    grid-template-columns: 1fr !important;
  }
  .aibb-wrap.aibb-frontend .aibb-portal-frame[data-aibb-dashboard-rendered="1"] .aibb-toprow-left,
  .aibb-wrap.aibb-frontend .aibb-portal-frame[data-aibb-dashboard-rendered="1"] .aibb-toprow-right,
  .aibb-wrap.aibb-frontend .aibb-portal-frame[data-aibb-dashboard-rendered="1"] .aibb-dash-col-left,
  .aibb-wrap.aibb-frontend .aibb-portal-frame[data-aibb-dashboard-rendered="1"] .aibb-dash-col-right{
    grid-column: 1 / -1 !important;
  }
  .aibb-wrap.aibb-frontend .aibb-portal-frame[data-aibb-dashboard-rendered="1"] .aibb-projects-split{
    grid-template-columns: 1fr !important;
  }
}
