/* =========================================================
   ZELO / SouZelo — pages.css
   Arquivo reorganizado por módulo/página
   Objetivo: facilitar manutenção sem alterar regras CSS.
   Observação: o conteúdo das regras foi preservado;
   houve reorganização estrutural e inclusão de sumário.
========================================================= */

/* =========================================================
   SUMÁRIO
   1. Bloco legado inicial e regras compartilhadas
   
   
   


   7. Mensageria WhatsApp

   
========================================================= */








/* 7.1 WhatsApp manual wizard */
/* 7.2 WhatsApp manual wizard — ajustes de largura e centralização */
/* 7.3 PAGE: MESSAGING WHATSAPP TEMPLATES */
/* 7.4 messaging_whatsapp.php — refinamento da etapa de contatos */
/* 7.5 PAGE: MESSAGING WHATSAPP CAMPAIGNS */


/* 9.1 BASE — containers de página */
/* 9.2 SIDEBAR — grupo colapsável do módulo Orçamentos */
/* 9.3 AÇÕES DO CABEÇALHO DA PÁGINA */
/* 9.4 BOARD WRAP — contém hint e board com scroll */
/* 9.5 BOARD — scroll horizontal com colunas em flex */
/* 9.6 COLUNAS — largura fixa + altura máxima + scroll interno */
/* 9.7 CARDS — dimensionamento uniforme */
/* 9.8 RODAPÉ DO CARD — indicadores */
/* 9.9 MODAIS DO FUNIL */
/* 9.10 SEÇÕES EMPILHADAS NO MODAL DE EDIÇÃO */
/* 9.11 BANNER DE OPORTUNIDADE VINCULADA */
/* 9.12 RESPONSIVO */
/* 9.13 PROPOSTA — Linhas de itens */
/* 9.14 ITENS — campo de ajuda */
/* 9.15 LINKS internos do módulo */
/* 9.16 RESPONSIVO — proposta / links */
/* 9.17 PAGE: ORÇAMENTOS — DASHBOARD */
/* 9.18 PAGE: ORÇAMENTOS — LISTAGEM OFICIAL */


/* =========================================================
   1. BLOCO LEGADO INICIAL E REGRAS COMPARTILHADAS
========================================================= */

/* =========================================================
   ZELO / SouZelo — pages.css
   Exceções e regras específicas de páginas
========================================================= */

.page-demo-signup .gi-card,
.page-demo-confirm .gi-card,
.page-login .gi-card{
  margin-top: 10px;
}

/* ── Módulo: DEV/Admin (Refatorado) ── */
.page-dev-users .gi-container{
  padding-left: 12px;
  padding-right: 12px;
}

.page-dev-users .gi-card .gi-card-body{
  padding: 14px;
}

@media (min-width: 900px){
  .page-dev-users .gi-container{
    padding-left: 18px;
    padding-right: 18px;
  }
}

.page-dev-tenants .gi-filter-chips .gi-chip:first-child{
  border-color: rgba(59,130,246,0.55);
  background: rgba(59,130,246,0.12);
  color: #1e3a8a;
}

.page-dev-tenants .gi-filter-chips .gi-chip:first-child.is-active{
  border-color: rgba(59,130,246,0.75);
  background: rgba(59,130,246,0.18);
  box-shadow: 0 10px 22px rgba(59,130,246,0.18);
}

.page-dev-users .dev-users-area{
  min-height: 220px;
  padding-bottom: 28px;
  display: block;
}

/* ── Módulo: Barbearia (Refatorado) ── */
.page-barber-combos .gi-perm-grid .gi-perm-item.gi-combo-item{
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  gap: 10px !important;
}

.page-barber-combos .gi-perm-grid .gi-perm-item.gi-combo-item .gi-combo-head{
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 0 !important;
}

.page-barber-combos .gi-perm-grid .gi-perm-item.gi-combo-item .gi-combo-qty{
  display: grid !important;
  gap: 6px !important;
  justify-items: center !important;
  width: 100% !important;
}

.page-barber-combos .gi-perm-grid .gi-perm-item.gi-combo-item .gi-combo-qty .gi-input{
  max-width: 180px !important;
  text-align: center !important;
}

