/* Doçura Vera's Sistema v2.6.2 — padronização global de layout */
:root{
  --dv-content-max:1320px;
  --dv-page-gap:42px;
  --dv-page-top:38px;
  --dv-page-bottom:56px;
}

/* Todas as áreas funcionais ocupam o mesmo eixo central do Dashboard. */
#appShell > .module-page,
#appShell > #agendaPage,
#appShell > #checklistPage{
  width:min(var(--dv-content-max), calc(100% - (var(--dv-page-gap) * 2))) !important;
  max-width:var(--dv-content-max) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding:var(--dv-page-top) 0 var(--dv-page-bottom) !important;
  box-sizing:border-box !important;
}

/* Evita que estruturas internas criem um segundo deslocamento lateral. */
#appShell > .module-page > .hero,
#appShell > .module-page > .dashboard-page-head,
#appShell > .module-page > .dashboard-filters,
#appShell > .module-page > .dashboard-metrics,
#appShell > .module-page > .dashboard-grid,
#appShell > .module-page > .dashboard-section,
#appShell > .module-page > .layout,
#appShell > .module-page > .panel,
#appShell > .module-page > .products-panel,
#appShell > .module-page > .agenda-toolbar,
#appShell > .module-page > .agenda-list{
  width:100%;
  max-width:none;
  box-sizing:border-box;
}

/* Cabeçalhos consistentes em todas as telas. */
#appShell > .module-page .dashboard-page-head,
#appShell > .module-page > .hero{
  margin-top:0;
  margin-bottom:24px;
}
#appShell > .module-page .dashboard-page-head h1,
#appShell > .module-page > .hero h1{
  font:48px Georgia,serif;
  line-height:1.05;
  margin:5px 0 8px;
}
#appShell > .module-page .dashboard-page-head p,
#appShell > .module-page > .hero p{
  margin:0;
  color:#6e6458;
}

/* Tabelas e blocos extensos continuam responsivos sem romper o centro. */
#appShell > .module-page .table-wrap{
  max-width:100%;
  overflow:auto;
}
#appShell > .module-page .dashboard-section,
#appShell > .module-page .panel{
  box-sizing:border-box;
}

/* Novo orçamento: mesma largura e origem visual das demais abas. */
#quotePage{
  width:min(var(--dv-content-max), calc(100% - (var(--dv-page-gap) * 2))) !important;
}
#quotePage .layout{
  grid-template-columns:minmax(0,1fr) 340px;
}

/* Agenda: remove o aspecto de tela esticada de ponta a ponta. */
#agendaPage.agenda-page{
  width:min(var(--dv-content-max), calc(100% - (var(--dv-page-gap) * 2))) !important;
  margin-inline:auto !important;
}
#agendaPage .agenda-toolbar,
#agendaPage .dashboard-metrics,
#agendaPage .dashboard-section{
  width:100%;
}

/* Telas operacionais geradas dinamicamente seguem a mesma fundação. */
#checklistPage,
#productionPage,
#purchasesPage,
#financePage,
#crmPage,
#indicatorsPage,
#dashboardPage{
  margin-inline:auto !important;
}

@media (max-width:1100px){
  :root{--dv-page-gap:28px;--dv-page-top:30px;}
  #quotePage .layout{grid-template-columns:1fr;}
  #quotePage .summary{position:static;}
}

@media (max-width:980px){
  :root{--dv-page-gap:20px;--dv-page-top:26px;--dv-page-bottom:42px;}
  #appShell > .module-page,
  #appShell > #agendaPage,
  #appShell > #checklistPage,
  #agendaPage.agenda-page,
  #quotePage{
    width:calc(100% - (var(--dv-page-gap) * 2)) !important;
    padding:var(--dv-page-top) 0 var(--dv-page-bottom) !important;
  }
}

@media (max-width:600px){
  :root{--dv-page-gap:14px;--dv-page-top:22px;}
  #appShell > .module-page .dashboard-page-head h1,
  #appShell > .module-page > .hero h1{font-size:38px;}
}

@media print{
  #appShell > .module-page,
  #appShell > #agendaPage,
  #appShell > #checklistPage{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
  }
}

/* v2.7.0 — Central do Evento */
.event-center-page{width:min(1400px,calc(100% - 48px));margin:0 auto 48px}.event-center-toolbar{display:flex;gap:14px;align-items:end;flex-wrap:wrap;margin:18px 0 22px}.event-center-toolbar label{min-width:210px;flex:1}.event-center-toolbar button{min-height:44px}.event-chip{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap;background:#f0f1f3;color:#5f6368}.event-chip.ok{background:#e9f6ee;color:#277a47}.event-chip.warn{background:#fff4db;color:#9a6a00}.event-chip.muted{background:#f2f2f2;color:#666}.event-center-dialog{width:min(1050px,94vw);max-height:90vh}.event-center-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.event-center-summary>div,.event-module-card,.event-notes-card{border:1px solid #e8e1d8;border-radius:16px;background:#fff;padding:16px}.event-center-summary span,.event-notes-grid span{display:block;font-size:12px;color:#777;margin-bottom:5px;text-transform:uppercase;letter-spacing:.04em}.event-center-summary strong{display:block;font-size:18px}.event-center-summary small{display:block;margin-top:4px;color:#777}.event-center-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.event-module-card>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.event-module-card>div>span{font-weight:800;font-size:17px}.event-module-card p{min-height:38px;color:#666}.event-module-card button{width:100%}.event-notes-card{margin-top:14px}.event-notes-card h3{margin-top:0}.event-notes-grid{display:grid;grid-template-columns:1fr 1fr 2fr;gap:16px}.event-notes-grid p{margin:0;white-space:pre-line}.event-center-actions{display:flex;justify-content:flex-end;margin-top:14px}@media(max-width:800px){.event-center-page{width:min(100% - 24px,1400px)}.event-center-summary,.event-center-grid,.event-notes-grid{grid-template-columns:1fr}.event-center-dialog{width:96vw}}