:root{
  --bg:#0b1220; --card:#0f1a33; --text:#fff; --muted:#a7b6d6;
  --pri:#7c3aed; --pri2:#a78bfa; --danger:#ef4444; --border: rgba(255,255,255,.10);
  --r:16px;
}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;background:linear-gradient(180deg,#070c18,#0b1220);color:var(--text)}
a{color:inherit;text-decoration:none}
.wrap{max-width:560px;margin:0 auto;padding:14px 14px 90px}

.header{position:sticky;top:0;z-index:50;background:rgba(7,12,24,.75);backdrop-filter: blur(10px);border-bottom:1px solid var(--border);}
.header-inner{max-width:560px;margin:0 auto;padding:12px 14px}
.brand{display:flex;align-items:center;gap:10px}
.brand img{width:34px;height:34px;border-radius:10px;object-fit:cover;border:1px solid var(--border);background:#0f1a33}
.brand-title{display:flex;flex-direction:column;line-height:1.1}
.brand-title b{font-size:14px;letter-spacing:.3px}
.brand-title span{font-size:12px;color:var(--muted)}

.nav{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.nav a{
  flex:1;min-width:120px;text-align:center;padding:10px 8px;border-radius:12px;
  border:1px solid var(--border);color:var(--muted);font-size:12px
}
.nav a.active{border-color:rgba(124,58,237,.65);color:#fff;background:rgba(124,58,237,.12)}
.nav a.disabled{opacity:.45;pointer-events:none}

.card{
  margin-top:12px;padding:14px;border:1px solid rgba(255,255,255,.14);
  border-radius:var(--r);background:rgba(15,26,51,.65)
}
.row{display:flex;gap:10px;align-items:center;justify-content:space-between}
.h2{font-size:14px;margin:0 0 6px 0}
.muted{color:var(--muted);font-size:12px}

.btns{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.btn{
  border:1px solid var(--border);background:transparent;color:#fff;
  padding:10px 12px;border-radius:12px;font-size:12px;cursor:pointer
}
.btn.pri{background:rgba(124,58,237,.18);border-color:rgba(124,58,237,.55)}
.btn.danger{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.55)}
.btn:disabled{opacity:.5;cursor:not-allowed}

.input{width:100%;padding:12px 12px;border-radius:12px;border:1px solid var(--border);background:rgba(11,18,32,.55);color:#fff;outline:none}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.grid-1{display:grid;grid-template-columns:1fr;gap:10px}
label{font-size:12px;color:var(--muted)}
small.err{color:#ffb4b4;display:block;margin-top:8px}
small.ok{color:#b7ffd1;display:block;margin-top:8px}

.pill{font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid var(--border);color:var(--muted)}

.match-card{border:1px solid rgba(255,255,255,.22)}
.badge-today{
  position:absolute; top:10px; right:10px;
  font-size:11px; padding:6px 10px; border-radius:999px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(124,58,237,.18);
  color:#fff;
}
.iconbar{display:flex;gap:8px;align-items:center}
.iconbtn{
  width:40px;height:40px;border-radius:12px;
  border:1px solid var(--border);
  background:rgba(11,18,32,.55);
  color:#fff;display:grid;place-items:center;cursor:pointer
}
.iconbtn.danger{border-color:rgba(239,68,68,.55);background:rgba(239,68,68,.10)}
.iconbtn:disabled{opacity:.45;cursor:not-allowed}

/* ===== Lineup Form ===== */
.select{
  width:100%;
  padding:12px 12px;
  border-radius:12px;
  border:1px solid var(--border);
  background:rgba(11,18,32,.55);
  color:#fff;
  outline:none;
}
.k-row{
  display:grid;
  grid-template-columns: 1fr 110px 70px;
  gap:8px;
  align-items:end;
}
.k-title{margin:0 0 8px 0;font-size:13px}
.hr{height:1px;background:rgba(255,255,255,.08);margin:12px 0}

/* =========================
   PREVIEW (MOBİL UYUMLU)
========================= */
.preview-stage{
  width:100%;
  display:flex;
  justify-content:center;
  margin-top:10px;
}
.preview-scale{
  transform-origin: top center;
}

/* Export alanı (SS buradan alınır) */
.export{
  width:1080px;
  height:1920px;
  --k: 1; /* JS ayarlar */
  background: transparent;
  overflow:hidden;
}

/* Saha */
.pitch{
  width:1080px;
  height:1920px;
  background-image:url("../img/saha.png");
  background-size:cover;   /* <-- bunu yap */
  background-position:center;
  background-repeat:no-repeat;
  position:relative;
  overflow:hidden;
  background-color: transparent;
}

/* Üst bilgi */
.wm{
  position:absolute;
  left:18px; right:18px; top:18px;
  padding:12px 14px;
  border-radius:16px;
  background:rgba(0,0,0,.30);
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter: blur(6px);
  color:#fff;
}
.wm .d1{
  font-weight:700;
  font-size: calc(30px * var(--k));
  line-height:1.05;
  letter-spacing:.2px;
}
.wm .d2{
  margin-top:6px;
  font-weight:700;
  font-size: calc(36px * var(--k));
  line-height:1.05;
}

/* Oyuncular */
.players-layer{ position:absolute; inset:0; }

.pcard{
  position:absolute;
  transform:translate(-50%,-50%);
  width: calc(230px * var(--k));
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}

/* Forma görseli */
.jersey{
  width: calc(280px * var(--k));
  height: calc(220px * var(--k));
  background-image:url("../img/jersey.png");
  background-size:contain;
  background-position:center;
  background-repeat:no-repeat;
  position:relative;
  filter: drop-shadow(0 14px 22px rgba(0,0,0,.30));
}

.jersey .num{
  position:absolute;
  left:50%;
  top: calc(60px * var(--k));
  transform:translateX(-50%);
  font-weight:800;
  font-size: calc(54px * var(--k));
  color:#fff;
  text-shadow:0 2px 12px rgba(0,0,0,.50);
}

.pname{
  margin-top: calc(8px * var(--k));
  font-weight:600;
  font-size: calc(44px * var(--k));
  line-height:1.05;
  color:#fff;
  text-shadow:0 2px 12px rgba(0,0,0,.50);
  max-width: calc(230px * var(--k));
}
.pname.small{ font-size: calc(30px * var(--k)); }
.pname.smaller{ font-size: calc(26px * var(--k)); }

/* Yedekler */
.subs{
  position:absolute;
  left:18px; right:18px; bottom:18px;
  padding:12px 14px;
  border-radius:16px;
  background:rgba(0,0,0,.24);
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
}
.subs b{
  display:block;
  margin-bottom:8px;
  font-weight:700;
  font-size: calc(24px * var(--k));
}
.subs .line{
  font-size: calc(22px * var(--k));
  opacity:.92;
  margin:4px 0;
}

/* =========================
   MATCH DETAIL (FINAL + REVIZE)
========================= */
.scorebar{
  display:grid;
  grid-template-columns: 1fr 1.2fr 1fr;
  gap:10px;
  align-items:center;
}
.teambox{
  border:1px solid rgba(255,255,255,.12);
  border-radius:14px;
  padding:10px;
  background:rgba(11,18,32,.35);
  text-align:center;
}
.teamname{
  font-size:12px;
  color:var(--muted);
  margin-bottom:6px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.score{
  font-size:34px;
  font-weight:900;
  line-height:1;
}
.midbox{
  border:1px solid rgba(255,255,255,.12);
  border-radius:14px;
  padding:10px;
  background:rgba(124,58,237,.10);
  text-align:center;
}
.timer{
  font-size:30px;
  font-weight:900;
  letter-spacing:.5px;
}

/* Kadrolar: MOBİLDE DE YAN YANA */
.lineups-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:10px;
}
.k-head{
  font-size:12px;
  color:var(--muted);
  margin-bottom:8px;
}
.k-list{
  border:1px solid rgba(255,255,255,.10);
  border-radius:14px;
  overflow:hidden;
  background:rgba(11,18,32,.20);
}

/* REVIZE: aralar sıkı */
.kitem{
  display:grid;
  grid-template-columns: 28px 42px 1fr; /* daha sıkı */
  gap:4px;
  padding:6px 7px;
  border-top:1px solid rgba(255,255,255,.08);
  align-items:center;
  font-size:11.5px;
}
.kitem:first-child{border-top:none}
.kno{opacity:.9}
.kpos{color:var(--muted)}
.kname{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.k-sep{
  padding:7px 9px;
  font-size:11px;
  letter-spacing:.4px;
  color:rgba(255,255,255,.75);
  background:rgba(255,255,255,.06);
  border-top:1px solid rgba(255,255,255,.08);
}
.k-empty{
  padding:10px;
  color:var(--muted);
  font-size:12px;
}

/* Olay akışı + X */
.events{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.evt{
  display:grid;
  grid-template-columns: 62px 70px 1fr 52px 34px; /* X eklendi */
  gap:8px;
  padding:10px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:14px;
  background:rgba(11,18,32,.35);
  font-size:12px;
  align-items:center;
}
.evtT{color:var(--muted)}
.evtB{font-weight:900}
.evtP{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.evtS{text-align:right;color:var(--muted)}
.evtX{
  width:34px;height:34px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(239,68,68,.10);
  color:#fff;
  cursor:pointer;
  display:grid;
  place-items:center;
  font-size:18px;
  line-height:1;
}

/* REVIZE: gol/sarı/kırmızı buton renkleri (ID ile) */
#btnGoal{
  background:rgba(34,197,94,.18);
  border-color:rgba(34,197,94,.55);
}
#btnYellow{
  background:rgba(250,204,21,.18);
  border-color:rgba(250,204,21,.55);
}
#btnRed{
  background:rgba(239,68,68,.14);
  border-color:rgba(239,68,68,.55);
}

/* Çok küçük ekran */
@media (max-width: 360px){
  .lineups-grid{gap:8px}
  .kitem{grid-template-columns: 26px 40px 1fr; font-size:11px; padding:6px 6px}
}
/* Match list - lineup status badges */
.badge-pack{
  position:absolute;
  top:10px;
  right:10px;
  display:flex;
  gap:6px;
  align-items:center;
}
.lu-badge{
  font-size:11px;
  padding:6px 8px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(0,0,0,.18);
  display:flex;
  gap:6px;
  align-items:center;
  line-height:1;
}
.lu-badge b{font-weight:800; letter-spacing:.2px}
.lu-badge.ok{
  border-color: rgba(34,197,94,.45);
  background: rgba(34,197,94,.12);
}
.lu-badge.no{
  border-color: rgba(239,68,68,.45);
  background: rgba(239,68,68,.10);
}
/* === Match card lineup status (EV/DEP) - fix overlap === */
.card-actions{
  display:flex;
  align-items:center;
  gap:10px;
}

.badge-pack{
  position:static; /* absolute kapansın */
  display:flex;
  gap:6px;
  align-items:center;
}

.lu-badge{
  font-size:11px;
  padding:6px 8px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(0,0,0,.18);
  display:flex;
  gap:6px;
  align-items:center;
  line-height:1;
}
.lu-badge b{font-weight:800; letter-spacing:.2px}
.lu-badge.ok{
  border-color: rgba(34,197,94,.45);
  background: rgba(34,197,94,.12);
}
.lu-badge.no{
  border-color: rgba(239,68,68,.45);
  background: rgba(239,68,68,.10);
}
/* ===== Finished Detail (Premium) ===== */
.fd-top{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.fd-title{
  font-size:14px;
  font-weight:900;
  letter-spacing:.2px;
}
.fd-sub{font-size:12px}

.fd-score{
  display:grid;
  grid-template-columns: 1fr 120px 1fr;
  gap:10px;
  align-items:center;
}
.fd-team{
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  padding:12px;
  background:rgba(11,18,32,.30);
  text-align:center;
}
.fd-teamname{
  font-size:12px;
  color:var(--muted);
  margin-bottom:8px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.fd-s{
  font-size:40px;
  font-weight:900;
  line-height:1;
}
.fd-mid{
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  padding:12px;
  background:rgba(124,58,237,.10);
  text-align:center;
}
.fd-vs{
  font-weight:900;
  letter-spacing:.6px;
}
.fd-min{margin-top:8px}

.fd-section-title{
  font-size:13px;
  font-weight:900;
  margin-bottom:10px;
}

.fd-events-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:10px;
}
.fd-colhead{
  font-size:12px;
  color:var(--muted);
  margin-bottom:8px;
}

.fd-events{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.fd-evt{
  display:grid;
  grid-template-columns: 56px 34px 1fr 44px;
  gap:8px;
  padding:10px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:14px;
  background:rgba(11,18,32,.30);
  align-items:center;
  font-size:12px;
}
.fd-evt-time{color:var(--muted)}
.fd-evt-ico{font-size:16px; text-align:center}
.fd-evt-name{white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.fd-evt-pos{text-align:right; color:var(--muted)}

.fd-mvp{
  display:flex;
  gap:12px;
  align-items:center;
  padding:12px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(250,204,21,.10);
}
.fd-star{
  width:42px;
  height:42px;
  border-radius:14px;
  display:grid;
  place-items:center;
  font-size:20px;
  border:1px solid rgba(250,204,21,.30);
  background:rgba(250,204,21,.14);
}
.fd-mvpname{font-weight:900}
.fd-mvpmeta{font-size:12px}

@media (max-width: 380px){
  .fd-score{grid-template-columns: 1fr 92px 1fr}
  .fd-s{font-size:34px}
  .fd-evt{grid-template-columns: 52px 32px 1fr 40px}
}
.idx-bottom{
  display:flex;
  justify-content:flex-end;
  margin-top:10px;
}
.idx-finishdetail{
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(124,58,237,.16);
  font-size:12px;
  color:#fff;
}
/* ===== STORY EXPORT (1080x1920) ===== */
.story-export{
  width:1080px;
  height:1920px;
  position:relative;
  overflow:hidden;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.14);

  background-image: url("./img/post-bg.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* okunabilirlik overlay */
.story-export::before{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,.58), rgba(0,0,0,.18), rgba(0,0,0,.62));
  z-index:0;
}

.story-top, .story-score, .story-events-wrap, .story-footer{ position:relative; z-index:1; }

.story-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:34px 34px 18px;
}
.story-brand{display:flex; align-items:center; gap:16px;}
.story-logo{
  width:74px; height:74px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.18);
  background: rgba(0,0,0,.25);
  object-fit:cover;
}
.story-league{
  font-weight:900;
  letter-spacing:.7px;
  font-size:26px;
}
.story-sub{
  margin-top:4px;
  font-size:16px;
  color:rgba(255,255,255,.88);
  letter-spacing:.5px;
  font-weight:700;
}
.story-date{
  font-size:16px;
  color:rgba(255,255,255,.88);
  padding:10px 12px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(0,0,0,.25);
}

.story-score{
  margin:12px 34px 0;
  padding:18px 18px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.16);
  background: rgba(0,0,0,.25);
  display:grid;
  grid-template-columns: 1fr 280px 1fr;
  gap:12px;
  align-items:center;
}
.story-team-name{
  font-weight:900;
  font-size:30px;
  line-height:1.05;
  text-shadow: 0 3px 14px rgba(0,0,0,.55);
}
.story-team.right{ text-align:right; }

.story-scorebox{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  border-radius:16px;
  border:1px solid rgba(124,58,237,.55);
  background: rgba(124,58,237,.18);
  padding:10px 14px;
}
.story-s{ font-size:70px; font-weight:900; line-height:1; }
.story-sep{ font-size:46px; font-weight:800; opacity:.85; }

.story-events-wrap{
  margin:16px 34px 0;
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:14px;
}
.story-events-col{
  border-radius:18px;
  border:1px solid rgba(255,255,255,.16);
  background: rgba(0,0,0,.25);
  padding:14px 14px;
  min-height: 1240px; /* story yüksekliği için alan */
}
.story-ev-head{
  font-weight:900;
  font-size:14px;
  color:rgba(255,255,255,.88);
  letter-spacing:.4px;
  margin-bottom:10px;
}
.story-ev-list{ display:flex; flex-direction:column; gap:8px; }

.story-ev{
  display:grid;
  grid-template-columns: 78px 34px 1fr;
  gap:10px;
  align-items:center;
  font-size:15px;
}
.story-t{ color:rgba(255,255,255,.85); font-weight:800; }
.story-ico{
  width:30px; height:30px;
  display:grid; place-items:center;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(0,0,0,.25);
  font-weight:900;
}
.story-ico.goal{ background: rgba(34,197,94,.18); border-color: rgba(34,197,94,.35); }
.story-ico.yellow{ background: rgba(234,179,8,.18); border-color: rgba(234,179,8,.35); }
.story-ico.red{ background: rgba(239,68,68,.18); border-color: rgba(239,68,68,.35); }
.story-p{ color:#fff; font-weight:700; }
.story-p span{ color:rgba(255,255,255,.72); font-weight:700; }

.story-footer{
  position:absolute;
  left:34px; right:34px; bottom:26px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.16);
  background: rgba(0,0,0,.25);
}
.story-handle{ font-weight:900; letter-spacing:.4px; }
.story-phone{ font-weight:900; letter-spacing:.2px; }

/* mobilde sığdırma (JS scale ile birlikte) */
/* finished-detail events compact */
.fd-evt2{
  border:1px solid rgba(255,255,255,.10);
  background:rgba(0,0,0,.18);
  border-radius:14px;
  padding:8px 10px;
  margin:8px 0;
}
.fd-evt2-time{ font-size:12px; opacity:.9; font-weight:700; }
.fd-evt2-bot{ display:flex; align-items:center; gap:8px; margin-top:6px; }
.fd-evt2-ico{ width:26px; height:26px; display:grid; place-items:center; border-radius:10px; background:rgba(0,0,0,.18); }
.fd-evt2-name{ font-size:13px; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
/* ===== Finished Detail: Olay Akışı (kadro gibi sık) ===== */
.fd-events{
  display:flex;
  flex-direction:column;
  gap:6px;              /* satırlar arası sık */
}

.evtRow{
  display:grid;
  grid-template-columns: 54px 30px 1fr; /* süre | ikon | isim */
  align-items:center;
  gap:6px;              /* süre-ikon arası boşluğu küçülttük */
  padding:8px 10px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(0,0,0,.14);
}

.evtT{
  font-size:12px;
  font-weight:800;
  opacity:.95;
}

.evtI{
  width:26px;height:26px;
  display:grid;place-items:center;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(0,0,0,.18);
  font-size:14px;
  line-height:1;
}
.evtI.goal{   background: rgba(34,197,94,.18); border-color: rgba(34,197,94,.28); }
.evtI.yellow{ background: rgba(234,179,8,.18); border-color: rgba(234,179,8,.28); }
.evtI.red{    background: rgba(239,68,68,.18); border-color: rgba(239,68,68,.28); }

.evtN{
  font-size:13px;       /* punto küçüldü */
  font-weight:800;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
/* ===== Finished Detail: Mobile fix (taşma + sıkı layout) ===== */

/* Kadro satırları taşmasın */
.kitem{
  display:grid;
  grid-template-columns: 36px 44px 1fr;
  gap:10px;
  align-items:center;
}
.kname{
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

/* Olay akışı iki kolon sığsın */
.fd-events-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:12px;
}
.fd-events{
  display:flex;
  flex-direction:column;
  gap:8px;
}

/* Event satırı: süre-ikon-isim (boşluk sıfıra yakın) */
.fd-evt{
  display:grid;
  grid-template-columns: 56px 26px 1fr;
  gap:6px;                 /* boşluk azalt */
  align-items:center;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(11,18,32,.35);
}
.fd-evt-time{
  font-size:12px;
  font-weight:800;
  opacity:.95;
}
.fd-evt-ico{
  display:grid;
  place-items:center;
  font-size:14px;
  width:26px;height:26px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.18);
}
.fd-evt-name{
  font-size:12px;
  font-weight:800;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

/* Küçük ekranlarda: Kadrolar alt alta, olaylar yine 2 kolon kalsın */
@media (max-width: 420px){
  .lineups-grid{ grid-template-columns: 1fr; gap:12px; }
  .kitem{ grid-template-columns: 34px 42px 1fr; gap:8px; }
  .fd-evt{ grid-template-columns: 52px 24px 1fr; padding:9px 10px; }
  .fd-evt-time, .fd-evt-name{ font-size:11px; }
}
/* ===== Finished Detail - Olay Akışı (Sıkı, tek satır, mobile sığar) ===== */
.fd-events .fd-evt.compact{
  display:flex;
  align-items:center;
  gap:6px;                 /* boşluğu minimum */
  padding:8px 10px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.18);
}

/* Dakika: sabit genişlik, çok yer kaplamasın */
.fd-events .fd-evt.compact .fd-evt-t{
  flex:0 0 30px;           /* 00:00 için yeter */
  font-size:12px;
  font-weight:300;
  opacity:.95;
}

/* İkon: arada sıfıra yakın boşluk */
.fd-events .fd-evt.compact .fd-evt-i{
  flex:0 0 10px;
  font-size:14px;
  line-height:1;
}

/* İsim: tek satır, taşarsa ... */
.fd-events .fd-evt.compact .fd-evt-n{
  flex:1 1 auto;
  font-size:10px;
  font-weight:200;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* Mobilde daha da sıkılaşsın */
@media (max-width: 420px){
  .fd-events .fd-evt.compact{ gap:1px; padding:7px 9px; }
  .fd-events .fd-evt.compact .fd-evt-t{ flex-basis:10px; font-size:11px; }
  .fd-events .fd-evt.compact .fd-evt-i{ flex-basis:16px; font-size:13px; }
  .fd-events .fd-evt.compact .fd-evt-n{ font-size:12px; }
}