/* ============================================================
   YETI³ ENGINE ADMIN
   Unified administration branding
   ============================================================ */

.yeti-engine-admin-brand {
    position: relative;
    z-index: 10;

    display: flex;
    flex-direction: column;
    align-items: center;

    width: min(72%, 360px);

    text-align: center;
    pointer-events: none;

    transform: translateZ(0);
}


/* ============================================================
   MARK
   ============================================================ */

.yeti-engine-admin-brand__mark {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;

    width: clamp(112px, 11vw, 158px);
    aspect-ratio: 1;

    border: 1px solid rgba(220, 181, 82, .38);
    border-radius: 28px;

    background:
        radial-gradient(
            circle at 28% 18%,
            rgba(255, 239, 174, .16),
            transparent 34%
        ),
        linear-gradient(
            145deg,
            rgba(43, 41, 24, .82),
            rgba(10, 16, 11, .97)
        );

    box-shadow:
        0 32px 76px rgba(0, 0, 0, .42),
        0 0 64px rgba(197, 150, 43, .09),
        inset 0 1px 0 rgba(255, 241, 190, .20),
        inset 0 0 0 1px rgba(255, 255, 255, .025);

    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);

    transition:
        transform .8s cubic-bezier(.16, 1, .3, 1),
        box-shadow .8s cubic-bezier(.16, 1, .3, 1);
}

.yeti-engine-admin-brand__mark::before {
    content: "";

    position: absolute;
    inset: 9px;

    border: 1px solid rgba(224, 187, 91, .12);
    border-radius: 21px;

    pointer-events: none;
}

.yeti-engine-admin-brand__mark::after {
    content: "";

    position: absolute;
    inset: -32%;

    background:
        radial-gradient(
            circle,
            rgba(211, 164, 51, .12),
            transparent 62%
        );

    filter: blur(22px);

    z-index: -1;
}


/* Y */

.yeti-engine-admin-brand__y {
    display: block;

    color: #e4bf61;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: clamp(62px, 6vw, 88px);
    font-weight: 500;
    line-height: .9;

    letter-spacing: -.06em;

    text-shadow:
        0 1px 0 rgba(255, 244, 194, .35),
        0 10px 30px rgba(207, 158, 43, .18);
}


/* superscript 3 */

.yeti-engine-admin-brand__cube {
    position: absolute;

    top: 24%;
    right: 20%;

    color: #f0d67e;

    font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    font-size: clamp(17px, 1.7vw, 24px);
    font-weight: 700;
    line-height: 1;

    text-shadow:
        0 0 18px rgba(230, 191, 88, .32);
}


/* ============================================================
   NAME
   ============================================================ */

.yeti-engine-admin-brand__name {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 10px;

    margin-top: 31px;
}

.yeti-engine-admin-brand__name strong {
    color: #eee3bf;

    font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    font-size: clamp(20px, 1.8vw, 27px);
    font-weight: 650;

    letter-spacing: .16em;
}

.yeti-engine-admin-brand__name span {
    color: #c39b43;

    font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    font-size: clamp(10px, .8vw, 12px);
    font-weight: 750;

    letter-spacing: .34em;
}


/* ============================================================
   DIVIDER
   ============================================================ */

.yeti-engine-admin-brand__divider {
    width: 92px;
    height: 1px;

    margin: 20px 0 17px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(216, 174, 68, .62),
            transparent
        );

    box-shadow:
        0 0 12px rgba(208, 159, 39, .14);
}


/* ============================================================
   ADMIN
   ============================================================ */

.yeti-engine-admin-brand__admin {
    color: rgba(235, 225, 192, .76);

    font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    font-size: clamp(11px, .85vw, 13px);
    font-weight: 700;

    letter-spacing: .44em;

    text-indent: .44em;
}


/* ============================================================
   CAPTION
   ============================================================ */

.yeti-engine-admin-brand__caption {
    margin-top: 8px;

    color: rgba(207, 199, 168, .37);

    font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    font-size: 8px;
    font-weight: 600;

    letter-spacing: .25em;
    text-transform: uppercase;
}


/* ============================================================
   SOFT PHYSICS
   ============================================================ */

.crm-login__visual:hover .yeti-engine-admin-brand__mark {
    transform:
        translateY(-5px)
        scale(1.025);

    box-shadow:
        0 40px 94px rgba(0, 0, 0, .48),
        0 0 82px rgba(197, 150, 43, .13),
        inset 0 1px 0 rgba(255, 241, 190, .27),
        inset 0 0 0 1px rgba(255, 255, 255, .03);
}


/* very slow breathing */

.yeti-engine-admin-brand__mark {
    animation:
        yetiEngineAdminBreath
        7s
        cubic-bezier(.4, 0, .2, 1)
        infinite;
}

@keyframes yetiEngineAdminBreath {
    0%,
    100% {
        filter: brightness(1);
    }

    50% {
        filter: brightness(1.045);
    }
}


/* ============================================================
   SIGNATURE
   ============================================================ */

.crm-login__signature span {
    letter-spacing: .27em !important;
}


