/* ─────────────────────────────────────────────────────────────


   GoodCold — Dashboard de cliente


   Renderizado por shortcode [gc_dashboard_cliente]


   ───────────────────────────────────────────────────────────── */





.gc-dashboard {


  font-family: Arial, Helvetica, sans-serif;


  max-width: 1100px;


  margin: 0 auto;


  padding: 32px 16px 48px;


  color: #111;


}





/* ── Header ────────────────────────────────────────────────── */


.gc-dashboard__header {


  display: flex;


  align-items: center;


  gap: 16px;


  background: linear-gradient(135deg, #0B39F2 0%, #0a2fcc 100%);


  color: #fff;


  border-radius: 22px;


  padding: 24px 28px;


  margin-bottom: 24px;


}


.gc-dashboard__avatar {


  width: 64px;


  height: 64px;


  border-radius: 50%;


  background: rgba(255,255,255,0.2);


  color: #fff;


  font-size: 26px;


  font-weight: 700;


  display: flex;


  align-items: center;


  justify-content: center;


  text-transform: uppercase;


  flex-shrink: 0;


  border: 2px solid rgba(255,255,255,0.3);


}


.gc-dashboard__info { flex: 1; min-width: 0; }


.gc-dashboard__greeting {


  margin: 0 0 4px !important;


  font-size: 24px;


  font-weight: 700;


  color: #fff !important;


  line-height: 1.2;


  font-family: Arial, Helvetica, sans-serif !important;


}


.gc-dashboard__sub {


  margin: 0 !important;


  font-size: 14px;


  color: rgba(255,255,255,0.85) !important;


  line-height: 1.4;


  word-break: break-word;


}


.gc-dashboard__logout {


  display: inline-flex;


  align-items: center;


  gap: 6px;


  padding: 8px 14px;


  background: rgba(255,255,255,0.15);


  color: #fff !important;


  border: 1.5px solid rgba(255,255,255,0.3);


  border-radius: 8px;


  font-size: 13px;


  font-weight: 600;


  text-decoration: none !important;


  transition: all 0.2s;


  white-space: nowrap;


}


.gc-dashboard__logout:hover {


  background: rgba(255,255,255,0.25);


  border-color: rgba(255,255,255,0.5);


  color: #fff !important;


}





/* ── Tarjetas de stats ─────────────────────────────────────── */


.gc-dashboard__stats {


  display: grid;


  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));


  gap: 12px;


  margin-bottom: 28px;


}


.gc-stat {


  display: flex;


  align-items: center;


  gap: 14px;


  background: #fff;


  border: 1px solid #E4E7EC;


  border-radius: 16px;


  padding: 16px 20px;


}


.gc-stat__icon {


  width: 44px;


  height: 44px;


  border-radius: 50%;


  display: flex;


  align-items: center;


  justify-content: center;


  flex-shrink: 0;


}


