@import url("assada-responsive.css");

#logo{
	width:600px;
	padding-right: 200px;
}
#logo0{
    width: 200px;
}
    body {
      font-family: 'DejaVu Sans', 'Arial Unicode MS', sans-serif;
      background-color: #f5f5f5;
    }

    /* Sidebar */
    .sidebar {
      min-height: 100vh;
      background-color: #121212;
      color: #fff;
    }

    .sidebar .brand {
      font-size: 1.25rem;
      font-weight: 600;
      padding: 1.25rem 1rem;
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .sidebar .nav-link {
      color: #cfd2d6;
      border-radius: 0.5rem;
      margin: 0.15rem 0.5rem;
      display: flex;
      align-items: center;
      gap: 0.5rem;
      padding: 0.55rem 0.85rem;
      cursor: pointer;
    }

    .sidebar .nav-link:hover {
      background-color: #1f1f1f;
      color: #ffffff;
    }

    .sidebar .nav-link.active {
      background: linear-gradient(135deg, #6366f1, #22d3ee);
      color: #ffffff;
    }

    .sidebar .nav-link .icon {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex: 0 0 1.5rem;
      width: 1.5rem;
      font-size: 1.05rem;
      line-height: 1;
      text-align: center;
    }

    .sidebar .sidebar-footer {
      font-size: 0.8rem;
      color: #777;
      border-top: 1px solid rgba(255, 255, 255, 0.1);
      padding: 0.75rem 1rem;
    }

    /* Main content */
    .content-wrapper {
      padding: 1.5rem;
    }

    .content-header h1 {
      font-size: 1.75rem;
      margin-bottom: 0.25rem;
    }

    .content-header small {
      color: #6c757d;
    }

    .card {
      border-radius: 0.75rem;
      border: none;
      box-shadow: 0 10px 25px rgba(15, 23, 42, 0.08);
    }
    

/* Codex smooth UI polish */
:root {
  --assada-ease: cubic-bezier(.2,.8,.2,1);
  --assada-fast: 140ms;
  --assada-medium: 220ms;
}

html {
  scroll-behavior: smooth;
}

body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

.content-wrapper,
.card,
.table-responsive,
.modal-content {
  backface-visibility: hidden;
}

.card,
.btn,
.form-control,
.form-select,
.nav-link,
.input-group-text,
.table tbody tr {
  transition:
    transform var(--assada-medium) var(--assada-ease),
    box-shadow var(--assada-medium) var(--assada-ease),
    background-color var(--assada-fast) ease,
    border-color var(--assada-fast) ease,
    color var(--assada-fast) ease,
    opacity var(--assada-fast) ease;
}

.btn:hover {
  transform: translateY(-1px);
}

.btn:active {
  transform: translateY(0) scale(.99);
}

.sidebar .nav-link:hover {
  transform: translateX(2px);
}

.card:hover {
  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.10);
}

.table-hover tbody tr:hover {
  transform: translateZ(0);
}

input:focus,
select:focus,
textarea:focus,
.form-control:focus,
.form-select:focus {
  box-shadow: 0 0 0 .22rem rgba(13,110,253,.14) !important;
}

/* Customers: use the page instead of a small internal scrolling panel */
.assada-customers-fullpage .content-wrapper {
  min-height: 100vh;
}

.assada-customers-fullpage .content-wrapper > .card {
  min-height: calc(100vh - 3rem);
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}

.assada-customers-fullpage #sectionContent {
  min-height: calc(100vh - 7rem);
}

.customer-table-scroll {
  height: auto !important;
  max-height: none !important;
  overflow-y: visible !important;
  overflow-x: auto;
  border-radius: 10px;
  scrollbar-gutter: stable;
}

.customer-table-scroll thead th {
  position: sticky;
  top: 0;
  z-index: 3;
}

.customer-table-scroll .table {
  margin-bottom: 0;
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}