/* BRK ePOD — wspólna belka paneli (logo, tytuł, użytkownik, taby modułów, stopka) */
:root{
  --brand:#0c7c8a;
  --brand-d:#084c57;
  --brand-bright:#17b3c0;
  --brand-soft:#e2f5f7;
  --ink:#1c1d1f;
  --muted:#5e6b78;
  --faint:#8a96a3;
  --line:#e3e7ec;
  --line2:#eef1f4;
  --bg:#f4f6f8;
  --card:#fff;
  --bad:#9a2820;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}

/* Nagłówek paneli biurowych — biały, kreska brand-bright (jak dyspozytor) */
header.epod-top,
header.top.epod-top{
  display:flex;
  align-items:center;
  gap:14px;
  padding:8px 2px 16px;
  margin-bottom:8px;
  border-bottom:2px solid var(--brand-bright);
  background:transparent;
  color:var(--ink);
  flex-wrap:wrap;
}
header.epod-top img.epod-logo,
header.top.epod-top img.epod-logo,
.epod-logo{
  height:44px;
  width:auto;
  display:block;
  flex:0 0 auto;
}
header.epod-top .ttl,
header.epod-top h1{
  font-weight:700;
  font-size:19px;
  margin:0;
  line-height:1.2;
  color:var(--ink);
  font-family:var(--font);
}
header.epod-top .sub{
  color:var(--muted);
  font-size:12.5px;
  margin-top:2px;
}
header.epod-top .who{
  margin-left:auto;
  text-align:right;
  font-size:12.5px;
  color:var(--muted);
}
header.epod-top .who b{color:var(--ink)}
header.epod-top .who a{color:var(--brand-d);font-weight:600;text-decoration:none}
header.epod-top .who a:hover{text-decoration:underline}
header.epod-top .epod-tools{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  align-items:center;
}
header.epod-top .epod-tool{
  font-size:12.5px;
  font-weight:600;
  color:var(--brand-d);
  text-decoration:none;
  border:1px solid #cfe8ea;
  background:#eaf6f7;
  padding:5px 11px;
  border-radius:8px;
}
header.epod-top .epod-tool:hover{filter:brightness(0.97)}
header.epod-top .epod-tool.primary{
  background:var(--brand);
  color:#fff;
  border-color:var(--brand);
}

/* Taby modułów — jeden wygląd wszędzie */
nav.epod-modnav{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin:10px 0 4px;
}
.epod-modnav a,
.epod-modnav span{
  display:inline-block;
  padding:7px 14px;
  border-radius:8px;
  font-weight:600;
  font-size:14px;
  text-decoration:none;
  border:1px solid #cfe8ea;
  font-family:var(--font);
  line-height:1.3;
}
.epod-modnav a{
  background:#eaf6f7;
  color:#0c7c8a;
}
.epod-modnav a:hover{filter:brightness(0.97)}
.epod-modnav span.on,
.epod-modnav span.epod-on{
  background:#0c7c8a;
  color:#fff;
  border-color:#0c7c8a;
}

/* Stopka z wersją */
#appver,
.epod-foot{
  margin-top:auto;
  text-align:center;
  color:#9aa3ab;
  font-size:11px;
  padding:16px 0 14px;
  font-family:var(--font);
}

/* Logo na logowaniu */
.epod-login-logo{
  height:52px;
  width:auto;
  display:block;
  margin:0 auto 8px;
}