/* ============================================
   ORIGEN SOLUTIONS - BRANDING CSS
   ============================================ */

:root {
  --origen-primary: #3cc2ab;
  --origen-primary-dark: #2ea893;
  --origen-primary-light: #e0f7f4;
  --origen-cyan: #5bc4d6;
  --origen-dark: #1a5c52;
  --origen-text: #2d3e3a;
  --origen-bg: #f6faf9;
}

/* --- NAVBAR --- */
.navbar {
  background: linear-gradient(135deg, #1a5c52 0%, #1e6e5e 50%, #1a5c52 100%) !important;
  box-shadow: 0 2px 8px rgba(26, 92, 82, 0.15);
  border-bottom: 2px solid var(--origen-primary);
}

.navbar .navbar-brand .app-logo {
  max-height: 28px;
}

.navbar .navbar-nav .nav-link,
.navbar .navbar-nav .nav-link .icon,
.navbar .nav-item .nav-link {
  color: #d0ece7 !important;
}

.navbar .navbar-nav .nav-link:hover,
.navbar .nav-item .nav-link:hover {
  color: #ffffff !important;
}

.navbar .search-bar .input-group input {
  background: rgba(255,255,255,0.12) !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  color: #fff !important;
  border-radius: 6px;
}

.navbar .search-bar .input-group input::placeholder {
  color: rgba(255,255,255,0.5) !important;
}

.navbar .search-bar .input-group input:focus {
  background: rgba(255,255,255,0.2) !important;
  border-color: var(--origen-primary) !important;
}

/* --- OCULTAR CAMPANA NOTIFICACIONES --- */
.navbar .nav-item .notification-item,
.navbar .notification-item,
.navbar [title="Toggle Notifications"] {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  overflow: hidden !important;
}

/* --- SIDEBAR PERSONALIZADA --- */
.desk-sidebar {
  background: #f8fcfb !important;
  border-right: 1px solid #e2f0ed !important;
  padding-top: 8px !important;
}

.desk-sidebar .standard-sidebar-section .sidebar-label {
  color: #7ba8a0 !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  padding: 12px 16px 4px !important;
}

.desk-sidebar .standard-sidebar-section .desk-sidebar-item.selected,
.desk-sidebar .standard-sidebar-section .workspace-sidebar-item.selected {
  background: linear-gradient(90deg, #e0f7f4, #eef9f6) !important;
  border-left: 3px solid #3cc2ab !important;
  border-radius: 0 6px 6px 0 !important;
  font-weight: 600 !important;
  color: #1a5c52 !important;
}

.desk-sidebar .standard-sidebar-section .desk-sidebar-item.selected .sidebar-item-icon,
.desk-sidebar .standard-sidebar-section .workspace-sidebar-item.selected .sidebar-item-icon {
  color: #3cc2ab !important;
}

.desk-sidebar .standard-sidebar-section .desk-sidebar-item,
.desk-sidebar .standard-sidebar-section .workspace-sidebar-item {
  padding: 8px 16px !important;
  margin: 1px 8px 1px 0 !important;
  border-radius: 0 6px 6px 0 !important;
  border-left: 3px solid transparent !important;
  transition: all 0.15s ease !important;
  color: #3a6b63 !important;
  font-size: 13px !important;
}

.desk-sidebar .standard-sidebar-section .desk-sidebar-item:hover,
.desk-sidebar .standard-sidebar-section .workspace-sidebar-item:hover {
  background: #eef9f6 !important;
  border-left: 3px solid #b8d8d3 !important;
  color: #1a5c52 !important;
}

.desk-sidebar .standard-sidebar-section .desk-sidebar-item:hover .sidebar-item-icon,
.desk-sidebar .standard-sidebar-section .workspace-sidebar-item:hover .sidebar-item-icon {
  color: #5bc4d6 !important;
}

.desk-sidebar .standard-sidebar-section .sidebar-item-icon {
  color: #7ba8a0 !important;
  font-size: 16px !important;
  margin-right: 10px !important;
  transition: color 0.15s ease !important;
}

.desk-sidebar .standard-sidebar-section .sidebar-item-label {
  font-size: 13px !important;
  letter-spacing: 0.1px !important;
}

.desk-sidebar .standard-sidebar-section {
  border-bottom: 1px solid #e8f2ef !important;
  padding-bottom: 6px !important;
  margin-bottom: 2px !important;
}

.desk-sidebar .standard-sidebar-section:last-child {
  border-bottom: none !important;
}

/* --- SIDEBAR ANTIGUA (layout-side-section) --- */
.layout-side-section .sidebar-menu .sidebar-label {
  color: var(--origen-dark);
  font-weight: 600;
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 0.5px;
}

.layout-side-section .sidebar-menu a.active,
.desk-sidebar a.active {
  background: var(--origen-primary-light) !important;
  color: var(--origen-dark) !important;
  border-left: 3px solid var(--origen-primary);
  font-weight: 500;
}

.layout-side-section .sidebar-menu a:hover,
.desk-sidebar a:hover {
  background: #eef9f6 !important;
}

/* --- PAGE HEAD --- */
.page-head {
  border-bottom: 1px solid #e2f0ed;
}

.page-head .page-title .title-text {
  color: var(--origen-dark);
}

/* --- BOTONES PRIMARIOS --- */
.btn-primary, .btn-primary-dark {
  background-color: var(--origen-primary) !important;
  border-color: var(--origen-primary) !important;
  color: #fff !important;
}

.btn-primary:hover, .btn-primary-dark:hover {
  background-color: var(--origen-primary-dark) !important;
  border-color: var(--origen-primary-dark) !important;
}

.btn-primary:focus, .btn-primary:active {
  box-shadow: 0 0 0 3px rgba(60, 194, 171, 0.25) !important;
}

/* --- LINKS --- */
a {
  color: var(--origen-primary-dark);
}

a:hover {
  color: var(--origen-dark);
}

/* --- CARDS y LIST VIEW --- */
.frappe-card, .widget.widget-shadow {
  border: 1px solid #e2f0ed;
  border-radius: 8px;
}

.list-row:hover {
  background: #f5fcfa !important;
}

.list-row .level-left .list-row--col .ellipsis .filterable {
  color: var(--origen-text);
}

/* --- INDICADORES --- */
.indicator-pill.green, .indicator-pill.blue {
  background: var(--origen-primary-light);
  color: var(--origen-dark);
}

/* --- FORM VIEW --- */
.form-tabs-list .form-link-tabs .nav-item .nav-link.active {
  border-bottom-color: var(--origen-primary) !important;
  color: var(--origen-dark) !important;
  font-weight: 600;
}

.frappe-control .ql-editor:focus,
.frappe-control input:focus,
.frappe-control select:focus,
.frappe-control textarea:focus {
  border-color: var(--origen-primary) !important;
  box-shadow: 0 0 0 3px rgba(60, 194, 171, 0.12) !important;
}

/* --- LIKE BUTTON --- */
.like-active-item .like-action {
  color: var(--origen-primary) !important;
}

/* --- CHECKBOX --- */
.frappe-control[data-fieldtype="Check"] .checkbox .input-with-feedback:checked {
  background-color: var(--origen-primary) !important;
  border-color: var(--origen-primary) !important;
}

/* --- WORKSPACE --- */
.workspace-sidebar-item.selected {
  background: var(--origen-primary-light) !important;
  color: var(--origen-dark) !important;
  border-left: 3px solid var(--origen-primary);
}

.widget .widget-head .widget-title {
  color: var(--origen-dark);
}

/* --- DROPDOWN --- */
.dropdown-item:hover, .dropdown-item:focus {
  background: #eef9f6;
  color: var(--origen-dark);
}

/* --- NOTIFICATION DOT --- */
.notifications-icon .notifications-seen {
  background: var(--origen-primary) !important;
}

/* --- SCROLLBAR --- */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: #f0f5f3;
}

::-webkit-scrollbar-thumb {
  background: #b8d8d3;
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--origen-primary);
}

/* --- LOGIN PAGE --- */
.page-card .page-card-head {
  background: linear-gradient(135deg, #1a5c52, #1e6e5e) !important;
}

.page-card .page-card-head .page-card-title {
  color: #fff !important;
}

.page-card .btn-primary {
  background: var(--origen-primary) !important;
  border-color: var(--origen-primary) !important;
}

/* --- AWESOMEBAR --- */
.awesomebar-container .awesomebar-input {
  background: rgba(255,255,255,0.12) !important;
  color: #fff !important;
}

/* --- MODULE CARDS --- */
.module-card:hover {
  border-color: var(--origen-primary) !important;
}