/* --------------------------------------------
                    v2026.04.28
   -------------------------------------------- */

/* :root {
  --primary-color: hsl(210, 100%, 56%);
  --error-color: #f14668;
} */

:root {
  /* Base HSL for DodgerBlue (#1E90FF) */
  --bulma-primary-h: 210;
  --bulma-primary-s: 100%;
  --bulma-primary-l: 56%;

  --bulma-primary: hsl(var(--bulma-primary-h),
      var(--bulma-primary-s),
      var(--bulma-primary-l));

  --bulma-primary-invert: #ffffff;

  /* Lightness steps */
  --bulma-primary-05-l: calc(var(--bulma-primary-l) + (100% - var(--bulma-primary-l)) * 0.05);
  --bulma-primary-10-l: calc(var(--bulma-primary-l) + (100% - var(--bulma-primary-l)) * 0.10);
  --bulma-primary-20-l: calc(var(--bulma-primary-l) + (100% - var(--bulma-primary-l)) * 0.20);
  --bulma-primary-30-l: calc(var(--bulma-primary-l) + (100% - var(--bulma-primary-l)) * 0.30);
  --bulma-primary-40-l: calc(var(--bulma-primary-l) + (100% - var(--bulma-primary-l)) * 0.40);
  --bulma-primary-50-l: calc(var(--bulma-primary-l) + (100% - var(--bulma-primary-l)) * 0.50);
  --bulma-primary-60-l: calc(var(--bulma-primary-l) + (100% - var(--bulma-primary-l)) * 0.60);
  --bulma-primary-70-l: calc(var(--bulma-primary-l) + (100% - var(--bulma-primary-l)) * 0.70);
  --bulma-primary-80-l: calc(var(--bulma-primary-l) + (100% - var(--bulma-primary-l)) * 0.80);
  --bulma-primary-90-l: calc(var(--bulma-primary-l) + (100% - var(--bulma-primary-l)) * 0.90);

  /* Final derived colors */
  --bulma-primary-05: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-05-l));
  --bulma-primary-10: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-10-l));
  --bulma-primary-20: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-20-l));
  --bulma-primary-30: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-30-l));
  --bulma-primary-40: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-40-l));
  --bulma-primary-50: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-50-l));
  --bulma-primary-60: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-60-l));
  --bulma-primary-70: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-70-l));
  --bulma-primary-80: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-80-l));
  --bulma-primary-90: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-90-l));

  /* --- */

  /* Base HSL for Danger (#f14668) */
  --bulma-danger-h: 350;
  --bulma-danger-s: 87%;
  --bulma-danger-l: 62%;

  --bulma-danger: hsl(var(--bulma-danger-h),
      var(--bulma-danger-s),
      var(--bulma-danger-l));

  --bulma-danger-invert: #ffffff;

  /* Lightness steps */
  --bulma-danger-05-l: calc(var(--bulma-danger-l) + (100% - var(--bulma-danger-l)) * 0.05);
  --bulma-danger-10-l: calc(var(--bulma-danger-l) + (100% - var(--bulma-danger-l)) * 0.10);
  --bulma-danger-20-l: calc(var(--bulma-danger-l) + (100% - var(--bulma-danger-l)) * 0.20);
  --bulma-danger-30-l: calc(var(--bulma-danger-l) + (100% - var(--bulma-danger-l)) * 0.30);
  --bulma-danger-40-l: calc(var(--bulma-danger-l) + (100% - var(--bulma-danger-l)) * 0.40);
  --bulma-danger-50-l: calc(var(--bulma-danger-l) + (100% - var(--bulma-danger-l)) * 0.50);
  --bulma-danger-60-l: calc(var(--bulma-danger-l) + (100% - var(--bulma-danger-l)) * 0.60);
  --bulma-danger-70-l: calc(var(--bulma-danger-l) + (100% - var(--bulma-danger-l)) * 0.70);
  --bulma-danger-80-l: calc(var(--bulma-danger-l) + (100% - var(--bulma-danger-l)) * 0.80);
  --bulma-danger-90-l: calc(var(--bulma-danger-l) + (100% - var(--bulma-danger-l)) * 0.90);

  /* Final derived colors */
  --bulma-danger-05: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-05-l));
  --bulma-danger-10: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-10-l));
  --bulma-danger-20: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-20-l));
  --bulma-danger-30: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-30-l));
  --bulma-danger-40: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-40-l));
  --bulma-danger-50: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-50-l));
  --bulma-danger-60: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-60-l));
  --bulma-danger-70: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-70-l));
  --bulma-danger-80: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-80-l));
  --bulma-danger-90: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-90-l));

  /* --- */

  /* Base HSL for Warning (#FF9914) */
  --bulma-warning-h: 34;
  --bulma-warning-s: 100%;
  --bulma-warning-l: 54%;

  --bulma-warning: hsl(
    var(--bulma-warning-h),
    var(--bulma-warning-s),
    var(--bulma-warning-l)
  );

  --bulma-warning-invert: #000000;

  /* Lightness steps */
  --bulma-warning-05-l: calc(var(--bulma-warning-l) + (100% - var(--bulma-warning-l)) * 0.05);
  --bulma-warning-10-l: calc(var(--bulma-warning-l) + (100% - var(--bulma-warning-l)) * 0.10);
  --bulma-warning-20-l: calc(var(--bulma-warning-l) + (100% - var(--bulma-warning-l)) * 0.20);
  --bulma-warning-30-l: calc(var(--bulma-warning-l) + (100% - var(--bulma-warning-l)) * 0.30);
  --bulma-warning-40-l: calc(var(--bulma-warning-l) + (100% - var(--bulma-warning-l)) * 0.40);
  --bulma-warning-50-l: calc(var(--bulma-warning-l) + (100% - var(--bulma-warning-l)) * 0.50);
  --bulma-warning-60-l: calc(var(--bulma-warning-l) + (100% - var(--bulma-warning-l)) * 0.60);
  --bulma-warning-70-l: calc(var(--bulma-warning-l) + (100% - var(--bulma-warning-l)) * 0.70);
  --bulma-warning-80-l: calc(var(--bulma-warning-l) + (100% - var(--bulma-warning-l)) * 0.80);
  --bulma-warning-90-l: calc(var(--bulma-warning-l) + (100% - var(--bulma-warning-l)) * 0.90);

  /* Final derived colors */
  --bulma-warning-05: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-05-l));
  --bulma-warning-10: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-10-l));
  --bulma-warning-20: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-20-l));
  --bulma-warning-30: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-30-l));
  --bulma-warning-40: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-40-l));
  --bulma-warning-50: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-50-l));
  --bulma-warning-60: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-60-l));
  --bulma-warning-70: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-70-l));
  --bulma-warning-80: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-80-l));
  --bulma-warning-90: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-90-l));

  /* --- */

  /* Base HSL for Info (#2EBADB) */
  --bulma-info-h: 188;
  --bulma-info-s: 70%;
  --bulma-info-l: 52%;

  --bulma-info: hsl(
    var(--bulma-info-h),
    var(--bulma-info-s),
    var(--bulma-info-l)
  );

  --bulma-info-invert: #000000;

  /* Lightness steps */
  --bulma-info-05-l: calc(var(--bulma-info-l) + (100% - var(--bulma-info-l)) * 0.05);
  --bulma-info-10-l: calc(var(--bulma-info-l) + (100% - var(--bulma-info-l)) * 0.10);
  --bulma-info-20-l: calc(var(--bulma-info-l) + (100% - var(--bulma-info-l)) * 0.20);
  --bulma-info-30-l: calc(var(--bulma-info-l) + (100% - var(--bulma-info-l)) * 0.30);
  --bulma-info-40-l: calc(var(--bulma-info-l) + (100% - var(--bulma-info-l)) * 0.40);
  --bulma-info-50-l: calc(var(--bulma-info-l) + (100% - var(--bulma-info-l)) * 0.50);
  --bulma-info-60-l: calc(var(--bulma-info-l) + (100% - var(--bulma-info-l)) * 0.60);
  --bulma-info-70-l: calc(var(--bulma-info-l) + (100% - var(--bulma-info-l)) * 0.70);
  --bulma-info-80-l: calc(var(--bulma-info-l) + (100% - var(--bulma-info-l)) * 0.80);
  --bulma-info-90-l: calc(var(--bulma-info-l) + (100% - var(--bulma-info-l)) * 0.90);

  /* Final derived colors */
  --bulma-info-05: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-05-l));
  --bulma-info-10: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-10-l));
  --bulma-info-20: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-20-l));
  --bulma-info-30: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-30-l));
  --bulma-info-40: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-40-l));
  --bulma-info-50: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-50-l));
  --bulma-info-60: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-60-l));
  --bulma-info-70: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-70-l));
  --bulma-info-80: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-80-l));
  --bulma-info-90: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-90-l));

  /* font-family */
  --bulma-family-primary: "Poppins", Inter, "SF Pro", "Segoe UI", Roboto, Oxygen, Ubuntu, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

