.bag-tag-tabs-wrapper{background:#0000004d;border-radius:12px;padding:.75rem;margin-bottom:1.5rem}.bag-tag-tabs{display:flex!important;justify-content:stretch!important;align-items:stretch;border:none!important;gap:.5rem;margin-bottom:0!important;width:100%}.bag-tag-tabs .nav-item{margin:0;flex:1;display:flex}.bag-tag-tabs .nav-link{background:#ffffff0d;border:1px solid rgba(255,255,255,.1)!important;color:#fffc;padding:.875rem 1.25rem;border-radius:8px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:.95rem;width:100%;min-height:60px}.bag-tag-tabs .nav-link:hover{background:#ffffff1a;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.bag-tag-tabs .nav-link.active{background:linear-gradient(135deg,#3b82f666,#6366f166);color:#fff!important;border-color:#3b82f680!important;box-shadow:0 2px 8px #3b82f64d}.bag-tag-tabs .nav-link.active:after{display:none}.bag-tag-tabs .nav-link i{font-size:1.1rem;margin-right:.5rem}.bag-tag-tabs .tag-thumbnail{width:28px;height:28px;object-fit:cover;border-radius:6px;margin-right:8px;border:1px solid rgba(255,255,255,.2)}.tag-movement-badge{background:#00000080;border:1px solid rgba(255,255,255,.2);font-size:.875rem;padding:.35rem .65rem;margin-left:.5rem;border-radius:6px}.tag-movement-badge .old-number{color:#ffffffb3}.tag-movement-badge .new-number{color:#fff;font-weight:600}.tag-movement-badge .direction{font-weight:700;margin:0 2px}.tag-movement-badge .direction-up{color:#10b981}.tag-movement-badge .direction-down{color:#ef4444}.tag-movement-badge .direction-same{color:#fbbf24}.bag-tag-showcase-container{padding:1.5rem 0}.bag-tag-flippy-layout{display:flex;gap:2rem;align-items:flex-start;margin-bottom:2rem}.bag-tag-flippy-layout .flippy-narrative-column{flex:2}.bag-tag-flippy-layout .bag-tag-image-column{flex:1;display:flex;flex-direction:column;align-items:center}.flippy-bag-tag-showcase{width:100%}.flippy-bag-tag-showcase .tag-image-wrapper{width:100%;max-width:250px;position:relative;margin:0 auto 1rem}.flippy-bag-tag-showcase .flippy-bag-tag-image{width:100%;height:auto;border-radius:8px;box-shadow:0 8px 24px #0000004d}.flippy-bag-tag-showcase .tag-number{position:absolute;top:0;right:0;margin:.75rem;font-size:1.25rem;font-weight:700;background:#000000b3;color:#fff;padding:.25rem .5rem;border-radius:4px}.flippy-bag-tag-showcase .tag-details h4{color:#fff;margin-bottom:.75rem;font-size:1.25rem;text-align:center}.flippy-bag-tag-showcase .tag-movement{display:inline-block;font-size:1rem;padding:.5rem 1.5rem;text-align:center;width:100%}@media (max-width: 768px){.bag-tag-flippy-layout{flex-direction:column}.bag-tag-flippy-layout .flippy-narrative-column,.bag-tag-flippy-layout .bag-tag-image-column{flex:1;width:100%}}html[data-bs-theme=light] .bag-tag-tabs-wrapper{background:var(--theme-surface-1, rgba(0, 0, 0, .05));border:1px solid var(--theme-border-color, rgba(0, 0, 0, .1))}html[data-bs-theme=light] .bag-tag-tabs .nav-link{background:var(--theme-surface-1, rgba(255, 255, 255, .95));border-color:var(--theme-border-color, rgba(0, 0, 0, .1))!important;color:var(--theme-text-secondary, rgba(55, 65, 81, .75))}html[data-bs-theme=light] .bag-tag-tabs .nav-link:hover{background:var(--theme-surface-hover, rgba(59, 130, 246, .08));color:var(--theme-text-primary, #111827)}html[data-bs-theme=light] .bag-tag-tabs .nav-link.active{background:linear-gradient(135deg,rgba(var(--bs-info-rgb, 59, 130, 246),.18),rgba(var(--bs-primary-rgb, 99, 102, 241),.18));color:var(--theme-text-primary, #111827)!important;border-color:rgba(var(--bs-info-rgb, 59, 130, 246),.35)!important;box-shadow:0 2px 8px rgba(var(--bs-info-rgb, 59, 130, 246),.12)}html[data-bs-theme=light] .bag-tag-tabs .tag-movement-badge{background:rgba(var(--bs-info-rgb, 59, 130, 246),.08);border-color:rgba(var(--bs-info-rgb, 59, 130, 246),.2)}html[data-bs-theme=light] .bag-tag-tabs .tag-movement-badge .old-number{color:var(--theme-text-secondary, rgba(55, 65, 81, .75))}html[data-bs-theme=light] .bag-tag-tabs .tag-movement-badge .new-number{color:var(--theme-text-primary, #111827)}html[data-bs-theme=light] .flippy-bag-tag-showcase .tag-details h4{color:var(--theme-text-primary, #1f2937)}
