.compact-admin-hero.compact-admin-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    box-sizing: border-box;
    height: 140px;
    min-height: 0;
    max-height: 150px;
    padding: 20px clamp(24px, 7vw, 110px);
    align-items: center;
    background: linear-gradient(115deg, #321522, #711a38 72%, #85405a);
}

.compact-admin-hero.compact-admin-hero .compact-hero-copy {
    position: relative;
    min-width: 0;
    max-width: calc(100% - 45px);
    z-index: 1;
    animation: none;
}

.compact-admin-hero.compact-admin-hero .eyebrow {
    margin: 0 0 9px;
    font-size: 9px;
    line-height: 1.3;
    letter-spacing: .2em;
}

.compact-admin-hero.compact-admin-hero h1 {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: clamp(25px, 3vw, 34px);
    line-height: 1.12;
    animation: none;
}

.compact-admin-hero.compact-admin-hero p:not(.eyebrow) {
    display: block;
    margin: 9px 0 0;
    max-width: 430px;
    font-size: 12px;
    line-height: 1.45;
    color: #eed6d9;
}

.compact-admin-hero.compact-admin-hero::before {
    width: 190px;
    height: 190px;
    top: -90px;
    right: 8%;
    border-color: #e8be7966;
    border-radius: 42% 58% 61% 39%;
    box-shadow: 0 0 0 15px #edc28c09, 0 0 0 30px #edc28c07;
    animation: compact-hero-orbit 16s ease-in-out infinite;
}

.compact-admin-hero.compact-admin-hero::after {
    width: 95px;
    height: 95px;
    right: 24%;
    bottom: -49px;
    border-color: #f3b8ab55;
    background: radial-gradient(circle at 30% 30%, #f3b8ab15, transparent 70%);
    animation: compact-hero-float 11s ease-in-out infinite;
}

.compact-admin-hero.compact-admin-hero > .compact-hero-gem {
    display: block;
    position: absolute;
    right: 5%;
    top: 57px;
    width: 35px;
    height: 35px;
    border: 1px solid #efd3a078;
    border-radius: 8px;
    background: linear-gradient(135deg, #ebbb7422, #f3b8ab05);
    pointer-events: none;
    animation: compact-hero-gem 13s ease-in-out infinite;
}

@keyframes compact-hero-orbit {
    0%, 100% { transform: rotate(18deg) translateY(0); }
    50% { transform: rotate(38deg) translateY(10px); }
}
@keyframes compact-hero-float {
    0%, 100% { transform: translate(0, 0); }
    50% { transform: translate(-12px, -12px); }
}
@keyframes compact-hero-gem {
    0%, 100% { transform: rotate(35deg) translateY(0); }
    50% { transform: rotate(55deg) translateY(-8px); }
}

@media (max-width: 600px) {
    .compact-admin-hero.compact-admin-hero { height: 140px; padding: 18px 24px; }
    .compact-admin-hero.compact-admin-hero .compact-hero-copy { max-width: 260px; }
    .compact-admin-hero.compact-admin-hero p:not(.eyebrow) { max-width: 225px; font-size: 11px; }
    .compact-admin-hero.compact-admin-hero::before { right: -115px; opacity: .65; }
    .compact-admin-hero.compact-admin-hero::after { right: -30px; }
    .compact-admin-hero.compact-admin-hero > .compact-hero-gem { right: 14px; width: 22px; height: 22px; opacity: .55; }
}

@media (prefers-reduced-motion: reduce) {
    .compact-admin-hero.compact-admin-hero::before,
    .compact-admin-hero.compact-admin-hero::after,
    .compact-admin-hero.compact-admin-hero > .compact-hero-gem { animation: none; }
}

.compact-admin-hero.compact-admin-hero::before,
.compact-admin-hero.compact-admin-hero::after { content: ""; position: absolute; z-index: -1; pointer-events: none; border-style: solid; border-width: 1px; }
.compact-admin-hero.compact-admin-hero::after { border-radius: 50%; }