/* =========================================================
   TERRA ICON — точки входа в «Предчувствие» (Этап D)
   ========================================================= */

.intuition-entry {
    --entry-violet: #9b5cff;
    --entry-rose: #ff67b0;

    position: relative;
    isolation: isolate;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 22px;
    align-items: center;
    min-width: 0;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--color-accent) 40%, transparent);
    border-radius: 24px;
    color: var(--color-text-primary);
    background:
        radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--entry-violet) 18%, transparent), transparent 34%),
        radial-gradient(circle at 88% 116%, color-mix(in srgb, var(--entry-rose) 14%, transparent), transparent 34%),
        linear-gradient(145deg, color-mix(in srgb, var(--color-surface) 96%, transparent), color-mix(in srgb, var(--color-bg-page) 96%, transparent));
    box-shadow: 0 20px 55px rgba(0, 0, 0, .2), inset 0 1px 0 color-mix(in srgb, var(--color-text-primary) 5%, transparent);
}

.intuition-entry--catalog {
    margin: 0 0 18px;
    padding: clamp(20px, 3.4vw, 32px);
}

.intuition-entry--dashboard {
    min-height: 100%;
    padding: 22px;
}

.intuition-entry__content,
.intuition-entry__action {
    position: relative;
    z-index: 2;
    min-width: 0;
}

.intuition-entry__kicker {
    margin: 0 0 7px;
    color: var(--color-accent-text-strong);
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.intuition-entry__heading {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 14px;
    align-items: center;
}

.intuition-entry__heading h2 {
    margin: 0;
    font-family: var(--font-display);
    font-size: clamp(34px, 5vw, 52px);
    font-weight: 500;
    line-height: 1;
}

.intuition-entry--dashboard .intuition-entry__heading h2 {
    font-size: clamp(31px, 4vw, 42px);
}

.intuition-entry__status {
    display: inline-flex;
    gap: 7px;
    align-items: center;
    max-width: 100%;
    padding: 7px 10px;
    border: 1px solid var(--color-border);
    border-radius: 999px;
    color: var(--color-text-secondary);
    background: var(--color-surface-glass-medium);
    font-size: 11px;
    font-weight: 750;
    line-height: 1.2;
}

.intuition-entry__status i {
    flex: 0 0 auto;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--color-accent);
    box-shadow: 0 0 0 5px color-mix(in srgb, var(--color-accent) 12%, transparent);
}

.intuition-entry--open .intuition-entry__status i,
.intuition-entry--draft .intuition-entry__status i {
    background: #f4bd55;
    animation: intuition-entry-pulse 2.8s ease-in-out infinite;
}

.intuition-entry--complete .intuition-entry__status i {
    background: #62d99a;
    box-shadow: 0 0 0 5px rgba(98, 217, 154, .13);
}

.intuition-entry--closed .intuition-entry__status i {
    background: var(--color-text-muted);
    box-shadow: 0 0 0 5px color-mix(in srgb, var(--color-text-muted) 12%, transparent);
}

.intuition-entry__text {
    max-width: 650px;
    margin: 10px 0 0;
    color: var(--color-text-secondary);
    font-size: 14px;
    line-height: 1.55;
}

.intuition-entry__facts {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 15px;
}

.intuition-entry__facts > span {
    display: inline-flex;
    min-height: 31px;
    align-items: center;
    padding: 6px 10px;
    border: 1px solid var(--color-border-subtle);
    border-radius: 999px;
    color: var(--color-text-secondary);
    background: var(--color-surface-glass);
    font-size: 11px;
    line-height: 1.25;
}

.intuition-entry__facts strong {
    color: var(--color-text-primary);
}

.intuition-entry__action .btn {
    display: inline-flex;
    gap: 12px;
    align-items: center;
    justify-content: center;
    min-width: 200px;
    min-height: 52px;
}

.intuition-entry--dashboard .intuition-entry__action .btn {
    width: 100%;
    min-width: 0;
}

.intuition-entry__orbit {
    position: absolute;
    z-index: 0;
    border: 1px solid color-mix(in srgb, var(--entry-violet) 34%, transparent);
    border-radius: 50%;
    pointer-events: none;
    animation: intuition-entry-breathe 7s ease-in-out infinite;
}