/* ── Módulo: Notificações (Refatorado) ── */
.page-notifications .gi-container{
  width: min(980px, calc(100% - 28px));
  padding-top: 16px;
  padding-bottom: 36px;
}

.page-notifications .gi-title{
  font-size: 20px;
  line-height: 1.3;
  margin: 0;
}

.page-notifications .gi-card + .gi-card,
.page-notifications .gi-card + .gi-list-cards,
.page-notifications .gi-list-cards + .gi-card,
.page-notifications .gi-card + .notif-cards,
.page-notifications .notif-cards + .gi-card{
  margin-top: 16px;
}

.page-notifications .gi-label{
  display: block;
  margin-bottom: 6px;
  font-size: 16px;
}

.page-notifications .gi-input{
  width: 100%;
  min-height: 44px;
  font-size: 16px;
  box-sizing: border-box;
}

.page-notifications .gi-empty{
  font-size: 16px;
  color: #666;
}

.page-notifications .gi-notification-card.is-unread{
  border-width: 2px;
}

.page-notifications .gi-notification-title,
.page-notifications .notif-card-title{
  font-size: 18px;
  line-height: 1.35;
}

.page-notifications .gi-notification-title{
  font-weight: 700;
}

.page-notifications .notif-card-title{
  margin: 0;
}

.page-notifications .gi-notification-type{
  margin-top: 4px;
  font-size: 14px;
}

.page-notifications .gi-notification-body{
  margin-top: 4px;
}

.page-notifications .gi-notification-message,
.page-notifications .notif-message{
  font-size: 16px;
  line-height: 1.55;
}

.page-notifications .gi-notification-message{
  margin: 0 0 12px;
}

.page-notifications .notif-meta-grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