/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (max-width: 900px) {
    .yeti-engine-admin-brand {
        width: min(68%, 280px);
    }

    .yeti-engine-admin-brand__mark {
        width: 108px;
        border-radius: 23px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .yeti-engine-admin-brand__mark {
        animation: none;
        transition: none;
    }
}

/* ============================================================
   YETI³ ENGINE ADMIN — HEADER BRAND
   ============================================================ */

.yeti-admin-header-brand {
    display: inline-flex;
    align-items: center;
    gap: 12px;

    color: inherit;
    text-decoration: none !important;
}

.yeti-admin-header-brand__mark {
    position: relative;

    display: grid;
    place-items: center;

    width: 38px;
    height: 38px;

    flex: 0 0 38px;

    border: 1px solid rgba(226, 187, 84, .42);
    border-radius: 11px;

    background:
        radial-gradient(
            circle at 25% 18%,
            rgba(255, 238, 170, .18),
            transparent 34%
        ),
        linear-gradient(
            145deg,
            #3c3218,
            #15180f 72%
        );

    color: #e6be5f;

    box-shadow:
        0 8px 24px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,240,185,.20),
        0 0 24px rgba(210,160,43,.08);

    transition:
        transform .45s cubic-bezier(.16,1,.3,1),
        box-shadow .45s cubic-bezier(.16,1,.3,1);
}

.yeti-admin-header-brand__mark b {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 23px;
    font-weight: 500;
    line-height: 1;
}

.yeti-admin-header-brand__mark sup {
    position: absolute;
    top: 6px;
    right: 6px;

    font-size: 8px;
    font-weight: 800;

    color: #f0d27a;
}

.yeti-admin-header-brand__text {
    display: grid;
    gap: 3px;
}

.yeti-admin-header-brand__text strong {
    color: #e8dfc0;

    font-size: 12px;
    font-weight: 700;
    line-height: 1;

    letter-spacing: .12em;
}

.yeti-admin-header-brand__text small {
    color: rgba(218, 204, 159, .43);

    font-size: 6px;
    font-weight: 700;
    line-height: 1;

    letter-spacing: .24em;
}

.yeti-admin-header-brand:hover .yeti-admin-header-brand__mark {
    transform:
        translateY(-1px)
        scale(1.035);

    box-shadow:
        0 11px 30px rgba(0,0,0,.34),
        inset 0 1px 0 rgba(255,240,185,.27),
        0 0 31px rgba(210,160,43,.12);
}

/* старый site logo больше никогда не показываем */

#site-name .crm-brand-mark,
#site-name img[src*="logo-yeti3"] {
    display: none !important;
}


/* ============================================================
   YETI³ ENGINE ADMIN
   PREMIUM BRAND SYSTEM · V3
   ============================================================ */


/* ============================================================
   HEADER
   ============================================================ */

#site-name {
    display: flex !important;
    align-items: center !important;
}

#site-name .crm-brand-mark,
#site-name img {
    display: none !important;
}

.yeti-admin-wordmark {
    display: inline-flex !important;
    align-items: center;
    gap: 11px;

    min-height: 32px;

    color: inherit !important;
    text-decoration: none !important;
}

.yeti-admin-wordmark__name {
    position: relative;

    color: #efe3bd;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 17px;
    font-weight: 500;
    line-height: 1;

    letter-spacing: .025em;

    text-shadow:
        0 1px 0 rgba(255,255,255,.08),
        0 0 20px rgba(209,168,66,.10);
}

.yeti-admin-wordmark__name sup {
    position: relative;
    top: -.42em;

    margin-left: 1px;

    color: #d9b45e;

    font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        sans-serif;

    font-size: .48em;
    font-weight: 700;
}

.yeti-admin-wordmark__rule {
    width: 1px;
    height: 18px;

    background:
        linear-gradient(
            180deg,
            transparent,
            rgba(207,166,65,.55),
            transparent
        );
}

.yeti-admin-wordmark__section {
    color: rgba(222,210,172,.58);

    font-size: 7px;
    font-weight: 700;
    line-height: 1;

    letter-spacing: .22em;
}


/* ============================================================
   REMOVE OLD CENTRAL MARK
   ============================================================ */

.yeti-engine-admin-brand--premium
.yeti-engine-admin-brand__mark,

.yeti-engine-admin-brand--premium
.yeti-engine-admin-brand__name,

.yeti-engine-admin-brand--premium
.yeti-engine-admin-brand__divider,

.yeti-engine-admin-brand--premium
.yeti-engine-admin-brand__admin,

.yeti-engine-admin-brand--premium
.yeti-engine-admin-brand__caption {
    display: none !important;
}


/* ============================================================
   CENTRAL COMPOSITION
   ============================================================ */

.yeti-engine-admin-brand--premium {
    position: relative;
    z-index: 8;

    display: flex;
    flex-direction: column;
    align-items: center;

    width: min(78%, 390px);

    text-align: center;

    color: #e9d28d;

    pointer-events: none;

    filter:
        drop-shadow(0 26px 50px rgba(0,0,0,.24));
}


/* ------------------------------------------------------------
   EYEBROW
   ------------------------------------------------------------ */

.yeti-engine-admin-brand__eyebrow {
    margin-bottom: 22px;

    color: rgba(211,175,82,.58);

    font-size: 7px;
    font-weight: 750;
    line-height: 1;

    letter-spacing: .36em;

    text-indent: .36em;
}


/* ============================================================
   SEAL
   ============================================================ */

