/**
 * Copyright (c) 2024, Indryve India Private Limited. (https://indryve.com).
 *
 * Indryve India Private Limited. licenses this file to you under the Apache License,
 * Version 2.0 (the "License"); you may not use this file except
 * in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied. See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */

/**
 * This file contains custom styles for the application that are
 * applied on-top of the default styles shipped with the application.
 */

/* ========= Indryve Endorse – Console prominence overrides ========= */

/* 1) Header brand: make logo + name readable */
.is-header.oxygen-header .oxygen-brand-logo{
  height: 34px !important;      /* default ~18px */
  width: auto !important;
}

.is-header.oxygen-header .oxygen-brand-portal-name{
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: 0.2px;
}

/* Optional: add a subtle orange accent under the header */
.is-header.oxygen-header{
  box-shadow: 0 1px 0 rgba(0,0,0,0.06);
  position: relative;
}
.is-header.oxygen-header::after{
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 3px;
  background: #FF7300;
  opacity: 0.85;
}

/* 2) Sidebar: active item should look “selected” */
.oxygen-side-panel .oxygen-side-panel-item--active,
.oxygen-side-panel .oxygen-side-panel-item[aria-current="page"]{
  font-weight: 700 !important;
}

/* Make the active indicator thicker (if present) */
.oxygen-side-panel .oxygen-side-panel-item--active::before,
.oxygen-side-panel .oxygen-side-panel-item[aria-current="page"]::before{
  width: 4px !important;
}

/* Slightly improve spacing so it feels premium */
.oxygen-side-panel .oxygen-side-panel-item{
  padding-top: 10px;
  padding-bottom: 10px;
}

/* === Indryve Console Top Bar Authority === */

/* Logo size + alignment */
.app-header .product-logo img,
.app-header .portal-logo img {
  height: 38px !important;
  margin-top: 2px;
}

/* Give the top bar more weight */
.app-header {
  height: 56px;
  border-bottom: 2px solid #FF7300;
}

/* Slightly bold product name if present */
.app-header .product-title {
  font-weight: 600;
  letter-spacing: 0.2px;
}