.kcsm-dashboard { background:#111; color:#fff; padding:20px; border-radius:10px; }
.kcsm-header { display:flex; align-items:center; gap:15px; flex-wrap:wrap; padding-bottom:10px; margin-bottom:20px; }
.kcsm-header h1 { color:#fff !important; font-size:24px; margin:0; padding-bottom:5px; border-bottom:2px solid #FFD700; }
.kcsm-logo { width:75px; height:75px; object-fit:contain; border-radius:8px; }
.kcsm-search-form { margin-bottom:15px; }
.kcsm-search-input { padding:5px; border-radius:5px; border:1px solid #FFD700; width:300px; max-width:100%; }
.kcsm-table-wrapper { overflow-x:auto; }
.kcsm-table { width:100%; border-collapse:collapse; background:#222; color:#fff; min-width:600px; }
.kcsm-table th { background:#FFD700; color:#000; padding:10px; }
.kcsm-table td { padding:8px; border-bottom:1px solid #333; }
.kcsm-table tr:hover { background:#333; }
.kcsm-footer { margin-top:20px; text-align:center; color:#aaa; font-size:13px; }
.kcsm-support-btn { background:#28a745; color:#fff; border:none; padding:5px 10px; border-radius:5px; cursor:pointer; }
#kcsm-popup { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); display:none; justify-content:center; align-items:center; z-index:9999; }
.kcsm-popup-content { background:#222; color:#fff; padding:20px; border-radius:10px; width:400px; max-width:90%; box-shadow:0 0 15px rgba(0,0,0,0.6); }
.kcsm-popup-content h2 { color:#FFD700; margin-top:0; }
.kcsm-popup-content textarea, .kcsm-popup-content select { width:100%; margin-bottom:10px; border-radius:6px; border:1px solid #FFD700; padding:5px; background:#111; color:#fff; }
.kcsm-popup-actions { display:flex; justify-content:space-between; gap:10px; }
.kcsm-btn-save { background:#28a745 !important; color:#fff; border:none; padding:8px 15px; border-radius:6px; cursor:pointer; }
.kcsm-btn-cancel { background:#555 !important; color:#fff; border:none; padding:8px 15px; border-radius:6px; cursor:pointer; }

/* v1.5.4 notes buttons & popup */
.kcsm-view-support-notes, .kcsm-view-order-notes { background:#0073aa; color:#fff; border:none; padding:5px 10px; border-radius:5px; cursor:pointer; margin-top:3px; }
#kcsm-notes-popup { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); display:none; justify-content:center; align-items:center; z-index:9999; }
.kcsm-note-card { background:#333; padding:10px; border-radius:6px; margin-bottom:8px; border:1px solid #444; }
.kcsm-note-meta { font-size:12px; color:#bbb; margin-bottom:5px; }

/* v1.7.8 popup styles */
#kcsm-notes-popup { position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:9999;display:none;align-items:center;justify-content:center; }
.kcsm-popup-content { background:#fff;padding:20px;border-radius:8px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 0 12px rgba(0,0,0,0.4); }
.kcsm-close-btn { position:absolute;top:10px;right:10px;border:none;background:transparent;font-size:22px;cursor:pointer; }
.kcsm-note-card { background:#f9f9f9;padding:10px;margin-bottom:8px;border-radius:6px;border:1px solid #ddd; }
.kcsm-note-meta { font-size:12px;color:#555;margin-bottom:4px; }