/* Osport – kompaktne widget (sobib ka Shadow DOM-is) */
:root {
  --osport-accent: #176f1e;
  --osport-accent-2: #0f5716;
  --osport-text-on: #ffffff;
  --osport-border: #dfe3e6;
  --osport-muted: #6b7280;
  --osport-radius: 16px;
  --osport-shadow: 0 6px 18px rgba(0,0,0,.08);

  --osport-chip-bg: #e9f4ea;
  --osport-chip-bd: #b4d3b7;
  --osport-chip-fg: #214a23;
  --osport-chip-bdw: 1px;

  /* vaikesuurused – ülitihe */
  --osport-maxw: 280px;
  --osport-font: 0.27rem;  /* 30% baasil 0.90rem → 0.27rem */
  --osport-vscale: 0.70;   /* 70% vert. tihedus */
}

/* Rida mitme vidina jaoks */
.osport-row { display:flex; flex-wrap:wrap; gap:12px 8px; align-items:flex-start; }
.osport-row .osport-widget { margin:.25rem 0; }

/* Baas */
.osport-widget { position:relative; display:block; max-width:var(--osport-maxw); margin:.5rem 0; font-family: system-ui,-apple-system,"Segoe UI",Roboto,Arial,"Noto Sans","Liberation Sans",sans-serif; font-size:var(--osport-font); color:#111827; }
.osport-card   { background:#fff; border:1px solid var(--osport-border); border-radius:var(--osport-radius); box-shadow:var(--osport-shadow); overflow:hidden; }

/* Nupp – tekst täpselt keskel (Grid) */
.osport-btn {
  display:grid; place-items:center;
  width:100%;
  padding: calc(10px * var(--osport-vscale)) 12px;
  font-weight:400; font-size:.95rem; text-align:center;
  text-decoration:none; color:var(--osport-text-on); background:var(--osport-accent);
  transition: background .2s ease, transform .05s ease;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.osport-btn:hover { background:var(--osport-accent-2); transform:translateY(-1px); }
.osport-btn:active{ transform:translateY(0); }

/* Ülemine rida: vasakul registreerunute kiip, paremal teenusepakkuja */
.osport-topline { display:flex; align-items:center; justify-content:space-between; gap:.5rem; padding: calc(6px * var(--osport-vscale)) 10px 0 10px; }
.osport-provider { font-size:.80rem; color:var(--osport-muted); white-space:nowrap; }

/* Meta */
.osport-meta { display:flex; flex-direction:column; gap:.3rem; padding: calc(6px * var(--osport-vscale)) 10px calc(8px * var(--osport-vscale)) 10px; }

/* Kiibid – väiksemad, õhemad, mitte paksud */
.osport-chip {
  display:inline-flex; align-items:center; gap:.3rem;
  padding: calc(4px * var(--osport-vscale)) 8px;
  border-radius:999px; border:var(--osport-chip-bdw) solid var(--osport-chip-bd);
  background: var(--osport-chip-bg); color: var(--osport-chip-fg);
  font-weight:400; font-size:.88rem; line-height:1;
}
.osport-chip b { font-weight:400; }

/* Skeleton */
.osport-skel { position:absolute; inset:0; display:flex; flex-direction:column; gap:.35rem; padding:8px; background:linear-gradient(90deg, rgba(0,0,0,0.03), rgba(0,0,0,0.06), rgba(0,0,0,0.03)); border-radius:var(--osport-radius); animation:osportShimmer 1.2s infinite; }
.osport-skel-line { height:7px; background:rgba(255,255,255,.7); border-radius:6px; }
@keyframes osportShimmer { 0%{opacity:.7} 50%{opacity:1} 100%{opacity:.7} }

/* Admin notice */
.osport-widget--notice { padding:.45rem .7rem; background:#fff4e5; border:1px solid #ffd6a6; border-radius:10px; }