/* druzi.space brand: logo green #53B079, eye teal #82CAB2 */
:root {
  --brand: #53b079;
  --brand-dark: #3e8c5e;
  --teal: #82cab2;
  --accent: #53b079;
  --danger: #e11d48;
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
}
html, body {
  font-family: var(--font);
}
h1, h2, h3, h4, h5, h6, button, input, select, textarea {
  font-family: inherit;
}
.brand-lockup {
  display: inline-flex;
  align-items: center;
  gap: .65rem;
  color: inherit;
  text-decoration: none;
  font-family: var(--font);
  font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.1;
}
.brand-lockup img {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: block;
  background: #53b079;
  object-fit: cover;
}
.brand-lockup span { line-height: 1.1; }
.hero-logo {
  width: 120px;
  height: 120px;
  border-radius: 28px;
  margin: 0 auto 1.25rem;
  display: block;
  box-shadow: 0 16px 40px rgba(0,0,0,.35);
  background: #53b079;
}
.login-logo {
  width: 72px;
  height: 72px;
  border-radius: 18px;
  margin: 0 auto 1rem;
  display: block;
  background: #53b079;
}
.panel-brand {
  display: flex;
  align-items: center;
  gap: .75rem;
  min-width: 0;
}
.panel-brand img {
  width: 36px;
  height: 36px;
  border-radius: 9px;
  background: #53b079;
}
.panel-brand h1 { margin: 0; min-width: 0; flex: 1 1 auto; overflow-wrap: break-word; }
.panel-head {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .5rem .75rem;
}
.panel-head .panel-brand { flex: 1 1 0; min-width: 0; }
.panel-head > .lang-switch { flex: 0 0 auto; margin-left: auto; }
.panel-head-meta { color: #94a3b8; font-size: .85rem; }
@media (max-width: 720px) {
  .panel-head { align-items: flex-start; }
  .panel-head > .lang-switch { order: 2; margin-left: 0; }
  .panel-head-meta { order: 3; flex: 1 1 100%; }
  .panel-brand h1 { font-size: 1.15rem; }
}
button.green { background: #16a34a; color: #fff; }