/* css/styles.css - Tema simplificado para la Intranet */
:root {
  --primary: #00577c;
  --secondary: #ea5e1c;
  --text: #000;
  --muted: #6b6b6b;
}

body {
  color: var(--text);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

a { color: var(--primary); }
a:hover { color: var(--secondary); }

/* Navbar */
.navbar {
  background-color: var(--primary);
}
.navbar.navbar-vti {
  background-color: #7a5300 !important; /* color específico para VT Industrial */
}

.navbar.navbar-vti .navbar-brand,
.navbar.navbar-vti .navbar-menu {
  background-color: #7a5300 !important;
}

.navbar .navbar-item,
.navbar .navbar-link {
  color: #fff;
}
.navbar .navbar-item:hover,
.navbar .navbar-link:hover,
.navbar .navbar-item:focus,
.navbar .navbar-link:focus,
.navbar .navbar-item.is-active,
.navbar .navbar-link.is-active,
.navbar .navbar-item:active,
.navbar .navbar-link:active {
  background-color: rgb(0,76,108); 
  color: #fff;
  outline: none;
}

.navbar.navbar-vti .navbar-item:hover,
.navbar.navbar-vti .navbar-link:hover,
.navbar.navbar-vti .navbar-item:focus,
.navbar.navbar-vti .navbar-link:focus,
.navbar.navbar-vti .navbar-item.is-active,
.navbar.navbar-vti .navbar-link.is-active,
.navbar.navbar-vti .navbar-item:active,
.navbar.navbar-vti .navbar-link:active {
  background-color: #5f4000;
}

/* Mobile menu background when opened */
@media (max-width: 1023px) {
  .navbar-menu.is-active {
    background-color: rgba(0,87,124,0.95); /* darker blue for menu panel */
    padding: 0.5rem 1rem;
  }
  .navbar-menu.is-active .navbar-item,
  .navbar-menu.is-active .navbar-link {
    color: #fff;
  }
  .navbar-menu.is-active .navbar-item:hover,
  .navbar-menu.is-active .navbar-link:hover {
    background-color: rgba(255,255,255,0.08);
    color: #fff;
  }

  .navbar.navbar-vti .navbar-menu.is-active {
    background-color: rgba(122,83,0,0.95) !important;
  }

  .navbar.navbar-vti .navbar-menu.is-active .navbar-item:hover,
  .navbar.navbar-vti .navbar-menu.is-active .navbar-link:hover {
    background-color: rgba(95,64,0,0.95);
  }
}

.navbar-burger span { background-color: #fff; }

/* Buttons */
.button.is-primary {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
  color: #fff !important;
}
.button.is-secondary {
  background-color: var(--secondary) !important;
  border-color: var(--secondary) !important;
  color: #fff !important;
}
.button.is-warning {
  background-color: var(--secondary) !important;
  border-color: var(--secondary) !important;
  color: #fff !important;
}

/* Text helpers */
.has-text-primary { color: var(--primary) !important; }
.has-text-secondary { color: var(--secondary) !important; }

/* Hero */
.hero.is-primary { background-color: var(--primary); color: #fff; }
.hero.is-primary .box { background: #fff; color: var(--text); }

/* Tables */
.table thead th { background: #f5f5f5; color: var(--text); font-weight: 600; }
.table td { vertical-align: middle; }

/* Notifications */
.notification.is-warning { background-color: rgba(234,94,28,0.12); border-left: 4px solid var(--secondary); color: var(--text); }

/* Utility */
.modal-card.is-wide { width: 900px; max-width: 95%; }
.table-container.scrollable { max-height: 400px; overflow-y: auto; }

/* Styles movidos desde templates */
.address-card {
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  padding: 1.25rem;
  margin-bottom: 1rem;
}
.totals-section {
  background-color: #f5f5f5;
  padding: 1.5rem;
  border-radius: 4px;
  margin-top: 2rem;
}
.delete-row { color: #ff3860; cursor: pointer; }
.suggestion-list {
  position: absolute;
  z-index: 1000;
  background: white;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1);
}
.suggestion-item { padding: .5rem .75rem; cursor: pointer; border-bottom: 1px solid #f5f5f5; }
.suggestion-item:hover { background-color: #f5f5f5; }

/* Agent bar */
.agent-bar {
  background-color: #e7e7e7;
  border-bottom: 1px solid #dfe0e1;
  padding: 0.75rem 0;
}

/* Disabled menu items */
.navbar-item.is-disabled {
  opacity: 0.6;
  pointer-events: none;
  cursor: not-allowed;
}

.button.is-disabled {
  opacity: 0.6;
  pointer-events: none;
  cursor: not-allowed;
}

.modal-card-help {
  width: 1100px;
  max-width: 96%;
}

.help-content {
  max-height: 70vh;
  overflow-y: auto;
}

.help-section {
  border: 1px solid #dbdbdb;
  border-radius: 6px;
  padding: 1rem;
  margin-bottom: 1rem;
}

.help-section:last-child {
  margin-bottom: 0;
}

.help-markdown h3,
.help-markdown h4,
.help-markdown h5 {
  margin-top: 0.8rem;
  margin-bottom: 0.5rem;
}

.help-markdown p,
.help-markdown ul,
.help-markdown ol {
  margin-bottom: 0.75rem;
}

.help-markdown code {
  background: #f5f5f5;
  padding: 0.1rem 0.3rem;
  border-radius: 4px;
  font-size: 0.9em;
}

.help-index-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}