.yeti-engine-admin-brand__seal {
    position: relative;

    display: grid;
    place-items: center;

    width: clamp(120px, 11.5vw, 160px);
    aspect-ratio: 1;

    border-radius: 50%;

    background:
        radial-gradient(
            circle at 50% 50%,
            rgba(215,174,67,.055),
            transparent 54%
        );

    transition:
        transform 1s cubic-bezier(.16,1,.3,1);
}


/* крупное внешнее кольцо */

.yeti-engine-admin-brand__seal::before {
    content: "";

    position: absolute;
    inset: 0;

    border: 1px solid rgba(210,169,65,.22);
    border-radius: 50%;

    box-shadow:
        0 0 46px rgba(191,145,36,.035),
        inset 0 0 38px rgba(191,145,36,.025);
}


/* второе тонкое кольцо */

.yeti-engine-admin-brand__seal::after {
    content: "";

    position: absolute;
    inset: 11px;

    border: 1px solid rgba(224,189,96,.085);
    border-radius: 50%;
}


/* декоративная орбита */

.yeti-engine-admin-brand__seal-ring {
    position: absolute;

    width: 116%;
    height: 62%;

    border: 1px solid rgba(210,168,60,.16);
    border-radius: 50%;

    transform: rotate(-17deg);

    box-shadow:
        0 0 28px rgba(193,147,41,.025);
}

.yeti-engine-admin-brand__seal-ring::after {
    content: "";

    position: absolute;
    inset: 8px -3px;

    border: 1px solid rgba(210,168,60,.075);
    border-radius: 50%;

    transform: rotate(31deg);
}


/* ============================================================
   MONOGRAM
   ============================================================ */

.yeti-engine-admin-brand__monogram {
    position: relative;
    z-index: 3;

    color: #ead18a;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: clamp(42px, 4.2vw, 59px);
    font-weight: 400;
    line-height: 1;

    letter-spacing: -.035em;

    text-shadow:
        0 1px 0 rgba(255,244,196,.22),
        0 9px 28px rgba(0,0,0,.22),
        0 0 28px rgba(215,171,59,.10);
}

.yeti-engine-admin-brand__monogram sup {
    position: absolute;

    top: -.05em;
    right: -.34em;

    color: #cfa442;

    font-family:
        Inter,
        -apple-system,
        sans-serif;

    font-size: .30em;
    font-weight: 700;
}


/* ============================================================
   MAIN WORDMARK
   ============================================================ */

.yeti-engine-admin-brand__title {
    margin-top: 27px;

    color: #f0e7cc;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: clamp(26px, 2.35vw, 34px);
    font-weight: 400;
    line-height: .96;

    letter-spacing: .035em;

    text-shadow:
        0 1px 0 rgba(255,255,255,.08),
        0 9px 30px rgba(0,0,0,.18);
}

.yeti-engine-admin-brand__title sup {
    position: relative;
    top: -.55em;

    margin-left: 2px;

    color: #d6ad50;

    font-family:
        Inter,
        sans-serif;

    font-size: .35em;
    font-weight: 700;
}


/* ============================================================
   ENGINE ADMIN
   ============================================================ */

.yeti-engine-admin-brand__subtitle {
    margin-top: 10px;

    color: rgba(225,202,135,.72);

    font-size: 9px;
    font-weight: 750;
    line-height: 1;

    letter-spacing: .39em;

    text-indent: .39em;
}


/* ============================================================
   TECHNICAL SIGNATURE
   ============================================================ */

.yeti-engine-admin-brand__line {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 13px;

    width: 100%;

    margin-top: 24px;

    color: rgba(215,205,173,.30);

    font-size: 5.5px;
    font-weight: 700;
    line-height: 1;

    letter-spacing: .23em;
}

.yeti-engine-admin-brand__line i {
    display: block;

    width: 31px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(205,164,62,.34)
        );
}

.yeti-engine-admin-brand__line i:last-child {
    transform: scaleX(-1);
}


/* ============================================================
   PHYSICAL MOTION
   ============================================================ */

.crm-login__visual:hover
.yeti-engine-admin-brand__seal {
    transform:
        translateY(-4px)
        scale(1.025);
}

.crm-login__visual:hover
.yeti-engine-admin-brand__monogram {
    text-shadow:
        0 1px 0 rgba(255,244,196,.28),
        0 12px 32px rgba(0,0,0,.25),
        0 0 38px rgba(215,171,59,.14);
}


/* очень медленное физическое дыхание */

.yeti-engine-admin-brand__seal::before {
    animation:
        yetiAdminSealBreath
        8s
        cubic-bezier(.4,0,.2,1)
        infinite;
}

@keyframes yetiAdminSealBreath {

    0%,
    100% {
        opacity: .72;
        transform: scale(1);
    }

    50% {
        opacity: 1;
        transform: scale(1.018);
    }
}


/* ============================================================
   BOTTOM SIGNATURE
   ============================================================ */

.crm-login__signature {
    opacity: .62;
}

.crm-login__signature span {
    color: rgba(214,190,122,.70) !important;

    font-size: 6px !important;
    font-weight: 700 !important;

    letter-spacing: .30em !important;
}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 900px) {

    .yeti-engine-admin-brand--premium {
        width: min(78%, 290px);
    }

    .yeti-engine-admin-brand__seal {
        width: 112px;
    }

    .yeti-engine-admin-brand__line span {
        display: none;
    }
}


