// Import GOV.UK Frontend within the kit dependency
@import ".tmp/sass/kit-frontend-dependency";

// SASS for error page
@import ".tmp/sass/error-page";

.govuk-prototype-kit-manage-prototype-task-list {
  list-style-type: none;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  @include govuk-media-query($from: tablet) {
    min-width: 550px;
  }
}

.govuk-prototype-kit-manage-prototype-task-list__section {
  display: table;
  @include govuk-font($size:24, $weight: bold);
}

.govuk-prototype-kit-manage-prototype-task-list__section-number {
  display: table-cell;

  @include govuk-media-query($from: tablet) {
    min-width: govuk-spacing(6);
    padding-right: 0;
  }
}

.govuk-prototype-kit-manage-prototype-task-list__items {
  list-style: none;
  padding-left: 0;

  @include govuk-font($size: 19);
  @include govuk-responsive-margin(9, "bottom");

  @include govuk-media-query($from: tablet) {
    padding-left: govuk-spacing(6);
  }
}

.govuk-prototype-kit-manage-prototype-task-list__item {
  border-bottom: 1px solid $govuk-border-colour;
  margin-bottom: 0 !important;
  padding-top: govuk-spacing(2);
  padding-bottom: govuk-spacing(2);
  @include govuk-clearfix;
}

.govuk-prototype-kit-manage-prototype-task-list__item:first-child {
  border-top: 1px solid $govuk-border-colour;
}

.govuk-prototype-kit-manage-prototype-task-list__task-name {
  display: block;
  @include govuk-media-query($from: 450px) {
    float: left;
  }
}

.govuk-prototype-kit-manage-prototype-task-list__tag,
.govuk-prototype-kit-manage-prototype-task-list__task-completed {
  margin-top: govuk-spacing(2);
  margin-bottom: govuk-spacing(1);

  @include govuk-media-query($from: 450px) {
    float: right;
    margin-top: 0;
    margin-bottom: 0;
  }
}

.govuk-prototype-kit-manage-prototype-version {
  color: govuk-functional-colour(secondary-text);
}

.govuk-prototype-kit-manage-prototype-template-list-template-list {
  border-top: 1px solid govuk-functional-colour(border);
  margin-bottom: 2em;
}

.govuk-prototype-kit-manage-prototype-template-list-template-list__item {
  border-bottom: 1px solid govuk-functional-colour(border);
  padding: .6em 0
}

.govuk-prototype-kit-manage-prototype-template-list-template-list__item-name {
  display: inline-block;
  width: 60%
}

.govuk-prototype-kit-manage-prototype-template-list-template-list__item-links {
  display: inline-block;
}

.govuk-prototype-kit-manage-prototype-template-list-template-list__item-link {
  margin-right: 1em;
}
.govuk-prototype-kit-manage-prototype-template-list-template-list {
  border-top: 1px solid govuk-functional-colour(border);
  margin-bottom: 2em;
}

.govuk-prototype-kit-manage-prototype-template-list-template-list__item {
  border-bottom: 1px solid govuk-functional-colour(border);
  padding: .6em 0
}

.govuk-prototype-kit-manage-prototype-template-list-template-list__item-name {
  display: inline-block;
  width: 60%
}

.govuk-prototype-kit-manage-prototype-template-list-template-list__item-links {
  display: inline-block;
}

.govuk-prototype-kit-manage-prototype-template-list-template-list__item-link {
  margin-right: 1em;
}

body .govuk-prototype-kit-manage-prototype-govuk-tag {
  text-transform: none;
}

.govuk-prototype-kit-manage-prototype-task-list__items {
  padding-left: 0 !important;
}

.govuk-prototype-kit-manage-prototype-plugin-list-plugin-list {
  border-top: 1px solid govuk-functional-colour(border);
  margin-bottom: 2em;
  display: block;
}

.govuk-prototype-kit-manage-prototype-plugin-list-plugin-list__item {
  border-bottom: 1px solid govuk-functional-colour(border);
  padding: .6em 0;
  display: flex;
}

.govuk-prototype-kit-manage-prototype-plugin-list-plugin-list__item-name {
  display: inline-block;
  width: 60%
}

.govuk-prototype-kit-manage-prototype-plugin-list-plugin-list__item-link {
  margin-right: 1em;
}
.govuk-prototype-kit-manage-prototype-plugin-list-plugin-list {
  border-top: 1px solid govuk-functional-colour(border);
  margin-bottom: 2em;
}

.govuk-prototype-kit-manage-prototype-plugin-list-plugin-list__item {
  border-bottom: 1px solid govuk-functional-colour(border);
  padding: .6em 0
}

.govuk-prototype-kit-manage-prototype-plugin-list-plugin-list__item-name {
  display: inline-block;
  width: 35%;
  vertical-align: middle;
}

.govuk-prototype-kit-manage-prototype-plugin-list-plugin-list__item-buttons,
.govuk-prototype-kit-manage-prototype-plugin-list-plugin-list__item-version{
  display: inline-block;
  vertical-align: middle;
}

.govuk-prototype-kit-manage-prototype-plugin-list-plugin-list__item-version {
  width: 15%
}

.govuk-prototype-kit-manage-prototype-plugin-subnav--current {
  margin-left: -14px;
  padding-left: 10px;
  border-left: 4px solid govuk-functional-colour(link);
  background-color: govuk-functional-colour(body-background);
}

@media(min-width: 40.0525em) {
  .govuk-prototype-kit-manage-prototype-plugin-list-plugin-list__item-buttons {
    .govuk-button, .govuk-link--no-visited-state {
      margin: 0 15px 0 0;
    }
  }
}

@media(max-width: 40.0525em) {
  .govuk-prototype-kit-manage-prototype-plugin-list-plugin-list__item-buttons {
    display: block;
    width: auto;
  }
}

.govuk-prototype-kit-manage-prototype-plugin-instructions {
  &.js-hidden {
    display: initial;
  }
  &.js-visible {
    display: none;
  }
}

.js-enabled {
  .govuk-prototype-kit-manage-prototype-plugin-instructions {
    &.js-hidden {
      display: none;
    }
    &.js-visible {
      display: initial;
    }
  }
}

.govuk-prototype-kit-manage-prototype-plugin-processing {
  .panel-processing{
    border: 2px solid;
  }
  .panel-error{
    --govuk-text-colour: #{govuk-functional-colour(error)};
    border: 2px solid;
    .govuk-link {
      @include govuk-link-style-error;
    }
  }
}