/**
 * Copyright since 2025 Mifos Initiative
 *
 * This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/.
 */

// The same look as Apply Additional Shares, on purpose: both apply a cashier's receipt to what it was
// collected for, and the counter should meet one screen, not two. Used as it is, never changed here.
@use '../../../shares/share-dialog.shared' as *;

:host {
  display: block;
  width: 100%;
}

// The agent's outstanding lines - read only, what the receipt has to cover.
.entries {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;

  td {
    padding: 7px 4px;
    border-bottom: 1px solid #eef2f7;
  }

  tr:last-child td {
    border-bottom: none;
  }

  .entry-date {
    color: #64748b;
    white-space: nowrap;
  }

  .entry-code {
    font-weight: 600;
    white-space: nowrap;
  }

  .entry-name {
    color: #475569;
  }

  .num {
    text-align: right;
    white-space: nowrap;
  }
}

// Days and vouchers are ticked, any number of each - a check box where the share dialog has a radio.
.option-check {
  color: #94a3b8;
  flex-shrink: 0;
}

.option-picked {
  border-color: #2563eb !important;
  background: #eff6ff !important;

  .option-check {
    color: #2563eb;
  }
}

// A day's own lines, opened under it. Scrolls inside itself, so a thousand customers do not make the
// dialog a thousand lines tall.
.day-lines {
  list-style: none;
  padding: 6px 10px 10px 42px;
}

.day-search {
  width: 100%;
  margin-bottom: 6px;
  padding: 6px 10px;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  font: inherit;
  font-size: 13px;
}

.day-scroll {
  max-height: 240px;
  overflow-y: auto;
}

.field-readonly {
  padding: 8px 10px;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  background: #f8fafc;
}