.intuition-entry__orbit--one {
    top: -88px;
    right: 12%;
    width: 210px;
    height: 210px;
}

.intuition-entry__orbit--two {
    right: -40px;
    bottom: -110px;
    width: 240px;
    height: 240px;
    border-color: color-mix(in srgb, var(--entry-rose) 26%, transparent);
    animation-delay: -3.4s;
}

.intuition-entry__spark {
    position: absolute;
    z-index: 1;
    top: 20px;
    right: 24px;
    color: color-mix(in srgb, var(--color-accent-highlight) 72%, transparent);
    font-size: 20px;
    line-height: 1;
    text-shadow: 0 0 18px color-mix(in srgb, var(--entry-rose) 42%, transparent);
    pointer-events: none;
}

@keyframes intuition-entry-breathe {
    0%, 100% { opacity: .45; transform: scale(.96); }
    50% { opacity: .9; transform: scale(1.04); }
}

@keyframes intuition-entry-pulse {
    0%, 100% { box-shadow: 0 0 0 4px rgba(244, 189, 85, .1); }
    50% { box-shadow: 0 0 0 8px rgba(244, 189, 85, .02), 0 0 18px rgba(244, 189, 85, .3); }
}

@media (max-width: 760px) {
    .intuition-entry {
        grid-template-columns: minmax(0, 1fr);
        gap: 18px;
    }

    .intuition-entry--catalog,
    .intuition-entry--dashboard {
        padding: 20px;
        border-radius: 20px;
    }

    .intuition-entry__action .btn {
        width: 100%;
        min-width: 0;
    }
}

