@use "../molecules/attribute-die";

.dsa41.dialog.liturgy {

  section[data-application-part] {

    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 100%;

    .attributes {
      @include attribute-die.attributes(false);
      top: 0;
      left: 0;
      justify-content: center;

      hr.zier {
        flex: 1;
        align-self: center;
        border-top: 1px inset;

      }

    }

    table {
      tr {
        th:first-child {
          width: 48px;
        }
      }
    }

    .scroll-y {
      flex: 1;
      overflow: hidden;
      overflow-y: auto;
    }

    table#mods {

      tr {
        th:first-child {
          width: 48px;
        }
      }

      .remove-mod {
        width: 32px;
        height: 32px;
      }

    }

    .editor {

      display: grid;
      grid-template-columns: 48px 1fr;

      #mod_rank {
        display: inline-block;
        width: 48px;
      }

      select {

      }

    }

    .malus-and-mod {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-template-rows: 1fr;
      gap: 0 8px;

      label {

        span {
          text-align: center;
        }

        output {
          height: 32px;
          width: 100%;
          line-height: 32px;
          vertical-align: middle;
          display: block;
          padding: 0 8px;
          border: 1px inset;
          border-radius: 4px;
          box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
        }
      }
    }

    .actions {
      align-self: center;
      flex: 0;
    }
  }
}

.theme-dark {
  .dsa41.dialog.liturgy {
    section[data-application-part] {
      .attributes {
        @include attribute-die.attributes(true);
      }
    }
  }
}