/* Table Styles */
.sts-table { width: 100%; border-collapse: collapse; margin-top: 15px; }
.sts-table th, .sts-table td { border: 1px solid #ddd; padding: 10px; text-align: left; }
.sts-table th { background-color: #f8f9fa; }

/* Status Colors */
.sts-status-open { color: green; font-weight: bold; }
.sts-status-closed { color: red; }
.sts-status-pending { color: orange; }

/* Message Thread */
.sts-thread { margin: 20px 0; border: 1px solid #eee; padding: 15px; background: #fff; }
.sts-message { padding: 10px; margin-bottom: 10px; border-radius: 5px; }
.user-message { background-color: #f1f1f1; border-left: 4px solid #333; }
.admin-message { background-color: #e3f2fd; border-left: 4px solid #2196F3; text-align: right; }

/* Popup Modal */
.sts-popup { display: none; position: fixed; z-index: 999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); }
.sts-popup-content { background-color: #fff; margin: 10% auto; padding: 20px; width: 50%; border-radius: 8px; position: relative; }
.sts-close { float: right; font-size: 28px; font-weight: bold; cursor: pointer; }
.sts-popup-content input[type="text"], .sts-popup-content textarea { width: 100%; margin-bottom: 10px; }
.button { padding: 8px 15px; background: #0073aa; color: #fff; text-decoration: none; border: none; cursor: pointer; }