/*
  AV LÜ™ Operator Craft Polish v2.0.1
  Designed and owned by AVLU.
  © 2026 AVLU. All rights reserved.
*/

/* Keep inline and navigation links editorial rather than turning every link into a keycap. */
body.avlu-operator-craft a[data-tactile="true"]:not(.v13-btn):not(.operator-key) {
  min-height: initial;
  padding: initial;
  overflow: visible;
  color: inherit;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  font: inherit;
  letter-spacing: inherit;
  transform: none;
  transition: color 150ms ease, border-color 150ms ease, opacity 150ms ease;
  will-change: auto;
}

body.avlu-operator-craft a[data-tactile="true"]:not(.v13-btn):not(.operator-key):active,
body.avlu-operator-craft a[data-tactile="true"]:not(.v13-btn):not(.operator-key).is-pressed {
  box-shadow: none !important;
  transform: none !important;
}

/* Keep purpose-built buttons in control of their own geometry. */
body.avlu-operator-craft :is(
  .v13-menu,
  .operator-desk__tabs button,
  .operator-edit-button,
  .operator-step-button,
  .operator-suggestion__actions button,
  .ref-subscribe button,
  .review-tabs button,
  .v13-tabs button
)[data-tactile="true"] {
  min-height: revert;
  overflow: hidden;
  border-radius: revert;
  font-size: revert;
  font-weight: revert;
  letter-spacing: revert;
  box-shadow: revert;
}

body.avlu-operator-craft .operator-desk__tabs button[data-tactile="true"] {
  min-height: 34px;
  padding: 6px 10px;
  border: 0;
  box-shadow: none;
}

body.avlu-operator-craft .operator-edit-button[data-tactile="true"] {
  min-height: 30px;
  padding: 5px 7px;
  border: 1px solid var(--oc-blue-deep);
  box-shadow: none;
}

body.avlu-operator-craft .operator-step-button[data-tactile="true"] {
  min-height: 72px;
  padding: 12px 4px;
  border: 0;
  border-bottom: 1px solid var(--oc-rule-dark);
  border-radius: 0;
  box-shadow: none;
}

body.avlu-operator-craft .operator-suggestion__actions button[data-tactile="true"] {
  min-height: 43px;
  padding: 8px 10px;
  border: 1px solid var(--oc-ink);
  border-radius: 6px;
  box-shadow: 0 2px 0 var(--oc-ink);
}

body.avlu-operator-craft .ref-subscribe button[data-tactile="true"] {
  min-height: 44px;
  padding: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

/* Clear state completion without confetti or animation theater. */
.operator-record-row.is-saved {
  border-color: var(--oc-green);
  background: var(--oc-green-soft);
}

.operator-record-row.is-saved::after {
  content: "Saved";
  grid-column: 1 / -1;
  color: var(--oc-green);
  font-family: var(--oc-mono);
  font-size: .54rem;
  font-weight: 900;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.operator-suggestion[data-state="accepted"] {
  border-color: var(--oc-green);
  box-shadow: 7px 7px 0 var(--oc-green-soft), 8px 8px 0 var(--oc-ink);
}

.operator-suggestion[data-state="rejected"] {
  border-color: var(--oc-red);
  box-shadow: 7px 7px 0 var(--oc-red-soft), 8px 8px 0 var(--oc-ink);
}

.operator-suggestion[data-state="editing"] {
  border-color: var(--oc-blue);
  box-shadow: 7px 7px 0 var(--oc-blue-soft), 8px 8px 0 var(--oc-ink);
}

/* Evidence links remain legible on the dark evidence band. */
.operator-home .operator-evidence-band .ref-evidence-link-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
  padding: 20px 0;
}

.operator-home .operator-evidence-band .ref-evidence-link-row a {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 8px 11px;
  color: var(--oc-white);
  border: 1px solid #87929b;
  border-radius: 5px;
  background: transparent;
  font-family: var(--oc-mono);
  font-size: .61rem;
  font-weight: 850;
  text-decoration: none;
}

.operator-home .operator-evidence-band .ref-evidence-link-row a:hover,
.operator-home .operator-evidence-band .ref-evidence-link-row a:focus-visible {
  color: var(--oc-ink);
  background: var(--oc-white);
}

/* Existing page actions keep a crisp keypress without being forced into homepage dimensions. */
body.avlu-operator-craft:not(.operator-home) .v13-btn {
  min-height: 44px;
}

@media (max-width: 620px) {
  .operator-home .operator-evidence-band .ref-evidence-link-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  .operator-home .operator-evidence-band .ref-evidence-link-row a {
    width: 100%;
  }

  .operator-suggestion[data-state="accepted"],
  .operator-suggestion[data-state="rejected"],
  .operator-suggestion[data-state="editing"] {
    box-shadow: 4px 4px 0 var(--oc-paper-deep), 5px 5px 0 var(--oc-ink);
  }
}