/* public/assets/css/system/ble-device-info.css */

.ble-info-wrapper { padding: 32px; border-radius: var(--radius-lg); position: relative; }
.ble-info-header { text-align: center; margin-bottom: 32px; }
.ble-info-title { font-size: 2rem; font-weight: 800; color: var(--text-main); margin-bottom: 12px; letter-spacing: -0.5px; }
.ble-info-subtitle { font-size: 1.05rem; color: var(--text-muted); max-width: 700px; margin: 0 auto; line-height: 1.6; }

.ble-info-workspace { max-width: 900px; margin: 0 auto; background: #0f172a; border: 1px solid #1e293b; border-radius: 16px; padding: 24px; box-shadow: 0 20px 40px rgba(0,0,0,0.3); color: #f8fafc; }

/* 顶部操作面板 */
.ble-info-control-panel { display: flex; justify-content: space-between; align-items: center; background: #1e293b; padding: 16px 24px; border-radius: 12px; margin-bottom: 24px; border: 1px solid #334155; }
.ble-info-device { display: flex; align-items: center; gap: 12px; font-weight: 700; font-size: 1.1rem; }
.cyber-font { font-family: 'Courier New', Courier, monospace; letter-spacing: 1px; }

.ble-status-dot { width: 12px; height: 12px; border-radius: 50%; background: #64748b; box-shadow: 0 0 8px rgba(100, 116, 139, 0.5); transition: 0.3s; }
.ble-status-dot.active { background: #10b981; box-shadow: 0 0 12px rgba(16, 185, 129, 0.8); }

.ble-info-actions { display: flex; gap: 12px; }
.ble-btn-primary { padding: 10px 24px; font-weight: 700; background: #8b5cf6; color: #fff; border: none; border-radius: 8px; cursor: pointer; transition: 0.2s; }
.ble-btn-primary:hover { background: #7c3aed; box-shadow: 0 4px 12px rgba(139, 92, 246, 0.4); }
.ble-btn-outline { padding: 10px 20px; font-weight: 600; background: transparent; color: #94a3b8; border: 1px solid #475569; border-radius: 8px; cursor: pointer; transition: 0.2s; }
.ble-btn-outline:hover { color: #f8fafc; border-color: #f8fafc; background: rgba(255,255,255,0.05); }
.ble-btn-danger { padding: 10px 20px; font-weight: 700; background: rgba(239, 68, 68, 0.1); color: #ef4444; border: 1px solid rgba(239, 68, 68, 0.3); border-radius: 8px; cursor: pointer; transition: 0.2s; }
.ble-btn-danger:hover { background: #ef4444; color: #fff; }

/* 骇客风表格区 */
.ble-table-wrapper { position: relative; border-radius: 12px; overflow: hidden; border: 1px solid #334155; background: #0b1120; }
.table-scan-line { position: absolute; width: 100%; height: 4px; background: rgba(16, 185, 129, 0.5); box-shadow: 0 0 10px rgba(16, 185, 129, 0.8); top: 0; left: 0; z-index: 10; opacity: 0; pointer-events: none; }
.table-scan-line.scanning { animation: scanLineAnim 2s infinite linear; opacity: 1; }

@keyframes scanLineAnim { 0% { top: 0; } 100% { top: 100%; } }

.ble-info-table { width: 100%; border-collapse: collapse; text-align: left; }
.ble-info-table th { padding: 16px; font-size: 0.85rem; font-weight: 700; color: #64748b; background: #1e293b; border-bottom: 2px solid #334155; text-transform: uppercase; }
.ble-info-table td { padding: 16px; font-size: 0.95rem; color: #cbd5e1; border-bottom: 1px solid #1e293b; position: relative; }
.ble-info-table tr:last-child td { border-bottom: none; }
.ble-info-table tr:hover { background: rgba(139, 92, 246, 0.05); }

/* UUID 标签与高亮值 */
.uuid-tag { display: inline-block; padding: 2px 6px; background: rgba(148, 163, 184, 0.1); color: #94a3b8; border-radius: 4px; font-size: 0.75rem; margin-left: 8px; font-family: monospace; border: 1px solid rgba(148, 163, 184, 0.2); }
.val-cell { font-family: 'Courier New', Courier, monospace; font-weight: 600; }
.val-cell.highlight { color: #10b981; font-weight: 800; font-size: 1.05rem; }
.val-cell.hex-font { color: #fbbf24; }
.val-cell.loading { color: #8b5cf6; animation: blink 1s infinite; }

@keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }

@media (max-width: 768px) {
    .ble-info-control-panel { flex-direction: column; align-items: stretch; text-align: center; gap: 16px; }
    .ble-info-device { justify-content: center; }
    .ble-info-actions { flex-direction: column; }
    .uuid-tag { display: block; margin-left: 0; margin-top: 4px; width: fit-content; }
}