/* Application styles */
/* line 2, app/assets/stylesheets/application.scss */
* {
  box-sizing: border-box;
}

/* line 6, app/assets/stylesheets/application.scss */
body {
  margin: 0;
  font-family: system-ui, -apple-system, sans-serif;
}

/* line 4, app/assets/stylesheets/segments/_form.scss */
.segments-form-container {
  padding: 2rem 0;
}

/* line 8, app/assets/stylesheets/segments/_form.scss */
.segments-header {
  margin-bottom: 2rem;
}

/* line 11, app/assets/stylesheets/segments/_form.scss */
.segments-header h2 {
  font-size: 1.875rem;
  font-weight: 700;
  margin: 0 0 0.5rem 0;
}

/* line 17, app/assets/stylesheets/segments/_form.scss */
.segments-header p {
  margin: 0;
}

/* line 22, app/assets/stylesheets/segments/_form.scss */
.segments-form {
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: 2rem;
  max-width: 1200px;
}

/* line 29, app/assets/stylesheets/segments/_form.scss */
.segments-main {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

/* line 35, app/assets/stylesheets/segments/_form.scss */
.form-section {
  background: white;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  overflow: hidden;
}

@media (prefers-color-scheme: dark) {
  /* line 35, app/assets/stylesheets/segments/_form.scss */
  .form-section {
    background: #1f2937;
    border-color: #374151;
  }
}

/* line 47, app/assets/stylesheets/segments/_form.scss */
.form-section-header {
  background: #f9fafb;
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #e5e7eb;
}

@media (prefers-color-scheme: dark) {
  /* line 47, app/assets/stylesheets/segments/_form.scss */
  .form-section-header {
    background: #374151;
    border-color: #4b5563;
  }
}

/* line 57, app/assets/stylesheets/segments/_form.scss */
.form-section-header h3 {
  color: #1f2937;
  font-size: 1.125rem;
  font-weight: 600;
  margin: 0;
}

@media (prefers-color-scheme: dark) {
  /* line 57, app/assets/stylesheets/segments/_form.scss */
  .form-section-header h3 {
    color: #f3f4f6;
  }
}

/* line 68, app/assets/stylesheets/segments/_form.scss */
.form-section-header p {
  color: #6b7280;
  font-size: 0.875rem;
  margin: 0.25rem 0 0 0;
}

@media (prefers-color-scheme: dark) {
  /* line 68, app/assets/stylesheets/segments/_form.scss */
  .form-section-header p {
    color: #9ca3af;
  }
}

/* line 79, app/assets/stylesheets/segments/_form.scss */
.form-section-body {
  padding: 1.5rem;
}

/* line 83, app/assets/stylesheets/segments/_form.scss */
.form-group {
  margin-bottom: 1.5rem;
}

/* line 86, app/assets/stylesheets/segments/_form.scss */
.form-group:last-child {
  margin-bottom: 0;
}

/* line 91, app/assets/stylesheets/segments/_form.scss */
.form-label {
  display: block;
  color: #374151;
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

@media (prefers-color-scheme: dark) {
  /* line 91, app/assets/stylesheets/segments/_form.scss */
  .form-label {
    color: #d1d5db;
  }
}

/* line 103, app/assets/stylesheets/segments/_form.scss */
.form-control {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  font-size: 0.875rem;
  background: white;
  color: #1f2937;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-color-scheme: dark) {
  /* line 103, app/assets/stylesheets/segments/_form.scss */
  .form-control {
    background: #374151;
    border-color: #4b5563;
    color: #f3f4f6;
  }
}

/* line 119, app/assets/stylesheets/segments/_form.scss */
.form-control:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

/* line 126, app/assets/stylesheets/segments/_form.scss */
.form-control-sm {
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
}

/* line 131, app/assets/stylesheets/segments/_form.scss */
.filter-row {
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  padding: 1rem;
  margin-bottom: 1rem;
}

@media (prefers-color-scheme: dark) {
  /* line 131, app/assets/stylesheets/segments/_form.scss */
  .filter-row {
    background: #374151;
    border-color: #4b5563;
  }
}

/* line 144, app/assets/stylesheets/segments/_form.scss */
.filter-controls {
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  gap: 1rem;
  align-items: center;
}

/* line 151, app/assets/stylesheets/segments/_form.scss */
.btn {
  padding: 0.5rem 1rem;
  border-radius: 6px;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease-in-out;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* line 164, app/assets/stylesheets/segments/_form.scss */
.btn-outline-primary {
  color: #3b82f6;
  border: 1px solid #3b82f6;
  background: transparent;
}

/* line 169, app/assets/stylesheets/segments/_form.scss */
.btn-outline-primary:hover {
  color: white;
  background: #3b82f6;
}

/* line 175, app/assets/stylesheets/segments/_form.scss */
.btn-outline-danger {
  color: #ef4444;
  border: 1px solid #ef4444;
  background: transparent;
  width: 32px;
  height: 32px;
  padding: 0;
}

/* line 183, app/assets/stylesheets/segments/_form.scss */
.btn-outline-danger:hover {
  color: white;
  background: #ef4444;
}

/* line 189, app/assets/stylesheets/segments/_form.scss */
.btn-primary {
  color: white;
  background: #3b82f6;
  border: 1px solid #3b82f6;
}

/* line 194, app/assets/stylesheets/segments/_form.scss */
.btn-primary:hover {
  background: #2563eb;
  border-color: #2563eb;
}

/* line 200, app/assets/stylesheets/segments/_form.scss */
.btn-outline-secondary {
  color: #6b7280;
  border: 1px solid #d1d5db;
  background: transparent;
}

/* line 205, app/assets/stylesheets/segments/_form.scss */
.btn-outline-secondary:hover {
  color: #374151;
  background: #f9fafb;
  border-color: #9ca3af;
}

@media (prefers-color-scheme: dark) {
  /* line 200, app/assets/stylesheets/segments/_form.scss */
  .btn-outline-secondary {
    color: #9ca3af;
    border-color: #4b5563;
  }
  /* line 215, app/assets/stylesheets/segments/_form.scss */
  .btn-outline-secondary:hover {
    color: #d1d5db;
    background: #374151;
    border-color: #6b7280;
  }
}

/* line 223, app/assets/stylesheets/segments/_form.scss */
.segments-sidebar {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

/* line 229, app/assets/stylesheets/segments/_form.scss */
.sidebar-section {
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
}

@media (prefers-color-scheme: dark) {
  /* line 229, app/assets/stylesheets/segments/_form.scss */
  .sidebar-section {
    background: #1f2937;
    border-color: #374151;
  }
}

/* line 240, app/assets/stylesheets/segments/_form.scss */
.sidebar-header {
  background: #f9fafb;
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #e5e7eb;
}

@media (prefers-color-scheme: dark) {
  /* line 240, app/assets/stylesheets/segments/_form.scss */
  .sidebar-header {
    background: #374151;
    border-color: #4b5563;
  }
}

/* line 250, app/assets/stylesheets/segments/_form.scss */
.sidebar-header h4 {
  color: #1f2937;
  font-size: 1rem;
  font-weight: 600;
  margin: 0;
}

@media (prefers-color-scheme: dark) {
  /* line 250, app/assets/stylesheets/segments/_form.scss */
  .sidebar-header h4 {
    color: #f3f4f6;
  }
}

/* line 262, app/assets/stylesheets/segments/_form.scss */
.sidebar-body {
  padding: 1.5rem;
}

/* line 266, app/assets/stylesheets/segments/_form.scss */
#segment-preview {
  min-height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6b7280;
  font-style: italic;
}

@media (prefers-color-scheme: dark) {
  /* line 266, app/assets/stylesheets/segments/_form.scss */
  #segment-preview {
    color: #9ca3af;
  }
}

/* line 279, app/assets/stylesheets/segments/_form.scss */
#preview-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6b7280;
}

/* line 286, app/assets/stylesheets/segments/_form.scss */
.spinner-border {
  width: 1rem;
  height: 1rem;
  border: 0.125em solid transparent;
  border-top: 0.125em solid #3b82f6;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* line 301, app/assets/stylesheets/segments/_form.scss */
.preview-stats h5 {
  margin: 0 0 0.5rem 0;
  font-weight: 600;
}

/* line 306, app/assets/stylesheets/segments/_form.scss */
.preview-stats .text-primary {
  color: #3b82f6 !important;
}

/* line 311, app/assets/stylesheets/segments/_form.scss */
.text-muted {
  color: #6b7280 !important;
}

/* line 315, app/assets/stylesheets/segments/_form.scss */
.form-actions {
  display: flex;
  gap: 1rem;
  justify-content: center;
}

/* line 322, app/assets/stylesheets/segments/_form.scss */
.date-filter-container,
.numeric-filter-container {
  width: 100%;
}

/* line 327, app/assets/stylesheets/segments/_form.scss */
.date-inputs {
  margin-top: 0.5rem;
}

/* line 331, app/assets/stylesheets/segments/_form.scss */
.preset-container,
.date-picker-container {
  width: 100%;
}

/* line 336, app/assets/stylesheets/segments/_form.scss */
.end-date {
  margin-top: 0.25rem;
}

/* line 341, app/assets/stylesheets/segments/_form.scss */
.flatpickr-calendar {
  font-size: 0.875rem;
}

/* line 346, app/assets/stylesheets/segments/_form.scss */
.flatpickr-day.selected {
  background-color: #3b82f6;
  border-color: #3b82f6;
}

/* line 351, app/assets/stylesheets/segments/_form.scss */
.flatpickr-day:hover {
  background-color: #dbeafe;
}

@media (max-width: 1024px) {
  /* line 358, app/assets/stylesheets/segments/_form.scss */
  .segments-form {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
  /* line 363, app/assets/stylesheets/segments/_form.scss */
  .filter-controls {
    grid-template-columns: 1fr;
    gap: 0.75rem;
  }
  /* line 368, app/assets/stylesheets/segments/_form.scss */
  .form-actions {
    flex-direction: column;
  }
  /* line 372, app/assets/stylesheets/segments/_form.scss */
  .date-filter-container,
.numeric-filter-container {
    width: 100%;
  }
}