html,
body {
  height: 100%;
  margin: 0;
  overflow-y: auto;
  overscroll-behavior-y: auto;
}

#v-app {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

header {
  flex: 0 0 auto;
}

footer {
  flex: 0 0 auto;
}

#page {
  flex: 1 1 auto;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}

#page {
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
}

.tabs {
  flex: 0 0 auto;
}

.panel-container {
  overflow-y: auto;
  overscroll-behavior: contain;
}

.label {
  font-weight: unset;
}

.PANEL {
  box-shadow: none;
}

.PANEL>div {
  margin: auto;
}

.help.help-error {
  color: var(--bulma-danger);
}

/* Bulma Tooltip */
.has-tooltip-text-black[data-tooltip]:before {
  color: black !important;
}

/* [field] */
.FIELD.is-text.input,
.FIELD.is-text.textarea,
.FIELD.select.is-text {
  --bulma-input-focus-h: var(--bulma-primary-h);
  --bulma-input-focus-s: var(--bulma-primary-s);
  --bulma-input-focus-l: var(--bulma-primary-l);
}
.FIELD {
  accent-color: var(--bulma-primary);
}

/* [field] Button */
.FIELD.button {
  color: white;
  background-color: var(--bulma-primary);
}

/* [field] Textarea */
.grow-wrap {
  /* easy way to plop the elements on top of each other and have them both sized based on the tallest one's height */
  display: grid;
}
.grow-wrap::after {
  /* Note the weird space! Needed to preventy jumpy behavior */
  content: attr(data-replicated-value) " ";
  /* This is how textarea text behaves */
  white-space: pre-wrap;
  /* Hidden from view, clicks, and screen readers */
  visibility: hidden;
}
.grow-wrap>textarea {
  /* You could leave this, but after a user resizes, then it ruins the auto sizing */
  resize: none;
  /* Firefox shows scrollbar on growth, you can hide like this. */
  overflow: hidden;
}
.grow-wrap>textarea,
.grow-wrap::after {
  /* Identical styling required!! */
  /* border: 1px solid black; */
  padding-bottom: calc(1.5em - 1px);
  font: inherit;
  /* Place on top of each other */
  grid-area: 1 / 1 / 2 / 2;
}

/* [field] *Error* */
.field-error {
  border-color: var(--bulma-danger) !important;
}
.FIELD.is-text.input.field-error,
.FIELD.is-text.textarea.field-error,
.FIELD.select.is-text.field-error {
  --bulma-input-focus-h: var(--bulma-danger-h);
  --bulma-input-focus-s: var(--bulma-danger-s);
  --bulma-input-focus-l: var(--bulma-danger-l);
}

/*  */
.new.is-large {
  --bulma-delete-dimensions: 2rem;
}

/* Media Queries */
@media (min-width: 1080px) {

  .tabs,
  .ACTIONS {
    margin-left: auto;
    margin-right: auto;
    width: 1080px;
  }

  .PANEL>div {
    width: 1080px;
  }
}