/* src/styles.scss */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  margin: 0;
  padding: 0;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    "Roboto",
    "Oxygen",
    "Ubuntu",
    "Cantarell",
    sans-serif;
  background-color: #f8f9fa;
  color: #333;
  line-height: 1.6;
}
.app-content {
  width: 100%;
  min-height: calc(100vh - 60px);
  background-color: #f5f5f5;
}
.btn-primary {
  background-color: #4a90e2;
  border: 1px solid #4a90e2;
  color: white;
  padding: 8px 16px;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.btn-primary:hover {
  background-color: #357abd;
}
.btn-secondary {
  background-color: transparent;
  border: 1px solid #4a90e2;
  color: #4a90e2;
  padding: 8px 16px;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.btn-secondary:hover {
  background-color: #4a90e2;
  color: white;
}
mat-form-field.search-field .mat-mdc-form-field-icon-prefix,
.search-field .mat-mdc-form-field-icon-prefix {
  margin-left: -14px !important;
  width: 34px !important;
  display: flex;
  justify-content: center;
}
mat-form-field.search-field .mat-mdc-form-field-icon-prefix {
  padding-right: 6px !important;
}
mat-form-field.search-field .mat-mdc-form-field-icon-prefix mat-icon {
  margin-right: 6px !important;
}
mat-form-field.search-field .mdc-floating-label {
  padding-left: 0;
}
mat-form-field.search-field .mat-mdc-text-field-wrapper.mdc-text-field--outlined,
.search-field .mat-mdc-text-field-wrapper.mdc-text-field--outlined {
  padding-left: 6px !important;
}
.mat-mdc-form-field {
  margin-bottom: 14px;
}
.mat-mdc-form-field:last-child {
  margin-bottom: 0;
}
.mat-mdc-form-field .mat-mdc-form-field-infix {
  padding-top: 10px !important;
  padding-bottom: 14px !important;
}
textarea.mat-mdc-input-element {
  line-height: 1.5;
  padding-top: 6px !important;
  padding-bottom: 4px !important;
  resize: vertical;
}
.cli-edit-grid .mat-mdc-form-field {
  margin-bottom: 0;
}
.cli-edit-grid .mat-mdc-form-field .mat-mdc-form-field-infix {
  padding-top: 8px !important;
  padding-bottom: 10px !important;
}
.cli-edit-grid .mat-mdc-form-field.mat-mdc-form-field-type-mat-input .mat-mdc-text-field-wrapper.mdc-text-field--outlined {
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.form-spacing-tight .mat-mdc-form-field {
  margin-bottom: 8px;
}
.form-spacing-comfortable .mat-mdc-form-field {
  margin-bottom: 20px;
}
.cc-select-panel.mat-mdc-select-panel {
  padding: 8px 0 10px;
  border: 1.5px solid rgba(13, 91, 255, 0.28);
  border-radius: 18px !important;
  box-shadow: 0 12px 34px -10px rgba(13, 91, 255, 0.38), 0 4px 14px rgba(0, 0, 0, 0.1);
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.92) 0%,
      rgba(242, 247, 255, 0.88) 100%);
  backdrop-filter: blur(12px) saturate(140%);
  -webkit-backdrop-filter: blur(12px) saturate(140%);
  max-height: 420px !important;
  overflow: auto;
  font-family:
    "Inter",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Oxygen,
    Ubuntu,
    sans-serif;
}
.cc-select-panel .mat-mdc-option {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.3px;
  padding: 10px 18px 12px !important;
  border-radius: 12px;
  margin: 2px 10px;
  transition: 0.18s cubic-bezier(0.4, 0, 0.2, 1);
  font-family: inherit;
}
.cc-select-panel .mat-mdc-option.mdc-list-item--selected,
.cc-select-panel .mat-mdc-option.mdc-list-item--selected {
  color: #0754dc !important;
  background: rgba(13, 91, 255, 0.18) !important;
}
.cc-select-panel .mat-mdc-option:hover:not(.mdc-list-item--disabled) {
  background: rgba(13, 91, 255, 0.12) !important;
  color: #0754dc;
}
.cc-select-panel .mat-mdc-option:active:not(.mdc-list-item--disabled) {
  background: rgba(13, 91, 255, 0.24) !important;
}
.cc-select-panel .mat-mdc-option .mat-mdc-option-state-layer {
  display: none !important;
}
.cc-select-panel .mat-mdc-option .mdc-list-item__ripple,
.cc-select-panel .mat-mdc-option .mdc-list-item__background {
  display: none !important;
}
.cc-select-panel .mat-mdc-option .mdc-list-item__focus-ring {
  display: none;
}
.cc-select-panel .mdc-list-item__focus-ring,
.cc-select-panel .mat-mdc-option.mat-mdc-focus-indicator::before,
.cc-select-panel .mat-mdc-option.mat-mdc-focus-indicator::after,
.cc-select-panel .mat-mdc-option::after,
.cc-select-panel .mat-mdc-option::before {
  display: none !important;
  opacity: 0 !important;
  box-shadow: none !important;
}
.cc-select-panel::-webkit-scrollbar {
  width: 10px;
}
.cc-select-panel::-webkit-scrollbar-track {
  background: transparent;
}
.cc-select-panel::-webkit-scrollbar-thumb {
  background: rgba(13, 91, 255, 0.35);
  border-radius: 999px;
  border: 2px solid #fff;
}
.cc-select-panel::-webkit-scrollbar-thumb:hover {
  background: rgba(13, 91, 255, 0.55);
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */