/* Compact match favorites for YerelSKOR PRO. Scoped to V4 components. */
.kf-match-center{display:grid;gap:14px;min-width:0;width:100%;max-width:100%}
.kf-match-header{padding:16px;min-width:0}
.kf-match-title{display:flex;align-items:start;justify-content:space-between;gap:12px;min-width:0}
.kf-match-title h2{font-size:clamp(18px,3.2vw,23px);margin:0 0 7px;color:#142641;line-height:1.3}
.kf-match-title p{font-size:13px;color:#5c6b80;margin:0 0 12px;line-height:1.5}
.kf-match-count{font-size:12px;color:#60758f;white-space:nowrap}
.kf-match-filters{display:flex;gap:8px;overflow-x:auto;padding:3px 0 12px;scrollbar-width:thin;max-width:100%;overscroll-behavior-x:contain}
.kf-view-tab{flex:0 0 auto;padding:9px 13px;border:1px solid #dee5ed;border-radius:999px;font-size:12px;font-weight:750;text-decoration:none;background:#f7f9fc;color:#324967;white-space:nowrap}
.kf-view-tab.selected{background:#172a49;color:white;border-color:#172a49}
.kf-league-filter{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0}
.kf-league-filter label{font-size:12px;font-weight:700;color:#506177}
.kf-league-filter select{min-height:38px;min-width:0;width:min(100%,320px);border:1px solid #d8e1ec;border-radius:9px;padding:7px 12px;background:#fff;color:#243a56;font-size:13px}
.kf-match-feed{display:grid;gap:10px;min-width:0}
.kf-match-card{background:#fff;border:1px solid #e1e6ee;border-radius:13px;box-shadow:0 3px 12px rgba(14,36,70,.035);padding:13px 15px;min-width:0;max-width:100%;box-sizing:border-box}
.kf-match-card.kf-is-favorite{border-color:#dfc778;box-shadow:inset 4px 0 #e3b734,0 3px 12px rgba(14,36,70,.035)}
.kf-match-card.kf-in-progress:not(.kf-is-favorite){box-shadow:inset 4px 0 #cc2945}
.kf-match-topline{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;margin-bottom:13px}
.kf-match-badges{display:flex;align-items:center;flex-wrap:wrap;gap:5px;min-width:0}
.kf-league-name{font-size:11px;font-weight:700;color:#51647d;max-width:100%;overflow-wrap:anywhere}
.kf-favorite-label{font-size:10px;color:#8d6500;background:#fff5d8;border-radius:5px;padding:3px 6px;font-weight:800;white-space:nowrap}
.kf-status{font-size:10px;border-radius:5px;background:#eaf0f8;color:#344963;padding:3px 6px;white-space:nowrap;font-weight:750}
.kf-status-live{background:#ffebef;color:#ba1637}
.kf-status-planned{background:#eef3f8;color:#66758a}
.kf-status-ended{background:#eaf0f8;color:#44596d}
.kf-card-actions{display:flex;gap:5px;align-items:center;flex-shrink:0;margin-left:auto}
.kf-preference-form{margin:0!important;padding:0!important;display:inline-flex!important}
.kf-action{display:grid!important;place-items:center;width:36px;height:36px;min-height:36px;min-width:36px;box-sizing:border-box;margin:0!important;padding:0!important;border:1px solid #dae2ec!important;border-radius:9px;background:#fff!important;color:#8997a8!important;font-size:21px!important;font-weight:600;line-height:1;cursor:pointer;text-decoration:none!important;transition:background .14s,border-color .14s}
.kf-action.kf-favorite.is-on{color:#e0a500!important;border-color:#efdb9a!important;background:#fff9e9!important}
.kf-action.kf-bell.is-on{color:#c52742!important;border-color:#f1b6c2!important;background:#fff0f3!important}
.kf-action:hover,.kf-action:focus-visible{outline:2px solid #90b4ee;outline-offset:1px}
.kf-match-scoreline{display:grid;grid-template-columns:minmax(0,1fr) 94px minmax(0,1fr);align-items:center;gap:8px;min-width:0}
.kf-team{display:flex;align-items:center;gap:8px;min-width:0;max-width:100%;font-weight:800;color:#172d47;text-decoration:none;line-height:1.25;font-size:clamp(12px,2.1vw,15px)}
.kf-home{justify-content:end;text-align:right}
.kf-away{justify-content:start;text-align:left}
.kf-team span{min-width:0;overflow-wrap:anywhere;word-break:normal;hyphens:auto}
.kf-team img{width:31px;height:31px;object-fit:contain;flex-shrink:0}
.kf-away img{order:0}
.kf-score{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:7px 5px;min-height:50px;border-radius:10px;background:#f0f4fa;color:#1b3655;text-decoration:none;text-align:center}
.kf-score strong{font-size:21px;font-weight:850;line-height:1.1;white-space:nowrap;letter-spacing:-.2px}
.kf-score small{font-size:10px;color:#73849a;line-height:1.2}
.kf-in-progress .kf-score{background:#fff0f2}
.kf-in-progress .kf-score strong{color:#b51f37}
.kf-match-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #eef1f6;margin-top:12px;padding-top:9px;font-size:11px;color:#6b7b91}
.kf-match-footer a{color:#315680;text-decoration:none;font-weight:700;white-space:nowrap}
.kf-match-note{color:#6a778a;font-size:12px;padding:3px 12px}
.kf-empty-match{padding:20px;text-align:center;font-size:13px;color:#65758a}
/* Match detail also gets compact star/bell controls, rather than large text buttons */
.match-detail>.kf-card-actions{justify-content:flex-end;margin:0 0 7px}
@media(max-width:640px){
 .kf-match-header{padding:12px}
 .kf-match-title{flex-wrap:wrap;gap:2px}
 .kf-match-count{font-size:10px;margin-bottom:8px}
 .kf-match-card{padding:11px 9px}
 .kf-match-topline{margin-bottom:9px}
 .kf-match-scoreline{grid-template-columns:minmax(0,1fr) 78px minmax(0,1fr);gap:5px}
 .kf-team{font-size:12px;gap:4px}
 .kf-team img{width:23px;height:23px}
 .kf-score{padding:6px 3px;min-height:44px}
 .kf-score strong{font-size:17px}
 .kf-score small{font-size:9px}
 .kf-league-name{font-size:10px}
 .kf-match-footer{font-size:10px}
 .kf-match-filters{margin:0 -2px}
}
@media(max-width:375px){
 .kf-match-scoreline{grid-template-columns:minmax(0,1fr) 66px minmax(0,1fr)}
 .kf-team{font-size:11px}
 .kf-team img{width:19px;height:19px}
 .kf-score strong{font-size:16px}
 .kf-action{width:34px;height:34px;min-width:34px;min-height:34px}
}

.kf-action svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round;fill:none;pointer-events:none}