/* Orders, tickets, and payments */
.allocation-key.allocated {
    color: var(--yellow);
  }
.allocation-key.issued {
    color: var(--green);
  }
.allocation-key.available {
    color: var(--gray-200);
  }
.allocation-key.expired {
    color: var(--gray-500);
  }
.invitation-chooser .dropdown-item-with-button {
  display: flex;
}
:is(.invitation-chooser .dropdown-item-with-button) a {
    width: auto;
  }
invitation-details {
  display: flex;
  flex-direction: column;
  padding: var(--card-padding);
}
invitation-details > header,invitation-details > div,invitation-details > footer {
    align-items: center;
    display: flex;
    justify-content: space-between;
  }
invitation-details hr {
    background-color: var(--card-border-color) !important;
    margin: 0.75rem 0;
  }
invitation-details a {
    color: var(--card-inline-link);
    text-decoration: none;
  }
:is(invitation-details a):hover,:is(invitation-details a):active,:is(invitation-details a):focus {
      text-decoration: underline;
    }
invitation-details header > div {
    align-items: center;
    display: flex;
    gap: 1rem;
  }
invitation-details header > div > div {
    font-size: var(--text-2xl);
    font-weight: 500;
  }
:is(invitation-details header > div > div) small {
      display: block;
      font-size: var(--text-xs);
    }
invitation-details > div > div:nth-child(2) {
    display: flex;
    gap: 0.5rem;
  }
invitation-details dl {
    text-align: right;
  }
:is(invitation-details dl) dt {
      color: var(--card-label-text-color);
      font-size: var(--text-xs);
    }
state-badge {
  background-color: var(--base-badge-bg-default);
  border-radius: var(--card-radius);
  color: var(--base-badge-text-default);
  display: flex;
  padding: 0.5rem 1rem;
}
state-badge[sm] {
    padding: 0.25rem 0.5rem;
  }
state-badge[expired],state-badge[inactive] {
    background-color: var(--badge-bg-warning);
    color: var(--badge-text-warning);
  }
state-badge[approved] {
    color: var(--badge-text-success);
  }
state-badge[yes],state-badge[active] {
    background-color: var(--badge-bg-success);
    color: var(--badge-text-success);
  }
state-badge[no] {
    background-color: var(--badge-by-danger);
  }
table.line-item-breakdown {
  border: none;
  width: 100%;
}
table.line-item-breakdown th {
    border: none;
    font-weight: normal;
    text-align: right;
  }
table.line-item-breakdown td {
    border: none;
    border-bottom: 1px solid var(--light-gray);
    vertical-align: top;
  }
table.line-item-breakdown .amount {
    text-align: right;
  }
table.line-item-breakdown .total td {
    border-top: 2px double var(--dark-gray);
  }
table.line-item-breakdown tr:last-child td {
    border-bottom: none;
  }
