/**
 * 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/.
 */

@use '../i4c' as *;

@include i4c-skin;

:host {
  display: block;
}

.docs {
  display: flex;
  flex-direction: column;
  gap: 10px;

  &__missing {
    padding: 8px 12px;
    border-radius: 8px;
    border: 1px solid #fde68a;
    background: #fffbeb;
    color: #92400e;
    font-size: 12.5px;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    align-items: center;
  }

  &__name {
    font-weight: 600;
    overflow-wrap: anywhere;
  }

  &__sub {
    font-size: 11px;
    color: #64748b;
  }

  &__upload {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    padding-top: 10px;
    border-top: 1px solid #f1f5f9;

    mat-form-field {
      width: 200px;
    }
  }

  &__remarks {
    flex: 1 1 220px;
  }

  &__file input {
    font-size: 12px;
    max-width: 240px;
  }
}