@media (prefers-reduced-motion: reduce) {

    .yeti-engine-admin-brand__seal,
    .yeti-engine-admin-brand__seal::before {
        animation: none !important;
        transition: none !important;
    }
}



/* ============================================================
   YETI³ ENGINE ADMIN — V6
   QUIET LUXURY / SYSTEM BRAND
   ============================================================ */

.yeti-engine-admin-brand--v6 {
    position: relative;
    z-index: 10;

    display: flex;
    align-items: center;
    justify-content: center;

    width: min(78%, 430px);

    pointer-events: none;
}


/* ------------------------------------------------------------
   FRAME
   ------------------------------------------------------------ */

.yeti-admin-v6__frame {
    position: relative;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    width: 100%;
    min-height: 260px;

    padding: 46px 42px 43px;

    border: 1px solid rgba(207, 169, 72, .19);
    border-radius: 28px;

    background:
        radial-gradient(
            75% 85% at 50% 28%,
            rgba(211, 171, 70, .055),
            transparent 67%
        ),
        linear-gradient(
            145deg,
            rgba(255,255,255,.018),
            rgba(255,255,255,.004)
        );

    box-shadow:
        0 38px 90px rgba(0,0,0,.22),
        inset 0 1px 0 rgba(255,244,207,.065),
        inset 0 0 70px rgba(213,173,70,.018);

    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);

    transition:
        transform .85s cubic-bezier(.16,1,.3,1),
        border-color .7s ease,
        box-shadow .85s cubic-bezier(.16,1,.3,1);
}


/* четыре почти невидимых ювелирных угла */

.yeti-admin-v6__frame::before,
.yeti-admin-v6__frame::after {
    content: "";

    position: absolute;

    width: 34px;
    height: 34px;

    pointer-events: none;
}

.yeti-admin-v6__frame::before {
    top: 13px;
    left: 13px;

    border-top: 1px solid rgba(227,192,101,.52);
    border-left: 1px solid rgba(227,192,101,.52);

    border-radius: 7px 0 0 0;
}

.yeti-admin-v6__frame::after {
    right: 13px;
    bottom: 13px;

    border-right: 1px solid rgba(227,192,101,.38);
    border-bottom: 1px solid rgba(227,192,101,.38);

    border-radius: 0 0 7px 0;
}


/* ------------------------------------------------------------
   AMBIENT LIGHT
   ------------------------------------------------------------ */

.yeti-admin-v6__ambient {
    position: absolute;

    left: 50%;
    top: 45%;

    width: 190px;
    height: 110px;

    transform: translate(-50%, -50%);

    border-radius: 50%;

    background:
        radial-gradient(
            ellipse,
            rgba(213,172,67,.12),
            rgba(213,172,67,.035) 38%,
            transparent 72%
        );

    filter: blur(25px);

    opacity: .72;

    pointer-events: none;

    animation:
        yetiAdminV6Ambient
        8s ease-in-out
        infinite;
}


/* ------------------------------------------------------------
   MAIN WORDMARK
   ------------------------------------------------------------ */

.yeti-admin-v6__wordmark {
    position: relative;
    z-index: 2;

    color: #ede3c5;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: clamp(48px, 4.8vw, 70px);
    font-weight: 400;
    line-height: .92;

    letter-spacing: .045em;

    text-shadow:
        0 1px 0 rgba(255,255,255,.10),
        0 12px 35px rgba(0,0,0,.24),
        0 0 34px rgba(214,174,73,.07);

    transform: translateX(.025em);
}

.yeti-admin-v6__wordmark sup {
    position: relative;

    top: -.77em;

    margin-left: 2px;

    color: #cda247;

    font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        sans-serif;

    font-size: .25em;
    font-weight: 700;

    letter-spacing: 0;

    text-shadow:
        0 0 14px rgba(213,169,65,.16);
}


/* ------------------------------------------------------------
   DIVIDER
   ------------------------------------------------------------ */

.yeti-admin-v6__divider {
    position: relative;

    width: 118px;
    height: 1px;

    margin: 28px 0 20px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(213,174,75,.62) 32%,
            rgba(239,211,139,.78) 50%,
            rgba(213,174,75,.62) 68%,
            transparent
        );

    box-shadow:
        0 0 13px rgba(213,172,67,.13);
}


/* маленький бриллиант в центре линии */

.yeti-admin-v6__divider::after {
    content: "";

    position: absolute;

    left: 50%;
    top: 50%;

    width: 4px;
    height: 4px;

    background: #d5ad54;

    transform:
        translate(-50%, -50%)
        rotate(45deg);

    box-shadow:
        0 0 10px rgba(218,178,77,.30);
}


/* ------------------------------------------------------------
   ROLE
   ------------------------------------------------------------ */

.yeti-admin-v6__role {
    position: relative;
    z-index: 2;

    color: rgba(229,210,156,.78);

    font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    font-size: 10px;
    font-weight: 700;
    line-height: 1;

    letter-spacing: .48em;

    text-indent: .48em;
}


/* ------------------------------------------------------------
   CAPTION
   ------------------------------------------------------------ */

.yeti-admin-v6__caption {
    position: relative;
    z-index: 2;

    margin-top: 11px;

    color: rgba(207,198,169,.29);

    font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        sans-serif;

    font-size: 6px;
    font-weight: 650;
    line-height: 1;

    letter-spacing: .31em;

    text-indent: .31em;
}


