/* Contenedor principal */
.sgmd-converter{max-width:1100px;margin:0 auto;padding:12px;box-sizing:border-box}

/* Grid layout - Mayor especificidad para page builders */
.sgmd-converter .sgmd-grid{display:grid !important;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.sgmd-converter .sgmd-column{display:flex !important;flex-direction:column !important;width:100% !important;margin:0 !important;padding:0 !important}

/* Textareas y preview */
.sgmd-converter .sgmd-textarea{width:100% !important;min-height:380px;padding:8px;font-family:monospace;resize:vertical;box-sizing:border-box;display:block !important;margin:0 !important}
.sgmd-converter .sgmd-preview{min-height:380px;padding:8px;border:1px solid #ddd;background:#fff;overflow:auto;box-sizing:border-box;display:block !important;width:100% !important;margin:0 !important}

/* Controles y botones */
.sgmd-converter .sgmd-controls{margin-top:8px;display:flex;gap:8px;flex-wrap:wrap}
.sgmd-converter .sgmd-btn{padding:6px 10px !important;border:1px solid #ccc !important;background:#f7f7f7 !important;cursor:pointer;border-radius:4px;font-size:14px;line-height:1.4;display:inline-block;text-decoration:none;box-shadow:none !important;text-transform:none !important;letter-spacing:normal !important;font-weight:normal !important;width:auto !important;height:auto !important;margin:0 !important}

/* Tablas en preview */
.sgmd-converter .sgmd-preview table{border-collapse:collapse;width:100%;margin:12px 0}
.sgmd-converter .sgmd-preview th,
.sgmd-converter .sgmd-preview td{border:1px solid #ddd;padding:8px;text-align:left}
.sgmd-converter .sgmd-preview th{background-color:#f2f2f2;font-weight:bold}
.sgmd-converter .sgmd-preview tr:nth-child(even){background-color:#f9f9f9}

/* Sistema de pestañas - Critical para Elementor */
.sgmd-converter .sgmd-tabs{display:flex !important;gap:0;margin-bottom:-1px;flex-wrap:nowrap !important;width:100% !important;padding:0 !important;list-style:none !important}
.sgmd-converter .sgmd-tab{padding:10px 20px !important;border:1px solid #ddd !important;border-bottom:none !important;background:#f7f7f7 !important;cursor:pointer;border-radius:8px 8px 0 0;margin-right:4px !important;margin-left:0 !important;margin-top:0 !important;margin-bottom:0 !important;transition:all 0.3s;display:inline-block !important;float:none !important;width:auto !important;height:auto !important;font-size:14px;line-height:1.4;text-decoration:none;box-shadow:none !important;text-transform:none !important;letter-spacing:normal !important;position:relative !important}
.sgmd-converter .sgmd-tab:hover{background:#e8e8e8 !important}
.sgmd-converter .sgmd-tab.active{background:#fff !important;border-color:#003366 !important;border-bottom:1px solid #fff !important;font-weight:bold !important;color:#003366 !important}

/* Contenido de pestañas */
.sgmd-converter .sgmd-tab-content{position:relative;border:1px solid #ddd;border-radius:0 8px 8px 8px;width:100% !important;clear:both !important;display:block !important;overflow:visible !important}
.sgmd-converter .sgmd-tab-pane{display:none !important;width:100% !important;margin:0 !important;padding:0 !important;position:relative !important;float:none !important;clear:both !important}
.sgmd-converter .sgmd-tab-pane.active{display:block !important}

/* Botón copiar */
.sgmd-converter .sgmd-copy-container{margin-top:8px;text-align:right;width:100% !important;clear:both !important;display:block !important}

/* Labels */
.sgmd-converter label{display:block;margin-bottom:4px;font-weight:normal;font-size:14px}

/* Responsive */
@media (max-width:720px){
  .sgmd-converter .sgmd-grid{grid-template-columns:1fr !important}
  .sgmd-converter .sgmd-textarea{min-height:280px}
  .sgmd-converter .sgmd-preview{min-height:280px}
}