/* Identidade visual PCM — Pignus Construção e Montagem */
:root {
  --teal: #111111;
  --teal2: #242424;
  --orange: #f5b51b;
  --cream: #f5f5f3;
  --ink: #242223;
  --muted: #747474;
  --line: #e4e2dc;
  --gold: #f5b51b;
  --gold-dark: #9a6c00;
  --gold-soft: #fff3c7;
}

.sidebar {
  background: #111111;
  border-right: 1px solid #2e2e2e;
}

.brand {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 10px;
  padding: 0 7px 30px;
}

.brand img {
  display: block;
  width: 100%;
  height: auto;
  padding: 11px 10px;
  border-radius: 8px;
  background: #ffffff;
}

.brand small {
  margin: 0;
  color: #f5b51b;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 1.8px;
  text-align: center;
}

.sidebar nav button {
  color: #bdbdbd;
}

.sidebar nav button:hover,
.sidebar nav button.active {
  background: #2a261b;
  color: #ffffff;
}

.sidebar nav button.active {
  box-shadow: inset 3px 0 #f5b51b;
}

.sidebar nav button.active i,
.sidebar nav button:hover i {
  color: #f5b51b;
}

.system-state {
  border-color: #39362b;
  background: #1b1a17;
}

.system-state > i {
  background: #f5b51b;
  box-shadow: 0 0 0 4px rgb(245 181 27 / 14%);
}

.system-state small,
.user small {
  color: #9f9f9f;
}

.user > b {
  background: #f5b51b;
  color: #171717;
}

.heading small {
  color: #a97500;
}

.button.outline {
  border-color: #cfcfc9;
  color: #222222;
}

.button.outline:hover {
  border-color: #f5b51b;
  background: #fff8df;
}

.button.primary {
  border-color: #f5b51b;
  background: #f5b51b;
  color: #171717;
  box-shadow: 0 3px 9px rgb(157 111 0 / 16%);
}

.button.primary:hover {
  border-color: #e1a300;
  background: #e1a300;
}

.search:focus-within {
  border-color: #d59a09;
  box-shadow: 0 0 0 3px rgb(245 181 27 / 14%);
}

.intro > span::first-letter {
  color: #d79d0e;
}

.stats i.green,
.stats i.orange {
  background: #fff3c7;
  color: #815b00;
}

.stats i.blue {
  background: #eeeeec;
  color: #333333;
}

.panel header button {
  color: #8b6200;
}

.location > i,
.location > i.l1 {
  background: #fff3c7;
  color: #815b00;
}

.location > i.l2,
.location > i.l3 {
  background: #eeeeec;
  color: #444444;
}

.location > span em {
  background: linear-gradient(90deg, #d99b00, #f5b51b);
}

.alert > i,
.movement > i.saida {
  background: #fff3c7;
  color: #815b00;
}

.movement > i.transferencia {
  background: #ededeb;
  color: #333333;
}

.filters button.active {
  border-color: #111111;
  background: #111111;
  color: #f5b51b;
}

.badge.pending {
  background: #fff3c7;
  color: #765300;
}

.reconcile-btn {
  border-color: #d9b654;
  background: #fff8df;
  color: #6d4c00;
}

.reconcile-btn:hover {
  background: #f5b51b;
  color: #171717;
}

.reconcile-hero {
  background: #171717;
  border-bottom: 3px solid #f5b51b;
}

.reconcile-hero > div > small {
  color: #f5b51b;
}

.reconcile-hero p,
.reconcile-hero > strong small {
  color: #bdbdbd;
}

.reconcile-hero > strong {
  border-color: #3f3f3f;
  border-top-color: #f5b51b;
}

.setup-card button {
  background: #f5b51b;
  color: #171717;
  font-weight: 700;
}

form input:focus,
form select:focus,
form textarea:focus {
  border-color: #d59a09;
  box-shadow: 0 0 0 3px rgb(245 181 27 / 14%);
}

.form-actions button:last-child {
  border-color: #f5b51b;
  background: #f5b51b;
  color: #171717;
}

.mobile-logo {
  width: 82px;
  height: 37px;
  padding: 5px 7px;
  border: 1px solid #ddddda;
  border-radius: 7px;
  background: #ffffff;
}

.mobile-logo img {
  display: block;
  width: 100%;
  height: auto;
}

.mobile-nav button.active {
  color: #9a6c00;
}

@media (max-width: 760px) {
  .mobile-logo {
    display: grid;
    place-items: center;
    width: 82px;
    height: 37px;
  }
}