/* ==========================================================================
   y-components: Core Library Base Layout & Variable System
   ========================================================================== */
:root {
  --primary-color: #4f46e5;
  --primary-hover: #4338ca;
  --text-main: #1f2937;
  --text-muted: #6b7280;
  --border-color: #e5e7eb;
  --bg-main: #ffffff;
  --bg-alt: #f9fafb;

  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-md:
    0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* Base Visibility & Interactive Modifiers */
.hide {
  display: none !important;
}

/* Custom Spacing & Elevations Utilities */
.y-pad-sm {
  padding: 0.5rem !important;
}

.y-pad-md {
  padding: 1rem !important;
}

.y-pad-lg {
  padding: 2rem !important;
}

.y-shadow-sm {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
}

.y-shadow-md {
  box-shadow:
    0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
}

.y-shadow-lg {
  box-shadow:
    0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
}

/* ==========================================================================
   Component Structural Framework Styles
   ========================================================================== */

/* Accordion Grouping Matrix */
.y-accordion-container {
  width: 100%;
}

.y-accordion-item {
  transition: border-color 0.2s ease;
}

/* Modal Frame Canvas Layer Positioning */
.y-modal-frame {
  transition: opacity 0.2s ease;
}

.y-modal-surface {
  box-shadow: var(--shadow-md);
  border: 1px solid var(--border-color);
}

/* Tab Strips Navigation Layout Track */
.y-tabs-nav {
  display: flex;
  overflow-x: auto;
  white-space: nowrap;
}

.y-tab-trigger {
  font-size: 0.9375rem;
  font-weight: 500;
  color: var(--text-muted);
  border-bottom: 2px solid transparent !important;
  transition: all 0.2s ease;
}

.y-tab-trigger.active {
  color: var(--primary-color) !important;
  border-bottom-color: var(--primary-color) !important;
  font-weight: 600;
}

.y-tab-panel {
  padding: 1rem 0;
  width: 100%;
}

/* Native Control Fields Form Baselines */
.y-input {
  width: 100%;
  padding: 0.5rem 0.75rem;
  font-size: 0.9375rem;
  line-height: 1.5;
  color: var(--text-main);
  background-color: var(--bg-main);
  border: 1px solid var(--border-color);
  border-radius: 0.375rem;
  box-shadow: var(--shadow-sm);
  outline: none;
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease;
}

.y-input:focus {
  border-color: var(--primary-color);
  box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.15);
}

.y-checkbox-label {
  user-select: none;
}

.y-checkbox-input {
  width: 1rem;
  height: 1rem;
  border-radius: 0.25rem;
  border: 1px solid var(--border-color);
  accent-color: var(--primary-color);
  cursor: pointer;
}

.y-label {
  user-select: none;
}

/* Visual Presentation Media Shapes */
.y-avatar {
  background-color: #e5e7eb;
}

/* Dynamic Text Variation Hierarchies */
.y-heading-1 {
  font-size: 2.25rem;
  letter-spacing: -0.025em;
  color: #111827;
}

.y-heading-2 {
  font-size: 1.875rem;
  letter-spacing: -0.025em;
  color: #111827;
}

.y-heading-3 {
  font-size: 1.5rem;
  color: #1f2937;
}

.y-heading-4 {
  font-size: 1.25rem;
  color: #1f2937;
}

.y-heading-5 {
  font-size: 1.125rem;
  color: #374151;
}

.y-heading-6 {
  font-size: 1rem;
  color: #374151;
}

.y-text-body {
  font-size: 1rem;
  line-height: 1.6;
  color: var(--text-main);
}

.y-text-muted {
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--text-muted);
}

.y-text-lead {
  font-size: 1.25rem;
  line-height: 1.6;
  color: #374151;
  font-weight: 400;
}

.y-badge {
  white-space: nowrap;
  line-height: 1;
}

/* ==========================================================================
   y-components: Layout & Structural Containment Elements
   ========================================================================== */

