/* line 18, app/assets/stylesheets/company_settings.scss */
.company-settings-page {
  background: #0a0e1a;
  min-height: 100vh;
  color: #ffffff;
  font-size: 0.85rem;
}

/* line 25, app/assets/stylesheets/company_settings.scss */
.company-settings-page::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: linear-gradient(rgba(255, 255, 255, 0.015) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.015) 1px, transparent 1px);
  background-size: 60px 60px;
  pointer-events: none;
  z-index: 0;
  opacity: 0.5;
}

/* line 42, app/assets/stylesheets/company_settings.scss */
.company-settings-page .summary-card {
  overflow: visible !important;
  min-height: auto !important;
  max-height: none !important;
  height: auto !important;
  display: block !important;
  text-align: left !important;
  padding: 1.25rem !important;
}

/* line 54, app/assets/stylesheets/company_settings.scss */
.company-card {
  background: linear-gradient(145deg, rgba(26, 31, 58, 0.9) 0%, rgba(45, 55, 72, 0.8) 100%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  padding: 1.25rem;
  position: relative;
  height: 100%;
}

/* line 62, app/assets/stylesheets/company_settings.scss */
.company-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #00d4aa 0%, #00a8ff 100%);
  border-radius: 10px 10px 0 0;
}

/* line 73, app/assets/stylesheets/company_settings.scss */
.company-card:hover {
  border-color: rgba(0, 212, 170, 0.3);
}

/* line 78, app/assets/stylesheets/company_settings.scss */
.card-header-custom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}

/* line 84, app/assets/stylesheets/company_settings.scss */
.card-header-custom h5 {
  margin: 0;
  font-size: 0.95rem;
  font-weight: 600;
  color: #ffffff;
}

/* line 90, app/assets/stylesheets/company_settings.scss */
.card-header-custom h5 i {
  color: #00d4aa;
  margin-right: 0.4rem;
}

/* line 97, app/assets/stylesheets/company_settings.scss */
.card-description {
  color: #94a3b8;
  font-size: 0.8rem;
  margin-bottom: 0.85rem;
}

/* line 102, app/assets/stylesheets/company_settings.scss */
.card-description code {
  background: rgba(0, 212, 170, 0.15);
  color: #00d4aa;
  padding: 2px 5px;
  border-radius: 4px;
  font-size: 0.75rem;
}

/* line 112, app/assets/stylesheets/company_settings.scss */
.credential-field {
  margin-bottom: 0.85rem;
}

/* line 115, app/assets/stylesheets/company_settings.scss */
.credential-field label {
  display: block;
  font-size: 0.7rem;
  font-weight: 500;
  color: #94a3b8;
  margin-bottom: 0.4rem;
}

/* line 124, app/assets/stylesheets/company_settings.scss */
.credential-input-group {
  display: flex;
  gap: 0.4rem;
}

/* line 129, app/assets/stylesheets/company_settings.scss */
.credential-input {
  flex: 1;
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 6px;
  padding: 0.6rem 0.85rem;
  color: #ffffff;
  font-family: 'Fira Code', 'Monaco', monospace;
  font-size: 0.75rem;
}

/* line 139, app/assets/stylesheets/company_settings.scss */
.credential-input:focus {
  outline: none;
  border-color: rgba(0, 212, 170, 0.5);
}

/* line 145, app/assets/stylesheets/company_settings.scss */
.credential-btn {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 6px;
  padding: 0.6rem;
  color: #94a3b8;
  cursor: pointer;
  transition: all 0.2s ease;
}

/* line 154, app/assets/stylesheets/company_settings.scss */
.credential-btn:hover {
  background: rgba(0, 212, 170, 0.15);
  color: #00d4aa;
  border-color: rgba(0, 212, 170, 0.3);
}

/* line 162, app/assets/stylesheets/company_settings.scss */
.status-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.3rem 0.6rem;
  border-radius: 20px;
  font-size: 0.65rem;
  font-weight: 500;
}