/* ------------------------------------------------------------
   PHYSICS
   ------------------------------------------------------------ */

.crm-login__visual:hover .yeti-admin-v6__frame {
    transform:
        translateY(-5px)
        scale(1.012);

    border-color:
        rgba(217,179,80,.27);

    box-shadow:
        0 46px 108px rgba(0,0,0,.28),
        0 0 72px rgba(207,164,56,.035),
        inset 0 1px 0 rgba(255,244,207,.085),
        inset 0 0 78px rgba(213,173,70,.022);
}

.crm-login__visual:hover .yeti-admin-v6__wordmark {
    color: #f1e8ce;
}


/* ------------------------------------------------------------
   AMBIENT BREATH
   ------------------------------------------------------------ */

@keyframes yetiAdminV6Ambient {

    0%,
    100% {
        opacity: .52;
        transform:
            translate(-50%, -50%)
            scale(.92);
    }

    50% {
        opacity: .86;
        transform:
            translate(-50%, -50%)
            scale(1.07);
    }
}


/* ------------------------------------------------------------
   BOTTOM SIGNATURE
   ------------------------------------------------------------ */

.crm-login__signature {
    opacity: .44 !important;
}

.crm-login__signature span {
    color: rgba(215,189,115,.62) !important;

    font-size: 5.5px !important;
    font-weight: 700 !important;

    letter-spacing: .34em !important;
}


/* ------------------------------------------------------------
   MOBILE
   ------------------------------------------------------------ */

@media (max-width: 900px) {

    .yeti-engine-admin-brand--v6 {
        width: min(82%, 320px);
    }

    .yeti-admin-v6__frame {
        min-height: 210px;
        padding: 35px 28px;
        border-radius: 22px;
    }

    .yeti-admin-v6__wordmark {
        font-size: 47px;
    }
}


@media (prefers-reduced-motion: reduce) {

    .yeti-admin-v6__ambient {
        animation: none;
    }

    .yeti-admin-v6__frame {
        transition: none;
    }
}


/* ============================================================
   YETI³ ENGINE ADMIN — V7
   CANONICAL TYPOGRAPHIC BRAND
   ============================================================ */

.yeti-engine-admin-brand--v7 {
    position: relative;
    z-index: 10;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    width: min(82%, 480px);
    min-height: 330px;

    text-align: center;
    pointer-events: none;
}


/* ambient depth — no emblem */

.yeti-admin-v7__ambient {
    position: absolute;
    left: 50%;
    top: 48%;

    width: 430px;
    height: 240px;

    transform: translate(-50%, -50%);

    background:
        radial-gradient(
            ellipse,
            rgba(207, 164, 59, .095) 0%,
            rgba(207, 164, 59, .025) 38%,
            transparent 72%
        );

    filter: blur(36px);

    opacity: .72;

    animation:
        yetiAdminV7Breath
        8s ease-in-out infinite;
}


/* small upper designation */

.yeti-admin-v7__kicker {
    position: relative;
    z-index: 2;

    margin-bottom: 24px;

    color: rgba(210, 185, 116, .44);

    font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    font-size: 7px;
    font-weight: 700;
    line-height: 1;

    letter-spacing: .42em;
    text-indent: .42em;
}


/* canonical name */

.yeti-admin-v7__brand {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 14px;

    white-space: nowrap;
}


.yeti-admin-v7__yeti {
    color: #eee4c7;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: clamp(48px, 5vw, 72px);
    font-weight: 400;
    line-height: .9;

    letter-spacing: .025em;

    text-shadow:
        0 1px 0 rgba(255,255,255,.10),
        0 15px 40px rgba(0,0,0,.24),
        0 0 38px rgba(207,164,59,.07);
}


.yeti-admin-v7__engine {
    color: #c9a550;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: clamp(21px, 2vw, 29px);
    font-weight: 400;
    font-style: italic;
    line-height: 1;

    letter-spacing: .025em;

    opacity: .92;
}


/* jewellery divider */

.yeti-admin-v7__rule {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    width: 210px;

    margin: 31px 0 23px;
}

.yeti-admin-v7__rule i {
    display: block;

    width: 82px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(210,171,70,.52)
        );
}

.yeti-admin-v7__rule i:last-child {
    transform: scaleX(-1);
}

.yeti-admin-v7__rule b {
    display: block;

    width: 4px;
    height: 4px;

    border: 1px solid rgba(225,190,99,.78);

    transform: rotate(45deg);

    box-shadow:
        0 0 12px rgba(211,169,66,.22);
}


/* ADMIN */

.yeti-admin-v7__admin {
    position: relative;
    z-index: 2;

    color: rgba(235, 220, 178, .84);

    font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    font-size: 11px;
    font-weight: 750;
    line-height: 1;

    letter-spacing: .62em;
    text-indent: .62em;
}


/* system descriptor */

.yeti-admin-v7__meta {
    position: relative;
    z-index: 2;

    margin-top: 16px;

    color: rgba(207, 199, 171, .28);

    font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    font-size: 6px;
    font-weight: 650;
    line-height: 1;

    letter-spacing: .27em;
}


/* subtle physical focus */

.crm-login__visual:hover .yeti-admin-v7__brand {
    transform: translateY(-2px) scale(1.008);

    transition:
        transform .8s cubic-bezier(.16,1,.3,1);
}

