/****************
 * Entry Editor *
 ****************/

.time-report-entry-editor {
    display: flex;
    flex-direction: column;

    margin: 1ex 1ex;
}

.time-report-entry-editor > div {
    display: flex;
    align-items: center;
}

.time-report-header .time-report-entry-editor > div {
    flex-direction: row;
    padding-left: 1em;
}

.time-report-entry-editor > div {
    flex-direction: column;
    padding-bottom: 1ex;
}

.time-report-entry-editor .autocomplete {
    background-color: var(--whispr-corporate-blue);
    /* outline: 1px solid var(--whispr-dark-grey); */
}

.time-report-entry-editor .autocomplete input {
    color: white;
}

.time-report-entry-editor .autocomplete .autocomplete-expand-button {
    border: none;
    outline: var(--whispr-dark-grey) solid 1px;
}

.time-report-entry-editor > div.time-report-entry-editor-duration {
    flex-direction: row;
}

.time-report-entry-editor > div.time-report-entry-editor-duration input {
    width: 4ch;
}

.time-report-entry-editor > div.time-report-entry-editor-duration span {
    margin-left: 0.25em;
    margin-right: 0.25em;
}

.time-report-entry-editor > div.time-report-entry-editor-clear {
    padding-left: 0;
}

.time-report-entry-editor input {
    width: 20ch;
}

.time-report-entry-editor .time-report-entry-editor-buttons {
    display: flex;
    flex-direction: row;

    width: 100%;
}

.time-report-entry-editor .time-report-entry-editor-buttons .time-report-entry-editor-confirm {
    flex-grow: 1;
}

.time-report-entry-editor .time-report-entry-editor-buttons .button.on {
    background-color: var(--whispr-teal);
}

.time-report-entry-editor .time-report-entry-editor-buttons .button.adding {
    background-color: var(--whispr-green);
}

.time-report-entry-editor .time-report-entry-editor-buttons .button.adding.disabled {
    background-color: var(--whispr-dark-grey);
}

.time-report-entry-editor cmp-autocomplete input {
    width: 40ch;
}

.time-report-entry-editor cmp-autocomplete .autocomplete-options {
    height: 10em;
}

.time-report-entry-editor textarea {
    background-color: var(--whispr-corporate-blue);
    color: var(--whispr-white);
    border: none;
    outline: var(--whispr-dark-grey) solid 1px;
    padding: 0.5ex 0.25em;
    font-family: 'Akkurat Pro', sans-serif;
    width: 40ch;
}

.time-report-entry-editor textarea::placeholder {
    color: var(--whispr-white);
    font-style: italic;
    opacity: 0.7;
}