/* line 171, app/assets/stylesheets/company_settings.scss */
.status-badge.status-enabled {
  background: rgba(0, 212, 170, 0.15);
  color: #00d4aa;
}

/* line 176, app/assets/stylesheets/company_settings.scss */
.status-badge.status-disabled {
  background: rgba(255, 107, 107, 0.15);
  color: #ff6b6b;
}

/* line 181, app/assets/stylesheets/company_settings.scss */
.status-badge.status-success {
  background: rgba(0, 212, 170, 0.2);
  color: #00d4aa;
}

/* line 186, app/assets/stylesheets/company_settings.scss */
.status-badge.status-error {
  background: rgba(255, 107, 107, 0.2);
  color: #ff6b6b;
}

/* line 193, app/assets/stylesheets/company_settings.scss */
.btn-docs {
  display: inline-flex;
  align-items: center;
  padding: 0.35rem 0.6rem;
  background: rgba(0, 168, 255, 0.15);
  color: #00a8ff;
  border: 1px solid rgba(0, 168, 255, 0.3);
  border-radius: 5px;
  font-size: 0.65rem;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.2s ease;
}

/* line 206, app/assets/stylesheets/company_settings.scss */
.btn-docs:hover {
  background: rgba(0, 168, 255, 0.25);
  color: #00a8ff;
  text-decoration: none;
}

/* line 213, app/assets/stylesheets/company_settings.scss */
.btn-danger-outline {
  display: inline-flex;
  align-items: center;
  padding: 0.5rem 0.85rem;
  background: transparent;
  color: #ffa726;
  border: 1px solid rgba(255, 167, 38, 0.4);
  border-radius: 6px;
  font-size: 0.75rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  width: 100%;
  justify-content: center;
}

/* line 228, app/assets/stylesheets/company_settings.scss */
.btn-danger-outline:hover {
  background: rgba(255, 167, 38, 0.15);
  border-color: #ffa726;
}

/* line 234, app/assets/stylesheets/company_settings.scss */
.btn-generate-token {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.6rem 1.25rem;
  background: linear-gradient(135deg, #00d4aa 0%, #00a8ff 100%);
  color: #000;
  border: none;
  border-radius: 6px;
  font-size: 0.8rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  width: 100%;
}

/* line 249, app/assets/stylesheets/company_settings.scss */
.btn-generate-token:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 212, 170, 0.3);
}

/* line 254, app/assets/stylesheets/company_settings.scss */
.btn-generate-token:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* line 260, app/assets/stylesheets/company_settings.scss */
.btn-copy-token {
  display: inline-flex;
  align-items: center;
  padding: 0.4rem 0.85rem;
  background: rgba(255, 255, 255, 0.05);
  color: #94a3b8;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 5px;
  font-size: 0.7rem;
  cursor: pointer;
  transition: all 0.2s ease;
}

/* line 272, app/assets/stylesheets/company_settings.scss */
.btn-copy-token:hover {
  background: rgba(0, 212, 170, 0.15);
  color: #00d4aa;
}

/* line 279, app/assets/stylesheets/company_settings.scss */
.token-textarea {
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(0, 212, 170, 0.3);
  border-radius: 6px;
  padding: 0.85rem;
  color: #00d4aa;
  font-family: 'Fira Code', 'Monaco', monospace;
  font-size: 0.7rem;
  resize: none;
}

/* line 290, app/assets/stylesheets/company_settings.scss */
.token-textarea:focus {
  outline: none;
  border-color: #00d4aa;
}

/* line 297, app/assets/stylesheets/company_settings.scss */
.alert-warning-custom {
  background: rgba(255, 167, 38, 0.1);
  border: 1px solid rgba(255, 167, 38, 0.3);
  border-radius: 6px;
  padding: 0.6rem 0.85rem;
  color: #ffa726;
  font-size: 0.75rem;
}

/* line 307, app/assets/stylesheets/company_settings.scss */
.usage-stats-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.85rem;
  margin-bottom: 1.25rem;
}

