/* ============================================================
   v1.3.35 — 즉시 반영 · 탱크 없어도 유종별 재고
   디자인 전용 오버레이. 기존 화면 파일은 건드리지 않는다.
   ============================================================ */

/* 마감일지 기준 유종별 재고 (탱크 미등록 주유소) */
.v1335-fuelstock{ display:grid;gap:7px; }
.v1335-note{
  margin:0!important;
  font-size:10.5px!important;line-height:1.55!important;
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
}
.v1335-note b{ font-weight:900; }
.v1335-go{
  min-height:42px!important;padding:0 12px!important;
  border-radius:8px!important;font-size:11.5px!important;font-weight:800!important;
}
@media(min-width:960px){ .v1335-go{ min-height:30px!important;padding:0 10px!important;font-size:11px!important; } }

html:not([data-theme="dark"]) .v1335-note{ color:#5f7488!important; }
html:not([data-theme="dark"]) .v1335-note b{ color:#15395c; }
html[data-theme="dark"] .v1335-note{ color:#a9bccf!important; }
html[data-theme="dark"] .v1335-note b{ color:#eaf2fb; }

/* 유종 막대 — 배경은 옅게, 색은 막대 자체가 낸다 (상태색과 섞지 않는다) */
.v1335-fuel-row{ background:transparent!important; }
/* 유종 색은 기존 파랑 막대 규칙(theme-v1324/25 의 !important)을 이겨야 한다.
   인라인 style 은 !important 를 못 이기므로 변수로 넘겨받아 여기서 칠한다. */
/* theme-v1324/25 의 파랑 막대 규칙이 `html:not([data-theme="dark"]) .v1321-bar-row>i>em` 로
   더 강해서 그냥 쓰면 밀린다. 밝은/어두운 두 벌을 같은 강도로 명시한다. */
html:not([data-theme="dark"]) .v1321-bar-row.v1335-fuel-row>i>em,
html[data-theme="dark"] .v1321-bar-row.v1335-fuel-row>i>em,
.v1321-bar-row.v1335-fuel-row>i>em{
  background:var(--v1335-fuel,#6688ab)!important;
  border-radius:999px!important;
}
.v1335-fuel-row>span{ display:flex;align-items:center;gap:4px;min-width:0; }
.v1335-fuel-row>span .fuel-name{ overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
html:not([data-theme="dark"]) .v1335-fuel-row>small{ color:#7d8fa1!important; }
html[data-theme="dark"] .v1335-fuel-row>small{ color:#8fa2b5!important; }

/* 저장 직후 화면이 스스로 다시 읽는 동안의 표시 — 깜빡임 대신 아주 옅게 */
.v1335-reloading{ opacity:.72!important;transition:opacity .12s ease-out!important; }