/* Style A character sheet: colors and materials only. All content geometry,
   typography, runtime values and item art remain under their existing owners. */
html[data-ui-theme="teal-cloud-a"] #game-root [data-page="attribute"].attribute-panel {
  isolation: isolate;
  color: #eee3bd;
  background: var(--tc-cloth) center / 480px auto repeat, #17494c !important;
}

html[data-ui-theme="teal-cloud-a"] #game-root [data-page="attribute"].attribute-panel::before {
  content: "" !important;
  position: absolute;
  z-index: -1;
  inset: 0 5px 5px;
  border: 22px solid transparent;
  border-image: var(--tc-frame-art) 72 / 22px / 0 stretch;
  border-radius: 0;
  background: none;
  box-shadow: none;
  pointer-events: none;
  opacity: 1;
}

html[data-ui-theme="teal-cloud-a"] #game-root [data-page="attribute"].attribute-panel::after {
  content: none !important;
}

html[data-ui-theme="teal-cloud-a"] #game-root [data-page="attribute"].attribute-panel .attribute-basic-section {
  background: transparent !important;
  box-shadow: none !important;
}

html[data-ui-theme="teal-cloud-a"] #game-root [data-page="attribute"].attribute-panel .attribute-panel-heading h2 {
  color: #eadcb0 !important;
  text-shadow: 0 1px 1px #082d31;
}

html[data-ui-theme="teal-cloud-a"] #game-root [data-page="attribute"].attribute-panel .attribute-detail-button {
  border-color: #bbaa76 !important;
  background: linear-gradient(145deg, #ece9cf, #c5d2b5) !important;
  color: #174846 !important;
  box-shadow: inset 0 0 0 1px #325d5680 !important;
}

html[data-ui-theme="teal-cloud-a"] #game-root [data-page="attribute"].attribute-panel .attribute-summary-grid {
  border-color: #b2a172 !important;
  background: #123d4080 !important;
  box-shadow: inset 0 0 0 2px #d2ba7b18 !important;
}

html[data-ui-theme="teal-cloud-a"] #game-root [data-page="attribute"].attribute-panel .attribute-summary-grid::after {
  content: none;
}

html[data-ui-theme="teal-cloud-a"] #game-root [data-page="attribute"].attribute-panel .attribute-summary-grid .attribute-list__row {
  border-color: #b2a17260 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-ui-theme="teal-cloud-a"] #game-root [data-page="attribute"].attribute-panel .attribute-summary-grid .attribute-list__row span {
  color: #bbcdbb !important;
}

html[data-ui-theme="teal-cloud-a"] #game-root [data-page="attribute"].attribute-panel .attribute-summary-grid .attribute-list__row strong {
  color: #f0db9f !important;
  text-shadow: 0 1px 1px #123436;
}

html[data-ui-theme="teal-cloud-a"] #game-root [data-page="attribute"].attribute-panel .attribute-source-section {
  border-color: #a99a6a !important;
  background: #103d4066 !important;
  box-shadow: inset 0 0 0 2px #c4ad7414 !important;
}

html[data-ui-theme="teal-cloud-a"] #game-root [data-page="attribute"].attribute-panel :is(#equipment-section-title, #kungfu-section-title) {
  border-color: #bbaa76 !important;
  background: var(--tc-button-art) center / 100% 100% no-repeat, #d5ddc2 !important;
  color: #174846 !important;
  box-shadow: 0 0 0 3px #1c4b4b, inset 0 0 0 1px #325d5670 !important;
}

html[data-ui-theme="teal-cloud-a"] #game-root [data-page="attribute"].attribute-panel .reserved-slot-card {
  border-color: #a99e6f !important;
  background: var(--tc-slot-empty-art) center / 100% 100% no-repeat, #285c5c !important;
  box-shadow: inset 0 0 0 1px #c3cda02b !important;
}

html[data-ui-theme="teal-cloud-a"] #game-root [data-page="attribute"].attribute-panel .reserved-slot-card::after {
  content: none;
}

html[data-ui-theme="teal-cloud-a"] #game-root [data-page="attribute"].attribute-panel .reserved-slot-card__icon {
  color: #d4d4ad !important;
}

/* Do not replace filled artwork backgrounds or atlas coordinates. */
html[data-ui-theme="teal-cloud-a"] #game-root [data-page="attribute"].attribute-panel .reserved-slot-card[data-equipped="true"] .reserved-slot-card__icon {
  border-color: var(--equipment-quality-color, #c9b579) !important;
  background-color: #d7dfc7 !important;
  box-shadow: inset 0 0 0 1px #f6edc944;
}

html[data-ui-theme="teal-cloud-a"] #game-root [data-page="attribute"].attribute-panel .reserved-slot-card[data-equipped="false"] .reserved-slot-card__icon {
  border-color: #b4a77690 !important;
  background: #173f435c !important;
  box-shadow: inset 0 0 0 2px #8da68b1f !important;
}

html[data-ui-theme="teal-cloud-a"] #game-root [data-page="attribute"].attribute-panel .reserved-slot-card__label {
  color: #e0dabb !important;
}

html[data-ui-theme="teal-cloud-a"] #game-root [data-page="attribute"].attribute-panel .reserved-slot-card__name {
  color: #ead39a;
  text-shadow: 0 1px 1px #103536;
}

/* The existing renderer provides this exact rarity color on the parent. */
html[data-ui-theme="teal-cloud-a"] #game-root [data-page="attribute"].attribute-panel .equipment-slot-card[data-equipped="true"] .reserved-slot-card__name {
  color: var(--equipment-quality-color, #ead39a) !important;
  -webkit-text-fill-color: currentColor;
}

html[data-ui-theme="teal-cloud-a"] #game-root [data-page="attribute"].attribute-panel .kungfu-slot-card[data-equipped="true"] .reserved-slot-card__name {
  color: #ead39a !important;
}

html[data-ui-theme="teal-cloud-a"] #game-root [data-page="attribute"].attribute-panel .reserved-slot-card:focus-visible,
html[data-ui-theme="teal-cloud-a"] #game-root [data-page="attribute"].attribute-panel .attribute-detail-button:focus-visible {
  outline: 2px solid #f0d18a;
  outline-offset: 3px;
}

html[data-ui-theme="teal-cloud-a"] #game-root [data-page="attribute"].attribute-panel .reserved-slot-card:hover {
  border-color: #ecd08a !important;
}

html[data-ui-theme="teal-cloud-a"] #game-root [data-page="attribute"].attribute-panel .attribute-status {
  color: #e0dabb !important;
}

html[data-ui-theme="teal-cloud-a"] #game-root [data-page="attribute"].attribute-panel .attribute-status[data-state="error"] {
  color: #ffc8ab !important;
}