:root {
    --naga-admin-dark: #111111;
}

.naga-admin-brand a {
    align-items: center;
    display: inline-flex;
    gap: 10px;
    line-height: 1.2;
    text-decoration: none;
}

.naga-admin-logo {
    border-radius: 8px;
    height: 34px;
    object-fit: cover;
    width: 34px;
}

#header {
    min-height: 48px;
}

#branding h1,
#site-name {
    font-weight: 700;
}

#result_list {
    font-size: 13px;
}

#result_list th,
#result_list td {
    vertical-align: top;
}

.paginator {
    line-height: 2.2;
}

@media (max-width: 767px) {
    #header {
        align-items: center;
        padding: 8px 12px;
    }

    .naga-admin-logo {
        height: 28px;
        width: 28px;
    }

    .naga-admin-brand span {
        font-size: 18px;
    }

    #content {
        padding: 12px;
    }

    .module,
    .aligned .form-row,
    .form-row {
        overflow-wrap: anywhere;
    }

    #changelist .results {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    #result_list {
        font-size: 12px;
        min-width: 760px;
    }

    #result_list th,
    #result_list td {
        padding: 8px 6px;
    }

    #toolbar form input[type="text"] {
        box-sizing: border-box;
        max-width: 100%;
        width: 100%;
    }

    .object-tools {
        float: none;
        margin-bottom: 12px;
    }

    .object-tools li {
        display: inline-block;
        margin-bottom: 6px;
    }

    .submit-row input,
    .submit-row a.deletelink {
        margin-bottom: 8px;
        width: 100%;
    }
}