﻿html, body {
    min-height: 100%;
}

.auth-page {
    background: linear-gradient(135deg, #edf2f7 0%, #dce7f2 55%, #f7fafc 100%);
}

.login-box {
    width: 420px;
}

.brand-link .brand-image {
    float: none;
    margin-left: .2rem;
    margin-right: .5rem;
}

.dashboard-table td,
.dashboard-table th {
    vertical-align: middle;
}

.text-wrap-cell {
    white-space: normal !important;
    word-break: break-word;
    max-width: 220px;
}

.task-edit-cell {
    cursor: text;
}

.task-edit-cell:hover {
    background-color: #f8fbff;
}

.task-row-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.2rem;
}

.task-row-actions .btn {
    padding: 0.18rem 0.4rem;
    line-height: 1.15;
    white-space: nowrap;
    border-radius: 0.2rem;
}

.btn-outline-purple {
    color: #6f42c1;
    background-color: #fff;
    border-color: #6f42c1;
}

.btn-outline-purple:hover {
    color: #fff;
    background-color: #6f42c1;
    border-color: #6f42c1;
}

.task-logs-list {
    line-height: 1.25;
}

.small-box .small-box-summary {
    position: absolute;
    top: 0.45rem;
    right: 0.9rem;
    z-index: 1;
    min-width: 122px;
    font-size: 0.66rem;
    line-height: 1.05;
}

.small-box .small-box-summary div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.08rem;
}

.small-box .small-box-summary div:last-child {
    margin-bottom: 0;
}

.small-box .small-box-summary span {
    opacity: 0.92;
}

.small-box .small-box-summary strong {
    font-size: 0.72rem;
    font-weight: 700;
}

.task-log-item {
    padding: 0.25rem 0;
}

.task-log-separator {
    background: #eef1f4;
    border-left: 4px solid #9aa4af;
    padding-left: 0.5rem;
    padding-right: 0.35rem;
}

.task-log-time {
    font-weight: 600;
    font-size: 0.74rem;
    margin-bottom: 0.05rem;
}

.task-log-message {
    font-size: 0.79rem;
    margin-bottom: 0.02rem;
    word-break: break-word;
}

.task-log-remark {
    font-size: 0.72rem;
    word-break: break-word;
}

.task-log-default {
    color: #1f2937;
    font-weight: 400;
}

.task-log-success {
    color: darkgreen;
    font-weight: 700;
}

.task-log-failed {
    color: blue;
    font-weight: 700;
}

.task-log-error {
    color: red;
    font-weight: 400;
}

.task-log-missing {
    color: purple;
    font-weight: 700;
}