.crm-login__visual:hover .yeti-admin-v7__yeti {
    color: #f3ead0;

    text-shadow:
        0 1px 0 rgba(255,255,255,.12),
        0 18px 45px rgba(0,0,0,.26),
        0 0 48px rgba(207,164,59,.11);
}


/* bottom line */

.crm-login__signature span {
    color: rgba(209,183,109,.52) !important;
    letter-spacing: .32em !important;
}


@keyframes yetiAdminV7Breath {
    0%,
    100% {
        opacity: .48;
        transform: translate(-50%, -50%) scale(.94);
    }

    50% {
        opacity: .82;
        transform: translate(-50%, -50%) scale(1.06);
    }
}


@media (max-width: 900px) {
    .yeti-engine-admin-brand--v7 {
        min-height: 250px;
    }

    .yeti-admin-v7__brand {
        gap: 9px;
    }

    .yeti-admin-v7__meta {
        display: none;
    }
}


@media (prefers-reduced-motion: reduce) {
    .yeti-admin-v7__ambient {
        animation: none;
    }
}


/* ============================================================
   YETI³ ENGINE ADMIN — HOME BUTTON FINAL
   ============================================================ */

#site-name {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

#site-name > a.yeti-admin-home-brand {
    position: relative;

    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;

    min-width: 230px;
    min-height: 52px;

    box-sizing: border-box;

    margin: 0 !important;
    padding: 10px 18px 9px !important;

    border: 1px solid rgba(216, 177, 79, .30) !important;
    border-radius: 12px !important;

    background:
        radial-gradient(
            170px 70px at 18% 0%,
            rgba(228, 191, 96, .11),
            transparent 66%
        ),
        linear-gradient(
            145deg,
            rgba(37, 39, 29, .94),
            rgba(17, 21, 17, .96)
        ) !important;

    color: inherit !important;
    text-decoration: none !important;

    box-shadow:
        0 10px 30px rgba(0,0,0,.20),
        inset 0 1px 0 rgba(255,245,207,.08),
        inset 0 0 0 1px rgba(255,255,255,.018),
        0 0 28px rgba(204,159,49,.035);

    overflow: hidden;

    transition:
        transform .42s cubic-bezier(.16,1,.3,1),
        border-color .42s ease,
        box-shadow .42s cubic-bezier(.16,1,.3,1),
        background .42s ease !important;
}


/* верхняя золотая грань */

#site-name > a.yeti-admin-home-brand::before {
    content: "";

    position: absolute;
    left: 17px;
    right: 17px;
    top: 0;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(236, 203, 116, .58),
            transparent
        );

    opacity: .75;
}


/* мягкий внутренний свет */

#site-name > a.yeti-admin-home-brand::after {
    content: "";

    position: absolute;

    width: 150px;
    height: 70px;

    left: -35px;
    top: -35px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(218, 177, 76, .10),
            transparent 70%
        );

    filter: blur(15px);

    pointer-events: none;
}


/* ============================================================
   MAIN LINE
   ============================================================ */

#site-name .yeti-admin-home-brand__main {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: baseline;
    gap: 7px;

    color: #eee5cb;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 15px;
    font-weight: 400;
    line-height: 1;

    letter-spacing: .045em;

    white-space: nowrap;

    text-shadow:
        0 1px 0 rgba(255,255,255,.08),
        0 0 18px rgba(214,173,69,.05);
}

#site-name .yeti-admin-home-brand__main strong {
    color: #f0e6c8;

    font: inherit;
    font-weight: 400;
}

#site-name .yeti-admin-home-brand__main b {
    color: #cfa74e;

    font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    font-size: 8px;
    font-weight: 750;
    line-height: 1;

    letter-spacing: .20em;
}


/* ============================================================
   SUBLINE
   ============================================================ */

#site-name .yeti-admin-home-brand__sub {
    position: relative;
    z-index: 2;

    display: block;

    margin-top: 5px;

    color: rgba(220, 209, 174, .43);

    font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    font-size: 5.5px;
    font-weight: 700;
    line-height: 1;

    letter-spacing: .30em;

    white-space: nowrap;
}


/* ============================================================
   HOVER PHYSICS
   ============================================================ */

#site-name > a.yeti-admin-home-brand:hover {
    transform:
        translateY(-2px)
        scale(1.015);

    border-color:
        rgba(225, 186, 87, .46) !important;

    background:
        radial-gradient(
            180px 75px at 20% 0%,
            rgba(234, 198, 103, .15),
            transparent 68%
        ),
        linear-gradient(
            145deg,
            rgba(43, 45, 32, .98),
            rgba(19, 23, 18, .98)
        ) !important;

    box-shadow:
        0 15px 38px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,245,207,.12),
        inset 0 0 0 1px rgba(255,255,255,.024),
        0 0 38px rgba(204,159,49,.07);
}

#site-name > a.yeti-admin-home-brand:hover
.yeti-admin-home-brand__main {
    color: #f5ecd2;
}

#site-name > a.yeti-admin-home-brand:hover
.yeti-admin-home-brand__main b {
    color: #ddb75b;
}


/* ============================================================
   REMOVE OLD MARKS
   ============================================================ */

