/* ============================================================
   SEO Monitor — minimalistyczny motyw   (odcienie bieli, czerwieni, czerni)
   ============================================================ */

:root {
  --c-red:  #d32f2f;
  --c-dark: #000;
  --c-bg:   #fafafa;
  --radius: 12px;
}

/* ---------- reset / baza ---------- */
*{box-sizing:border-box;margin:0;padding:0}
body{
  font-family:Helvetica,Arial,sans-serif;
  background:var(--c-bg);
  color:#111;
}
a{text-decoration:none;color:inherit}

/* ---------- układ ---------- */
.container{
  max-width:1900px;
  margin:0 auto;
  padding:2rem 1rem;
}

/* ---------- karty ---------- */
.card{
  background:#fff;
  border-radius:var(--radius);
  box-shadow:0 2px 6px rgba(0,0,0,.05);
  padding:1.5rem;
  margin-bottom:1rem;
}

/* ---------- przyciski ---------- */
.btn{
  display:inline-block;
  padding:.5rem 1rem;
  border-radius:3px;
  font-weight:600;
  cursor:pointer;
  border:0;
  user-select:none;
  transition:transform .15s ease;
}
.kw-block{display:inline-block;margin-right:8px;margin-bottom:4px}
.btn-mini{
  background:var(--c-dark);
  color:#fff;
  font-size:.75rem;
  padding:2px 6px;
  border-radius:6px;
}
.btn:active{transform:scale(.97)}

.btn-primary{background:var(--c-red);color:#fff;margin-bottom:20px;margin-top:20px;}
.btn-secondary{background:var(--c-dark);color:#fff;margin-bottom:20px;margin-top:20px;}
input[type="checkbox"] {
    width: 1%;
}
/* ---------- formularze ---------- */
label{
  display:block;
  font-size:.9rem;
  margin-bottom:.5rem;
}
input,
select{
  width:100%;
  padding:.5rem;
  border:1px solid #ddd;
  border-radius:6px;
  margin-bottom:1rem;
  font-size:1rem;
}
input:focus{outline:2px solid var(--c-red)}

/* ---------- nagłówki ---------- */
h2{
  margin:0 0 1rem 0;
  color:var(--c-red);
}

/* ---------- tabele ---------- */
table{
  width:100%;
  border-collapse:collapse;
  margin-bottom:2rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
th,td{
  padding:.5rem 1rem;
  border-bottom:1px solid #eee;
  text-align:left;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
th{
  background:var(--c-red);
  color:#fff;
  position:sticky;
  top:0;
  z-index:1;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
tbody tr:nth-child(even){background:#f8f8f8}