/* Import Base */
@import 'base/_variables.css';
@import 'base/_typography.css';
@import 'base/_bootstrap-overrides.css';
@import 'base/_utilities.css';

 
/* Import Component Styles */
@import 'components/forms.css';
@import 'components/buttons.css';
@import 'components/breadcrumbs.css';
@import 'components/charts.css';
@import 'components/cards.css';
@import 'components/modals.css';
@import 'components/navbar.css';
@import 'components/footer.css';
@import 'components/service-blocks.css';
@import 'components/tables.css';
@import 'components/pagination.css';
@import 'components/banners.css';
@import 'components/scrollbox.css';
@import 'components/tabs.css';


/* Import Page Styles */
@import 'pages/login.css';
@import 'pages/customer-list.css';
@import 'pages/style-guide.css';
@import 'pages/general.css';
/* @import 'pages/company-profile.css'; */



/* main.css */

.hidden { display: none; }
.visible { display: block; }

.customer-profile-wrapper {
    margin-top: 2rem;
  }
  
  .customer-tabs-nav {
    border-right: 1px solid #dee2e6;
  }
  
  .customer-tabs-content {
    background-color: #ffffff;
  }
  
  .customer-profile-actions .btn {
    margin-left: 0.5rem;
  }
  
  .profile-tab-btn {
    font-weight: 500;
    color: #354a52;
  }
  
  .profile-tab-btn.active {
    background-color: #e9f0f4;
    border-left: 4px solid #8c183d;
    color: #000;
  }
  

  .company-info dl dt {
    font-weight: 600;
    color: #354a52;
  }
  
  .company-info dl dd {
    margin-bottom: 0.75rem;
  }
  

  .system-meta dl dt {
    font-weight: 500;
  }
  
  .system-meta dl dd {
    margin-bottom: 0.5rem;
  }
  

  .section-title {
    font-size: 1.1rem;
    font-weight: 600;
    color: #354a52;
    display: flex;
    align-items: center;
  }
  

.scroll-area::-webkit-scrollbar {
  width: 8px;
}

.scroll-area::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 4px;
}

.scroll-area::-webkit-scrollbar-track {
  background-color: transparent;
}


  .service-item {
    cursor: pointer;
  }
  .service-item:hover {
    background-color: #f8f9fa;
  }