/* SLPT-R26R5-ANALYSIS-SAVE-CONTRAST-20260820 */

/* Notes belong to the save action, not the always-visible analysis context. */
.r26r5-source-note-hidden,
.r26r4-context .r26r4-notes {
  display: none !important;
}

/* Rebalance the context bars after removing the notes column. */
[data-r26r4-form-context].r26r4-context {
  grid-template-columns: minmax(170px,.9fr) minmax(220px,1.2fr) minmax(170px,.8fr);
}
[data-r26r4-velocity] .r26r4-context {
  grid-template-columns: minmax(150px,.8fr) minmax(190px,1fr) minmax(190px,1fr) minmax(130px,.65fr) minmax(160px,.8fr);
}

/* Explicit contrast contract for all Performance Analysis form controls.
   Do not inherit foreground colours from surrounding dark/grey surfaces. */
.r26r4-workbench select,
.r26r4-workbench input:not([type="checkbox"]):not([type="radio"]),
.r26r4-workbench textarea,
.r26r2-shell select,
.r26r2-shell input:not([type="checkbox"]):not([type="radio"]),
.r26r2-shell textarea,
[data-r26r4-form-context] select,
[data-r26r4-form-context] input:not([type="checkbox"]):not([type="radio"]),
[data-r26r4-form-context] textarea {
  background: #ffffff !important;
  color: #101828 !important;
  -webkit-text-fill-color: #101828 !important;
  border-color: #98a2b3 !important;
  caret-color: #101828 !important;
  color-scheme: light;
}

.r26r4-workbench select option,
.r26r4-workbench select optgroup,
.r26r2-shell select option,
.r26r2-shell select optgroup,
[data-r26r4-form-context] select option,
[data-r26r4-form-context] select optgroup {
  background: #ffffff !important;
  color: #101828 !important;
  -webkit-text-fill-color: #101828 !important;
}

.r26r4-workbench input::placeholder,
.r26r4-workbench textarea::placeholder,
.r26r2-shell input::placeholder,
.r26r2-shell textarea::placeholder {
  color: #667085 !important;
  -webkit-text-fill-color: #667085 !important;
  opacity: 1 !important;
}

.r26r4-workbench select:focus-visible,
.r26r4-workbench input:focus-visible,
.r26r4-workbench textarea:focus-visible,
.r26r2-shell select:focus-visible,
.r26r2-shell input:focus-visible,
.r26r2-shell textarea:focus-visible {
  outline: 3px solid rgba(124,58,237,.24) !important;
  outline-offset: 1px;
  border-color: #7c3aed !important;
}

/* Save-time notes */
.r26r5-save-note {
  display: grid;
  gap: 9px;
  min-width: min(420px, 100%);
  padding: 11px 12px;
  border: 1px solid rgba(148,163,184,.28);
  border-radius: 13px;
  background: rgba(255,255,255,.055);
}
.r26r5-note-check {
  display: flex !important;
  grid-template-columns: none !important;
  align-items: center;
  gap: 9px;
  margin: 0;
  font-size: .78rem !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  cursor: pointer;
}
.r26r5-note-check input[type="checkbox"] {
  width: 18px !important;
  height: 18px;
  margin: 0;
  flex: 0 0 auto;
  accent-color: #7c3aed;
}
.r26r5-save-note textarea {
  width: 100%;
  min-height: 78px;
  resize: vertical;
  box-sizing: border-box;
  border-radius: 11px;
  padding: 10px 11px;
  background: #ffffff !important;
  color: #101828 !important;
  -webkit-text-fill-color: #101828 !important;
  border: 1px solid #98a2b3 !important;
}
.r26r5-save-note textarea[hidden] {
  display: none !important;
}
.r26r5-save-actions {
  display: grid;
  grid-template-columns: minmax(300px, 1fr) auto;
  gap: 12px;
  align-items: end;
  min-width: min(650px, 100%);
}
.r26r5-save-button-slot {
  display: flex;
  align-items: end;
}

/* Form Checker save panel keeps its existing secure action while gaining optional notes. */
.r26r2-send-controls .r26r5-save-note {
  margin-bottom: 10px;
}

@media (max-width: 1100px) {
  [data-r26r4-form-context].r26r4-context,
  [data-r26r4-velocity] .r26r4-context {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
  [data-r26r4-form-context] .r26r4-context-title,
  [data-r26r4-velocity] .r26r4-context-title {
    grid-column: 1 / -1;
  }
  .r26r5-save-actions {
    min-width: 0;
  }
}

@media (max-width: 700px) {
  [data-r26r4-form-context].r26r4-context,
  [data-r26r4-velocity] .r26r4-context {
    grid-template-columns: 1fr;
  }
  .r26r5-save-actions {
    grid-template-columns: 1fr;
    width: 100%;
  }
  .r26r5-save-button-slot,
  .r26r5-save-button-slot .btn {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .r26r5-save-note *,
  .r26r5-save-actions * {
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
  }
}