.bugtracker-container { max-width: 900px; margin: 0 auto; }

.bt-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; flex-wrap: wrap; gap: 0.5rem; }
.bt-stats { display: flex; gap: 0.75rem; flex-wrap: wrap; }
.bt-stat { padding: 0.3rem 0.8rem; border-radius: 4px; font-size: 0.85rem; font-weight: 600; }
.bt-stat.open { background: rgba(59,130,246,0.2); color: #60a5fa; }
.bt-stat.investigating { background: rgba(245,158,11,0.2); color: #fbbf24; }
.bt-stat.confirmed { background: rgba(168,85,247,0.2); color: #c084fc; }
.bt-stat.fixed { background: rgba(16,185,129,0.2); color: #34d399; }

.bt-btn-report { padding: 0.5rem 1.25rem; background: #00b4d8; color: #fff; border-radius: 6px; text-decoration: none; font-weight: 600; font-size: 0.9rem; }
.bt-btn-report:hover { background: #0077b6; color: #fff; }

.bt-filters { display: flex; gap: 0.75rem; margin-bottom: 1.25rem; }
.bt-filters select { padding: 0.4rem 0.8rem; border-radius: 4px; border: 1px solid #1e293b; background: #111827; color: #e0e6ed; font-size: 0.85rem; }

.bt-list { display: flex; flex-direction: column; gap: 0.5rem; }
.bt-item { background: #111827; border: 1px solid #1e293b; border-radius: 6px; padding: 0.75rem 1rem; transition: border-color 0.2s; }
.bt-item:hover { border-color: #00b4d8; }
.bt-item-header { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; }
.bt-id { color: #8899a6; font-size: 0.8rem; font-weight: 600; }
.bt-title { color: #e0e6ed; text-decoration: none; font-weight: 500; flex: 1; }
.bt-title:hover { color: #00b4d8; }
.bt-item-meta { margin-top: 0.3rem; font-size: 0.75rem; color: #8899a6; display: flex; gap: 1rem; }

.bt-badge { padding: 0.15rem 0.5rem; border-radius: 3px; font-size: 0.7rem; font-weight: 700; text-transform: uppercase; }
.bt-badge.severity-low { background: rgba(16,185,129,0.2); color: #34d399; }
.bt-badge.severity-medium { background: rgba(245,158,11,0.2); color: #fbbf24; }
.bt-badge.severity-high { background: rgba(239,68,68,0.2); color: #f87171; }
.bt-badge.severity-critical { background: rgba(239,68,68,0.4); color: #fca5a5; }
.bt-badge.status-open { background: rgba(59,130,246,0.2); color: #60a5fa; }
.bt-badge.status-investigating { background: rgba(245,158,11,0.2); color: #fbbf24; }
.bt-badge.status-confirmed { background: rgba(168,85,247,0.2); color: #c084fc; }
.bt-badge.status-fixed { background: rgba(16,185,129,0.2); color: #34d399; }
.bt-badge.status-closed { background: rgba(100,116,139,0.2); color: #94a3b8; }
.bt-badge.status-wontfix { background: rgba(100,116,139,0.2); color: #94a3b8; }

.bt-empty { text-align: center; padding: 2rem; color: #8899a6; }

/* Detail page */
.bt-detail { background: #111827; border: 1px solid #1e293b; border-radius: 8px; padding: 1.5rem; }
.bt-detail-header { display: flex; gap: 0.5rem; margin-bottom: 1rem; }
.bt-detail-body h4 { color: #00b4d8; margin: 1rem 0 0.5rem; font-size: 0.95rem; }
.bt-detail-body p { color: #e0e6ed; line-height: 1.6; font-size: 0.9rem; }
.bt-meta { color: #8899a6 !important; font-size: 0.8rem !important; margin-top: 1rem !important; }
.bt-admin-response { background: #1a2332; border: 1px solid #1e293b; border-radius: 6px; padding: 1rem; margin-top: 1rem; }
.bt-admin-response h4 { color: #34d399; margin: 0 0 0.5rem; }
.bt-admin-panel { margin-top: 1.5rem; padding-top: 1rem; border-top: 1px solid #1e293b; }
.bt-admin-panel select, .bt-admin-panel textarea { width: 100%; padding: 0.5rem; margin: 0.3rem 0; background: #0a0e17; border: 1px solid #1e293b; color: #e0e6ed; border-radius: 4px; }
.bt-btn-submit { padding: 0.5rem 1.25rem; background: #00b4d8; color: #fff; border: none; border-radius: 6px; cursor: pointer; font-weight: 600; margin-top: 0.5rem; }
.bt-btn-submit:hover { background: #0077b6; }
.bt-back { color: #8899a6; text-decoration: none; display: inline-block; margin-top: 1rem; }
.bt-back:hover { color: #00b4d8; }

/* Report form */
.bt-form { max-width: 600px; }
.bt-field { margin-bottom: 1rem; }
.bt-field label { display: block; color: #e0e6ed; font-size: 0.85rem; font-weight: 500; margin-bottom: 0.3rem; }
.bt-field input, .bt-field select, .bt-field textarea { width: 100%; padding: 0.5rem; background: #0a0e17; border: 1px solid #1e293b; color: #e0e6ed; border-radius: 4px; font-size: 0.9rem; }
.bt-field textarea { resize: vertical; }