/* =========================================================
   GAR – LAYOUT (shared / desktop-first)
   SINGLE SOURCE OF TRUTH
   ========================================================= */

/* Full-width app canvas */
.gar-app{
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

/* =========================================================
   DASHBOARD SHELL
   ========================================================= */

.gar-company-dashboard{
  width: 100%;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box;
}

/* =========================================================
   CENTERED INNER CONTAINER (DESKTOP SOURCE OF TRUTH)
   ========================================================= */

.gar-company-dashboard > .gar-inner {
  width: 100%;
  max-width: 1120px;          /* szerokość kontenera */
  margin: 0 auto 48px;        /* wycentrowany */
  padding: 0 24px 48px;       /* RÓWNY odstęp lewo/prawo */
  box-sizing: border-box;

  font-family: system-ui, -apple-system, BlinkMacSystemFont,
               "Segoe UI", Roboto, Arial, sans-serif;
}


/* =========================================================
   GAR – CONTENT LAYOUT FIX
   ensures cards reach full visual width
   ========================================================= */

/* =========================================================
   GAR – CONTENT LAYOUT FIX
   ensures cards reach full visual width
   ========================================================= */

.gar-company-dashboard > .gar-inner > main.gar-content {
  width: 100%;
  max-width: 100%;
  padding: 0;                 /* zero z każdej strony */
  box-sizing: border-box;
}

/* karty na desktopie = pełna szerokość kontenera
   (tylko główne karty w main.gar-content, nie Task Review itd.) */
.gar-company-dashboard > .gar-inner > main.gar-content > section.gar-card {
  margin: 0 0 24px;   /* tylko dół, boki bierzemy z paddingu .gar-inner */
}



/* =========================================================
   HEADER
   ========================================================= */

.gar-header{
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
  margin-bottom: 16px;
}

.gar-title{
  margin: 0;
  font-size: 28px;
  line-height: 1.1;
}

.gar-subtitle{
  margin: 6px 0 0;
  color: var(--gar-muted);
}

.gar-chip{
  display: inline-block;
  padding: 6px 10px;
  border: 1px solid var(--gar-border);
  border-radius: 999px;
  font-size: 12px;
  background: var(--gar-soft);
}

/* =========================================================
   THEME OVERRIDES – ONLY FOR GAR
   Keep at VERY END of file
   ========================================================= */

body.gar-page .site-container,
body.gar-page .site-header-row-container-inner,
body.gar-page .site,
body.gar-page .site-content,
body.gar-page .site-main,
body.gar-page .content-area,
body.gar-page .entry-content{
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* =========================================================
   Company Dashboard Campaign view
   ========================================================= */

.gar-campaign-tasks-row .gar-campaign-tasks-cell {
    background: #f9fafb;
    padding: 10px 16px;
    font-size: 13px;
    color: rgba(15, 23, 42, 0.9);
    border-top: 1px solid rgba(148, 163, 184, 0.35);
}

.gar-campaign-tasks-cell span {
    margin-left: 12px;
    white-space: nowrap;
}