table.line-item-breakdown ul.discounts,table.line-item-breakdown ul.taxes {
    font-size: 0.8125rem;
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
table.line-item-breakdown div.allocation,table.line-item-breakdown div.application-fee {
    font-size: 0.8125rem;
  }
.order-breakdown {
  --table-border-color: var(--lightest-gray);
}
.order-breakdown table {
    border: 0;
    font-size: 0.875rem;
    width: 100%;
  }
.order-breakdown th {
    border-color: var(--table-border-color);
    border-width: 0 1px 1px;
    font-weight: normal;
  }
:is(.order-breakdown th):first-child {
      border-left-width: 0;
    }
:is(.order-breakdown th):last-child {
      border-right-width: 0;
    }
.order-breakdown thead th {
    background-color: inherit;
  }
.order-breakdown tbody th {
    border-width: 0 1px;
    text-align: left;
  }
.order-breakdown td {
    border-color: var(--table-border-color);
    border-width: 0 1px;
  }
:is(.order-breakdown td):last-child {
      border-right-width: 0;
    }
.order-breakdown .amount {
    text-align: right;
    width: 10ch;
  }
:is(.order-breakdown tr.sub-line) th {
      font-size: 0.8125rem;
      padding: 0 0.5rem 0 1rem;
    }
:is(.order-breakdown tr.sub-line) td {
      padding: 0 0.5rem;
    }
.order-breakdown tr.total .amount {
    font-weight: bold;
  }
.order-breakdown .viewer-area .viewer section:has(.order-breakdown) {
    padding-top: 0;
  }
.order-breakdown .dark-mode .order-breakdown {
    --table-border-color: var(--gray-700);
  }
.order-breakdown a {
    text-decoration: none;
  }
:is(.order-breakdown a):hover,:is(.order-breakdown a):active,:is(.order-breakdown a):focus {
      text-decoration: underline;
    }
.order-detail {
  border: 1px solid var(--base-border-color);
  border-radius: 0.25rem;
  background-color: var(--base-main-background-color);
  margin: 1rem;
}
.order-detail p {
    font-size: 0.825rem;
  }
.order-detail invoice-header {
    display: flex;
    justify-content: space-between;
    align-items: start;
    padding: 1rem;
    padding-bottom: 0;
  }
:is(.order-detail invoice-header) invoice-title,:is(.order-detail invoice-header) invoice-details {
      flex: 1;
    }
:is(.order-detail invoice-header) dl {
      display: flex;
      flex-direction: column;
    }
:is(:is(.order-detail invoice-header) dl) dt {
        width: 1.25rem;
      }
:is(:is(.order-detail invoice-header) dl) a {
        text-decoration: none;
      }
:is(.order-detail invoice-header) invoice-detail {
      display: inline-flex;
      font-size: 0.825rem;
      gap: 0.5rem;
    }
.order-detail section,.order-detail section.order-breakdown {
    margin: 0;
    padding: 0 !important;
  }
.order-detail main {
    padding: 1rem;
  }
.order-detail table {
    margin-top: 1rem;
    width: 100%;
    background: none;
    border: none;
  }
:is(.order-detail table) th {
      font-weight: 400;
      font-size: 0.825rem;
      color: var(--base-muted-color);
    }
:is(.order-detail table) th.qty {
      width: 3rem;
      text-align: right;
    }
:is(.order-detail table) td.qty,:is(.order-detail table) td.description {
      font-size: 0.925rem;
    }
:is(.order-detail table) td.qty {
      text-align: right;
    }
:is(.order-detail table) tr.total th {
      text-align: right;
    }
:is(.order-detail table) td.amount {
      width: 7rem;
      font-size: 0.825rem;
    }
:is(.order-detail table) tr,:is(.order-detail table) td,:is(.order-detail table) th {
      border: none;
      background: none;
    }
:is(.order-detail table) thead {
      border-bottom: 1px solid var(--base-border-color);
    }
:is(.order-detail table) td.amount {
      text-align: right;
    }
:is(.order-detail table) tr.total td,:is(.order-detail table) tr.total th {
      padding: 0.125rem;
      padding-right: 0.25rem;
    }
.order-detail footer {
    background: light-dark(var(--light-purple), var(--scampi-900));
    border-top: 1px solid var(--base-border-color);
    padding: 1rem;
    padding-top: 0;
    padding-bottom: 0.5rem;
  }
:is(.order-detail footer) table {
      margin-top: 0.5rem;
    }
.payment-due {
  align-items: flex-end;
  display: flex;
  flex-wrap: wrap;
  gap: 0 1rem;
  margin-bottom: 1.5rem;
}
.payment-due .field {
    margin-bottom: 0.25rem;
    width: auto;
  }
:is(.payment-due .field) label {
      white-space: nowrap;
    }
.price-and-tax .radio-buttons {
    margin: 1rem 0;
    border: 1px solid var(--light-gray);
    border-radius: 0.25rem;
    padding: 0.5rem;
    display: flex;
  }
:is(.price-and-tax .radio-buttons) div {
      align-items: center;
      display: flex;
      flex: 1;
      gap: 0.5rem;
      justify-content: center;
      text-align: center;
    }
:is(.price-and-tax .radio-buttons) div + div {
      border-left: 1px solid var(--light-gray);
    }
:is(.price-and-tax .radio-buttons) input,:is(.price-and-tax .radio-buttons) label {
      margin: 0;
    }
.price-and-tax .fields {
    display: flex;
    gap: 0.5rem;
    align-items: center;
  }
:is(.price-and-tax .fields) .price-field {
      align-items: center;
      border: var(--input-border);
      border-radius: var(--border-radius);
      margin: 0;
      min-width: 10rem;
      width: 10rem;
      display: flex;
    }
:is(:is(.price-and-tax .fields) .price-field) span.currency_symbol {
        border-right: 1px solid var(--light-gray);
        border-radius: var(--border-radius) 0 0 var(--border-radius);
        height: 40px;
        width: 40px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        white-space: nowrap;
        background-color: var(--gray-50);
      }
:is(:is(.price-and-tax .fields) .price-field) input[type="number"] {
        border: none;
        padding: 0.5rem 0.75rem 0.5rem 0.5rem;
        margin: 0;
        width: 100%;
      }
:is(:is(.price-and-tax .fields) .price-field) input[type="number"]:focus {
        box-shadow: none;
        outline: none;
      }
:is(.price-and-tax .fields) .tax-field {
      display: flex;
      gap: 0.5rem;
      width: 100%;
    }
:is(:is(.price-and-tax .fields) .tax-field) button {
        margin: 0 !important;
      }
:is(:is(.price-and-tax .fields) .tax-field) selfect {
        flex: 1;
      }
.price-breakdown {
  display: flex;
  gap: 1rem;
}
.price-breakdown div {
    border: 1px solid var(--light-gray);
    background-color: var(--gray-50);
    border-radius: 0.25rem;
    flex: 1;
    font-size: 0.875rem;
    padding: 0.5rem;
    color: var(--gray-600);
  }
:is(.price-breakdown div) dd {
      display: flex;
      flex-direction: column;
    }
:is(:is(.price-breakdown div) dd) span {
        color: black;
        font-size: 1rem;
      }

/*# sourceMappingURL=/assets/application-orders-af16031c.css.map */