#mf-ext-tickets-root{border:1px solid #ddd;padding:20px;border-radius:8px;background:#fff}
.mf-ext-container{max-width:100%}
.mf-ext-header{font-size:20px;font-weight:600;margin:0 0 15px;color:#333}
.mf-ext-loading{opacity:.7;padding:20px;text-align:center}
.mf-ext-list{margin:0;padding:0;list-style:none}
.mf-ext-ticket{border:1px solid #e0e0e0;padding:16px;border-radius:8px;margin:0 0 16px;display:flex;gap:16px;align-items:flex-start;justify-content:space-between;background:#fafafa}
.mf-ext-left{flex:1 1 auto;min-width:0}
.mf-ext-title{font-weight:600;font-size:16px;margin:0 0 8px;color:#2c3e50}
.mf-ext-details{margin:0 0 8px}
.mf-ext-detail{font-size:13px;color:#5a6c7d;margin:0 0 3px;padding-left:12px;position:relative}
.mf-ext-detail:before{content:'•';position:absolute;left:0;color:#95a5a6}
.mf-ext-meta{font-size:12px;color:#7f8c8d;margin:0 0 6px}
.mf-ext-char{font-size:13px;color:#2c3e50;font-weight:500}
.mf-ext-notlinked{color:#e74c3c;font-weight:normal}
.mf-ext-chip{display:inline-block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#ecf0f1;border:1px solid #bdc3c7;color:#2c3e50;padding:3px 8px;border-radius:12px;vertical-align:middle;font-size:12px}
.mf-ext-actions{display:flex;gap:10px;align-items:center;min-width:280px;justify-content:flex-end}
.mf-ext-select-wrap{min-width:200px;margin-bottom:0}
.mf-ext-select{min-width:200px;height:38px;padding:6px 10px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;margin-bottom:0 !important;font-size:14px;color:#2c3e50;transition:border-color .2s ease-in-out}
/* Override WooCommerce theme styles that add margin-bottom */
#mf-ext-tickets-root .mf-ext-select,
.woocommerce-account .mf-ext-select,
html body.woocommerce-account .mf-ext-select,
body.woocommerce-account .mf-ext-select {
  margin-bottom: 0 !important;
}
.mf-ext-actions .button{height:38px;line-height:36px;padding:0 16px;border-radius:4px;box-sizing:border-box}
.mf-ext-error{color:#e74c3c;margin:15px 0;padding:10px;background:#fdf2f2;border:1px solid #f5c6cb;border-radius:4px}
.mf-ext-success{color:#27ae60;margin:15px 0;padding:10px;background:#f2f9f5;border:1px solid #c3e6cb;border-radius:4px}
.mf-ext-empty{text-align:center;padding:30px;color:#7f8c8d}

/* Responsive styles */
@media (max-width: 768px) {
  #mf-ext-tickets-root {
    padding: 15px;
  }
  
  .mf-ext-ticket {
    flex-direction: column;
    gap: 12px;
    align-items: stretch;
  }
  
  .mf-ext-left {
    margin-bottom: 8px;
  }
  
  .mf-ext-actions {
    min-width: auto;
    justify-content: stretch;
    flex-wrap: wrap;
  }
  
  .mf-ext-select-wrap {
    min-width: auto;
    flex: 1;
  }
  
  .mf-ext-select {
    min-width: auto;
    width: 100%;
  }
  
  .mf-ext-actions .button {
    min-width: 100px;
    flex-shrink: 0;
  }
}

@media (max-width: 480px) {
  .mf-ext-header {
    font-size: 18px;
  }
  
  .mf-ext-title {
    font-size: 15px;
  }
  
  .mf-ext-actions {
    flex-direction: column;
    gap: 8px;
  }
  
  .mf-ext-select-wrap {
    width: 100%;
  }
  
  .mf-ext-actions .button {
    width: 100%;
    min-width: auto;
  }
  
  .mf-ext-chip {
    max-width: 150px;
  }
}