@import "./styles.css";

.admin-console-modal-frame[content="date-review"] {
    display: grid;
    height: 90%;
    width: 90%;
    top: 5%;
    left: 5%;
}

.admin-dates-review-modal-content {
    grid-area: content;
    display: grid;
    grid-template-areas: 'center right';
    grid-template-columns: 1fr 20rem;
    height: 100%;
    width: 100%;
}

.admin-dates-review-modal-content-center {
    grid-area: center;
    display: grid;
    grid-template-areas:
        'header'
        'list';
    grid-template-rows: auto 1fr;
    height: 100%;
    width: 100%;
    overflow: hidden;
    border-right: 1px solid var(--grey200);
}

.admin-dates-review-modal-content-center-header {
    grid-area: header;
    width: 100%;
    padding: 0.4rem;
    border-bottom: 1px solid var(--grey200);
}

.admin-dates-review-modal-content-center-header-search {
    grid-area: header;
}

.admin-dates-review-modal-content-center-list {
    grid-area: list;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    overflow: auto;
    user-select: text;
}

.admin-dates-review-modal-content-center-list-div {
    display: grid;
    grid-template-areas:
        'info'
        'travel'
        'km'
        'expenses';
    grid-template-rows: auto 1fr 1fr 1fr;
    width: 100%;
}

.admin-dates-review-modal-content-center-list-div-info {
    grid-area: info;
    padding: 0.4rem;
    border-bottom: 1px solid var(--grey200);
}

.admin-dates-review-modal-content-center-list-div-info-el {}

.admin-dates-review-modal-content-right {
    grid-area: right;
    display: flex;
    overflow: hidden;
    height: 100%;
    width: 100%;
    border-right: 1px solid var(--grey200);
}

.admin-dates-review-modal-content-right-form {
    grid-area: form;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    overflow: auto;
    background-color: var(--grey100);
}

.admin-dates-review-modal-content-right-form[content="null"] {}

.admin-dates-review-modal-content-right-form[content="travel"] {}

.admin-dates-review-modal-content-right-form[content="kilometre"] {}

.admin-dates-review-modal-content-right-form[content="expenses"] {}