:root {
    --it1-blue: #3f57a5;
    --it1-green: #77bf31;
    --it1-ink: #223142;
    --it1-muted: #617286;
    --it1-border: #cfd9e6;
    --it1-surface: #ffffff;
    --it1-soft: #f4f7fb;
}

body.it-one-branding {
    color: var(--it1-ink);
    background:
        linear-gradient(180deg, rgba(63, 87, 165, 0.10), rgba(119, 191, 49, 0.05)),
        #eef3f8;
    padding-top: 20px;
}

body.it-one-branding #wrap {
    max-width: 1040px;
    border: 1px solid var(--it1-border);
    border-top: 5px solid var(--it1-blue);
    border-radius: 8px;
    box-shadow: 0 20px 50px rgba(22, 38, 58, 0.14);
}

body.it-one-branding header[role="banner"] {
    min-height: 112px;
    border-bottom: 1px solid #e4ebf3;
    margin: -5px -20px 18px;
    padding: 22px 24px 18px;
    background: linear-gradient(135deg, #ffffff 0%, #f5f8fc 100%);
}

body.it-one-branding h1 {
    float: none;
    max-width: none;
}

body.it-one-branding h1 a {
    float: none;
    display: inline-grid;
    gap: 10px;
    text-align: left;
    color: var(--it1-blue);
    font-family: "Avenir Next", "Helvetica Neue", Arial, sans-serif;
    font-size: 0;
    line-height: 1.35;
}

body.it-one-branding h1 a::before {
    content: "";
    display: block;
    width: 92px;
    height: 98px;
    background: url("logo.png") left center / contain no-repeat;
}

body.it-one-branding h1 a::after {
    content: "URLIT Kurzlinks";
    color: var(--it1-blue);
    font-size: 16px;
    font-weight: 700;
}

body.it-one-branding #yourls-logo {
    display: none;
}

body.it-one-branding h1 a span {
    text-decoration: none;
}

body.it-one-branding h1 a:hover,
body.it-one-branding h1 a:hover span {
    color: var(--it1-blue);
    text-decoration: none;
}

body.it-one-branding a,
body.it-one-branding a:link,
body.it-one-branding a:active,
body.it-one-branding a:visited {
    color: var(--it1-blue);
}

body.it-one-branding a:hover {
    color: #2e4079;
}

body.it-one-branding ul#admin_menu {
    min-height: 0;
    margin: 0 0 18px;
    padding: 0 0 14px;
    border-bottom: 1px solid #e4ebf3;
}

body.it-one-branding ul#admin_menu li {
    padding: 3px 0;
}

body.it-one-branding #new_url {
    border-color: #d8e2ee;
    border-radius: 8px;
    background: var(--it1-surface);
}

body.it-one-branding #new_url div {
    background: var(--it1-soft);
    border-radius: 7px;
}

body.it-one-branding input.text,
body.it-one-branding select,
body.it-one-branding textarea {
    color: var(--it1-ink);
    border-color: #b9c7d8;
    border-radius: 5px;
}

body.it-one-branding input.text:focus,
body.it-one-branding textarea:focus {
    border-color: var(--it1-blue);
    outline: 2px solid rgba(63, 87, 165, 0.16);
}

body.it-one-branding input.button {
    color: var(--it1-ink);
    border-color: #b9c7d8;
    border-radius: 5px;
}

body.it-one-branding input.primary,
body.it-one-branding #add-button {
    color: #ffffff;
    border-color: #2f4487;
    background: var(--it1-blue);
}

body.it-one-branding input.primary:hover,
body.it-one-branding #add-button:hover {
    border-color: #24366f;
    background: #344a93;
}

body.it-one-branding #login {
    max-width: 340px;
    margin-top: 90px;
    padding: 24px;
    border: 1px solid var(--it1-border);
    border-top: 5px solid var(--it1-green);
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 20px 50px rgba(22, 38, 58, 0.14);
}

body.it-one-branding #login p {
    color: var(--it1-muted);
}

body.it-one-branding table {
    border-color: #d9e2ee;
}

body.it-one-branding tr.edit-row td {
    background: #edf4ff !important;
}

body.it-one-branding .success {
    color: #2f6f12;
    background: #eef9e8;
}

body.it-one-branding .warning {
    color: #8a5c00;
    background: #fff6dc;
}

body.it-one-branding .error {
    color: #a51f1f;
    background: #fff0f0;
}

body.it-one-branding footer#footer {
    color: #6d7b8c;
}

@media (max-width: 720px) {
    body.it-one-branding {
        padding: 10px;
    }

    body.it-one-branding #wrap {
        padding: 5px 12px 12px;
    }

    body.it-one-branding header[role="banner"] {
        margin: -5px -12px 16px;
        padding: 18px 16px;
    }

    body.it-one-branding #add-url {
        width: 100%;
    }
}