@media (max-width: 430px) {
    .intuition-entry__heading {
        display: grid;
        justify-items: start;
    }

    .intuition-entry__heading h2,
    .intuition-entry--dashboard .intuition-entry__heading h2 {
        font-size: 34px;
    }

    .intuition-entry__facts {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    .intuition-entry__facts > span {
        width: fit-content;
    }

    .intuition-entry__spark {
        top: 16px;
        right: 17px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .intuition-entry__orbit,
    .intuition-entry__status i {
        animation: none;
    }
}

/* Dashboard: inactive intuition is a quiet status card, not a full feature hero. */
.dashboard-feature-grid--intuition-only.is-passive .intuition-entry--dashboard {
    min-height: 0;
    gap: 14px;
    padding: 18px 20px;
    border-radius: 20px;
    box-shadow: 0 14px 38px rgba(0, 0, 0, .16), inset 0 1px 0 color-mix(in srgb, var(--color-text-primary) 4%, transparent);
}

.dashboard-feature-grid--intuition-only.is-passive .intuition-entry__kicker {
    margin-bottom: 5px;
    font-size: 9px;
    letter-spacing: .14em;
}

.dashboard-feature-grid--intuition-only.is-passive .intuition-entry__heading {
    gap: 8px 12px;
}

.dashboard-feature-grid--intuition-only.is-passive .intuition-entry__heading h2 {
    font-size: clamp(29px, 6vw, 36px);
}

.dashboard-feature-grid--intuition-only.is-passive .intuition-entry__status {
    padding: 6px 9px;
    font-size: 10px;
}

.dashboard-feature-grid--intuition-only.is-passive .intuition-entry__text {
    margin-top: 8px;
    font-size: 13px;
    line-height: 1.45;
}

.dashboard-feature-grid--intuition-only.is-passive .intuition-entry__action .btn {
    min-height: 44px;
    padding-block: 9px;
}

.dashboard-feature-grid--intuition-only.is-passive .intuition-entry__orbit,
.dashboard-feature-grid--intuition-only.is-passive .intuition-entry__spark {
    opacity: .38;
    animation: none;
}

@media (max-width: 760px) {
    .dashboard-feature-grid--intuition-only.is-passive .intuition-entry--dashboard {
        gap: 12px;
        padding: 17px;
    }

    .dashboard-feature-grid--intuition-only.is-passive .intuition-entry__action .btn {
        min-height: 44px;
    }
}

@media (max-width: 430px) {
    .dashboard-feature-grid--intuition-only.is-passive .intuition-entry__heading h2 {
        font-size: 30px;
    }

    .dashboard-feature-grid--intuition-only.is-passive .intuition-entry__status {
        max-width: 100%;
    }
}

/* =========================================================
   Dashboard refresh: animated spirit mist + compact mobile action
   ========================================================= */

.intuition-entry__mobile-arrow {
    display: none;
}

/* Dark, premium base close to the reference: warm gold edge, black glass center. */
.intuition-entry--dashboard {
    border-color: rgba(231, 190, 101, .48);
    background:
        radial-gradient(circle at 8% 8%, rgba(238, 198, 111, .12), transparent 34%),
        radial-gradient(circle at 96% 82%, rgba(229, 174, 69, .12), transparent 30%),
        linear-gradient(145deg, rgba(30, 29, 27, .98), rgba(13, 13, 13, .99) 56%, rgba(27, 23, 17, .98));
    box-shadow:
        0 18px 44px rgba(0, 0, 0, .34),
        inset 0 1px 0 rgba(255, 244, 214, .08),
        inset 0 0 38px rgba(214, 174, 87, .04);
}

.intuition-entry--dashboard .intuition-entry__kicker {
    color: #e7c477;
    text-shadow: 0 0 16px rgba(230, 188, 97, .12);
}

.intuition-entry--dashboard .intuition-entry__heading h2 {
    color: #f5f0e6;
    text-shadow: 0 3px 20px rgba(0, 0, 0, .34);
}

.intuition-entry--dashboard .intuition-entry__status {
    border-color: rgba(222, 183, 93, .26);
    color: rgba(231, 211, 173, .76);
    background: rgba(38, 32, 24, .56);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
}

.intuition-entry--dashboard .intuition-entry__status i {
    background: #d99a32;
    box-shadow:
        0 0 0 5px rgba(217, 154, 50, .1),
        0 0 12px rgba(217, 154, 50, .28);
}

/* Two large semi-transparent smoke canvases slide across the card in opposite phases. */
.intuition-entry--dashboard::before,
.intuition-entry--dashboard::after {
    content: "";
    position: absolute;
    z-index: 0;
    top: -10%;
    bottom: -10%;
    width: 190%;
    pointer-events: none;
    background-image: url('../images/intuition-mist.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    mix-blend-mode: screen;
    will-change: transform, opacity;
}

.intuition-entry--dashboard::before {
    left: -78%;
    opacity: .62;
    filter: blur(.2px) contrast(1.08);
    animation: intuition-entry-mist-flow-a 27s ease-in-out infinite alternate;
}

.intuition-entry--dashboard::after {
    left: -34%;
    opacity: .34;
    filter: blur(3px) contrast(1.08);
    transform: scaleY(-1) scale(1.05);
    animation: intuition-entry-mist-flow-b 34s ease-in-out infinite alternate;
}

/* Keep text and controls in front of the moving vapor. */
.intuition-entry--dashboard .intuition-entry__content,
.intuition-entry--dashboard .intuition-entry__action {
    z-index: 3;
}

/* Existing decorative circles become almost invisible; the smoke is now the main visual. */
.intuition-entry--dashboard .intuition-entry__orbit {
    z-index: 1;
    opacity: .10;
    border-color: rgba(231, 190, 101, .22);
}

.intuition-entry--dashboard .intuition-entry__spark {
    z-index: 2;
    color: rgba(239, 202, 123, .58);
    text-shadow: 0 0 17px rgba(239, 202, 123, .26);
}

@keyframes intuition-entry-mist-flow-a {
    0% {
        transform: translate3d(-4%, 1%, 0) scale(1.03);
        opacity: .58;
    }
    28% {
        transform: translate3d(7%, -2%, 0) scale(1.08);
        opacity: .82;
    }
    63% {
        transform: translate3d(18%, 2%, 0) scale(1.02);
        opacity: .70;
    }
    100% {
        transform: translate3d(30%, -1%, 0) scale(1.09);
        opacity: .80;
    }
}

@keyframes intuition-entry-mist-flow-b {
    0% {
        transform: translate3d(18%, -1%, 0) scaleY(-1) scale(1.04);
        opacity: .33;
    }
    45% {
        transform: translate3d(6%, 3%, 0) scaleY(-1) scale(1.12);
        opacity: .54;
    }
    100% {
        transform: translate3d(-9%, -2%, 0) scaleY(-1) scale(1.06);
        opacity: .42;
    }
}

@media (max-width: 760px) {
    .intuition-entry--dashboard {
        gap: 10px;
        min-height: 248px;
        padding: 22px 20px 20px;
        border-radius: 24px;
    }

    .intuition-entry--dashboard .intuition-entry__kicker {
        margin-bottom: 12px;
        font-size: 10px;
        letter-spacing: .20em;
    }

    .intuition-entry--dashboard .intuition-entry__heading {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 58px;
        gap: 18px 12px;
        align-items: center;
    }

    .intuition-entry--dashboard .intuition-entry__heading h2 {
        grid-column: 1;
        grid-row: 1;
        min-width: 0;
        font-size: clamp(29px, 8.2vw, 35px);
        line-height: .96;
        letter-spacing: -.035em;
        white-space: nowrap;
        overflow-wrap: normal;
        word-break: normal;
    }

    .intuition-entry--dashboard .intuition-entry__mobile-arrow {
        grid-column: 2;
        grid-row: 1;
        display: grid;
        place-items: center;
        justify-self: end;
        width: 58px;
        height: 58px;
        border: 1px solid rgba(229, 185, 89, .56);
        border-radius: 50%;
        color: #edc46c;
        background:
            radial-gradient(circle at 32% 28%, rgba(255, 232, 180, .10), transparent 42%),
            rgba(45, 37, 25, .72);
        box-shadow:
            inset 0 1px 0 rgba(255, 247, 222, .10),
            0 9px 24px rgba(0, 0, 0, .25),
            0 0 18px rgba(212, 164, 64, .08);
        font-size: 33px;
        font-weight: 300;
        line-height: 1;
        text-decoration: none;
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
        transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
    }

    .intuition-entry--dashboard .intuition-entry__mobile-arrow:hover,
    .intuition-entry--dashboard .intuition-entry__mobile-arrow:focus-visible {
        transform: translateX(2px);
        border-color: rgba(236, 196, 108, .82);
        background-color: rgba(55, 44, 28, .82);
    }

    .intuition-entry--dashboard .intuition-entry__status {
        grid-column: 1 / -1;
        grid-row: 2;
        width: fit-content;
        min-height: 36px;
        padding: 7px 12px;
        font-size: 12px;
    }

    .intuition-entry--dashboard .intuition-entry__action {
        display: none;
    }

    /* On phones the smoke is intentionally strong and occupies the whole card. */
    .intuition-entry--dashboard::before,
    .intuition-entry--dashboard::after {
        top: -6%;
        bottom: -8%;
        width: 225%;
        background-size: 100% 100%;
    }

    .intuition-entry--dashboard::before {
        left: -98%;
        opacity: .70;
        filter: blur(0) contrast(1.12);
        animation-duration: 25s;
    }

    .intuition-entry--dashboard::after {
        left: -47%;
        opacity: .40;
        filter: blur(2px) contrast(1.1);
        animation-duration: 32s;
    }
}

@media (max-width: 430px) {
    .intuition-entry--dashboard {
        min-height: 238px;
        padding: 20px 18px 18px;
    }

    .intuition-entry--dashboard .intuition-entry__heading {
        grid-template-columns: minmax(0, 1fr) 54px;
        gap: 18px 10px;
        justify-items: stretch;
    }

    .intuition-entry--dashboard .intuition-entry__heading h2 {
        font-size: clamp(28px, 8vw, 34px);
    }

    .intuition-entry--dashboard .intuition-entry__mobile-arrow {
        width: 54px;
        height: 54px;
        font-size: 31px;
        justify-self: end;
    }
}

@media (prefers-reduced-motion: reduce) {
    .intuition-entry--dashboard::before,
    .intuition-entry--dashboard::after {
        animation: none;
    }

    .intuition-entry--dashboard::before {
        transform: translate3d(12%, 0, 0) scale(1.05);
        opacity: .72;
    }

    .intuition-entry--dashboard::after {
        transform: translate3d(0, 0, 0) scaleY(-1) scale(1.06);
        opacity: .40;
    }
}