/* D229 (SPEC 1.243) Wulkanizacja etap 1: „Usuń” by the services (E3-03, E3-05, E3-07), the optional
   control points of E3-05, the groups of E3-04 „Moje wizyty” and the list „Do rozliczenia”. */

/* „Usuń”: a red link with the bin (ModD229); the last one inactive (grey) */
.fjn-tline__end { display: inline-flex; align-items: center; gap: 12px; }
.fjn-tline__rmform { display: inline; margin: 0; }
.fjn-tline__rm { display: inline-flex; align-items: center; gap: 4px; min-height: 32px; padding: 0; border: 0; background: none; font: inherit; font-size: 14px; font-weight: 700; color: var(--fjn-danger-700); cursor: pointer; }
.fjn-tline__rm:disabled { color: var(--fjn-text-3); cursor: default; }
.fjn-tline { display: flex; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid var(--fjn-surface-2); }
.fjn-tline .fjn-tline__check { flex: 1; min-width: 0; border-bottom: 0; }
.fjn-tline__last { margin: 4px 0 0; font-size: 13px; color: var(--fjn-text-2); }
.fjn-d154__cardhead .fjn-tline__hint { font-size: 13px; font-weight: 400; color: var(--fjn-text-2); text-align: right; }
.fjn-rozl__line .fjn-tline__end { flex: none; }

/* E3-04: the groups; a row — hour, plate and the state, the line under it, the action */
.fjn-tmine__row { display: grid; grid-template-columns: 84px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 14px 0; border-bottom: 1px solid var(--fjn-surface-2); }
.fjn-tmine__row:last-child { border-bottom: 0; }
.fjn-tmine__row.is-done { opacity: .55; }
.fjn-tmine__time { font-size: 22px; }
.fjn-tmine__what { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.fjn-tmine__line { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.fjn-tmine__line > b { font-size: 16px; }
.fjn-tmine__what > span:last-child { font-size: 14px; color: var(--fjn-text-2); }
.fjn-tmine__act { margin: 0; }
.fjn-tmine__act .fjn-btn, a.fjn-tmine__act { min-width: 180px; min-height: 56px; }
.fjn-tmine__empty { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 32px 16px; text-align: center; }
.fjn-tmine__empty b { font-size: 16px; }
.fjn-tmine__empty p { margin: 0; font-size: 14px; color: var(--fjn-text-2); }

/* „Do rozliczenia”: K, T a table; M cards */
.fjn-tsettle { display: flex; flex-direction: column; gap: 12px; }
.fjn-tsettle__ok { color: var(--fjn-success-700); }
.fjn-tsettle__table { background: var(--fjn-surface); border: 1px solid var(--fjn-border); border-radius: 12px; overflow: hidden; }
.fjn-tsettle__head, .fjn-tsettle__row { display: grid; grid-template-columns: 140px minmax(0, 1.2fr) minmax(0, 1.8fr) 120px 140px; gap: 12px; align-items: center; padding: 0 16px; }
.fjn-tsettle__head { min-height: 44px; background: var(--fjn-surface-2); font-size: 13px; font-weight: 700; }
.fjn-tsettle__row { min-height: 72px; border-top: 1px solid var(--fjn-surface-2); color: var(--fjn-text); font-weight: 400; text-decoration: none; }
.fjn-tsettle__row:hover { background: var(--fjn-brand-50); }
.fjn-tsettle__plate { font-size: 15px; font-weight: 700; grid-column: 1; grid-row: 1; }
.fjn-tsettle__client { grid-column: 2; grid-row: 1; }
.fjn-tsettle__svc { grid-column: 3; grid-row: 1; color: var(--fjn-text-2); }
.fjn-tsettle__amount { grid-column: 4; grid-row: 1; text-align: right; font-weight: 700; }
.fjn-tsettle__since { grid-column: 5; grid-row: 1; }
.fjn-tsettle__num { text-align: right; }
.fjn-tsettle__m { display: none; }
@media (max-width: 767px) {
  .fjn-tsettle__table { display: flex; flex-direction: column; gap: 10px; background: none; border: 0; }
  .fjn-tsettle__head { display: none; }
  .fjn-tsettle__row { grid-template-columns: minmax(0, 1fr) auto; gap: 4px; padding: 14px 16px; background: var(--fjn-surface); border: 1px solid var(--fjn-border); border-radius: 12px; }
  .fjn-tsettle__plate { grid-column: 1; grid-row: 1; font-size: 17px; }
  .fjn-tsettle__amount { grid-column: 2; grid-row: 1; font-size: 17px; }
  .fjn-tsettle__client, .fjn-tsettle__svc, .fjn-tsettle__since { grid-column: 1 / -1; grid-row: auto; font-size: 14px; }
  .fjn-tsettle__svc, .fjn-tsettle__since { font-size: 13px; }
  .fjn-tsettle__since { font-family: inherit; color: var(--fjn-text-2); }
  .fjn-tsettle__m { display: inline; }
  .fjn-tmine__row { grid-template-columns: 64px minmax(0, 1fr); }
  .fjn-tmine__act { grid-column: 1 / -1; }
  .fjn-tmine__act .fjn-btn, a.fjn-tmine__act { width: 100%; }
  .fjn-tmine__time { font-size: 18px; }
  .fjn-tline__hint { max-width: 160px; }
}