/* Main Containers */
.y-container {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.y-container-fluid {
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* Grid & Layout Ecosystems */
.y-grid {
  display: grid;
  width: 100%;
}

.y-stack {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.y-flex {
  display: flex;
  width: 100%;
}

/* Panels & Cards */
.y-card {
  background: var(--bg-main, #ffffff);
  border: 1px solid var(--border-color, #e5e7eb);
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.y-card-header {
  padding: 1rem 1.25rem;
  border-bottom: 1px solid var(--border-color, #e5e7eb);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.y-card-body {
  padding: 1.25rem;
  flex-grow: 1;
}
.y-card-footer {
  padding: 1rem 1.25rem;
  border-top: 1px solid var(--border-color, #e5e7eb);
  background: var(--bg-alt, #f9fafb);
}

/* Spacer & Dividing Rules */
.y-spacer {
  display: block;
}
.y-divider {
  display: block;
  border: none;
}

/* Badge Contextual Colors */
.y-badge-default {
  background-color: #e5e7eb;
  color: #374151;
}
.y-badge-success {
  background-color: #def7ec;
  color: #03543f;
}
.y-badge-warning {
  background-color: #fef3c7;
  color: #92400e;
}
.y-badge-danger {
  background-color: #fde8e8;
  color: #9b1c1c;
}

/* ==========================================================================
   y-components: Basic Core Controls
   ========================================================================== */

/* Button Elements */
.y-button {
  cursor: pointer;
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition:
    opacity 0.2s ease,
    transform 0.1s ease;
  user-select: none;
}
.y-button:active {
  transform: scale(0.98);
}
.y-button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* Form Structural Groups */
.y-form-group {
  margin-bottom: 1rem;
}

/* Selection Primitives */
.y-select {
  cursor: pointer;
  width: 100%;
  color: var(--text-main, #1f2937);
}
.y-select:focus {
  border-color: var(--primary-color, #4f46e5);
  box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.15);
}

/* Textarea Multi-line Inputs */
.y-textarea {
  font-family: inherit;
}

/* Radio Control Elements */
.y-radio-label {
  user-select: none;
}
.y-radio-input {
  accent-color: var(--primary-color, #4f46e5);
}

/* Appending & Prepending Input Containers */
.y-input-group {
  border-radius: 0.375rem;
}
.y-input-group .y-input {
  border-radius: 0;
  margin: 0;
}
.y-input-group > *:first-child {
  border-top-left-radius: 0.375rem !important;
  border-bottom-left-radius: 0.375rem !important;
}
.y-input-group > *:last-child {
  border-top-right-radius: 0.375rem !important;
  border-bottom-right-radius: 0.375rem !important;
}
.y-input-group > * + * {
  margin-left: -1px !important;
}

/* Input Addon Elements */
.y-input-addon {
  border: 1px solid var(--border-color, #e5e7eb);
  user-select: none;
}

/* Fieldset Section Frames */
.y-fieldset {
  min-width: 0;
}
.y-legend {
  user-select: none;
}

/* ==========================================================================
   y-components: Global Shell & Structural Navigation
   ========================================================================== */

/* Main Header Navigation Bar */
.y-nav {
  width: 100%;
  box-sizing: border-box;
}
.y-nav-item {
  transition: color 0.2s ease;
}
.y-nav-item:hover {
  color: var(--primary-color, #4f46e5) !important;
}
.y-nav-item.active {
  color: var(--primary-color, #4f46e5) !important;
  border-bottom: 2px solid var(--primary-color, #4f46e5);
}

/* Sidebar Dashboard Columns */
.y-sidebar {
  box-sizing: border-box;
}
.y-sidebar-item:hover {
  background-color: var(--bg-alt, #f9fafb);
  color: var(--primary-color, #4f46e5) !important;
}
.y-sidebar-item.active {
  background-color: #eef2ff;
  color: var(--primary-color, #4f46e5) !important;
  font-weight: 600;
}

/* Breadcrumb Navigation Lists */
.y-breadcrumbs {
  user-select: none;
}
.y-breadcrumb-item a:hover {
  text-decoration: underline !important;
  color: var(--primary-color, #4f46e5) !important;
}

/* Pagination Control Bundles */
.y-pagination-item {
  transition: all 0.15s ease;
  user-select: none;
}
.y-pagination-item:hover:not(:disabled) {
  border-color: var(--primary-color, #4f46e5);
  color: var(--primary-color, #4f46e5);
  background-color: var(--bg-alt, #f9fafb);
}
.y-pagination-item.active {
  background-color: var(--primary-color, #4f46e5) !important;
  border-color: var(--primary-color, #4f46e5) !important;
  color: #ffffff !important;
}
.y-pagination-item:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

/* Sliding Drawer Panels */
.y-drawer-wrapper {
  overflow: hidden;
}

/* List Configuration Menus */
.y-menu {
  box-sizing: border-box;
}
.y-menu-item:hover {
  background-color: var(--bg-alt, #f9fafb);
  color: var(--primary-color, #4f46e5);
}

/* Dropdown Toggles and Overlays */
.y-dropdown-menu {
  box-shadow: var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.1));
}
.y-dropdown-item:hover {
  background-color: var(--bg-alt, #f9fafb);
  color: var(--primary-color, #4f46e5) !important;
}

/* ==========================================================================
   y-components: Feedback & Overlay HUD Signals
   ========================================================================== */

/* Alerts Notifications */
.y-alert {
  box-sizing: border-box;
}
.y-alert-close:hover {
  opacity: 0.7;
}

/* Contextual Alert Variations */
.y-alert-info {
  background: #eff6ff;
  color: #1e40af;
  border: 1px solid #bfdbfe;
}
.y-alert-success {
  background: #ecfdf5;
  color: #065f46;
  border: 1px solid #a7f3d0;
}
.y-alert-warning {
  background: #fffbeb;
  color: #92400e;
  border: 1px solid #fde68a;
}
.y-alert-danger {
  background: #fef2f2;
  color: #991b1b;
  border: 1px solid #fca5a5;
}

/* Banner Notices */
.y-notice {
  box-sizing: border-box;
}

/* Sticky Notice Bar Placements */
.y-notice-top {
  top: 0;
  border-bottom: 1px solid #374151;
}
.y-notice-bottom {
  bottom: 0;
  border-top: 1px solid #374151;
}

/* Layout Animation Skeletons */
@keyframes y-pulse {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
}
.y-skeleton {
  animation: y-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

/* Content Skeleton Shimmers */
.y-skeleton-text {
  border-radius: 0.25rem;
}
.y-skeleton-rect {
  border-radius: 0.375rem;
}
.y-skeleton-circle {
  border-radius: 50%;
}

/* Linear & Circular Progress Indicators */
.y-progress-container {
  user-select: none;
}
.y-progress-bar {
  height: 100%;
  border-radius: 9999px;
}
.y-progress-circle-wrap {
  user-select: none;
}

/* Contextual Micro Popups */
.y-tooltip-wrapper {
  user-select: none;
}
.y-tooltip-popup {
  pointer-events: none;
}

/* Container Popovers */
.y-popover-card {
  transition: opacity 0.15s ease;
}

/* Floating Popover Wrappers */
.y-popover-trigger {
  display: inline-block;
}

/* ==========================================================================
   y-components: Data Boards, Tabular Lists & Decks
   ========================================================================== */

/* Tables and Data Sheets */
.y-table-container {
  box-shadow: var(--shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, 0.05));
  width: 100%;
}
.y-tr {
  cursor: pointer;
}
.y-tr:hover {
  background-color: var(--bg-alt, #f9fafb);
}
.y-tr.selected {
  background-color: #eef2ff !important;
}

/* Base and Bulletless Lists */
.y-list-item:last-child {
  border-bottom: none !important;
}

/* Navigable Directory Trees */
.y-tree-root {
  user-select: none;
}
.y-tree-node span:hover {
  color: var(--primary-color, #4f46e5);
}

/* Carousels & Sliders */
.y-carousel-frame {
  box-sizing: border-box;
  user-select: none;
}
.y-carousel-stage {
  transition: transform 0.3s ease-in-out;
}
.y-carousel-frame button:hover {
  background: rgba(0, 0, 0, 0.7) !important;
}

/* Floating Notification Toasts */
.y-toast-item {
  animation: y-toast-slide 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
@keyframes y-toast-slide {
  from {
    transform: translateY(1rem);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

/* ==========================================================================
   y-components: High-Complexity Evaluation Controls
   ========================================================================== */

/* Predictive Search Autocomplete Menus */
.y-autocomplete-wrapper {
  box-sizing: border-box;
}
.y-autocomplete-menu {
  border: 1px solid var(--border-color, #e5e7eb);
  background-color: var(--bg-main, #ffffff);
}
.y-autocomplete-item:hover {
  background-color: var(--bg-alt, #f9fafb);
  color: var(--primary-color, #4f46e5) !important;
}

/* Structural Select Comboboxes */
.y-combobox-container {
  box-sizing: border-box;
}
.y-combobox-menu {
  border: 1px solid var(--border-color, #e5e7eb);
  background-color: var(--bg-main, #ffffff);
}
.y-combobox-option:hover {
  background-color: var(--bg-alt, #f9fafb);
  color: var(--primary-color, #4f46e5) !important;
}

/* Time & Date Hardware Pickers */
.y-date-picker,
.y-time-picker {
  cursor: text;
}

/* Numeric Range Sliders */
.y-slider-wrapper {
  user-select: none;
}
.y-slider-badge {
  font-variant-numeric: tabular-nums;
}

/* Interactive Visual Star Ratings */
.y-rating-container {
  user-select: none;
}
.y-star:hover {
  transform: scale(1.15);
}

/* Drag-and-Drop Form File Upload Uploaders */
.y-dropzone {
  user-select: none;
}
.y-dropzone:hover {
  border-color: var(--primary-color, #4f46e5) !important;
  background-color: var(--bg-alt, #f9fafb);
}

/* Linear Sequential Track Steppers */
.y-stepper-track {
  user-select: none;
}
.y-step-node {
  text-align: center;
}

/* Tint Color Palette Input Swatches */
.y-color-input {
  padding: 0;
}
.y-color-input::-webkit-color-swatch-wrapper {
  padding: 0;
}
.y-color-input::-webkit-color-swatch {
  border: none;
  border-radius: 0.375rem;
}

/* In-Context Standalone WYSIWYG Content Editors */
.y-editor-box {
  box-sizing: border-box;
}
.y-editor-toolbar button {
  transition: all 0.1s ease;
}
.y-editor-toolbar button:hover {
  background-color: var(--bg-alt, #f9fafb) !important;
  border-color: var(--primary-color, #4f46e5) !important;
}
.y-editor-content {
  min-height: 120px;
  background-color: var(--bg-main, #ffffff);
}
.y-editor-content:focus {
  background-color: #fff;
}

/* ==========================================================================
   y-components: Operational Metric Analytics & Developer Utilities
   ========================================================================== */

/* Metric Cards */
.y-metric-card {
  box-sizing: border-box;
}
.y-metric-trend {
  font-variant-numeric: tabular-nums;
}

/* Inline Sparklines */
.y-sparkline-svg {
  overflow: visible;
}

/* Charts Containers */
.y-chart-container {
  box-shadow: var(--shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, 0.05));
}
.y-chart-canvas-wrapper {
  width: 100%;
}

/* Enterprise Data Grids */
.y-data-grid-frame {
  box-shadow: var(--shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, 0.05));
}
.y-data-grid-frame table {
  width: 100%;
}
.y-grid-tbody tr {
  border-bottom: 1px solid var(--border-color, #e5e7eb);
  transition: background 0.15s ease;
}
.y-grid-tbody tr:hover {
  background-color: var(--bg-alt, #f9fafb);
}
.y-grid-tbody tr:last-child {
  border-bottom: none;
}

/* Filter Tags */
.y-filter-pill button:hover {
  color: #1e1b4b !important;
}

/* Fallback Empty Slates */
.y-empty-state {
  box-sizing: border-box;
}
.y-empty-actions {
  display: inline-flex;
  gap: 0.5rem;
}

/* Uptime Indicators */
.y-status-dot {
  border-radius: 50%;
}
@keyframes y-status-ping {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(2.4);
    opacity: 0;
  }
}
.y-status-pulse {
  animation: y-status-ping 1.5s cubic-bezier(0, 0, 0.2, 1) infinite;
}

/* Activity Streams */
.y-timeline-wrapper {
  box-sizing: border-box;
}

/* Code Syntax Canvases */
.y-code-block-container button:hover {
  color: #ffffff !important;
}

/* JSON Formatters */
.y-json-viewer-box {
  box-sizing: border-box;
}

/* Emulated Terminal Frames */
.y-terminal-frame {
  box-shadow: var(--shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, 0.1));
}

/* Description Mapping Lists */
.y-key-value-list {
  width: 100%;
}

/* ==========================================================================
   y-components: Distributed Identity & Multi-Tenancy Controls
   ========================================================================== */

/* Monospace Keyboard Reminders */
.y-kbd {
  box-sizing: border-box;
}

/* Obfuscated Input Containers */
.y-secret-input-container {
  width: 100%;
}
.y-secret-input-container button:hover {
  color: var(--primary-color, #4f46e5) !important;
}

/* Clipboard Utility Buttons */
.y-clipboard-btn {
  user-select: none;
}

/* Interactive Array Tag Pools */
.y-tag-input-box {
  box-sizing: border-box;
}
.y-tag-node {
  user-select: none;
  animation: y-tag-pop 0.12s cubic-bezier(0, 0, 0.2, 1);
}
@keyframes y-tag-pop {
  from {
    transform: scale(0.9);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.y-tag-close:hover {
  color: #ef4444;
}

/* Overlapping Team Stack Clustered Elements */
.y-avatar-group > * {
  margin-left: -0.5rem !important;
  border: 2px solid #ffffff;
  border-radius: 50%;
  transition:
    transform 0.15s ease,
    z-index 0.15s ease;
}
.y-avatar-group > *:first-child {
  margin-left: 0 !important;
}
.y-avatar-group > *:hover {
  transform: translateY(-2px);
  z-index: 10;
}

/* Workspace Permission Rows */
.y-permission-row:last-child {
  border-bottom: none !important;
}

/* Dedicated Auth Layout Cards */
.y-auth-card-frame {
  box-shadow: var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.1));
}

/* Tenant Context Dropdowns */
.y-tenant-container {
  display: inline-block;
}
.y-tenant-menu {
  box-shadow: var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.1));
}

/* Focus-Scoped Search Boxes */
.y-search-bar-wrap {
  width: 100%;
}

/* Modal Command Overlay Palettes */
.y-command-modal-overlay {
  backdrop-filter: blur(2px);
}
.y-command-box {
  animation: y-command-slide 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}
@keyframes y-command-slide {
  from {
    transform: translateY(-1rem);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

/* Corner Ribbon Badges */
.y-badge-ribbon {
  pointer-events: none;
}

/* Sliding Configurations Side Panels */
.y-side-panel-wrapper {
  overflow: hidden;
}
.y-panel-overlay {
  backdrop-filter: blur(1px);
}

/* ==========================================================================
   y-components: Hardware-Simulated Switch Primitives
   ========================================================================== */

.y-switch-container {
  user-select: none;
  display: inline-flex;
  align-items: center;
}

/* Hidden backing input to handle native form values safely */
.y-switch-hidden {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  width: 0;
  height: 0;
  margin: 0;
}

/* Track element background container state shifts */
.y-switch-track {
  box-sizing: border-box;
  background-color: #d1d5db;
  transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.y-switch-track.checked {
  background-color: var(--primary-color, #4f46e5) !important;
}

/* Internal sliding knob toggle thumb */
.y-switch-thumb {
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translateX(0);
}

.y-switch-track.checked .y-switch-thumb {
  transform: translateX(1.25rem);
}

/* ==========================================================================
   y-components: Developer Platforms & Command Shell Environment Layouts
   ========================================================================== */

/* Condition Engine Rule Rows */
.y-filter-builder {
  box-sizing: border-box;
}
.y-filter-rule {
  animation: y-tag-pop 0.1s ease-out;
}

/* Operational Command Input Terminals */
.y-query-terminal-shell {
  box-shadow: var(--shadow-xl, 0 20px 25px -5px rgba(0, 0, 0, 0.1));
}
.y-terminal-body {
  scrollbar-width: thin;
  scrollbar-color: #232e3d #0f141c;
}

/* Multi-Column Grid Strips */
.y-metrics-strip-container {
  width: 100%;
}

/* Review Side-by-Side Diff Windows */
.y-diff-box {
  box-sizing: border-box;
}

/* Overlaid Native Code Editors Workspace */
.y-editor-shell-container {
  box-sizing: border-box;
}
.y-editor-shell-container textarea::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.y-editor-shell-container textarea::-webkit-scrollbar-thumb {
  background: #424242;
  border-radius: 4px;
}

/* Logging Output Streams */
.y-terminal-row {
  line-height: 1.4;
}

/* ==========================================================================
   y-components: Query and Terminal Operational UI Sub-Elements
   ========================================================================== */

/* Inner Form Drops for Condition Filters */
.y-select {
  display: inline-block;
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-main, #1f2937);
  background-color: #fff;
  border: 1px solid var(--border-color, #e5e7eb);
  border-radius: 0.375rem;
  box-shadow: var(--shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, 0.05));
  appearance: none;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  cursor: pointer;
}
.y-select:focus {
  border-color: var(--primary-color, #4f46e5);
  outline: none;
}

/* Structural Query Modifiers */
.y-add-rule:hover {
  background-color: #e5e7eb !important;
  color: #000 !important;
}
.y-remove-rule {
  transition: opacity 0.15s ease;
}
.y-remove-rule:hover {
  opacity: 0.7;
}

/* Interactive Dev Engine Elements */
.y-terminal-input-line {
  display: flex;
  align-items: center;
  width: 100%;
}
.y-terminal-input-line input:focus {
  box-shadow: none !important;
}

/* Logging Output Severity Color Maps */
.y-log-info {
  color: #d4d4d4;
}
.y-log-error {
  color: #f44336;
  font-weight: 500;
}
.y-log-success {
  color: #4caf50;
}
.y-log-warn {
  color: #ffeb3b;
}