/* Bug Report Form */
.cps-br { max-width: 700px; margin: 0 auto; }
.cps-br-field { margin-bottom: 14px; }
.cps-br-label { display: block; font-size: 0.85em; font-weight: 600; color: var(--cps-silver, #c0c0c0); margin-bottom: 4px; }
.cps-br-label small { font-weight: 400; color: var(--cps-text-muted, #888); }
.cps-br-input, .cps-br-textarea {
    width: 100%; padding: 8px 12px;
    border: 1px solid var(--cps-silver, #c0c0c0); border-radius: 6px;
    background: var(--cps-surface2, #222244); color: var(--cps-text, #e0e0e0);
    font-family: inherit; font-size: 0.9em; resize: vertical;
}
.cps-br-input:focus, .cps-br-textarea:focus { outline: none; border-color: var(--cps-accent, #e94560); }
.cps-br-textarea { min-height: 120px; }
.cps-br-textarea-sm { min-height: 70px; }
.cps-br-char-count { text-align: right; font-size: 0.7em; color: var(--cps-text-muted, #888); margin-top: 2px; }
.cps-br-char-count.cps-br-over { color: var(--cps-accent, #e94560); }

/* File upload area */
.cps-br-upload {
    border: 2px dashed var(--cps-text-muted, #888); border-radius: 8px;
    padding: 16px; text-align: center; cursor: pointer;
    transition: border-color 0.2s, background 0.2s;
    position: relative; min-height: 60px;
    color: var(--cps-text-muted, #888); font-size: 0.85em;
}
.cps-br-upload:hover, .cps-br-upload.cps-br-dragover {
    border-color: var(--cps-accent, #e94560); background: rgba(233,69,96,0.05);
}
.cps-br-upload input[type="file"] {
    position: absolute; inset: 0; opacity: 0; cursor: pointer;
}
.cps-br-previews { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.cps-br-preview {
    position: relative; width: 80px; height: 80px; border-radius: 6px; overflow: hidden;
    border: 1px solid var(--cps-text-muted, #888);
}
.cps-br-preview img { width: 100%; height: 100%; object-fit: cover; }
.cps-br-preview-remove {
    position: absolute; top: 2px; right: 2px; width: 18px; height: 18px;
    border-radius: 50%; border: none; background: var(--cps-accent, #e94560);
    color: white; font-size: 0.65em; font-weight: 700; cursor: pointer;
    display: flex; align-items: center; justify-content: center; line-height: 1;
}

.cps-br-submit {
    margin-top: 10px; width: 100%;
}
.cps-br-submit:disabled { opacity: 0.4; cursor: not-allowed; }

.cps-br-success {
    text-align: center; padding: 30px; color: var(--cps-silver, #c0c0c0);
}
.cps-br-success h2 { color: var(--cps-gold, #ffd700); margin-bottom: 8px; }