| @@ -327,116 +327,8 @@ | ||
| 327 | 327 | color: #64748b; |
| 328 | 328 | font-weight: 500; |
| 329 | 329 | } |
| 330 | 330 | |
| 331 | -/* Chunk Badge (legacy) */ | |
| 332 | -.chunk-badge { | |
| 333 | - display: inline-flex; | |
| 334 | - align-items: center; | |
| 335 | - padding: 2px 8px; | |
| 336 | - font-size: 11px; | |
| 337 | - font-weight: 600; | |
| 338 | - background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%); | |
| 339 | - color: #fff; | |
| 340 | - border-radius: 10px; | |
| 341 | - margin-left: 4px; | |
| 342 | - text-transform: uppercase; | |
| 343 | - letter-spacing: 0.3px; | |
| 344 | -} | |
| 345 | - | |
| 346 | -/* Matches Header Subheader */ | |
| 347 | -.matches-subheader { | |
| 348 | - font-size: 11px; | |
| 349 | - font-weight: 400; | |
| 350 | - color: #64748b; | |
| 351 | - margin-left: 6px; | |
| 352 | -} | |
| 353 | - | |
| 354 | -/* Chunk Summary Badge */ | |
| 355 | -.chunk-summary { | |
| 356 | - display: inline-flex; | |
| 357 | - align-items: center; | |
| 358 | - padding: 2px 8px; | |
| 359 | - font-size: 11px; | |
| 360 | - font-weight: 600; | |
| 361 | - background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%); | |
| 362 | - color: #fff; | |
| 363 | - border-radius: 10px; | |
| 364 | - margin-left: 8px; | |
| 365 | -} | |
| 366 | - | |
| 367 | -/* Chunk Expand Toggle */ | |
| 368 | -.chunk-expand-toggle { | |
| 369 | - display: block; | |
| 370 | - padding: 8px 16px; | |
| 371 | - font-size: 11px; | |
| 372 | - font-weight: 600; | |
| 373 | - color: #6366f1; | |
| 374 | - cursor: pointer; | |
| 375 | - border-top: 1px solid rgba(0, 0, 0, 0.05); | |
| 376 | - transition: background 0.15s ease; | |
| 377 | -} | |
| 378 | - | |
| 379 | -.chunk-expand-toggle:hover { | |
| 380 | - background: rgba(99, 102, 241, 0.08); | |
| 381 | -} | |
| 382 | - | |
| 383 | -/* Chunk Details Container */ | |
| 384 | -.chunk-details { | |
| 385 | - display: none; | |
| 386 | - padding: 0 16px 12px 16px; | |
| 387 | - background: rgba(0, 0, 0, 0.02); | |
| 388 | - border-top: 1px solid rgba(0, 0, 0, 0.05); | |
| 389 | -} | |
| 390 | - | |
| 391 | -.chunk-details.expanded { | |
| 392 | - display: block; | |
| 393 | -} | |
| 394 | - | |
| 395 | -/* Chunk Detail Row */ | |
| 396 | -.chunk-detail-row { | |
| 397 | - display: flex; | |
| 398 | - align-items: center; | |
| 399 | - padding: 6px 8px; | |
| 400 | - margin: 4px 0; | |
| 401 | - border-radius: 6px; | |
| 402 | - font-size: 12px; | |
| 403 | - gap: 10px; | |
| 404 | -} | |
| 405 | - | |
| 406 | -.chunk-detail-row.chunk-used { | |
| 407 | - background: rgba(16, 185, 129, 0.1); | |
| 408 | -} | |
| 409 | - | |
| 410 | -.chunk-detail-row.chunk-not-used { | |
| 411 | - background: rgba(100, 116, 139, 0.08); | |
| 412 | -} | |
| 413 | - | |
| 414 | -.chunk-detail-icon { | |
| 415 | - font-size: 12px; | |
| 416 | - width: 16px; | |
| 417 | - text-align: center; | |
| 418 | -} | |
| 419 | - | |
| 420 | -.chunk-used .chunk-detail-icon { | |
| 421 | - color: #10b981; | |
| 422 | -} | |
| 423 | - | |
| 424 | -.chunk-not-used .chunk-detail-icon { | |
| 425 | - color: #94a3b8; | |
| 426 | -} | |
| 427 | - | |
| 428 | -.chunk-detail-num { | |
| 429 | - font-weight: 600; | |
| 430 | - color: #334155; | |
| 431 | - flex: 1; | |
| 432 | -} | |
| 433 | - | |
| 434 | -.chunk-detail-score { | |
| 435 | - font-weight: 600; | |
| 436 | - color: #64748b; | |
| 437 | -} | |
| 438 | - | |
| 439 | 331 | .similarity-score { |
| 440 | 332 | font-size: 16px; |
| 441 | 333 | font-weight: 700; |
| 442 | 334 | margin-left: 8px; |