.gc-stat__icon--blue { background: #e6f0ff; color: #0B39F2; }


.gc-stat__body { line-height: 1.2; }


.gc-stat__num {


  margin: 0 !important;


  font-size: 28px;


  font-weight: 700;


  color: #111 !important;


  line-height: 1;


  font-family: Arial, Helvetica, sans-serif !important;


}


.gc-stat__label {


  margin: 4px 0 0 !important;


  font-size: 13px;


  color: #666 !important;


  line-height: 1.3;


}





/* ── Sección ───────────────────────────────────────────────── */


.gc-dashboard__section {


  background: #fff;


  border: 1px solid #E4E7EC;


  border-radius: 22px;


  padding: 24px 28px;


  margin-bottom: 20px;


}


.gc-section-header {


  display: flex;


  justify-content: space-between;


  align-items: center;


  margin-bottom: 16px;


  padding-bottom: 12px;


  border-bottom: 2px solid #0B39F2;


}


.gc-section-header h3 {


  margin: 0 !important;


  font-size: 14px !important;


  font-weight: 700 !important;


  text-transform: uppercase;


  letter-spacing: 0.05em;


  color: #111 !important;


  font-family: Arial, Helvetica, sans-serif !important;


}


.gc-link-all {


  font-size: 13px;


  color: #0B39F2 !important;


  font-weight: 600;


  text-decoration: none !important;


}


.gc-link-all:hover { text-decoration: underline !important; }





/* ── Lista de items ────────────────────────────────────────── */


.gc-list {


  display: flex;


  flex-direction: column;


  gap: 6px;


}


.gc-list-item {


  display: flex;


  align-items: center;


  justify-content: space-between;


  padding: 14px 16px;


  background: #fafbff;


  border: 1px solid #E4E7EC;


  border-radius: 12px;


  text-decoration: none !important;


  color: inherit !important;


  transition: all 0.15s;


  gap: 12px;


}


a.gc-list-item:hover {


  border-color: #0B39F2;


  background: #fff;


  transform: translateX(2px);


}


.gc-list-item__main { flex: 1; min-width: 0; }


.gc-list-item__title {


  margin: 0 0 4px !important;


  font-size: 14px;


  font-weight: 700;


  color: #111 !important;


  line-height: 1.3;


}


.gc-list-item__meta {


  margin: 0 !important;


  font-size: 12px;


  color: #777 !important;


  line-height: 1.3;


}


.gc-list-item__right {


  display: flex;


  align-items: center;


  gap: 10px;


  flex-shrink: 0;


}


.gc-chevron-r {


  color: #aaa;


  transition: color 0.15s;


}


a.gc-list-item:hover .gc-chevron-r { color: #0B39F2; }





/* Estados de pedido */


.gc-estado {


  display: inline-block;


  padding: 4px 10px;


  border-radius: 12px;


  font-size: 11px;


  font-weight: 700;


  text-transform: uppercase;


  letter-spacing: 0.05em;


  white-space: nowrap;


}


.gc-estado--pendiente   { background: #fff7e6; color: #b86e00; }


.gc-estado--en_proceso  { background: #e6f0ff; color: #0B39F2; }


.gc-estado--cotizado    { background: #e8f5e9; color: #2e7d32; }


.gc-estado--aceptado    { background: #2e7d32; color: #fff; }


.gc-estado--cancelado   { background: #f5f5f5; color: #888; }





/* Tag de modo de balance */


.gc-modo-tag {


  display: inline-block;


  padding: 3px 9px;


  border-radius: 10px;


  font-size: 11px;


  font-weight: 700;


  text-transform: uppercase;


  letter-spacing: 0.05em;


  white-space: nowrap;


}


.gc-modo-tag--basic    { background: #e6f0ff; color: #0B39F2; }


.gc-modo-tag--advanced { background: #fff7e6; color: #b86e00; }





/* ── Empty state mini ──────────────────────────────────────── */


.gc-empty-mini {


  background: #fafbff;


  border: 1px dashed #E4E7EC;


  border-radius: 12px;


  padding: 24px;


  text-align: center;


}


.gc-empty-mini p {


  margin: 0 0 12px !important;


  color: #666 !important;


  font-size: 14px;


}


.gc-empty-mini h3 {


  margin: 0 0 8px !important;


  font-size: 18px !important;


  color: #111 !important;


  font-family: Arial, Helvetica, sans-serif !important;


}


.gc-btn-secondary {


  display: inline-flex;


  align-items: center;


  gap: 4px;


  padding: 8px 16px;


  background: #fff;


  color: #0B39F2 !important;


  border: 1.5px solid #0B39F2;


  border-radius: 8px;


  font-size: 13px;


  font-weight: 600;


  text-decoration: none !important;


  cursor: pointer;


  transition: all 0.2s;


}


.gc-btn-secondary:hover {


  background: #0B39F2;


  color: #fff !important;


}





/* ── Mis datos grid ────────────────────────────────────────── */


.gc-datos-grid {


  display: grid;


  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));


  gap: 16px;


}


.gc-dato {


  padding: 12px 14px;


  background: #fafbff;


  border: 1px solid #E4E7EC;


  border-radius: 10px;


}


.gc-dato__label {


  margin: 0 0 4px !important;


  font-size: 11px;


  text-transform: uppercase;


  letter-spacing: 0.05em;


  color: #888 !important;


  font-weight: 700;


  line-height: 1.2;


}


.gc-dato__valor {


  margin: 0 !important;


  font-size: 14px;


  color: #111 !important;


  font-weight: 600;


  line-height: 1.3;


  word-break: break-word;


}





/* ── Mobile ────────────────────────────────────────────────── */


@media (max-width: 720px) {


  .gc-dashboard { padding: 16px 12px 40px; }





  .gc-dashboard__header {


    flex-direction: column;


    text-align: center;


    padding: 24px 20px;


  }


  .gc-dashboard__info { text-align: center; }


  .gc-dashboard__greeting { font-size: 20px; }





  .gc-dashboard__section {


    padding: 18px 16px;


    border-radius: 16px;


  }





  .gc-section-header {


    flex-direction: column;


    align-items: flex-start;


    gap: 6px;


  }





  .gc-list-item {


    flex-wrap: wrap;


    padding: 12px;


  }


  .gc-list-item__right .gc-chevron-r { display: none; }


}