/* ================================================================
   TIBD – Widget 04: Livescore
   Supplement cho lm-style.css
   ================================================================ */

/* Update bar */
.tibd-ls-update-bar {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    background: var(--c-bg2, #f8f9fa);
    border: 1px solid var(--c-border, #e9ecef);
    border-bottom: none;
    border-radius: var(--c-radius, 6px) var(--c-radius, 6px) 0 0;
    font-size: 12px;
    color: var(--c-muted, #868e96);
}
.tibd-ls-dot {
    width: 7px; height: 7px;
    border-radius: 50%;
    background: var(--c-light, #adb5bd);
    flex-shrink: 0;
}
.tibd-ls-dot-live {
    background: #2f9e44;
    animation: lm-pulse 1.4s ease-in-out infinite;
}
.tibd-ls-time {
    margin-left: auto;
    color: var(--c-light, #adb5bd);
    font-size: 11px;
}

/* Tab nav sau update bar */
.tibd-ls-wrap .lm-tabnav {
    border-radius: 0;
    border-top: none;
}
.tibd-ls-wrap .lm-list {
    border-radius: 0 0 var(--c-radius, 6px) var(--c-radius, 6px);
}

/* HT score */
.lm-col-score {
    flex-direction: column;
    gap: 2px;
}
.tibd-ls-ht {
    font-size: 10px;
    color: var(--c-light, #adb5bd);
    text-align: center;
    white-space: nowrap;
    min-height: 12px;
    display: block;
}

/* Status badges */
.tibd-ls-time-ft  { color: #2f9e44 !important; }
.tibd-ls-dot-ht   { background: #f08c00; }
.tibd-ls-time-ht  { color: #f08c00 !important; }

/* The phat */
.lm-cards {
    display: flex;
    align-items: center;
    gap: 2px;
    flex-shrink: 0;
}
.lm-card { display: inline-flex; align-items: center; gap: 2px; }
.lm-card-icon {
    display: inline-block;
    width: 9px; height: 13px;
    border-radius: 1px;
    flex-shrink: 0;
}
.lm-card-y .lm-card-icon { background: #f08c00; }
.lm-card-r .lm-card-icon { background: var(--c-red, #e03131); }
.lm-card-count {
    font-size: 10px;
    font-weight: 600;
    color: var(--c-muted, #868e96);
    line-height: 1;
}

/* Goal flash */
@keyframes tibd-ls-flash {
    0%   { background: rgba(248,195,0,.35); }
    100% { background: transparent; }
}
.tibd-ls-goal-flash { animation: tibd-ls-flash 1.2s ease-out; }

/* Zebra rows */
.tibd-ls-wrap .lm-row:nth-child(odd)  { background: var(--c-bg,  #fff); }
.tibd-ls-wrap .lm-row:nth-child(even) { background: var(--c-bg2, #f8f9fa); }
.tibd-ls-wrap .lm-row.lm-is-live      { background: var(--c-red-bg, rgba(224,49,49,.06)) !important; }
.tibd-ls-wrap .lm-row:hover           { background: var(--c-bg3, #f1f3f5) !important; }

/* Mobile */
@media (max-width: 480px) {
    .lm-card-icon { width: 7px; height: 11px; }
    .tibd-ls-ht   { font-size: 9px; }
}