/**
 Note how the theme applies to Sparnatural as well as other technical classes with absolute positioning that
 also needs to benefits from the variables.
 **/
.Sparnatural,
.SparnaturalForm,
.select2-container--default,
.tippy-box {
  /**
 * Color of the criteria arrows (orange)
 **/
  --primary-color-main: rgb(250, 136, 3);

  /**
  * Color of the "unselect" buttons in criterias (dark orange)
  **/
  --primary-color-important: rgb(182, 97, 0);

  /**
  * Color of the bottom : folded variable selector, and of a selected value in a criteria (light orange)
  **/
  --primary-color-medium: rgb(255, 210, 157);

  /**
  * variable selector background & tooltip background (even lighter orange)
  **/
  --primary-color-light: rgb(255, 231, 203);

  /** 
  * Color of the options arrow (optional / negation) (strong green)
  **/
  --secondary-color-main: rgb(107, 215, 171);

  /** 
  * Color of the highlight of arrows
  **/
  --secondary-color-important: rgb(2, 184, 117);

  /**
  * Color of the options arrow when not selected (light green)
  **/
  --secondary-color-light: rgb(151, 227, 196);

  /**
  * Color of the service option enabled
  **/
  --ternary-color-main: rgb(3, 201, 250);

  /**
  * Color of the hover of autocomplete selection
  **/
  --ternary-color-light: rgb(184, 211, 224);

  /**
  * Color of variable d&d grip, disabled query button, disabled options
  **/
  --silver-color-main: rgb(167, 167, 167);

  /**
  *
  **/
  --silver-color-light: rgb(230, 230, 230);

  /**
  * Default text color
  **/
  --default-text-color: #666;

  /**
 * Red, Green and Blue components for the background color.
 * An alpha is added to this color at each line (0.1, 0.2, 0.3, etc.)
 **/
  --bg-red: 29;
  --bg-green: 224;
  --bg-blue: 153;
}

sparnatural-text-query .new-query-container-mistral{max-width:900px;margin:0 auto auto;font-family:sans-serif;box-shadow:0 4px 12px rgba(0,0,0,.01);padding:10px;background:rgba(29,224,153,.1)}sparnatural-text-query .input-container{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid #ddd;border-radius:8px;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.05);margin-bottom:10px;position:relative}sparnatural-text-query .input-container textarea{flex:1;border:none;outline:none;font-size:16px;font-family:inherit;resize:none;overflow:hidden;background:rgba(0,0,0,0);min-height:24px;line-height:1.5;padding:0;margin:0}sparnatural-text-query .input-container textarea::placeholder{color:#999}sparnatural-text-query .input-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;position:relative}sparnatural-text-query .btn-icon{width:36px;height:36px;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-size:16px;background-color:#f8f9fa;color:#495057}sparnatural-text-query .btn-icon:hover{background-color:#e9ecef}sparnatural-text-query .btn-icon.btn-send-primary{background-color:#02b875;color:#fff}sparnatural-text-query .btn-icon.btn-send-primary:hover{background-color:rgba(2,184,117,.8)}sparnatural-text-query .examples-dropdown{position:absolute;bottom:100%;right:0;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:1000;min-width:300px;max-width:400px;max-height:200px;overflow-y:auto;margin-bottom:4px}sparnatural-text-query .examples-dropdown .example-item{padding:12px 16px;cursor:pointer;border-bottom:1px solid #f0f0f0;font-size:14px;line-height:1.4;transition:background-color .2s}sparnatural-text-query .examples-dropdown .example-item:hover{background-color:#f8f9fa}sparnatural-text-query .examples-dropdown .example-item:last-child{border-bottom:none}sparnatural-text-query .voice-textarea-wrapper textarea{width:100%;padding:12px;font-size:16px;border:1px solid #ccc;border-radius:8px;resize:vertical}sparnatural-text-query .btn-send{display:none}sparnatural-text-query .message-container{display:block;margin-top:10px}sparnatural-text-query .btn-actions{display:none}sparnatural-text-query .btn-send button,sparnatural-text-query .btn-actions button{padding:10px 16px;background-color:#02b875;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:17px}sparnatural-text-query .btn-send button:hover,sparnatural-text-query .btn-actions button:hover{background-color:rgba(2,184,117,.8)}sparnatural-text-query #btnVoice.recording i{animation:pulse 1s infinite;color:#48ce98}sparnatural-text-query #btnVoice.loading i{animation:spin 1s linear infinite;color:#007bff}sparnatural-text-query #exampleSelect{display:none}sparnatural-text-query .warning-message,sparnatural-text-query .error-message{display:flex;align-items:center;gap:8px;border-radius:6px;padding:10px 14px;font-size:14px;line-height:1.5;box-shadow:0 1px 3px rgba(0,0,0,.05);width:fit-content}sparnatural-text-query .warning-message{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}sparnatural-text-query .error-message{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.6}100%{transform:scale(1);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}

/*# sourceMappingURL=sparnatural-text-query.css.map*/