#site-name .crm-brand-mark,
#site-name .yeti-admin-header-brand__mark,
#site-name img {
    display: none !important;
}


/* ============================================================
   ACCESSIBILITY
   ============================================================ */

#site-name > a.yeti-admin-home-brand:focus-visible {
    outline: 1px solid rgba(230,193,99,.70) !important;
    outline-offset: 3px !important;
}



/* ============================================================
   YETI³ LOGIN — IN-CARD TOP CONTROLS
   ============================================================ */


/* штатная верхняя чёрная шапка Django на login больше не нужна */

body.login #header {
    display: none !important;
}


/* сама карточка должна быть единым цельным материалом */

body.login .crm-login__shell {
    position: relative !important;

    overflow: hidden;

    background:
        radial-gradient(
            900px 520px at 24% 24%,
            rgba(194, 157, 63, .045),
            transparent 66%
        ),
        linear-gradient(
            135deg,
            #172017 0%,
            #111811 46%,
            #0e150f 100%
        ) !important;
}


/* убираем отдельную тёмную полосу сверху */

body.login .crm-login__shell::before {
    background: transparent !important;
}


/* ============================================================
   TOP CONTROLS
   ============================================================ */

.crm-login__top-controls {
    position: absolute;

    top: 17px;
    left: 20px;

    z-index: 80;

    display: flex;
    align-items: stretch;
    gap: 8px;

    margin: 0;
    padding: 0;
}


/* ОБЕ КНОПКИ ИДЕНТИЧНЫ */

.crm-login__top-control {
    position: relative;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;

    width: 178px;
    height: 46px;

    box-sizing: border-box;

    padding: 8px 14px;

    border:
        1px solid
        rgba(211, 173, 78, .27);

    border-radius: 10px;

    background:
        radial-gradient(
            130px 55px at 16% 0%,
            rgba(230, 194, 102, .09),
            transparent 70%
        ),
        linear-gradient(
            145deg,
            rgba(34, 41, 29, .92),
            rgba(19, 26, 19, .94)
        );

    box-shadow:
        inset 0 1px 0 rgba(255, 243, 203, .065),
        0 7px 22px rgba(0, 0, 0, .14);

    color: inherit !important;
    text-decoration: none !important;

    overflow: hidden;

    transition:
        transform .38s cubic-bezier(.16,1,.3,1),
        border-color .38s ease,
        background .38s ease,
        box-shadow .38s cubic-bezier(.16,1,.3,1);
}


/* тонкая ювелирная грань */

.crm-login__top-control::before {
    content: "";

    position: absolute;

    left: 13px;
    right: 13px;
    top: 0;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(235, 201, 111, .47),
            transparent
        );

    opacity: .68;
}


/* мягкий внутренний свет */

.crm-login__top-control::after {
    content: "";

    position: absolute;

    left: -20px;
    top: -30px;

    width: 105px;
    height: 70px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(217, 176, 74, .09),
            transparent 72%
        );

    filter: blur(15px);

    pointer-events: none;
}


/* основная строка */

.crm-login__top-control strong {
    position: relative;
    z-index: 2;

    color: #eee4c7;

    font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    font-size: 8px;
    font-weight: 750;
    line-height: 1;

    letter-spacing: .16em;

    white-space: nowrap;
}


/* нижняя строка */

.crm-login__top-control small {
    position: relative;
    z-index: 2;

    display: block;

    margin-top: 5px;

    color: rgba(215, 204, 169, .36);

    font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    font-size: 5px;
    font-weight: 700;
    line-height: 1;

    letter-spacing: .24em;

    white-space: nowrap;
}


/* брендовая кнопка не отличается геометрией */

.crm-login__top-control--brand strong {
    color: #e9d9aa;
}


/* ============================================================
   HOVER — ОДИНАКОВАЯ ФИЗИКА
   ============================================================ */

.crm-login__top-control:hover {
    transform:
        translateY(-2px)
        scale(1.012);

    border-color:
        rgba(224, 184, 84, .43);

    background:
        radial-gradient(
            145px 60px at 18% 0%,
            rgba(232, 197, 105, .135),
            transparent 70%
        ),
        linear-gradient(
            145deg,
            rgba(41, 48, 34, .97),
            rgba(21, 29, 21, .97)
        );

    box-shadow:
        inset 0 1px 0 rgba(255, 243, 203, .09),
        0 11px 30px rgba(0, 0, 0, .21),
        0 0 30px rgba(202, 157, 45, .045);
}

.crm-login__top-control:hover strong {
    color: #f3e8c8;
}


/* keyboard */

.crm-login__top-control:focus-visible {
    outline:
        1px solid
        rgba(231, 194, 98, .68);

    outline-offset: 3px;
}


/* ============================================================
   OLD HEADER ELEMENTS — LOGIN ONLY
   ============================================================ */

body.login #branding,
body.login #site-name,
body.login #user-tools,
body.login #nav-global {
    display: none !important;
}


/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (max-width: 900px) {

    .crm-login__top-controls {
        top: 12px;
        left: 12px;
        right: 12px;

        gap: 6px;
    }

    .crm-login__top-control {
        width: auto;
        flex: 1 1 0;
    }
}


/* YETI³ LOGIN — TOP CONTROLS POSITION TUNING */

.crm-login__top-controls {
    top: 25px !important;
    left: 30px !important;
}

