/* The cashier reads names, prices and identifiers all day. Keep the working
   type scale independent of the public storefront and of printed documents. */
@media screen {
  body.admin-page {
    --crm-type-body: 15px;
    --crm-type-caption: 13px;
    --crm-type-control: 16px;
    font-size: var(--crm-type-body);
    line-height: 1.45;
  }

  body.admin-page :is(.crm-module, dialog, .admin-auth-card) small {
    font-size: var(--crm-type-caption);
    line-height: 1.4;
  }
  body.admin-page :is(.crm-module, dialog, .admin-auth-card) label {
    font-size: 14px;
    line-height: 1.4;
  }
  body.admin-page :is(.crm-module, dialog, .admin-auth-card) :where(
    input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]),
    select, textarea
  ) {
    font-size: var(--crm-type-control);
    line-height: 1.4;
    min-height: 44px;
  }
  body.admin-page :is(.crm-module, dialog, .admin-auth-card) .button {
    min-height: 42px;
    font-size: 14px;
    line-height: 1.3;
    padding-block: 10px;
    white-space: normal;
  }
  body.admin-page :is(.crm-module, dialog) code {
    font-size: 14px;
    font-variant-numeric: tabular-nums;
  }
  body.admin-page :is(.crm-module, dialog) :is(th, td) {
    font-size: 14px;
    line-height: 1.45;
    padding-block: 12px;
  }
  body.admin-page :is(.crm-module, dialog) th { font-size: 13px; }

  body.admin-page .crm-module .crm-nav button[data-crm-view] {
    min-height: 42px;
    padding: 10px;
    font-size: 14px;
    line-height: 1.35;
    white-space: normal;
  }
  body.admin-page .crm-module .crm-nav-group > p {
    color: #596579;
    font-size: 12px;
    line-height: 1.4;
  }
  body.admin-page .crm-nav-session span { font-size: 12px; color: #bdc5d1; }
  body.admin-page :is(.crm-sale-line-product, .crm-stock-summary-product,
    .crm-stock-summary-row, .crm-receipt-batch-summary, .crm-receipt-product-match) small {
    color: #596579;
  }
  body.admin-page .crm-workspace-nav button {
    min-height: 42px;
    font-size: 14px;
    line-height: 1.4;
  }
  body.admin-page .crm-sale-path li { min-height: 64px; }
  body.admin-page .crm-sale-path li b { font-size: 14px; }
  body.admin-page .crm-sale-path li small { font-size: 13px; }

  body.admin-page .crm-module .crm-sale-register .crm-sale-line-product span {
    font-size: 16px;
    line-height: 1.45;
    overflow-wrap: anywhere;
    white-space: normal;
  }
  body.admin-page .crm-sale-line-product code { font-size: 14px; }
  body.admin-page .crm-sale-line { padding-block: 16px; }
  body.admin-page .crm-sale-line-price > span,
  body.admin-page .crm-sale-line-gift,
  body.admin-page .crm-sale-catalog-trigger,
  body.admin-page .crm-sale-scan-message { font-size: 14px; line-height: 1.4; }
  body.admin-page .crm-sale-catalog-trigger { min-height: 44px; }
  body.admin-page #crm-sale-scanner-input {
    font-size: 20px;
    min-height: 56px;
  }
  body.admin-page .crm-sale-total b { font-size: 30px; }
  body.admin-page .crm-module .crm-receipt-big-input input { font-size: 28px; }
  body.admin-page .crm-module .stock-migration-quantity input { font-size: 22px; }

  body.admin-page .crm-stock-summary-head {
    font-size: 12px;
    line-height: 1.4;
    color: #596579;
    letter-spacing: .02em;
    padding-block: 14px;
  }
  body.admin-page .crm-stock-summary-row {
    min-height: 78px;
    padding-block: 14px;
  }
  body.admin-page .crm-stock-summary-product b {
    font-size: 15px;
    line-height: 1.4;
    white-space: normal;
    overflow-wrap: anywhere;
  }
  body.admin-page .crm-stock-summary-row code,
  body.admin-page .crm-stock-summary-row > :is(b, strong, span:not(.crm-stock-summary-product)) {
    font-size: 15px;
    font-variant-numeric: tabular-nums;
  }
  body.admin-page .crm-stock-summary-table.has-cost { min-width: 1080px; }
  body.admin-page :is(.crm-stage, .crm-view, #crm-inventory-stock-list, .crm-stock-list-view) {
    min-width: 0;
    max-width: 100%;
  }

  body.admin-page .crm-receipt-stage .crm-receipt-line label {
    grid-template-rows: minmax(20px, auto) 44px auto;
    font-size: 14px;
  }
  body.admin-page .crm-receipt-stage .crm-receipt-line > button { margin-top: 26px; }
  body.admin-page :is(.crm-receipt-batch-summary, .crm-receipt-review-lines, .crm-receipt-product-match) b {
    font-size: 15px;
    line-height: 1.4;
  }
  body.admin-page :is(.crm-product-choice-grid, .crm-sale-catalog-choices) button b {
    font-size: 14px;
    line-height: 1.4;
  }
  body.admin-page :is(.ms-source-item, .ms-target-results, .ms-pair) b {
    font-size: 14px;
    line-height: 1.4;
  }
  body.admin-page .ms-checks span,
  body.admin-page .ms-problems p { font-size: 13px; line-height: 1.4; }
}

@media screen and (max-width: 700px) {
  body.admin-page .crm-sale-path li b { font-size: 12px; }
  body.admin-page .crm-sale-path li small { font-size: 12px; white-space: normal; }
  body.admin-page .crm-sale-path li { min-height: 72px; }
  body.admin-page .crm-module .crm-nav button[data-crm-view] { font-size: 13px; }
}

@media screen {
  .admin-page .crm-sale-flow-actions { display: flex; justify-content: flex-end; margin-bottom: 12px; }
}