/* Objedinjeni prikaz dozvoljenog vremena i njegovog reseta. */
#results .dashboard-grid > .gauge-pair-card {
  background: linear-gradient(155deg,
    var(--theme-surface-raised, var(--panel-strong, #fff)),
    color-mix(in srgb, var(--theme-surface, var(--panel, #fff)) 94%, var(--accent, #278fca) 6%));
  border: 1px solid var(--theme-border, var(--border, #c8d7e1));
  border-radius: 18px;
  box-shadow: inset 0 1px 0 color-mix(in srgb, white 72%, transparent);
  box-sizing: border-box;
  display: grid;
  gap: 4px;
  grid-column: span 2 !important;
  min-height: 0;
  min-width: 0;
  overflow: hidden;
  padding: 11px 10px 9px;
  width: 100%;
}

.gauge-pair-header {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: flex-start;
  min-height: 34px;
  padding: 0 3px 2px;
}

.gauge-pair-title {
  color: var(--theme-text, var(--text, #142230));
  font-size: clamp(.92rem, 1.35vw, 1.08rem);
  font-weight: 900;
  letter-spacing: -.015em;
  line-height: 1.15;
  margin: 0;
  text-align: left;
}

#results .gauge-pair-header .favorite-box {
  align-items: center;
  background: color-mix(in srgb, var(--theme-surface, var(--panel, #fff)) 88%, transparent);
  border: 1px solid color-mix(in srgb, var(--theme-muted, var(--muted, #637586)) 32%, transparent);
  border-radius: 8px;
  color: var(--theme-muted, var(--muted, #637586));
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 30px;
  height: 30px;
  inset: auto !important;
  justify-content: center;
  margin: 0;
  position: relative !important;
  width: 30px;
}

#results .gauge-pair-header .favorite-box::before {
  content: "☆" !important;
  font-family: "Segoe UI Symbol", sans-serif;
  font-size: 19px;
  line-height: 1;
  pointer-events: none;
}

#results .gauge-pair-header .favorite-box:has(.favorite-input:checked)::before {
  color: #e9a826;
  content: "★" !important;
  text-shadow: 0 1px 2px rgba(153, 96, 0, .18);
}

#results .gauge-pair-header .favorite-input {
  appearance: none;
  cursor: pointer;
  height: 100% !important;
  inset: 0 !important;
  margin: 0;
  opacity: 0;
  position: absolute;
  width: 100% !important;
}

#results .gauge-pair-header .favorite-box:has(.favorite-input:focus-visible) {
  box-shadow: 0 0 0 3px color-mix(in srgb, #e9a826 28%, transparent);
  outline: none;
}

.gauge-pair-body {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  min-width: 0;
}

#results .gauge-pair-card .paired-gauge-lane {
  align-items: center;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0;
  box-shadow: none !important;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  margin: 0;
  min-height: 0 !important;
  min-width: 0;
  overflow: visible;
  padding: 0 9px 2px !important;
  position: relative;
}

#results .gauge-pair-card .paired-gauge-reset {
  border-inline-start: 0 !important;
}

#results .gauge-pair-card .paired-gauge-reset::before {
  background: color-mix(in srgb, var(--theme-border, var(--border, #c8d7e1)) 78%, transparent);
  content: "";
  inset-block: 4px;
  inset-inline-start: 0;
  position: absolute;
  width: 1px;
}

#results .gauge-pair-card .premium-dashboard-gauge-shell {
  aspect-ratio: 260 / 170;
  flex: 0 0 auto;
  height: auto !important;
  margin: 0 !important;
  max-width: none;
  overflow: visible;
  width: 100% !important;
}

#results .gauge-pair-card .gauge-scale {
  color: var(--theme-muted, var(--muted, #637586));
  font-size: clamp(.68rem, 1.2vw, .8rem);
  font-weight: 850;
  letter-spacing: .015em;
  text-transform: lowercase;
  white-space: nowrap;
}

#results .gauge-pair-card .gauge-note {
  box-sizing: border-box;
  font-size: clamp(.65rem, 1vw, .76rem);
  line-height: 1.15;
  margin: 2px auto 0;
  max-width: 100%;
  min-height: 0;
  padding-block: 4px;
  width: fit-content;
}

#results .gauge-pair-card .gauge-note.is-empty-note,
#results .gauge-pair-card .gauge-note:empty {
  display: none !important;
}

html[data-theme="dark"] #results .dashboard-grid > .gauge-pair-card {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .045);
}

@media (max-width: 720px) {
  #results .dashboard-grid > .gauge-pair-card {
    border-radius: 15px;
    gap: 1px;
    padding: 8px 5px 7px;
  }

  .gauge-pair-header {
    min-height: 31px;
    padding-inline: 6px 3px;
  }

  .gauge-pair-title {
    font-size: clamp(.82rem, 3.7vw, .98rem);
  }

  .gauge-pair-body {
    gap: 2px;
  }

  #results .gauge-pair-card .paired-gauge-lane {
    padding-inline: 11.5px !important;
  }

  #results .gauge-pair-card .gauge-value {
    font-size: clamp(22px, 7vw, 34px);
  }

  #results .gauge-pair-card .gauge-scale {
    font-size: clamp(10px, 2.8vw, 12px);
  }

  #results .gauge-pair-card .gauge-endpoint-labels {
    font-size: 21px;
    font-weight: 800;
  }

  #results .gauge-pair-card .gauge-note {
    font-size: clamp(9px, 2.45vw, 11px);
    overflow-wrap: anywhere;
    padding-inline: 5px;
  }
}