/* === v1.51 skica: Skice (objava u tijeku) — ekran Oglašavanje i stranica oglasa ===============================
   app.js "[v1.51 skica]" + oglas/skice.mjs. Samo raspored; boje su tokeni (svijetla tema i iCare). */

/* Redak popisa Oglašavanja: "[Skica] 14 slika · ubačeno danas u 14:32 · Za oglas fali 7 podataka" (3. red retka,
   umjesto same napomene). Dijelovi se ne lome iznutra; kad red ne stane (mobitel, uski stupac), napomena prelazi
   u novi red ("…" tek kad ni sama ne stane). */
.og-skica-line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 3px 8px;
  min-width: 0;
  font-size: 12.5px;
  white-space: nowrap;
}
.mobile-shell .og-skica-sep { display: none; }
.mobile-shell .og-skica-line .og-skica-facts { white-space: normal; }
.og-skica-line > .status-pill { flex: 0 0 auto; height: 20px; min-height: 20px; font-size: 11.5px; }
.og-skica-line .og-skica-facts { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; color: var(--ink-2); }
.og-skica-sep { flex: 0 0 auto; color: var(--ink-3); }
.og-skica-line > .oglasavanje-item-problems,
.og-skica-line > .oglasavanje-item-ready { flex: 0 10 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; }

/* Stranica oglasa: traka iznad podataka vozila. Utor je stavka grida .page-stack — prazan ne smije dodati razmak. */
.og-skica-slot:empty { display: none; }
.og-skica-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px 16px;
  padding: 8px 10px 8px 12px;
  border: 1px solid var(--brand-line);
  border-radius: var(--radius-lg);
  background: var(--brand-soft);
}
.og-skica-info { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 10px; min-width: 0; }
.og-skica-pos { color: var(--ink); font-size: 13.5px; font-weight: 650; font-variant-numeric: tabular-nums; }
.og-skica-bar .og-skica-facts { color: var(--ink-2); font-size: 13px; }
.og-skica-actions { display: flex; align-items: center; gap: 6px; margin-left: auto; }
.og-skica-actions .button-like { display: inline-flex; align-items: center; gap: 6px; background: var(--surface); text-decoration: none; }
.og-skica-actions .button-like.is-disabled { opacity: 0.5; pointer-events: none; }

/* Mobitel: gumbi ispod, svaki pola širine (dodirna meta ≥ 36 px) */
.mobile-shell .og-skica-bar { padding: 10px; }
.mobile-shell .og-skica-actions { width: 100%; margin-left: 0; }
.mobile-shell .og-skica-actions .button-like { flex: 1 1 0; justify-content: center; height: 36px; min-height: 36px; }