/* Minaya AgroFresh - Fase 12: tipografia y espacios profesionales */
:root{
  --maf-font: Inter, "Segoe UI", Roboto, Arial, sans-serif;
  --maf-text-xs:12px;
  --maf-text-sm:14px;
  --maf-text-md:16px;
  --maf-text-lg:18px;
  --maf-title-sm:22px;
  --maf-title-md:28px;
  --maf-title-lg:34px;
  --maf-space-1:4px;
  --maf-space-2:8px;
  --maf-space-3:12px;
  --maf-space-4:16px;
  --maf-space-5:20px;
  --maf-space-6:24px;
  --maf-space-8:32px;
  --maf-space-10:40px;
  --maf-radius-sm:8px;
  --maf-radius-md:12px;
  --maf-radius-lg:16px;
  --maf-card-border:#e4e7ec;
  --maf-card-shadow:0 1px 2px rgba(16,24,40,.05),0 5px 16px rgba(16,24,40,.06);
  --maf-page-max:1600px;
}

html{font-size:16px;}
body,input,select,textarea,button{font-family:var(--maf-font);}
body{font-size:var(--maf-text-md);line-height:1.55;color:#1d2939;letter-spacing:0;background:#f7f9f8;}
p,li,label,input,select,textarea{line-height:1.5;}
p{margin:0 0 var(--maf-space-4);}
small,.muted,.text-muted,.helper-text{font-size:var(--maf-text-sm);line-height:1.45;color:#667085;}

h1,h2,h3,h4,h5,h6,.page-title,.section-title,.card-title{margin-top:0;color:#101828;line-height:1.22;letter-spacing:-.015em;font-weight:700;}
h1,.page-title{font-size:clamp(28px,2.1vw,var(--maf-title-lg));margin-bottom:var(--maf-space-3);}
h2,.section-title{font-size:clamp(22px,1.7vw,var(--maf-title-md));margin-bottom:var(--maf-space-4);}
h3,.card-title{font-size:var(--maf-title-sm);margin-bottom:var(--maf-space-3);}
h4{font-size:var(--maf-text-lg);margin-bottom:var(--maf-space-3);}

/* Contenido y ritmo de pagina */
main,.main,.main-content,.content,.page-content,#content,#app-main{
  width:100%;
  max-width:var(--maf-page-max);
  margin-inline:auto;
  padding:var(--maf-space-8);
}
.page,.view,.screen,.module-view,.dashboard-view{padding-block:var(--maf-space-2) var(--maf-space-10);}
.page-header,.content-header,.module-header,.section-header{
  display:flex;align-items:flex-start;justify-content:space-between;gap:var(--maf-space-5);
  margin-bottom:var(--maf-space-6);
}
section,.section,.form-section,.dashboard-section{margin-bottom:var(--maf-space-8);}
hr{margin:var(--maf-space-8) 0;border:0;border-top:1px solid #e4e7ec;}

/* Tarjetas uniformes */
.card,.panel,.widget,.stat-card,.kpi-card,.form-card,.table-card,.dashboard-card,.operation-card{
  background:#fff;
  border:1px solid var(--maf-card-border);
  border-radius:var(--maf-radius-md);
  box-shadow:var(--maf-card-shadow);
}
.card,.panel,.widget,.form-card,.table-card,.dashboard-card{padding:var(--maf-space-6);}
.stat-card,.kpi-card,.operation-card{padding:var(--maf-space-5);}
.cards,.card-grid,.dashboard-grid,.stats-grid,.kpi-grid,.form-grid,.grid{
  gap:var(--maf-space-5)!important;
}
.card + .card,.panel + .panel,.form-section + .form-section{margin-top:var(--maf-space-6);}

/* Formularios con espacio respirable */
form{font-size:var(--maf-text-md);}
.form-row,.field-row,.input-row{gap:var(--maf-space-5)!important;margin-bottom:var(--maf-space-5);}
.form-group,.field,.input-group{margin-bottom:var(--maf-space-5);}
label,.field-label{display:block;margin-bottom:var(--maf-space-2);font-size:var(--maf-text-sm);font-weight:650;color:#344054;}
input,select,textarea{
  min-height:44px;
  padding:10px 12px;
  border-radius:var(--maf-radius-sm);
  font-size:var(--maf-text-md);
}
textarea{min-height:112px;resize:vertical;}
fieldset{padding:var(--maf-space-6);margin:0 0 var(--maf-space-6);border:1px solid var(--maf-card-border);border-radius:var(--maf-radius-md);}
legend{padding:0 var(--maf-space-2);font-weight:700;font-size:var(--maf-text-lg);}
.form-actions,.modal-actions,.dialog-actions,.wizard-actions{
  display:flex;align-items:center;justify-content:flex-end;gap:var(--maf-space-3);
  margin-top:var(--maf-space-6);padding-top:var(--maf-space-5);border-top:1px solid #eaecf0;
}

/* Solo tres tamanos de boton */
.btn,button,.button,[role="button"]{min-height:40px;padding:9px 15px;font-size:var(--maf-text-sm);line-height:1.2;border-radius:var(--maf-radius-sm);font-weight:650;}
.btn-sm,.button-sm,.table-actions .btn,.pt-action{min-height:34px;padding:6px 10px;font-size:var(--maf-text-xs);}
.btn-lg,.button-lg,.primary-action{min-height:48px;padding:12px 20px;font-size:var(--maf-text-md);}

/* Tablas */
.table-container,.table-responsive,.professional-table-wrap{border-radius:var(--maf-radius-md);overflow:auto;}
table{font-size:var(--maf-text-sm);line-height:1.45;}
th{font-size:var(--maf-text-xs);letter-spacing:.025em;text-transform:none;padding:13px 14px;}
td{padding:13px 14px;vertical-align:middle;}
.table-toolbar,.pt-toolbar,.filters-row{padding:var(--maf-space-4);gap:var(--maf-space-3)!important;}
.pagination,.pt-pagination{padding:var(--maf-space-4);gap:var(--maf-space-2);}

/* Modales */
.modal-content,.dialog,.confirmation-dialog{
  border-radius:var(--maf-radius-lg);
  padding:var(--maf-space-6);
  box-shadow:0 24px 48px rgba(16,24,40,.2);
}
.modal-header,.dialog-header{margin-bottom:var(--maf-space-5);padding-bottom:var(--maf-space-4);border-bottom:1px solid #eaecf0;}
.modal-body,.dialog-body{padding-block:var(--maf-space-2);}

/* Navegacion */
.sidebar,.side-nav,.navigation{font-size:var(--maf-text-sm);}
.nav-item,.menu-item,.sidebar a{min-height:42px;padding:9px 12px;border-radius:var(--maf-radius-sm);}
.menu-group,.nav-group{margin-bottom:var(--maf-space-2);}

/* Evitar cajas innecesariamente pegadas */
.alert,.notice,.message,.empty-state{padding:var(--maf-space-4) var(--maf-space-5);margin-bottom:var(--maf-space-5);border-radius:var(--maf-radius-md);}
.tabs,.tab-list{gap:var(--maf-space-2);margin-bottom:var(--maf-space-5);}
.breadcrumbs,.breadcrumb{margin-bottom:var(--maf-space-4);font-size:var(--maf-text-sm);}

@media (max-width:900px){
  main,.main,.main-content,.content,.page-content,#content,#app-main{padding:var(--maf-space-5);}
  .page-header,.content-header,.module-header,.section-header{flex-direction:column;align-items:stretch;gap:var(--maf-space-3);}
  .card,.panel,.widget,.form-card,.table-card,.dashboard-card{padding:var(--maf-space-5);}
  .form-actions,.modal-actions,.dialog-actions,.wizard-actions{flex-wrap:wrap;}
}
@media (max-width:600px){
  body{font-size:15px;}
  main,.main,.main-content,.content,.page-content,#content,#app-main{padding:var(--maf-space-4);}
  h1,.page-title{font-size:26px;}
  h2,.section-title{font-size:22px;}
  .card,.panel,.widget,.form-card,.table-card,.dashboard-card,.stat-card,.kpi-card,.operation-card{padding:var(--maf-space-4);border-radius:var(--maf-radius-md);}
  .cards,.card-grid,.dashboard-grid,.stats-grid,.kpi-grid,.form-grid,.grid{gap:var(--maf-space-4)!important;}
  .form-actions,.modal-actions,.dialog-actions,.wizard-actions{display:grid;grid-template-columns:1fr;}
  .form-actions .btn,.modal-actions .btn,.dialog-actions .btn,.wizard-actions .btn{width:100%;}
}