/* Identidad de Just Solutions: logotipo original y referencia just-solutions.es.
   Los tonos de interacción se oscurecen para mantener el contraste sobre blanco. */
:root {
  --brand-blue: #2398c9;
  --brand-action: #166a91;
  --brand-action-hover: #105372;
  --brand-text: #454545;
  --brand-warm: #beb5a9;
  --brand-muted: #686159;
  --brand-surface: #f5f4f2;
}
body { background: var(--brand-surface); color: var(--brand-text); }
.sidebar {
  background: #fff;
  color: var(--brand-text);
  border-right: 1px solid #e3dfda;
  border-top: 5px solid var(--brand-blue);
  padding-top: 25px;
}
.brand { display: block; padding: 6px 0; line-height: 0; }
.brand img { display: block; width: 100%; height: auto; max-width: 200px; }
.workspace { color: var(--brand-muted); margin-top: 45px; }
.nav.active {
  background: #eaf5fa;
  color: var(--brand-action);
  border-left: 3px solid var(--brand-blue);
  border-radius: 0 6px 6px 0;
}
.sidebar-bottom { color: #57534d; }
.sidebar-bottom p { color: var(--brand-muted); }
h1, h2, h3 { color: var(--brand-text); }
.demo { background: #eeebe6; border-color: #ded8cf; color: #58524a; }
.primary { background: var(--brand-action); border-color: var(--brand-action); }
.primary:hover { background: var(--brand-action-hover); border-color: var(--brand-action-hover); }
.row-link { color: var(--brand-action); }
.row-link:hover { text-decoration: underline; }
input:focus, textarea:focus, select:focus { outline-color: var(--brand-action); }
button:focus-visible, a:focus-visible { outline-color: var(--brand-action); }
.quiet:hover { background: #f5f4f2; }
.received { background: #eaf5fa; color: var(--brand-action); }
.preview { background: #eeebe6; }
#toast:not(:empty) { background: #454545; }
@media (max-width: 700px) {
  .sidebar { padding: 12px 20px; border-right: 0; border-bottom: 1px solid #e3dfda; }
  .brand img { max-width: 175px; }
}