.page-notifications .notif-meta-item{
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.page-notifications .notif-filters-grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

.page-notifications .notif-filter-actions{
  padding-top: 4px;
}

.page-notifications .notif-empty-card,
.page-notifications .notif-cards{
  margin-top: 16px;
}

.page-notifications .notif-cards{
  display: grid;
  gap: 16px;
}

.page-notifications .notif-inline-form{
  width: 100%;
}

.page-notifications .gi-pill-warning{
  background: #fff4d6;
}

.page-notifications .gi-pill-success{
  background: #e8f7ea;
}

.page-notifications .gi-alert{
  margin-top: 12px;
  padding: 12px;
  border-radius: 12px;
  font-size: 16px;
}

.page-notifications .gi-alert-error{
  background: #fdecec;
}

.page-notifications .gi-alert-success{
  background: #ebf8ee;
}

@media (max-width: 768px){
  .page-notifications .gi-card-header,
  .page-notifications .notif-card-top{
    display: grid;
    gap: 10px;
  }

  .page-notifications .notif-header-actions{
    justify-content: stretch;
  }

  .page-notifications .notif-header-actions .gi-form-inline,
  .page-notifications .notif-header-actions .gi-btn{
    width: 100%;
  }
}

@media (min-width: 768px){
  .page-notifications .gi-grid-3{
    grid-template-columns: minmax(0, 1.5fr) minmax(180px, .7fr) auto;
    align-items: end;
  }

  .page-notifications .notif-meta-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .page-notifications .notif-filters-grid{
    grid-template-columns: minmax(0, 1.4fr) minmax(220px, 0.65fr);
  }
}


/* ── Módulo: Appointments/Atendimentos (Refatorado) ── */

/* Formulário de Appointments */
.page-appointments-form .appt-form-grid,
.page-appointments-form .appt-form-grid-3{
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

.page-appointments-form .appt-section-head{
  padding-bottom: 8px;
}

.page-appointments-form .appt-section-title{
  font-size: 18px;
  line-height: 1.3;
  margin: 0;
}

@media (min-width: 720px){
  .page-appointments-form .appt-form-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .page-appointments-form .appt-form-grid-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* Listagem de Appointments */
.page-appointments .appt-list-grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

.page-appointments .appt-card-title{
  font-size: 18px;
  line-height: 1.35;
}

.page-appointments .appt-meta-grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

.page-appointments .appt-description{
  margin-top: 6px;
  display: grid;
  gap: 6px;
}

.page-appointments .appt-description p{
  font-size: 16px;
  line-height: 1.5;
}

@media (min-width: 720px){
  .page-appointments .appt-list-grid,
  .page-appointments .appt-meta-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 980px){
  .page-appointments .appt-list-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.page-oh-documents .gi-panel,
.page-oh-document-form .gi-card,
.page-oh-documents .oh-list,
.page-oh-document-form .gi-form{
  width:100%;
}

/* =============================== 

          TELA DE LOGIN 

=============================*/

:root{
  --brand: #16a34a;
  --brand-600: #15803d;

  --bg: #f8fafc;
  --card: #ffffff;
  --text: #0f172a;
  --muted: rgba(15,23,42,0.65);
  --border: rgba(15,23,42,0.14);

  --danger-bg: rgba(239,68,68,0.12);

  --input-bg: #ffffff;
  --input-border: rgba(15,23,42,0.18);
  --shadow: 0 10px 30px rgba(2,6,23,0.10);






/* =========================================================
   7. MENSAGERIA WHATSAPP
========================================================= */

/* ---------------------------------------------------------
   7.1 WhatsApp manual wizard
--------------------------------------------------------- */

/* =========================================================
   WhatsApp manual wizard
========================================================= */

/* =========================================================
   7.1 WHATSAPP/MENSAGERIA - Componentes base em components.css
   Apenas overrides específicos de página aqui
========================================================= */

/* ---------------------------------------------------------
   7.2 WhatsApp Connect & QR - Layout específico
--------------------------------------------------------- */

.page-messaging-whatsapp-connect .gi-container,
.page-messaging-whatsapp-qr .gi-container{
  width: min(100%, 100vw);
  max-width: 100%;
}

.page-messaging-whatsapp-connect .wa-connect-header,
.page-messaging-whatsapp-qr .wa-qr-header{
  text-align: center;
}

.page-messaging-whatsapp-connect .wa-connect-header h1,
.page-messaging-whatsapp-qr .wa-qr-header h1{
  width: 100%;
  margin: 0;
}

.page-messaging-whatsapp-connect .wa-connect-header .gi-muted,
.page-messaging-whatsapp-qr .wa-qr-header .gi-muted{
  width: 100%;
  margin: 8px 0 0;
  text-align: center;
}

.page-messaging-whatsapp-connect .wa-connect-status-center{
  width: 100%;
  margin: 14px auto 18px;
  text-align: center;
}

.page-messaging-whatsapp-connect .wa-connect-grid .gi-btn,
.page-messaging-whatsapp-qr .wa-qr-actions .gi-btn{
  width: 100%;
}

.page-messaging-whatsapp-qr #statusLine,
.page-messaging-whatsapp-qr #qrTimerLine{
  text-align: center;
}

@media (min-width: 900px){
  .page-messaging-whatsapp-connect .gi-container,
  .page-messaging-whatsapp-qr .gi-container{
    max-width: none;
    padding-left: clamp(20px, 3vw, 36px);
    padding-right: clamp(20px, 3vw, 36px);
  }

  .page-messaging-whatsapp-connect .wa-manual-wizard,
  .page-messaging-whatsapp-connect .wa-connect-card,
  .page-messaging-whatsapp-qr .wa-manual-wizard,
  .page-messaging-whatsapp-qr .wa-qr-card{
    width: 100%;
    max-width: none;
  }

  .page-messaging-whatsapp-connect .wa-connect-card .gi-card-header,
  .page-messaging-whatsapp-qr .wa-qr-card .gi-card-header{
    padding-left: clamp(18px, 2.4vw, 28px);
    padding-right: clamp(18px, 2.4vw, 28px);
  }

  .page-messaging-whatsapp-connect .wa-connect-panel,
  .page-messaging-whatsapp-qr .wa-qr-wrap{
    padding-left: clamp(18px, 2.4vw, 28px);
    padding-right: clamp(18px, 2.4vw, 28px);
  }

  .page-messaging-whatsapp-connect .wa-connect-status-center{
    max-width: none;
  }
}

/* ---------------------------------------------------------
   7.3 WhatsApp Templates - Layout específico
--------------------------------------------------------- */

.page-messaging-whatsapp-templates .mtpl-header-actions{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.page-messaging-whatsapp-templates .mtpl-checkline{
  min-height: 44px;
  align-items: center;
}

.page-messaging-whatsapp-templates .mtpl-form-panel.is-hidden{
  display: none;
}

.page-messaging-whatsapp-templates .mtpl-placeholder-panel{
  margin: 0;
}

.page-messaging-whatsapp-templates .mtpl-message-field{
  min-height: 220px;
}

.page-messaging-whatsapp-templates .mtpl-help{
  padding: 0 18px 18px;
}

.page-messaging-whatsapp-templates .mtpl-badge-stack{
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}

.page-messaging-whatsapp-templates .mtpl-body-preview{
  white-space: normal;
  line-height: 1.45;
  word-break: break-word;
}

.page-messaging-whatsapp-templates .mtpl-readonly-note{
  display: inline-flex;
  align-items: center;
  min-height: 36px;
}

.page-messaging-whatsapp-templates .mtpl-mobile-actions{
  grid-template-columns: 1fr;
}

.page-messaging-whatsapp-templates .mtpl-list-card .oh-data-table td,
.page-messaging-whatsapp-templates .mtpl-list-card .oh-data-table th{
  vertical-align: top;
}

.page-messaging-whatsapp-templates .gi-table-row.gi-table-row-editing td{
  background: rgba(22, 163, 74, 0.06);
}

.page-messaging-whatsapp-templates .gi-table-row.gi-table-row-editing td:first-child{
  border-left: 3px solid var(--brand);
}

.page-messaging-whatsapp-templates .gi-mobile-card.gi-mobile-card-editing{
  border-color: var(--brand);
  box-shadow: 0 0 0 2px rgba(22, 163, 74, 0.18);
}

.page-messaging-whatsapp-templates .wa-manual-wizard{
  width: 100%;
}

@media (max-width: 1023px){
  .page-messaging-whatsapp-templates .gi-container-fluid{
    padding: 16px 14px 32px !important;
  }

  .page-messaging-whatsapp-templates .mtpl-header-actions{
    width: 100%;
  }

  .page-messaging-whatsapp-templates .mtpl-header-actions .gi-btn{
    flex: 1 1 100%;
  }
}

@media (min-width: 1024px){
  .page-messaging-whatsapp-templates .gi-container-fluid{
    max-width: 100% !important;
    width: 100% !important;
    padding: 24px 32px !important;
    box-sizing: border-box;
  }

  .page-messaging-whatsapp-templates .wa-manual-wizard,
  .page-messaging-whatsapp-templates .mtpl-summary-card,
  .page-messaging-whatsapp-templates .mtpl-form-panel,
  .page-messaging-whatsapp-templates .mtpl-list-card{
    width: 100%;
    max-width: none;
  }

  .page-messaging-whatsapp-templates .mtpl-panel-form{
    grid-template-columns: 1fr 1fr;
  }

  .page-messaging-whatsapp-templates .mtpl-panel-actions,
  .page-messaging-whatsapp-templates .mtpl-placeholder-panel,
  .page-messaging-whatsapp-templates .mtpl-message-field{
    grid-column: 1 / -1;
  }
}

@media (min-width: 1280px){
  .page-messaging-whatsapp-templates .mtpl-panel-form{
    grid-template-columns: 1fr 1fr;
  }
}

/* ---------------------------------------------------------
   7.4 WhatsApp Contacts - Layout específico
--------------------------------------------------------- */

/* (Componentes base em components.css) */

@media (min-width: 900px){
  .page-messaging-whatsapp .wa-send-inline-actions{
    grid-template-columns: auto auto 1fr;
    gap: 12px;
  }

  .page-messaging-whatsapp .wa-send-inline-actions .gi-muted{
    justify-self: end;
    text-align: right;
  }

  .page-messaging-whatsapp .wa-send-contacts-list{
    gap: 10px;
  }

  .page-messaging-whatsapp .wa-send-contacts-list .wa-checkbox-item{
    grid-template-columns: 22px minmax(0, 1fr);
    align-items: center;
  }
}

/* ---------------------------------------------------------
   7.5 WhatsApp Campaigns - Layout específico
--------------------------------------------------------- */

.page-messaging-whatsapp-campaigns .gi-container-fluid{
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box;
}

.page-messaging-whatsapp-campaigns .wa-campaigns-list-card,
.page-messaging-whatsapp-campaigns .wa-campaign-details-card{
  margin-top: 16px;
}

.page-messaging-whatsapp-campaigns .wa-campaign-mobile-actions{
  grid-template-columns: 1fr;
}

.page-messaging-whatsapp-campaigns .wa-campaigns-filter-actions{
  align-self: flex-end;
}

.page-messaging-whatsapp-campaigns .wa-campaign-items-filter-panel,
.page-messaging-whatsapp-campaigns .wa-campaign-snapshot-panel{
  margin-top: 16px;
}

.page-messaging-whatsapp-campaigns .wa-campaigns-table .gi-table-row-editing td{
  background: rgba(22, 163, 74, 0.06);
}

.page-messaging-whatsapp-campaigns .wa-campaigns-table .gi-table-row-editing td:first-child{
  border-left: 3px solid var(--brand);
}

@media (max-width: 1023px){
  .page-messaging-whatsapp-campaigns .gi-container-fluid{
    padding: 16px 14px 32px !important;
  }

  .page-messaging-whatsapp-campaigns .wa-campaign-pagination{
    align-items: stretch;
  }

  .page-messaging-whatsapp-campaigns .wa-campaign-pagination .wa-campaign-inline,
  .page-messaging-whatsapp-campaigns .wa-campaign-detail-actions{
    width: 100%;
  }

  .page-messaging-whatsapp-campaigns .wa-campaign-pagination .gi-btn,
  .page-messaging-whatsapp-campaigns .wa-campaign-detail-actions .gi-btn,
  .page-messaging-whatsapp-campaigns .wa-campaign-inline .gi-btn{
    width: 100%;
  }
}

@media (min-width: 1024px){
  .page-messaging-whatsapp-campaigns .gi-container-fluid{
    padding: 24px 32px !important;
  }

  .page-messaging-whatsapp-campaigns .wa-campaigns-filter-form .oh-filter-field-grow{
    min-width: 320px;
  }
}

@media (min-width: 1360px){
  .page-messaging-whatsapp-campaigns .wa-campaigns-filter-form .oh-filter-field-grow{
    min-width: 420px;
  }
}

/* ---------------------------------------------------------
   7.6 WhatsApp Automations - Layout específico
--------------------------------------------------------- */
.page-messaging-whatsapp-automations .mwa-inline-alert{
  margin-bottom:12px;
}

.page-messaging-whatsapp-automations .mwa-alert-actions{
  margin-top:10px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.page-messaging-whatsapp-automations .mwa-filter-actions,
.page-messaging-whatsapp-automations .mwa-panel-actions,
.page-messaging-whatsapp-automations .mwa-mobile-actions,
.page-messaging-whatsapp-automations .mwa-detail-actions,
.page-messaging-whatsapp-automations .mwa-pagination-actions,
.page-messaging-whatsapp-automations .mwa-row-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.page-messaging-whatsapp-automations .mwa-form-panel.is-hidden{
  display:none;
}

.page-messaging-whatsapp-automations .mwa-form-panel,
.page-messaging-whatsapp-automations .mwa-detail-card{
  overflow:visible;
}

.page-messaging-whatsapp-automations .mwa-automation-form{
  display:grid;
  grid-template-columns:1fr;
  gap:14px 16px;
}

.page-messaging-whatsapp-automations .mwa-field-span-2,
.page-messaging-whatsapp-automations .mwa-field-span-3{
  grid-column:1 / -1;
}

.page-messaging-whatsapp-automations .mwa-inline-check{
  min-height:48px;
  align-items:center;
  margin-top:0;
}

.page-messaging-whatsapp-automations .mwa-inline-check .gi-muted{
  margin-top:0;
}

.page-messaging-whatsapp-automations .wa-date-fix{
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
  display:block;
  -webkit-appearance:none;
  appearance:none;
}

.page-messaging-whatsapp-automations input[type="date"].wa-date-fix,
.page-messaging-whatsapp-automations input[type="time"].wa-date-fix,
.page-messaging-whatsapp-automations input[type="datetime-local"].wa-date-fix{
  min-height:48px;
  padding-right:14px;
}

.page-messaging-whatsapp-automations .mwa-check-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
}

.page-messaging-whatsapp-automations .mwa-check-panel{
  width:100%;
  box-sizing:border-box;
  display:flex;
  gap:10px;
  align-items:center;
  justify-content:flex-start;
  padding:14px 16px;
  margin:0;
  text-align:left;
  min-height:58px;
}

.page-messaging-whatsapp-automations .mwa-check-panel span{
  display:block;
  line-height:1.35;
  flex:1 1 auto;
}

.page-messaging-whatsapp-automations .mwa-check-panel input[type="checkbox"]{
  margin:0;
  flex:0 0 auto;
}

.page-messaging-whatsapp-automations .mwa-check-panel.mwa-check-panel-highlight{
  border-color:rgba(59,130,246,.24);
  background:rgba(59,130,246,.06);
}

.page-messaging-whatsapp-automations .mwa-table-wrap{
  margin-top:0;
}

.page-messaging-whatsapp-automations .mwa-run-status{
  margin-top:6px;
}

.page-messaging-whatsapp-automations .mwa-origin-stack{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  justify-content:center;
}

.page-messaging-whatsapp-automations .mwa-origin-stack.is-main{
  justify-content:flex-start;
  margin-top:6px;
}

.page-messaging-whatsapp-automations .mwa-summary-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
}

.page-messaging-whatsapp-automations .mwa-summary-grid span,
.page-messaging-whatsapp-automations .mwa-summary-grid strong{
  display:block;
}

.page-messaging-whatsapp-automations .mwa-summary-grid strong{
  margin-top:4px;
}

.page-messaging-whatsapp-automations .mwa-summary-textarea{
  resize:vertical;
}

.page-messaging-whatsapp-automations .mwa-detail-actions{
  margin-top:14px;
}

.page-messaging-whatsapp-automations .mwa-inline-form{
  margin:0;
}

@media (min-width: 768px){
  .page-messaging-whatsapp-automations .mwa-automation-form{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .page-messaging-whatsapp-automations .mwa-check-grid,
  .page-messaging-whatsapp-automations .mwa-summary-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1180px){
  .page-messaging-whatsapp-automations .gi-container-fluid{
    max-width:100% !important;
    width:100% !important;
    padding:24px 32px !important;
    box-sizing:border-box;
  }

  .page-messaging-whatsapp-automations .mwa-automation-form{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }

  .page-messaging-whatsapp-automations .mwa-check-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }

  .page-messaging-whatsapp-automations .mwa-summary-grid{
    grid-template-columns:repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 980px){
  .page-messaging-whatsapp-automations .mwa-pagination-panel{
    flex-direction:column;
    align-items:stretch;
  }
}

@media (max-width: 768px){
  .page-messaging-whatsapp-automations .gi-container-fluid{
    padding:16px 14px 32px !important;
  }

  .page-messaging-whatsapp-automations .mwa-filter-actions,
  .page-messaging-whatsapp-automations .mwa-panel-actions,
  .page-messaging-whatsapp-automations .mwa-mobile-actions,
  .page-messaging-whatsapp-automations .mwa-detail-actions,
  .page-messaging-whatsapp-automations .mwa-pagination-actions{
    flex-direction:column;
  }

  .page-messaging-whatsapp-automations .mwa-filter-actions > *,
  .page-messaging-whatsapp-automations .mwa-panel-actions > *,
  .page-messaging-whatsapp-automations .mwa-mobile-actions > *,
  .page-messaging-whatsapp-automations .mwa-detail-actions > *,
  .page-messaging-whatsapp-automations .mwa-pagination-actions > *{
    width:100%;
  }
}
.page-messaging-whatsapp-automation-runs .mwa-runs-header-actions,
.page-messaging-whatsapp-automation-runs .mwa-runs-filter-actions,
.page-messaging-whatsapp-automation-runs .mwa-runs-pagination-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.page-messaging-whatsapp-automation-runs .mwa-runs-filter-grid {
  display: grid;
  grid-template-columns: minmax(0, 2fr) repeat(3, minmax(180px, 1fr));
  gap: 14px;
}

.page-messaging-whatsapp-automation-runs .mwa-runs-field,
.page-messaging-whatsapp-automation-runs .mwa-runs-field-grow {
  min-width: 0;
}

.page-messaging-whatsapp-automation-runs .wa-date-fix {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  display: block;
  -webkit-appearance: none;
  appearance: none;
}

.page-messaging-whatsapp-automation-runs input[type="date"].wa-date-fix {
  min-height: 48px;
  padding-right: 14px;
}

.page-messaging-whatsapp-automation-runs .mwa-runs-inline-form {
  margin-top: 14px;
}

.page-messaging-whatsapp-automation-runs .mwa-runs-summary-grid,
.page-messaging-whatsapp-automation-runs .mwa-runs-meta-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px 18px;
}

.page-messaging-whatsapp-automation-runs .mwa-runs-meta-grid-compact {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.page-messaging-whatsapp-automation-runs .mwa-runs-summary-grid span,
.page-messaging-whatsapp-automation-runs .mwa-runs-summary-grid strong,
.page-messaging-whatsapp-automation-runs .mwa-runs-meta-grid span,
.page-messaging-whatsapp-automation-runs .mwa-runs-meta-grid strong {
  display: block;
}

.page-messaging-whatsapp-automation-runs .mwa-runs-summary-grid strong,
.page-messaging-whatsapp-automation-runs .mwa-runs-meta-grid strong {
  margin-top: 4px;
}

.page-messaging-whatsapp-automation-runs .mwa-runs-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1.2fr);
  gap: 18px;
  align-items: start;
}

.page-messaging-whatsapp-automation-runs .mwa-runs-item,
.page-messaging-whatsapp-automation-runs .mwa-runs-run-item {
  text-decoration: none;
  align-items: flex-start;
}

.page-messaging-whatsapp-automation-runs .mwa-runs-item-head,
.page-messaging-whatsapp-automation-runs .mwa-runs-detail-title-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
}

.page-messaging-whatsapp-automation-runs .mwa-runs-detail-title-row {
  margin-bottom: 14px;
}

.page-messaging-whatsapp-automation-runs .mwa-runs-empty {
  padding: 14px 18px;
}

.page-messaging-whatsapp-automation-runs .mwa-runs-pagination-panel {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}

.page-messaging-whatsapp-automation-runs .mwa-runs-summary-textarea {
  resize: vertical;
  margin-top: 8px;
}

.page-messaging-whatsapp-automation-runs .mwa-runs-spacing-top {
  margin-top: 12px;
}

.page-messaging-whatsapp-automation-runs .mwa-runs-spacing-top-xs {
  margin-top: 6px;
}

@media (max-width: 1180px) {
  .page-messaging-whatsapp-automation-runs .mwa-runs-layout,
  .page-messaging-whatsapp-automation-runs .mwa-runs-filter-grid,
  .page-messaging-whatsapp-automation-runs .mwa-runs-summary-grid,
  .page-messaging-whatsapp-automation-runs .mwa-runs-meta-grid,
  .page-messaging-whatsapp-automation-runs .mwa-runs-meta-grid-compact {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 768px) {
  .page-messaging-whatsapp-automation-runs .mwa-runs-layout,
  .page-messaging-whatsapp-automation-runs .mwa-runs-filter-grid,
  .page-messaging-whatsapp-automation-runs .mwa-runs-summary-grid,
  .page-messaging-whatsapp-automation-runs .mwa-runs-meta-grid,
  .page-messaging-whatsapp-automation-runs .mwa-runs-meta-grid-compact {
    grid-template-columns: 1fr;
  }

  .page-messaging-whatsapp-automation-runs .mwa-runs-filter-actions,
  .page-messaging-whatsapp-automation-runs .mwa-runs-pagination-panel,
  .page-messaging-whatsapp-automation-runs .mwa-runs-pagination-actions,
  .page-messaging-whatsapp-automation-runs .mwa-runs-item-head,
  .page-messaging-whatsapp-automation-runs .mwa-runs-detail-title-row {
    flex-direction: column;
    align-items: stretch;
  }

  .page-messaging-whatsapp-automation-runs .mwa-runs-filter-actions > *,
  .page-messaging-whatsapp-automation-runs .mwa-runs-pagination-actions > * {
    width: 100%;
  }
}