@media (max-width: 900px) {
    .crm-login__top-controls {
        top: 18px !important;
        left: 18px !important;
        right: 18px !important;
    }
}

/* YETI³ LOGIN — TOP CONTROLS POSITION TUNING V14 */

.crm-login__top-controls {
    top: 37px !important;
    left: 30px !important;
}

@media (max-width: 900px) {
    .crm-login__top-controls {
        top: 28px !important;
        left: 18px !important;
        right: 18px !important;
    }
}

/* YETI³ LOGIN — FINAL POSITION V15 */

.crm-login__top-controls {
    top: 37px !important;
    left: 33px !important;
}


/* ============================================================
   YETI³ LOGIN — GOLDEN RATIO COMPOSITION V16
   φ = 1.61803398875
   ============================================================ */

body.login {
    --phi: 1.618;
    --phi-inv: .618;
    --phi-minor: .382;

    --gold-unit: 13px;
    --gold-gap-xs: calc(var(--gold-unit) * .618);
    --gold-gap-sm: var(--gold-unit);
    --gold-gap-md: calc(var(--gold-unit) * 1.618);
    --gold-gap-lg: calc(var(--gold-unit) * 2.618);
}


/* ============================================================
   SHELL
   ============================================================ */

body.login .crm-login__shell {
    position: relative;

    /* 61.8 / 38.2 — визуальное деление композиции */
    grid-template-columns:
        minmax(0, 61.8%)
        minmax(0, 38.2%) !important;
}


/* ============================================================
   TOP CONTROLS
   ============================================================ */

.crm-login__top-controls {
    top: 39px !important;
    left: 34px !important;

    gap: 8px !important;
}


/* ширина кнопок через φ */

.crm-login__top-control {
    width: 184px !important;
    height: 47px !important;

    padding:
        9px
        15px !important;

    border-radius: 11px !important;
}


/* брендовая кнопка чуть длиннее по золотой пропорции */

.crm-login__top-control--brand {
    width: 198px !important;
}


/* ============================================================
   LEFT BRAND
   ============================================================ */

.yeti-engine-admin-brand--v7 {
    width: min(78%, 480px);

    /* центр блока около 38.2% по вертикали */
    transform:
        translateY(-6px);
}


/* отступы между уровнями бренда */

.yeti-admin-v7__kicker {
    margin-bottom: 21px !important;
}

.yeti-admin-v7__rule {
    width: 210px !important;

    margin-top: 34px !important;
    margin-bottom: 21px !important;
}

.yeti-admin-v7__meta {
    margin-top: 13px !important;
}


/* ============================================================
   RIGHT ACCESS PANEL
   ============================================================ */

body.login .crm-login__access {
    padding:
        34px
        42px
        34px !important;
}


/* заголовочная группа */

body.login .crm-login__access > header {
    margin-bottom: 34px !important;
}

body.login .crm-login__access > header h1 {
    margin-top: 13px !important;
    margin-bottom: 8px !important;
}

body.login .crm-login__access > header p {
    margin-top: 0 !important;
}


/* ============================================================
   FORM
   ============================================================ */

body.login #login-form {
    display: grid;

    gap: 21px !important;
}


/* поля */

body.login .crm-login__field {
    gap: 8px !important;
}


/* расстояние между label и input */

body.login .crm-login__field > span {
    margin-bottom: 8px !important;
}


/* ============================================================
   BUTTON
   ============================================================ */

body.login #login-form .submit-row,
body.login #login-form .crm-login__submit {
    margin-top: 13px !important;
}


/* ============================================================
   BOTTOM SIGNATURE
   ============================================================ */

.crm-login__signature {
    bottom: 21px !important;
}


/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (max-width: 1100px) {

    body.login .crm-login__shell {
        grid-template-columns:
            minmax(0, 55%)
            minmax(0, 45%) !important;
    }

    .crm-login__top-controls {
        top: 34px !important;
        left: 29px !important;
    }
}


@media (max-width: 900px) {

    body.login .crm-login__shell {
        display: block !important;
    }

    .crm-login__top-controls {
        top: 21px !important;
        left: 21px !important;
        right: 21px !important;
    }

    .crm-login__top-control,
    .crm-login__top-control--brand {
        width: auto !important;
    }
}


/* ============================================================
   YETI³ LOGIN — REMOVE BLACK TOP STRIP V17
   ============================================================ */

html,
body.login {
    background: #111811 !important;
}

body.login #container,
body.login #main,
body.login #content,
body.login .crm-login__shell {
    background:
        radial-gradient(
            900px 520px at 24% 24%,
            rgba(194,157,63,.045),
            transparent 66%
        ),
        linear-gradient(
            135deg,
            #172017 0%,
            #111811 46%,
            #0e150f 100%
        ) !important;
}

/* штатная верхняя зона Django полностью растворяется */
body.login #header,
body.login #branding,
body.login #site-name,
body.login #user-tools,
body.login #nav-global {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* если полосу рисует псевдоэлемент */
body.login #container::before,
body.login #container::after,
body.login #main::before,
body.login #main::after,
body.login .crm-login__shell::before,
body.login .crm-login__shell::after {
    background: transparent !important;
    box-shadow: none !important;
}

/* убираем возможную высоту старого header */
body.login #header {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* контент не должен резервировать место под header */
body.login #container,
body.login #main,
body.login #content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}