@media (max-width: 992px) {
  /* line 307, app/assets/stylesheets/company_settings.scss */
  .usage-stats-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 576px) {
  /* line 307, app/assets/stylesheets/company_settings.scss */
  .usage-stats-grid {
    grid-template-columns: 1fr;
  }
}

/* line 322, app/assets/stylesheets/company_settings.scss */
.usage-stat {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  padding: 0.85rem;
  text-align: center;
}

/* line 329, app/assets/stylesheets/company_settings.scss */
.usage-stat-value {
  font-size: 1.5rem;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 0.2rem;
}

/* line 336, app/assets/stylesheets/company_settings.scss */
.usage-stat-label {
  font-size: 0.7rem;
  color: #64748b;
  margin-bottom: 0.4rem;
}

/* line 342, app/assets/stylesheets/company_settings.scss */
.usage-stat-remaining {
  font-size: 0.6rem;
  color: #64748b;
  margin-top: 0.4rem;
}

/* line 348, app/assets/stylesheets/company_settings.scss */
.usage-progress {
  height: 4px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 2px;
  overflow: hidden;
}

/* line 355, app/assets/stylesheets/company_settings.scss */
.usage-progress-bar {
  height: 100%;
  background: linear-gradient(90deg, #00d4aa, #00a8ff);
  border-radius: 2px;
  transition: width 0.3s ease;
}

/* line 363, app/assets/stylesheets/company_settings.scss */
.recent-calls-title {
  color: #ffffff;
  font-size: 0.85rem;
  font-weight: 600;
  margin-bottom: 0.85rem;
}

/* line 369, app/assets/stylesheets/company_settings.scss */
.recent-calls-title i {
  color: #00d4aa;
}

/* line 374, app/assets/stylesheets/company_settings.scss */
.api-calls-table {
  overflow-x: auto;
}

/* line 377, app/assets/stylesheets/company_settings.scss */
.api-calls-table table {
  width: 100%;
  border-collapse: collapse;
}

/* line 381, app/assets/stylesheets/company_settings.scss */
.api-calls-table table th, .api-calls-table table td {
  padding: 0.6rem;
  text-align: left;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

/* line 387, app/assets/stylesheets/company_settings.scss */
.api-calls-table table th {
  font-size: 0.65rem;
  font-weight: 600;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* line 395, app/assets/stylesheets/company_settings.scss */
.api-calls-table table td {
  font-size: 0.75rem;
  color: #94a3b8;
}

/* line 399, app/assets/stylesheets/company_settings.scss */
.api-calls-table table td code {
  background: rgba(0, 212, 170, 0.1);
  color: #00d4aa;
  padding: 2px 5px;
  border-radius: 4px;
  font-size: 0.7rem;
}

/* line 408, app/assets/stylesheets/company_settings.scss */
.api-calls-table table .empty-state {
  text-align: center;
  color: #64748b;
  padding: 1.5rem;
}

/* line 417, app/assets/stylesheets/company_settings.scss */
.team-list {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}

/* line 423, app/assets/stylesheets/company_settings.scss */
.team-member {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  transition: all 0.2s ease;
}

/* line 432, app/assets/stylesheets/company_settings.scss */
.team-member:hover {
  background: rgba(0, 212, 170, 0.05);
}

/* line 437, app/assets/stylesheets/company_settings.scss */
.team-member-avatar {
  width: 34px;
  height: 34px;
  background: linear-gradient(135deg, #00d4aa, #00a8ff);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  font-size: 0.85rem;
}

/* line 449, app/assets/stylesheets/company_settings.scss */
.team-member-info {
  flex: 1;
}

/* line 453, app/assets/stylesheets/company_settings.scss */
.team-member-name {
  font-weight: 500;
  color: #ffffff;
  font-size: 0.8rem;
}

/* line 459, app/assets/stylesheets/company_settings.scss */
.team-member-email {
  font-size: 0.7rem;
  color: #64748b;
}

/* line 464, app/assets/stylesheets/company_settings.scss */
.you-badge {
  background: linear-gradient(135deg, #00d4aa, #00a8ff);
  color: #000;
  padding: 0.2rem 0.5rem;
  border-radius: 20px;
  font-size: 0.6rem;
  font-weight: 600;
}

/* line 473, app/assets/stylesheets/company_settings.scss */
.team-member-more {
  opacity: 0.7;
}

/* line 476, app/assets/stylesheets/company_settings.scss */
.team-member-more .team-member-avatar-more {
  background: rgba(255, 255, 255, 0.1);
  border: 1px dashed rgba(255, 255, 255, 0.3);
}

/* line 480, app/assets/stylesheets/company_settings.scss */
.team-member-more .team-member-avatar-more span {
  font-size: 0.65rem;
  font-weight: 600;
  color: #94a3b8;
}

/* line 490, app/assets/stylesheets/company_settings.scss */
.api-docs-content h6 {
  color: #ffffff;
  font-size: 0.8rem;
  font-weight: 600;
  margin-top: 1.25rem;
  margin-bottom: 0.6rem;
}

/* line 497, app/assets/stylesheets/company_settings.scss */
.api-docs-content h6:first-child {
  margin-top: 0;
}

/* line 501, app/assets/stylesheets/company_settings.scss */
.api-docs-content h6 i {
  color: #00d4aa;
}

/* line 506, app/assets/stylesheets/company_settings.scss */
.api-docs-content pre {
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 6px;
  padding: 0.85rem;
  margin: 0;
  overflow-x: auto;
  max-width: 100%;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/* line 517, app/assets/stylesheets/company_settings.scss */
.api-docs-content pre code {
  color: #94a3b8;
  font-family: 'Fira Code', 'Monaco', monospace;
  font-size: 0.7rem;
  line-height: 1.6;
  white-space: pre-wrap;
  word-break: break-all;
}

/* line 529, app/assets/stylesheets/company_settings.scss */
.copy-toast {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: linear-gradient(135deg, #00d4aa, #00a8ff);
  color: #000;
  padding: 0.6rem 1rem;
  border-radius: 6px;
  font-size: 0.8rem;
  font-weight: 500;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.3s ease;
  z-index: 9999;
}

/* line 544, app/assets/stylesheets/company_settings.scss */
.copy-toast.show {
  opacity: 1;
  transform: translateY(0);
}

@media (max-width: 992px) {
  /* line 557, app/assets/stylesheets/company_settings.scss */
  .company-settings-page .dashboard-header {
    padding: 0.85rem 0;
  }
  /* line 560, app/assets/stylesheets/company_settings.scss */
  .company-settings-page .dashboard-header .dashboard-title {
    font-size: 1.1rem;
  }
  /* line 564, app/assets/stylesheets/company_settings.scss */
  .company-settings-page .dashboard-header .dashboard-subtitle {
    font-size: 0.75rem;
  }
  /* line 569, app/assets/stylesheets/company_settings.scss */
  .company-settings-page .company-card {
    padding: 1rem !important;
  }
  /* line 573, app/assets/stylesheets/company_settings.scss */
  .company-settings-page .usage-stats-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  /* line 577, app/assets/stylesheets/company_settings.scss */
  .company-settings-page .card-header-custom {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.6rem;
  }
  /* line 582, app/assets/stylesheets/company_settings.scss */
  .company-settings-page .card-header-custom h5 {
    font-size: 0.85rem;
  }
}

@media (max-width: 576px) {
  /* line 591, app/assets/stylesheets/company_settings.scss */
  .company-settings-page {
    padding-bottom: 80px;
  }
  /* line 594, app/assets/stylesheets/company_settings.scss */
  .company-settings-page .dashboard-header {
    padding: 0.6rem 0;
  }
  /* line 597, app/assets/stylesheets/company_settings.scss */
  .company-settings-page .dashboard-header .dashboard-title {
    font-size: 0.95rem;
  }
  /* line 601, app/assets/stylesheets/company_settings.scss */
  .company-settings-page .dashboard-header .dashboard-subtitle {
    font-size: 0.7rem;
  }
  /* line 606, app/assets/stylesheets/company_settings.scss */
  .company-settings-page .container {
    padding-left: 0.6rem;
    padding-right: 0.6rem;
  }
  /* line 611, app/assets/stylesheets/company_settings.scss */
  .company-settings-page .company-card {
    padding: 0.85rem !important;
    margin-bottom: 0.85rem;
  }
  /* line 617, app/assets/stylesheets/company_settings.scss */
  .company-settings-page .credential-field label {
    font-size: 0.65rem;
  }
  /* line 622, app/assets/stylesheets/company_settings.scss */
  .company-settings-page .credential-input {
    font-size: 0.65rem;
    padding: 0.5rem 0.6rem;
  }
  /* line 627, app/assets/stylesheets/company_settings.scss */
  .company-settings-page .credential-btn {
    padding: 0.5rem;
  }
  /* line 631, app/assets/stylesheets/company_settings.scss */
  .company-settings-page .usage-stats-grid {
    grid-template-columns: 1fr 1fr;
    gap: 0.4rem;
  }
  /* line 636, app/assets/stylesheets/company_settings.scss */
  .company-settings-page .usage-stat {
    padding: 0.6rem 0.4rem;
  }
  /* line 640, app/assets/stylesheets/company_settings.scss */
  .company-settings-page .usage-stat-value {
    font-size: 1.1rem;
  }
  /* line 644, app/assets/stylesheets/company_settings.scss */
  .company-settings-page .usage-stat-label {
    font-size: 0.6rem;
  }
  /* line 648, app/assets/stylesheets/company_settings.scss */
  .company-settings-page .usage-stat-remaining {
    font-size: 0.55rem;
  }
  /* line 653, app/assets/stylesheets/company_settings.scss */
  .company-settings-page .api-calls-table table {
    font-size: 0.65rem;
  }
  /* line 656, app/assets/stylesheets/company_settings.scss */
  .company-settings-page .api-calls-table table th, .company-settings-page .api-calls-table table td {
    padding: 0.4rem 0.3rem;
  }
  /* line 660, app/assets/stylesheets/company_settings.scss */
  .company-settings-page .api-calls-table table th {
    font-size: 0.55rem;
  }
  /* line 664, app/assets/stylesheets/company_settings.scss */
  .company-settings-page .api-calls-table table td code {
    font-size: 0.6rem;
    padding: 1px 3px;
  }
  /* line 671, app/assets/stylesheets/company_settings.scss */
  .company-settings-page .team-member {
    padding: 0.5rem;
  }
  /* line 675, app/assets/stylesheets/company_settings.scss */
  .company-settings-page .team-member-avatar {
    width: 28px;
    height: 28px;
    font-size: 0.75rem;
  }
  /* line 681, app/assets/stylesheets/company_settings.scss */
  .company-settings-page .team-member-name {
    font-size: 0.7rem;
  }
  /* line 685, app/assets/stylesheets/company_settings.scss */
  .company-settings-page .team-member-email {
    font-size: 0.6rem;
  }
  /* line 690, app/assets/stylesheets/company_settings.scss */
  .company-settings-page .api-docs-content pre {
    padding: 0.6rem;
  }
  /* line 693, app/assets/stylesheets/company_settings.scss */
  .company-settings-page .api-docs-content pre code {
    font-size: 0.6rem;
  }
  /* line 698, app/assets/stylesheets/company_settings.scss */
  .company-settings-page .api-docs-content h6 {
    font-size: 0.7rem;
  }
  /* line 703, app/assets/stylesheets/company_settings.scss */
  .company-settings-page .btn-danger-outline {
    font-size: 0.7rem;
    padding: 0.4rem 0.6rem;
  }
  /* line 708, app/assets/stylesheets/company_settings.scss */
  .company-settings-page .status-badge {
    font-size: 0.55rem;
    padding: 0.2rem 0.4rem;
  }
  /* line 713, app/assets/stylesheets/company_settings.scss */
  .company-settings-page .btn-docs {
    font-size: 0.55rem;
    padding: 0.25rem 0.4rem;
  }
}