/* Mortgage rate import dashboard. Only additive styling on top of the Umbraco 13 backoffice. */

.mortgage-rate-import__drop {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0;
    padding: 10px 16px;
    background-color: #fff;
    border: 1px dashed #d8d7d9;
    color: #515054;
    text-align: center;
}

.mortgage-rate-import__drop.is-drag {
    border-color: #1e1c1c;
}

.mortgage-rate-import__drop-choose,
.mortgage-rate-import__drop-clear {
    background: none;
    border: 0;
    padding: 0;
    color: #1b264f;
    cursor: pointer;
    font-size: 15px;
}

.mortgage-rate-import__drop-choose:hover,
.mortgage-rate-import__drop-clear:hover {
    color: #2152a3;
    text-decoration: none;
}

.mortgage-rate-import__drop-file {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.mortgage-rate-import__template {
    margin-top: 10px;
}

.mortgage-rate-import__actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin: 20px 0 10px;
}

.mortgage-rate-import__hint {
    color: #68676b;
    font-size: 13px;
}

.mortgage-rate-import__alert {
    margin-top: 15px;
}

.mortgage-rate-import__alert strong {
    display: block;
}

.mortgage-rate-import__alert--success {
    background-color: #d6f3e6;
    border-color: #1fb572;
    color: #1b264f;
}

.mortgage-rate-import__list {
    margin: 8px 0 0 18px;
}

.mortgage-rate-import__list li {
    margin: 4px 0;
}

.mortgage-rate-import__preview {
    margin-top: 25px;
}

.mortgage-rate-import__preview h5 {
    margin-bottom: 8px;
}

.mortgage-rate-import__table th,
.mortgage-rate-import__table td {
    vertical-align: middle;
}

.mortgage-rate-import__num {
    text-align: right;
    white-space: nowrap;
}

.mortgage-rate-import__target,
.mortgage-rate-import__parent {
    color: #68676b;
    font-size: 12px;
}

.mortgage-rate-import__matches {
    list-style: none;
    margin: 8px 0 0;
    padding: 0;
}

.mortgage-rate-import__matches li {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 8px;
    margin: 4px 0;
}

.mortgage-rate-import__badge--multiple {
    background-color: #1b264f;
    color: #fff;
}

.mortgage-rate-import__row--same td {
    color: #68676b;
}

.mortgage-rate-import__badge {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    white-space: nowrap;
    background-color: #f3f3f5;
    color: #68676b;
}

.mortgage-rate-import__badge--create {
    background-color: #2152a3;
    color: #fff;
}

.mortgage-rate-import__badge--update {
    background-color: #1fb572;
    color: #fff;
}