/* ServiFlow Custom Styles */

/* =====================================================
   LOGIN PAGE CUSTOMIZATION
   ===================================================== */

/* Ocultar logo original de ERPNext/Frappe */
.page-card-head .app-logo {
  display: none !important;
}

/* Reemplazar con icono ServiFlow */
.page-card-head::before {
  content: "";
  display: block;
  width: 70px;
  height: 70px;
  margin: 0 auto 10px;
  background-image: url("/assets/serviflow/images/serviflow-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Ocultar texto original y reemplazar */
.page-card-head h4 {
  visibility: hidden;
  position: relative;
  height: 30px;
}

.page-card-head h4::after {
  content: "Iniciar sesión en ServiFlow";
  visibility: visible;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}

/* Color de acento naranja ServiFlow */
.login-content .btn-primary,
.login-content .btn-primary-dark,
.page-card .btn-primary {
  background-color: #ff6b00 !important;
  border-color: #ff6b00 !important;
}

.login-content .btn-primary:hover,
.login-content .btn-primary-dark:hover,
.page-card .btn-primary:hover {
  background-color: #e65c00 !important;
  border-color: #e65c00 !important;
}

.login-content a,
.page-card a {
  color: #ff6b00;
}

.login-content a:hover,
.page-card a:hover {
  color: #e65c00;
}

/* =====================================================
   INDICADORES DE ESTADO
   ===================================================== */

.serviflow-indicator-aprobado {
  color: #36b37e;
  font-weight: bold;
}

.serviflow-indicator-rechazado {
  color: #ff5630;
  font-weight: bold;
}

.serviflow-indicator-pendiente {
  color: #ffab00;
  font-weight: bold;
}

/* =====================================================
   DASHBOARD Y FORMULARIOS
   ===================================================== */

.frappe-control[data-fieldname="sf_referencias"] .grid-heading-row {
  background-color: #e8f5e9;
}

.frappe-control[data-fieldname="sf_criticas"] .grid-heading-row {
  background-color: #ffebee;
}

/* Badges para estados */
.serviflow-badge {
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
}

.serviflow-badge-success {
  background-color: #e8f5e9;
  color: #2e7d32;
}

.serviflow-badge-danger {
  background-color: #ffebee;
  color: #c62828;
}

.serviflow-badge-warning {
  background-color: #fff8e1;
  color: #f57f17;
}

/* Panel de información */
.serviflow-info-panel {
  background: #f5f7fa;
  border: 1px solid #d1d8dd;
  border-radius: 4px;
  padding: 15px;
  margin-bottom: 15px;
}

.serviflow-info-panel h6 {
  margin-bottom: 10px;
  color: #6c757d;
  font-weight: 600;
}

/* =====================================================
   GLOBAL THEME - ServiFlow Orange (#ff6b00)
   ===================================================== */

/* Navbar brand / logo area */
.navbar .navbar-brand img,
.navbar .app-logo {
  max-height: 28px;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px;
  min-height: 28px;
}

/* Primary buttons everywhere */
.btn-primary {
  background-color: #ff6b00 !important;
  border-color: #ff6b00 !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
  background-color: #e65c00 !important;
  border-color: #e65c00 !important;
}

.btn-primary-dark {
  background-color: #cc5500 !important;
  border-color: #cc5500 !important;
}

.btn-primary-dark:hover {
  background-color: #b34a00 !important;
  border-color: #b34a00 !important;
}

/* Links */
a {
  color: #ff6b00;
}

a:hover {
  color: #e65c00;
}

/* Override Frappe CSS variables */
:root {
  --primary: #ff6b00 !important;
  --primary-color: #ff6b00 !important;
}

/* Sidebar active item */
.desk-sidebar .sidebar-menu a.active,
.desk-sidebar .sidebar-menu a:hover {
  color: #ff6b00;
}

/* Like button, indicators */
.like-active-item .like-action {
  color: #ff6b00;
}

/* Page head actions */
.page-actions .btn-primary-dark,
.page-actions .btn-primary {
  background-color: #ff6b00 !important;
  border-color: #ff6b00 !important;
}

/* Form sidebar indicator */
.indicator-pill.blue {
  background: #ff6b00;
}

/* Checkbox and radio */
.frappe-control .checkbox .check-icon,
input[type="checkbox"]:checked {
  accent-color: #ff6b00;
}

/* Progress bar */
.progress-bar {
  background-color: #ff6b00;
}

/* AWesomebar focus */
.search-bar .awesomebar:focus {
  border-color: #ff6b00;
}

/* Selected list items */
.list-row-checkbox:checked + .list-row--col {
  background-color: rgba(255, 107, 0, 0.05);
}

/* Tab active indicator */
.nav-tabs .nav-link.active {
  border-bottom-color: #ff6b00 !important;
  color: #ff6b00;
}

/* Timeline icon */
.timeline-dot {
  background-color: #ff6b00;
}

/* Frappe desk page title breadcrumbs */
.breadcrumb-container a {
  color: #ff6b00;
}

/* Notifications badge */
.notifications-icon .badge {
  background-color: #ff6b00;
}

/* =====================================================
   TITLE BAR - Replace "ERPNext" text
   ===================================================== */

/* Override page title where ERPNext appears */
.navbar .navbar-brand .brand-name {
  font-size: 0;
}

.navbar .navbar-brand .brand-name::after {
  content: "ServiFlow";
  font-size: 14px;
  font-weight: 600;
  color: #ff6b00;
}