:root{--grad:linear-gradient(90deg,#0059ff,#00c7a5);--ink:#0b1324;--mut:#5b6377;--card:#fff;--ring:#e6eefb}
.upl-one .upl-card,.upl-app .upl-card{background:var(--card);border-radius:18px;padding:16px;margin:12px 0;box-shadow:0 10px 24px rgba(0,0,0,.06)}
.upl-one .upl-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:8px}
.upl-one .upl-split,.upl-app .upl-split{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.upl-one pre{min-height:72px;background:#0f172a;color:#bef264;padding:12px;border-radius:12px;overflow:auto}
.upl-form label{display:block;margin:8px 0} .upl-form input{width:100%}
.button-danger{background:#e83545;color:#fff;border-color:#e83545}
.upl-hero{display:flex;justify-content:space-between;align-items:center;margin:10px 0;padding:14px;border-radius:14px;background:var(--grad);color:#fff;font-size:20px;font-weight:700}
.upl-chip{background:rgba(255,255,255,.22);padding:6px 12px;border-radius:999px;color:#fff;text-decoration:none}
.built{font-style:italic;color:#a56b2a}
/* front layout */
.upl-app{background:transparent}
.upl-kv{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.k-badge{padding:6px 12px;border-radius:999px;background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.35));color:#fff;font-weight:700;border:1px solid rgba(255,255,255,.35)}
.k-prog{height:8px;background:#eef2ff;border-radius:999px;overflow:hidden}
.k-prog>span{display:block;height:100%;background:var(--grad);width:0}
.k-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.k-table div{display:flex;justify-content:space-between;border-bottom:1px dashed #eef; padding:6px 0}
@media (max-width:900px){.upl-one .upl-split,.upl-app .upl-split,.k-grid{grid-template-columns:1fr}}


/* --- UPL 0.9.3a minimal UI polish --- */
.upl-row { display:flex; gap:10px; flex-wrap:wrap; align-items:center; }
.upl-row input#bid_amount { max-width: 260px; padding:8px 10px; font-size:16px; }
.upl-row .button { padding:8px 12px; border-radius:10px; font-weight:600; }
.upl-row .button[data-incr] { border:1px solid rgba(0,0,0,0.08); }
.k-badge { background:#111; color:#fff; padding:4px 8px; border-radius:999px; font-size:12px; letter-spacing:0.3px; }
.k-table > div { display:flex; justify-content:space-between; align-items:center; padding:4px 0; }
.k-prog { background:rgba(0,0,0,0.08); height:8px; border-radius:6px; overflow:hidden; }
.k-prog > span { display:block; height:100%; background:linear-gradient(90deg, #4a90e2, #50e3c2); }


/* --- UI Enhancements --- */
.player-name{ font-size:22px; font-weight:800; letter-spacing:0.2px; margin:0 8px; display:inline-block; }
.tier-badge{ padding:4px 10px; border-radius:999px; font-size:12px; font-weight:700; color:#fff; background:#555; text-transform:uppercase; }
.tier-badge.platinum{ background:#3b82f6; } /* blue */
.tier-badge.gold{ background:#f59e0b; }     /* amber */
.tier-badge.silver{ background:#9ca3af; }   /* gray */
.tier-badge.bronze{ background:#d97706; }   /* orange */
.player-pic{ width:44px; height:44px; object-fit:cover; border-radius:10px; margin-left:10px; vertical-align:middle; box-shadow:0 2px 8px rgba(0,0,0,.1); }

.upl-warn{ background:#fff3cd; border:1px solid #ffeeba; padding:8px 12px; border-radius:10px; font-weight:700; margin-bottom:10px; }

/* Team-wise grid (captains) */
.k-table-grid{
  display:grid;
  grid-template-columns: 140px 1fr 120px 140px;
  gap:10px;
  align-items:start;
}
.k-table-grid .k-head{
  font-weight:700;
  text-transform:uppercase;
  font-size:12px;
  opacity:0.8;
  border-bottom:1px solid rgba(0,0,0,0.08);
  padding-bottom:6px;
}
.k-table-grid > div{ padding:4px 0; }
.k-table-grid .lite{ opacity:0.75; font-size:12px; }
@media (max-width: 800px){
  .k-table-grid{ grid-template-columns: 100px 1fr 100px 110px; }
}


/* === UPL v0.9.3d+ hotfix === */

/* (A) Hide tier-inline text next to name; keep only badge */
.upl-app .player-name .tier-inline,
.upl-app .player-title .tier-inline,
.upl-app .tier-in-name {
  display: none !important;
}

/* (B) Responsive player image */
.upl-app .player-card img,
.upl-app .player-pic,
.upl-app .player-img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  max-height: 42vh;
}
@media (min-width: 768px) {
  .upl-app .player-card img,
  .upl-app .player-pic,
  .upl-app .player-img { max-height: 50vh; }
}

/* (C) Global toast for purse warnings */
.upl-toast {
  position: fixed; left: 50%; top: 12px; transform: translateX(-50%);
  background: #111; color: #fff; padding: 8px 12px; border-radius: 8px;
  box-shadow: 0 6px 20px rgba(0,0,0,.25); z-index: 9999; font-size: 14px;
}

/* (D) Put Live Bids card at the bottom for captains */
#upl_captain_app, #upl_captains_app, #upl_audience_app {
  display: flex; flex-direction: column;
}
#live_bids_section, #live_bids { order: 999; }


/* === UPL v0.9.3d+ stacked team-wise styles === */
.team-block {
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 12px;
  padding: 12px;
  margin: 12px 0;
  background: #fff;
}
.team-head {
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 8px;
}
.team-body .row {
  display: flex;
  justify-content: space-between;
  padding: 4px 0;
  border-bottom: 1px dashed rgba(0,0,0,.08);
}
.team-body .row:last-child { border-bottom: none; }
.team-summary {
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
  font-size: 14px;
}
/* Make text compact on narrow screens */
@media (max-width: 480px){
  .team-head { font-size: 16px; }
  .team-summary { font-size: 13px; }
}


/* === UPL v0.9.3h Audience Pro styles === */
.team-block.audience { background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%); }
#upl_audience_app .lite { opacity:.75; }
#upl_audience_app .team-head::before{ content:'🏏'; margin-right:8px; }
#upl_audience_app .team-block:hover{ transform: translateY(-1px); box-shadow: 0 6px 18px rgba(0,0,0,.06); transition: all .15s ease; }


/* === UPL v0.9.3i Analytics + Photos CSS === */
.mini-pic{
  width: 28px; height: 28px; object-fit: cover; border-radius: 6px; margin-right: 8px; vertical-align: middle;
  box-shadow: 0 2px 6px rgba(0,0,0,.12);
}
.tier-block{ padding: 8px 0; }
.tier-head{ font-weight:700; font-size: 15px; margin: 6px 0; opacity:.9; }
#upl_captains_app .upl-card h3::after,
#upl_audience_app .upl-card h3::after { content:''; display:block; width: 36px; height:3px; background:#111; opacity:.08; margin-top:6px; border-radius: 4px; }


/* v11.0.0 additions */
.upl-expense{
  margin-top: 8px;
  font-weight: 700;
  font-size: 14px;
  opacity: .9;
}
.upl-row .button {
  background: #111;
  color: #fff;
  border: 0;
  border-radius: 12px;
  box-shadow: 0 4px 14px rgba(0,0,0,.12);
}
.upl-row .button:hover { transform: translateY(-1px); box-shadow: 0 6px 18px rgba(0,0,0,.16); }
.upl-row .button:active { transform: translateY(0); box-shadow: 0 2px 8px rgba(0,0,0,.12); }
.upl-row .button.button-primary {
  background: linear-gradient(90deg, #2563eb, #10b981);
  color: #fff;
}
.upl-row .button.is-disabled { opacity: .6; cursor: not-allowed; }