/* ─── TradeSaber Discord Integration v2 ─── */

.tsd-discord-section {
    margin-top: 30px;
    padding: 25px 30px;
    border: 2px solid #ff6600;
    border-radius: 12px;
    background: rgba(255, 102, 0, 0.04);
}
.tsd-discord-heading {
    display: flex; align-items: center; gap: 10px;
    color: #ff6600; font-size: 1.3em; margin: 0 0 18px;
}
.tsd-discord-icon { color: #5865F2; flex-shrink: 0; }

/* Notices */
.tsd-notice { padding: 12px 16px; border-radius: 6px; margin-bottom: 18px; font-weight: 500; }
.tsd-notice-success { background: rgba(87,242,135,0.12); color: #57F287; border: 1px solid rgba(87,242,135,0.3); }
.tsd-notice-error { background: rgba(237,66,69,0.12); color: #ED4245; border: 1px solid rgba(237,66,69,0.3); }

/* Labels */
.tsd-discord-label { color: #999; font-weight: 600; margin-right: 6px; }
.tsd-discord-name { color: #57F287; font-weight: 700; font-size: 1.05em; }
.tsd-discord-tag { color: #888; font-size: 0.9em; }
.tsd-discord-hint { color: #888; font-size: 0.9em; margin: 10px 0 12px; }
.tsd-discord-user { margin-bottom: 8px; }
.tsd-discord-nolicense-msg { color: #999; font-size: 0.95em; line-height: 1.6; }
.tsd-discord-nolicense-msg a { color: #ff6600; text-decoration: underline; }

/* Buttons */
.tsd-btn { display: inline-block !important; padding: 12px 22px !important; border-radius: 6px !important; font-weight: 600 !important; font-size: 0.95em !important; text-decoration: none !important; cursor: pointer !important; border: none !important; transition: all 0.2s !important; }
.tsd-btn-link { background: #5865F2 !important; color: #fff !important; }
.tsd-btn-link:hover { background: #4752C4 !important; color: #fff !important; }
.tsd-btn-reset { background: transparent !important; color: #ED4245 !important; border: 1px solid #ED4245 !important; padding: 8px 16px !important; font-size: 0.85em !important; }
.tsd-btn-reset:hover { background: rgba(237,66,69,0.1) !important; }

/* ═══ MULTI-DISCORD SLOTS ═══ */

.tsd-multi-section { margin-top: 28px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,0.1); }
.tsd-multi-heading { color: #fff; font-size: 1.1em; margin: 0 0 6px; }
.tsd-multi-desc { color: #888; font-size: 0.9em; margin: 0 0 18px; line-height: 1.5; }
.tsd-slots { display: flex; flex-direction: column; gap: 14px; }

/* Slot card */
.tsd-slot { border: 1px solid #333; border-radius: 10px; overflow: hidden; background: rgba(255,255,255,0.02); }
.tsd-slot-header { display: flex; justify-content: space-between; align-items: center; padding: 12px 16px; background: rgba(255,255,255,0.04); border-bottom: 1px solid #333; }
.tsd-slot-product { font-weight: 700; color: #fe9334; font-size: 0.95em; }

/* License keys area */
.tsd-slot-licenses { padding: 10px 16px; background: rgba(0,0,0,0.15); border-bottom: 1px solid #2a2a3a; }
.tsd-slot-license-key { margin: 3px 0; }
.tsd-slot-license-key code {
    font-family: 'Courier New', monospace;
    font-size: 0.82em;
    color: #8888aa;
    background: rgba(255,255,255,0.04);
    padding: 3px 8px;
    border-radius: 4px;
    display: inline-block;
    word-break: break-all;
}

.tsd-slot-body { padding: 14px 16px; }

/* Slot states */
.tsd-slot-active { border-color: rgba(87,242,135,0.3); }
.tsd-slot-active .tsd-slot-header { background: rgba(87,242,135,0.06); }
.tsd-slot-pending { border-color: rgba(254,147,52,0.3); }
.tsd-slot-pending .tsd-slot-header { background: rgba(254,147,52,0.06); }
.tsd-slot-revoked_by_admin { border-color: rgba(237,66,69,0.2); opacity: 0.6; }
.tsd-slot-revoked_by_admin .tsd-slot-header { background: rgba(237,66,69,0.06); }

/* Slot content */
.tsd-slot-user { margin-bottom: 10px; }
.tsd-slot-discord-name { color: #57F287; font-weight: 600; }
.tsd-slot-discord-tag { color: #888; font-size: 0.88em; margin-left: 4px; }
.tsd-slot-pending-msg, .tsd-slot-empty-msg, .tsd-slot-disabled-msg { color: #888; font-size: 0.9em; margin: 0 0 12px; }
.tsd-slot-disabled-msg { color: #ED4245; }

/* Slot buttons */
.tsd-slot-btn { display: inline-block; padding: 8px 16px; border-radius: 6px; font-weight: 600; font-size: 0.85em; text-decoration: none; cursor: pointer; border: none; transition: all 0.2s; }
.tsd-slot-btn-invite { background: #5865F2; color: #fff; }
.tsd-slot-btn-invite:hover { background: #4752C4; color: #fff; }
.tsd-slot-btn-revoke { background: transparent; color: #ED4245; border: 1px solid #ED4245; font-size: 0.8em; padding: 6px 12px; }
.tsd-slot-btn-revoke:hover { background: rgba(237,66,69,0.1); color: #ED4245; }
.tsd-slot-btn-cancel { background: transparent; color: #888; border: 1px solid #555; font-size: 0.8em; padding: 6px 12px; margin-top: 8px; }
.tsd-slot-btn-cancel:hover { background: rgba(255,255,255,0.05); color: #aaa; }

/* Invite link box */
.tsd-invite-box { display: flex; gap: 8px; margin-bottom: 10px; }
.tsd-invite-url { flex: 1; padding: 8px 12px; border: 1px solid #444; border-radius: 6px; background: #1a1a2e; color: #5865F2; font-size: 0.85em; font-family: monospace; }
.tsd-invite-url:focus { outline: none; border-color: #5865F2; }
.tsd-copy-btn { padding: 8px 16px; background: #333; color: #fff; border: 1px solid #555; border-radius: 6px; cursor: pointer; font-weight: 600; font-size: 0.85em; white-space: nowrap; }
.tsd-copy-btn:hover { background: #444; }

@media (max-width: 600px) {
    .tsd-discord-section { padding: 18px 16px; }
    .tsd-invite-box { flex-direction: column; }
    .tsd-slot-header { flex-direction: column; gap: 4px; align-items: flex-start; }
}