/* ===== BASE ===== */
*{ box-sizing:border-box; }
html,body{ height:100%; margin:0; padding:0; }
body{
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  background:#f5f6f8;
  color:#1f2937;
}
a{ color:inherit; text-decoration:none; }
.wrap{ max-width:1200px; margin:0 auto; padding:0 16px; }

.page{ min-height:100vh; display:flex; flex-direction:column; }
.page-content{ flex:1; padding: 22px 0; }

input,select,button{ font:inherit; }

/* buttons */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:10px 14px;
  border-radius:12px;
  border:1px solid #111;
  background:#111;
  color:#fff;
  font-weight:800;
  cursor:pointer;
}
.btn.secondary{ background:#fff; color:#111; border-color:#cfd5dd; }
.btn:disabled{ opacity:.45; cursor:not-allowed; }
/* ===== GLOBAL SAFE DEFAULTS ===== */
*{ box-sizing:border-box; }
html,body{ height:100%; }
body{ margin:0; }

img{ max-width:100%; height:auto; display:block; }
a{ color:inherit; }

.wrap{
  max-width:1200px;
  margin:0 auto;
  padding:0 12px;
}

/* spreči da dugačke reči/linkovi lome layout */
.card, .main-content, .grid, .filter-row, .topbar-inner{ min-width:0; }
.h1, .sub, .desc, .pill, .card h3{
  overflow-wrap:anywhere;
  word-break:break-word;
}