/* Chroniony.com — brand patch v0.1.1. Layout/functionality from v0.1.0 retained. */
:root {
  --bg: #f4f8f5;
  --surface: #ffffff;
  --ink: #142d20;
  --muted: #617668;
  --line: #dfebe2;
  --blue: #177746; /* alias for existing component rules */
  --blue-dark: #105b34;
  --green: #177746;
  --shadow: 0 8px 26px rgba(8,63,33,.055);
}
body { background:var(--bg); color:var(--ink); }
.sidebar { background: linear-gradient(170deg,#063d25 0%,#092b1d 85%); color:#effbf0; }
.brand { flex-direction:column; align-items:stretch; padding:0 5px 25px; gap:8px; }
.brand-image { width:100%; max-width:207px; max-height:none; object-fit:contain; object-position:left center; border-radius:12px; display:block; }
.brand-info { padding:0 7px; }
.brand-info strong { font-size:16px; font-weight:750; }
.brand-info small { color:#b0d3b7; font-size:11px; }
.navlink { color:#c5ddcb; }
.navlink:hover { background:#185436; color:white; }
.navlink.active { background:#21794b; color:white; box-shadow:inset 3px 0 0 #9def52; }
.navico { opacity:.95; }
.sidefoot { border-top-color:#25543b; color:#a7ccb1; }
.topbar { border-bottom-color:var(--line); }
.topbar small { color:#187f49; }
.btn-primary { background:#177746; color:white; }
.btn-primary:hover { background:#105b34; }
.btn-muted { background:#edf5ef; color:#245b3b; border-color:#d7e8dc; }
.btn-muted:hover { background:#e1eee5; }
.stack input, .stack select, .stack textarea { border-color:#c9dace; color:#1b3926; }
.stack input:focus, .stack select:focus, .stack textarea:focus { border-color:#16854b; box-shadow:0 0 0 3px rgba(24,129,71,.13); }
.metric { border-color:var(--line); }
.metric span, .text-link { color:#147744; }
.badge.blue { background:#e3f4e8; color:#166d40; }
.badge.green { background:#e0f4e4; color:#146b3c; }
.steps>a span { background:#e5f5e9; color:#176d40; }
.info-line { background:#eef7f0; color:#3b6950; border-color:#d9ebdf; }
.empty { border-color:#c8ddce; }
.member-pill { border-color:#d3e8d8; background:#eff8f0; }
.list>a:hover b { color:#147744; }
.login-wrap { background:radial-gradient(circle at top,#e4f4e7 0%,#f4f8f5 55%,#f4f8f5 100%); }
.login-card { border-color:#d8e8dd; box-shadow:0 20px 65px rgba(13,78,42,.10); }
.login-brand-image { display:block; width:250px; max-width:100%; height:auto; border-radius:15px; margin:0 0 22px; }
@media(max-width:700px) {
  .brand { flex-direction:row; align-items:center; padding:2px 8px 12px; gap:12px; }
  .brand-image { width:107px; height:48px; object-fit:contain; }
  .brand-info { padding:0; }
  .brand-info strong { font-size:14px; }
}