section.ideas{
    display: flex;
    gap: 5px;
    flex-direction: column;
    padding: 5px;
    max-height: 100%;
    overflow: auto;
}

section.ideas > .ideas-empty{
    min-height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #7c7c7c;
    font-size: 13px;
    text-align: center;
}

.ideas-tournament{
    order: -4;
    flex: 0 0 auto;
    position: relative;
    overflow: hidden;
    padding: 10px 0px 28px 0px;
    
}

.ideas-tournament .it-head{
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.ideas-tournament .it-title{
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.ideas-tournament .it-title b{
    display: block;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
}

.ideas-tournament .it-title span:not(.it-cup){
    display: block;
    color: #85888C;
    font-size: 10px;
    font-weight: 400;
}

.ideas-tournament .it-cup{
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    background-image: url(/imgs/icons/cup-mini.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;

}



.ideas-tournament .it-race{
    --count: 5;
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(var(--count), minmax(0, 1fr));
    gap: 4px;
    margin-top: 5px;
    padding-top: 15px;
}

.ideas-tournament .it-race::before{
    content: "";
    position: absolute;
    left: 14px;
    right: 14px;
    top: 32px;
    height: 2px;
    border-radius: 2px;
    background: #2e2e2e;
}

.ideas-tournament .it-runner{
    position: relative;
    display: flex;
    min-width: 0;
    align-items: center;
    flex-direction: column;
    text-align: center;
    cursor: pointer;
}

.ideas-tournament .it-runner:hover b,
.ideas-tournament .it-runner:focus-visible b{
    color: #fff;
}

.ideas-tournament .it-runner:focus-visible{
    outline: none;
}

.ideas-tournament .it-photo.user-photo{
    z-index: 1;
    width: 36px;
    height: 36px;
    --user-photo-ring: 2px;
    --user-photo-gap: 2px;
    --user-rank-badge-size: 0;
}

.ideas-tournament .it-runner[data-leader="1"] .it-photo.user-photo{
    box-shadow: 0 0 0 1px rgba(103, 152, 255, .9), 0 0 18px rgba(103, 152, 255, .55);
}

.ideas-tournament .it-rank{
    position: absolute;
    top: -5px;
    margin-left: -20px;
    z-index: 2;
    width: 17px;
    height: 17px;
    padding: 0 4px;
    border: 1px solid rgba(103, 152, 255, .35);
    border-radius: 999px;
    background: #151923;
    color: #fff;
    font-size: 10px;
    font-weight: 800;
}

.ideas-tournament .it-runner b{
    max-width: 100%;
    margin-top: 2px;
    overflow: hidden;
    color: #767676;
    font-size: 10px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ideas-tournament .it-runner em{
    color: #F8273D;
    font-size: 10px;
    font-style: normal;
    font-weight: 800;
}

.ideas-tournament .it-runner em[data-positive="true"]{
    color: #0AD2A6;
}

.ideas-tournament .it-body{
    display: flex;
    gap: 2px;
    cursor: pointer;
}

.ideas-tournament .it-body > div:nth-child(1){
    flex: 1;
}

.ideas-tournament .it-body > div.prize{
    flex: 0 0 50px;
    background-image: url(/imgs/icons/prize.png);
    background-size: 40px;
    background-position: left 50% top 15px;
    background-repeat: no-repeat;
    padding-top: 55px;
    color: #f5f5f5;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
}

.ideas-tournament .it-body > div.prize:hover{
    color: #33d27a;
}

.ideas-tournament .it-body > div.prize:focus-visible{
    outline: 1px solid #6798ff;
    outline-offset: 3px;
    border-radius: 8px;
}

.ideas-tournament .it-body > div.prize > span{
    font-size: 8px;
    display: block;
}
.ideas-tournament .it-body > div.prize > div{
    font-size: 10px;
    color: #767676;
    display: block;
}

.ideas-tournament .it-title .timer{
    position: absolute;
    top: 5px;
    right: 0;
    font-size: 9px;
    color: #fff;
    padding: 2px 5px;
    border: 1px solid #767676;
    border-radius: 6px;
    background-color: #767676;
}

.ideas-tournament .it-runner i{
    max-width: 100%;
    margin-top: 2px;
    overflow: hidden;
    color: #7c8bab;
    font-size: 9px;
    font-style: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ideas-tournament .it-runner[data-leader="1"] i{
    color: #6798ff;
    font-weight: 700;
}

.ideas-tournament .it-empty{
    grid-column: 1 / -1;
    padding: 12px 4px 3px;
    color: #a7a7a7;
    font-size: 11px;
}

.rally-modal-overlay{
    z-index: 2060;
}

.rally-modal{
    width: min(460px, 96vw);
}

.rally-modal .rally-modal-hero{
    background-image: url(/imgs/rally.png);
    background-position: center 44%;
}

.rally-modal-prize{
    display: grid;
    gap: 3px;
    margin: -4px 0 14px;
    padding: 12px;
    border: 1px solid rgba(255, 202, 68, .28);
    border-radius: 12px;
    background: rgba(255, 202, 68, .08);
    text-align: center;
}

.rally-modal-prize span{
    color: #a7a7a7;
    font-size: 11px;
}

.rally-modal-prize b{
    color: #ffffff;
    font-size: 22px;
}

.rally-modal-prize em{
    color: #ffc94a;
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
}

.rally-modal-rules p:nth-child(1)::before{ background-image: url(/imgs/gift-box-with-a-bow.png); }
.rally-modal-rules p:nth-child(2)::before{ background-image: url(/imgs/icons/cup-mini.png); }
.rally-modal-rules p:nth-child(3)::before{ background-image: url(/imgs/icons/r30.png); }
.rally-modal-rules p:nth-child(4)::before{ background-image: url(/imgs/icons/rocket.svg); }
.rally-modal-rules p:nth-child(5)::before{ background-image: url(/imgs/icons/clock.svg); }

.rally-modal-section-title{
    margin: 2px 0 8px;
    color: #ffffff;
    font-size: 13px;
    font-weight: 800;
}

.rally-modal-sponsors{
    display: grid;
    gap: 8px;
    margin: 0 0 12px;
}

.rally-sponsor{
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    min-height: 56px;
    padding: 8px;
    border: 1px solid #313131;
    border-radius: 12px;
    background: #0b0b0d;
    color: inherit;
    text-decoration: none;
}

a.rally-sponsor:hover{
    border-color: rgba(103, 152, 255, .52);
}

.rally-sponsor-logo{
    width: 42px;
    height: 42px;
    border-radius: 10px;
    background: #202020 center / cover no-repeat;
}

.rally-sponsor-info{
    display: grid;
    gap: 2px;
    min-width: 0;
}

.rally-sponsor-info b{
    overflow: hidden;
    color: #ffffff;
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rally-sponsor-info em{
    overflow: hidden;
    color: #85888c;
    font-size: 11px;
    font-style: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rally-sponsor strong{
    color: #33d27a;
    font-size: 12px;
    white-space: nowrap;
}

.rally-modal-note a{
    color: #ffffff;
    font-weight: 800;
    text-decoration: none;
}

.idea-card{
    flex: 0 0 auto;
    background-color: #121214;
    border: 1px solid transparent;
    border-radius: 8px;
    padding: 8px 8px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    cursor: pointer;
    position: relative;
}

.idea-card[data-vip="1"]{
    order: -2;
    background: linear-gradient(180deg, rgba(245, 190, 77, .055), rgba(18, 18, 20, 0) 42%), #121214;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .16);
}

.idea-card[data-new="1"]::after{
    content: attr(data-new-label);
    position: absolute;
    top: 4px;
    left: 12px;
    z-index: 8;
    padding: 1px 6px 2px;
    border-radius: 8px;
    background-color: #7A59FF;
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    box-shadow: 0 0 0 2px #121214;
    pointer-events: none;
}

.idea-card:hover{
    background-color: #272729;

}

.idea-card[data-selected]{
    background-color: #272729;
    /*outline: 1px solid #FFE400;*/
}

.idea-card[data-selected] .symbol,
.idea-card[data-selected] .status > div{
    background-color: #19191A;
}

.idea-card:hover .symbol,
.idea-card:hover .status > div{
    background-color: #19191A;
}

.idea-card .head{
    display: flex;
    gap: 10px;
    align-items: center;
}



.idea-card .head > .user-photo{
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    --user-photo-ring: 2px;
    --user-photo-gap: 2px;
    --user-rank-badge-size: 16px;
    --user-rank-badge-offset: -4px;
}

.idea-card .head > .user-photo::after{
    font-size: 12px;
}

.idea-card .head > .user-name{
    flex: 1 1 auto;
    text-align: left;
}

.idea-card .head > .user-name > div:nth-child(1){
    font-size: 12px;
    font-weight: 400;
}

.idea-card .user-title{
    display: flex;
    align-items: center;
    gap: 5px;
    min-width: 0;
}

.idea-card .user-title > span:first-child{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.idea-card .vip-idea-label{
    width: fit-content;
    max-width: 100%;
    margin-top: 3px;
    padding: 2px 7px 2px 22px;
    position: relative;
    border: 1px solid rgba(245, 190, 77, .72);
    border-radius: 6px;
    background: rgba(245, 190, 77, .08);
    color: #f5be4d;
    font-size: 10px;
    font-weight: 700;
    white-space: nowrap;
}

.idea-card .vip-idea-label i{
    position: absolute;
    left: 6px;
    top: 50%;
    width: 13px;
    height: 13px;
    transform: translateY(-50%);
    background: url("/imgs/vipdm.png") 50% / contain no-repeat;
}

.idea-card .head > .user-name > div:nth-child(2){
    font-size: 10px;
    font-weight: 400;
    color: #f5be4d;
}

.idea-card .head > .user-name > .vip-idea-label{
    color: #f5be4d;
    font-weight: 700;
}

.idea-card .user-meta{
    display: flex;
    align-items: center;
    gap: 5px;
    min-width: 0;
    display: none;
}

.idea-card .user-stats{
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.idea-card .user-stats b.rat-positive{
    color: #16C784;
}

.idea-card .user-stats b.rat-negative{
    color: #EA364F;
}

.idea-card .user-stats b.rat-neutral{
    color: inherit;
}

.idea-card .idea-mark-slot{
    display: inline-flex;
    flex: 0 0 auto;
}

.idea-card .idea-mark{
    display: inline-flex;
    align-items: center;
    gap: 3px;
    height: 16px;
    padding: 0 6px;
    border-radius: 8px;
    font-size: 8px;
    font-weight: 700;
    white-space: nowrap;
}

.idea-card .idea-mark.caution{
    position: relative;
    justify-content: center;
    width: 12px;
    height: 12px;
    padding: 0;
    background: transparent;
    background-image: url("/imgs/caution.png");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
}

.idea-card .idea-mark.premium{
    background: rgba(11, 125, 255, .14);
    color: #7DB8FF;
}

.idea-card .idea-mark.private{
    position: relative;
    justify-content: center;
    width: 12px;
    height: 12px;
    padding: 0;
    background: transparent;
    background-image: url("/imgs/private.png");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
}

@media (hover: hover) and (pointer: fine){
    .idea-card .idea-mark.caution:hover::after,
    .idea-card .idea-mark.private:hover::after{
        content: attr(data-tip);
        position: absolute;
        left: 100%;
        bottom: 0%;
        z-index: 5;
        padding: 6px 8px;
        border: 1px solid rgba(244, 200, 74, .28);
        border-radius: 8px;
        background: #171719;
        color: #F4C84A;
        font-size: 10px;
        font-weight: 400;
        white-space: nowrap;
        /*transform: translateX(-50%);*/
        pointer-events: none;
    }

    .idea-card .idea-mark.private:hover::after{
        border: 1px solid rgba(20, 180, 244, 0.28);
        color: #4c7efa;
    }
    
}


.idea-card .favourite{
    width: 14px;
    height: 14px;
    background-image: url("/imgs/icons/star.svg");
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: 50%;
    cursor: pointer;
}

.idea-card .favourite:has(input:checked){
    background-image: url("/imgs/icons/star-active.svg");
}

.idea-card .favourite:hover{
    background-image: url("/imgs/icons/star-hover.svg");
}

/* Подписанные идеи закрепляются вверху списка только в главном разделе. */
section.ideas > .idea-card[data-subscribed]{
    order: -1;
}

section.ideas > .idea-card[data-vip="1"]{
    order: -2;
}

.idea-card .vip-locked-card{
    display: none;
}

.idea-card[data-locked-vip="1"] .head,
.idea-card[data-locked-vip="1"] .data{
    filter: blur(4px);
    opacity: .42;
    pointer-events: none;
    user-select: none;
}

.idea-card[data-locked-vip="1"] .vip-locked-card{
    position: absolute;
    inset: 0;
    z-index: 6;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    padding: 12px 10%;
    border-radius: inherit;
    background: rgba(18, 18, 20, .4);
    color: #f5be4d;
    font-size: 12px;
    font-weight: 700;
    text-align: left;
    backdrop-filter: blur(2.5px);
}

.idea-card[data-locked-vip="1"] .vip-locked-card > span > div{
    font-size: 10px;
    color: #fff;
    font-weight: 300;
}

.idea-card .vip-lock-icon{
    flex: 0 0 auto;
    width: 22px;
    height: 22px;
    background: url("/imgs/vipdm.png") 50% / 18px no-repeat;
}

.idea-card .favourite > input{
    display: none;
}

/*
.idea-card .head > .tiker{
    padding: 5px;
    border-radius: 8px;
    color: #101312;
    font-size: 12px;
    font-weight: 600;
}

.idea-card .head > .tiker[data-side="1"]{
    background-color: #87F9C0;

    &::after{
        content: attr(data-side-text);
        font-size: 10px;
    }
}

.idea-card .head > .tiker[data-side="2"]{
    background-color: #EA364F;
}
*/

.idea-card .data{
    display: flex;
    gap: 10px;
    justify-content: space-between;
    align-items: flex-start;
}

.idea-card .data .parameters{
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.idea-card .data .parameters > div{
    font-size: 10px;
    color: var(--tex-secondary-lite);
    font-weight: 500;
}

.idea-card .data .parameters > div[data-ico]{
    padding-left: 16px;
    background-position: top 50% left 0;
    background-repeat: no-repeat;
    background-size: 12px;
}

.idea-card .data .parameters > div[data-ico="calendar"]{
    background-image: url(/imgs/icons/calendar.svg);
}

.idea-card .data .parameters > div[data-ico="clock"]{
    background-image: url(/imgs/icons/clock.svg);
}

.idea-card .data .parameters > div[data-ico="trend"]{
    background-image: url(/imgs/icons/trend.svg);
}

.idea-card .data .parameters > div > span{
    font-size: 11px;
    color: #ceced1;
    font-weight: 500;
}

.idea-card .data .parameters + div{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.idea-card .status > div{
    width: fit-content;
    background-color: #1F2423;
    color: #87F9C0;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    padding: 5px;
    border-radius: 8px;
}

.idea-card .status > div[data-state="waiting"]{
    color: #a9acb8;
}

.idea-card .status > div[data-state="profit"]{
    color: #87F9C0;
}

.idea-card .status > div[data-state="loss"]{
    color: #EA364F;
}

.idea-card .status > div[data-state="win"]{
    background-color: #33A957;
    color: #ffffff;
    span{
        color: #d1ffdd;
    }
}

.idea-card .status > div[data-state="lose"]{
    background-color: #CA2C35;
    color: #ffffff;
    span{
        color: #fdced4;
    }
}



.idea-card .status > div > span{
    display: block;
    font-size: 8px;
    font-weight: 400;
    color: var(--tex-secondary);
}

.idea-card .symbol{
    font-weight: 600;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    padding: 5px;
    border-radius: 8px;
    background-color: #1F2423;
    cursor: pointer;
    overflow: hidden;
}


.idea-card .symbol > img{
    width: 22px;
    height: 22px;
    border-radius: 10px;
}

.idea-card .symbol .side{
    font-size: 7px;
}

.idea-card .symbol .side[data-side="-1"]{
   color: #EA364F;
}

.idea-card .symbol .side[data-side="1"]{
   color: #87F9C0;
}

.idea-card .symbol .timeframe{
    font-size: 10px;
    background-color: #717883;
}

.create-idea span[data-side]{
    background-color: #141414;
    border: 1px solid #313131;
    border-radius: 8px;
    padding: 3px 6px;
    font-size: 10px;
    font-weight: 500;
    color: #a7a7a7;
}

.create-idea span[data-side="1"]{
    border-color: rgba(22, 199, 132, .35);
    background-color: rgba(22, 199, 132, .12);
    color: #16C784;
}

.create-idea span[data-side="2"]{
    border-color: rgba(234, 54, 79, .35);
    background-color: rgba(234, 54, 79, .12);
    color: #EA364F;
}

.create-idea .symbol{
    flex: auto;
    display: flex;
    align-items: center;
    gap: 10px;
}

.create-idea .title h2{
    margin-bottom: 8px;
    font-size: 17px;
    font-weight: 600;
}

.create-idea .title h2 > img{
    width: 24px;
    height: 24px;
    margin-right: 8px;
    border-radius: 50%;
}

.create-idea .title p{
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: #7c7c7c;
    font-size: 11px;
    font-weight: 400;
}

.create-idea .idea-rank-info{
    margin: 0 0 14px;
    padding: 10px;
    border: 1px solid #252525;
    border-radius: 8px;
    background: #0f0f10;
}

.create-idea .idea-rank-line{
    display: flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
    color: #FFFFFF;
    font-size: 12px;
}

.create-idea .idea-rank-line b{
    font-weight: 600;
}

.create-idea .idea-rank-dot{
    flex: 0 0 6px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #6798ff;
}

.create-idea .idea-rank-info[data-state="private"]{ border-color: rgba(103,152,255,.72); }
.create-idea .idea-rank-info[data-state="private"] .idea-rank-dot{ background: #6798ff; }
.create-idea .idea-rank-info[data-state="caution"]{ border-color: rgba(245,166,35,.72); }
.create-idea .idea-rank-info[data-state="caution"] .idea-rank-dot{ background: #f5a623; }
.create-idea .idea-rank-info[data-state="public"] .idea-rank-dot,
.create-idea .idea-rank-info[data-state="premium"] .idea-rank-dot{ background: #16c784; }

.create-idea .idea-publish-limit{
    margin: 0 0 10px;
    padding: 8px 10px;
    border: 1px solid #252525;
    border-radius: 8px;
    background: #101010;
    color: #a7a7a7;
    font-size: 11px;
}

.create-idea .idea-publish-limit b{
    color: #ffffff;
    font-weight: 600;
}

.create-idea .idea-publish-limit[data-state="limit"]{
    border-color: rgba(245,166,35,.55);
    color: #f5a623;
}

/* Лимит исчерпан: счётчик и кнопка добора стоят в одну строку. */
.create-idea .idea-publish-limit:has(.idea-limit-reward){
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.create-idea .idea-limit-reward{
    flex: 0 0 auto;
    padding: 5px 10px;
    border: 1px solid rgba(245,166,35,.55);
    border-radius: 6px;
    background: transparent;
    color: #f5a623;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
}

.create-idea .idea-limit-reward:hover{ background: rgba(245,166,35,.12); }

/* Окно добора публикаций: своя картинка, остальное наследует стиль
   окна премиум-индикаторов. */
.idea-reward .indicator-guide-hero{ height: 180px; }

.idea-reward-copy{
    margin: 0 0 12px;
    padding: 12px;
    border: 1px solid #313131;
    border-radius: 8px;
    background: #1e1e1e;
    color: #a7a7a7;
    font-size: 13px;
    text-align: center;
}

.idea-reward-progress{
    margin-bottom: 10px;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
}

.idea-reward .indicator-guide-done{
    margin-top: 10px;
    background: #ffffff;
    color: #0a0a0a;
}

/* Окно подтверждения: та же вёрстка, но зелёное — чтобы с первого взгляда
   читалось как успех, а не как очередной отказ. */
.idea-reward-success .indicator-guide-hero::before{
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: rgba(22,101,52,.34);
    pointer-events: none;
}
.idea-reward-success .indicator-guide-hero::after{ z-index: 2; }

.idea-reward-success .idea-reward-copy{
    border-color: #245c39;
    color: #cfe9d9;
}

.idea-reward-success .idea-reward-progress{
    color: #6fcf97;
}

.create-idea .idea-rank-mode{
    flex: 0 0 auto;
    margin-left: auto;
    padding: 3px 6px;
    border: 1px solid #313131;
    border-radius: 8px;
    background: rgba(20,20,20,.86);
    color: #a7a7a7;
    font-size: 9px;
    font-weight: 500;
    white-space: nowrap;
}

.create-idea .idea-rank-note{
    margin-top: 8px;
    color: #a7a7a7;
    font-size: 11px;
}

.create-idea .idea-rank-map{
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 9px;
}

.create-idea .idea-rank-map span{
    padding: 3px 6px;
    border: 1px solid #252525;
    border-radius: 8px;
    background: rgba(20,20,20,.78);
    color: #7c7c7c;
    font-size: 9px;
    white-space: nowrap;
}

.create-idea .idea-rank-map span[data-active="1"]{
    border-color: #454545;
    color: #ffffff;
}

.create-idea .idea-text-field{
    margin-bottom: 14px;
}

.create-idea .idea-field-head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 6px;
    color: #7c7c7c;
    font-size: 10px;
}

.create-idea .idea-counter{
    flex: 0 0 auto;
    color: #7c7c7c;
    font-size: 10px;
}

.create-idea .idea-counter[data-count="2"]{
    color: #ffffff;
}

.create-idea textarea{
    height: 180px;
    border-color: #313131;
    background-color: #141414;
    color: #ffffff;
    font-size: 12px;
}

.create-idea textarea:focus{
    border-color: #454545;
}

.create-idea .idea-vip-box{
    margin: 0 0 14px;
    padding: 10px;
    border: 1px solid #252525;
    border-radius: 8px;
    background: #101010;
}

.create-idea .idea-vip-box[data-vip-allowed="0"]{
    border-color: #252525;
    background: #111111;
}

.create-idea .idea-vip-box.is-denied{
    border-color: rgba(245,166,35,.72);
}

.create-idea .idea-vip-check{
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 0;
    margin-top: 0 !important;
}

.create-idea .idea-vip-check span{
    display: grid;
    gap: 2px;
    min-width: 0;
}



.create-idea .idea-vip-check b{
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
}

.create-idea .idea-vip-check.is-disabled{
    opacity: .48;
    cursor: default;
}

.create-idea .idea-vip-requirements{
    display: grid;
    gap: 5px;
    margin: 0 0 9px;
    padding: 8px;
    border: 1px solid rgba(245, 190, 77, .58);
    border-radius: 8px;
    background: rgba(245, 190, 77, .08);
    color: #d8b36f;
    font-size: 10px;
}

.create-idea .idea-vip-requirements b{
    color: #f5be4d;
    font-size: 10px;
    font-weight: 700;
}

.create-idea .idea-vip-requirements span{
    display: block;
    color: #d7c09a;
}

.create-idea .idea-vip-box[data-vip-allowed="0"] .idea-vip-check b,
.create-idea .idea-vip-box[data-vip-allowed="0"] .idea-vip-check small{
    color: #7c7c7c;
}

.create-idea .idea-vip-locked{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
    margin: -2px 0 8px;
    padding: 8px;
    border: 1px solid rgba(245,166,35,.5);
    border-radius: 8px;
    background: rgba(245,166,35,.08);
    color: #d8b36f;
    font-size: 10px;
}

.create-idea .idea-vip-locked b{
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 6px;
    border-radius: 999px;
    background: rgba(245,166,35,.13);
    color: #ffffff;
    font-size: 10px;
    font-weight: 600;
}

.create-idea .idea-vip-locked b img{
    width: 13px;
    height: 13px;
    object-fit: contain;
}

.create-idea .idea-vip-socials{
    display: grid;
    gap: 8px;
    margin-top: 0px;
}

.create-idea .idea-vip-social-list{
    display: grid;
    gap: 7px;
}

.create-idea .idea-vip-social{
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr);
    align-items: start;
    gap: 8px;
}

.create-idea .idea-vip-social img{
    width: 20px;
    height: 20px;
    object-fit: contain;
    border-radius: 50%;
    margin-top: 7px;
}

.create-idea .idea-vip-social > div{
    min-width: 0;
}

.create-idea .idea-vip-social input{
    width: 100%;
    height: 34px;
    padding: 0 10px;
    border: 1px solid #313131;
    border-radius: 8px;
    background: #0a0a0a;
    color: #ffffff;
    font-size: 11px;
}

.create-idea .idea-vip-social input:disabled{
    color: #7c7c7c;
    opacity: .55;
}

.create-idea .idea-vip-social-error{
    margin-top: 4px;
    color: #ff5b6b;
    font-size: 10px;
}

.create-idea .idea-vip-social-error:empty{
    display: none;
}

.create-idea .idea-vip-box[data-vip-allowed="0"] .idea-vip-social img{
    opacity: .38;
}

.create-idea .idea-vip-box[data-vip-allowed="0"] .idea-vip-social input{
    border-color: #252525;
    background: #0b0b0b;
    color: #5f5f5f;
}

.create-idea label.checkbox{
    margin: 2px 0 0;
    color: #a7a7a7;
    font-size: 11px;
}

.create-idea .buttons .green{
    height: 40px;
    border: 1px solid #ffffff;
    border-radius: 8px;
    background-color: #ffffff;
    color: #000000;
    font-size: 12px;
    font-weight: 600;
}

.create-idea .buttons .green:hover{
    background-color: #e8e8e8;
}

.create-idea .buttons .green.share::before{
    display: none;
}

.create-idea.is-publishing .close,
.create-idea.is-publishing textarea,
.create-idea.is-publishing label.checkbox{
    pointer-events: none;
}

.idea-publish-lock{
    position: fixed;
    inset: 0;
    z-index: 240;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
    background-color: rgba(0, 0, 0, .68);
    backdrop-filter: blur(2px);
}

.idea-publish-card{
    width: min(300px, 100%);
    padding: 18px;
    border: 0;
    background-color: transparent;
    color: #ffffff;
    text-align: center;
    transform: translate3d(0, 0, 0);
    animation: ideaPublishIn .22s cubic-bezier(.2,.8,.2,1) both;
}

.idea-publish-icon{
    width: 42px;
    height: 42px;
    margin: 0 auto 12px;
    border: 1px solid #313131;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background-color: #050505;
}

.idea-publish-icon span{
    width: 18px;
    height: 18px;
    border: 2px solid #313131;
    border-top-color: #6798ff;
    border-radius: 50%;
    animation: ideaPublishSpin .72s linear infinite;
}

.idea-publish-card strong{
    display: block;
    font-size: 15px;
    font-weight: 600;
}

.idea-publish-card p{
    margin: 8px 0 12px;
    color: #a7a7a7;
    font-size: 12px;
}

.idea-publish-card small{
    display: block;
    margin-top: 10px;
    color: #7c7c7c;
    font-size: 10px;
}

.idea-publish-line{
    height: 3px;
    overflow: hidden;
    border-radius: 999px;
    background-color: #1e1e1e;
}

.idea-publish-line i{
    display: block;
    width: 38%;
    height: 100%;
    border-radius: inherit;
    background-color: #6798ff;
    transform: translate3d(-120%, 0, 0);
    animation: ideaPublishLine 1.05s cubic-bezier(.4,0,.2,1) infinite;
}

@keyframes ideaPublishIn{
    from{ transform: translate3d(0, -14px, 0); }
    to{ transform: translate3d(0, 0, 0); }
}

@keyframes ideaPublishSpin{
    to{ transform: rotate(360deg); }
}

@keyframes ideaPublishLine{
    0%{ transform: translate3d(-120%, 0, 0); }
    100%{ transform: translate3d(280%, 0, 0); }
}

@media (prefers-reduced-motion: reduce){
    .idea-publish-card,
    .idea-publish-icon span,
    .idea-publish-line i{
        animation: none;
    }
}

.create-idea div[data-count="2"]{
    color: #ffffff;
}

.idea-card .metrics{
    margin-top: 8px;
    display: flex;
    gap: 6px;
    justify-content: flex-end;
    font-size: 10px;
    color: var(--tex-secondary);
}

.idea-card .metrics .subs{
    padding-left: 14px;
    background-image: url("/imgs/icons/star.svg");
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: top 50% left 0px;
}

.idea-card .metrics .view{
    padding-left: 16px;
    background-image: url("/imgs/view.svg");
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: top 50% left 0px;
}

.idea-card .metrics .comments{
    padding-left: 16px;
    background-image: url("/imgs/comments.svg");
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: top 50% left 0px;
}


/* --- Раздел «Новости» --- */
section.news{
    display: flex;
    gap: 12px;
    flex-direction: column;
    padding: 0px 2px 0 4px;
    max-height: 100%;
    overflow: auto;
}

.news-empty{
    text-align: center;
    color: var(--tex-secondary);
    font-size: 12px;
    padding: 24px 0;
}

.news-card{
    flex: 0 0 auto;
    background-color: #121214;
    border-radius: 10px;
    padding: 8px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/*

.news-card[data-level="high"]{
    border-left: 3px solid #EA364F;
}
.news-card[data-level="mid"]{
    border-left: 3px solid #FFB03B;
}
.news-card[data-level="low"]{
    border-left: 3px solid #2b2b2e;
}
.news-card[data-level="post"]{
    
}*/

/* Шапка поста подписки: аватар + имя автора. */
.news-head-author{
    gap: 8px;
    cursor: pointer;
}
.news-author-img{
    width: 22px;
    height: 22px;
    border-radius: 50%;
    object-fit: cover;
    flex: 0 0 22px;
}
.news-author-name{
    font-size: 12px;
    font-weight: 600;
    color: #FAFAFC;
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Верхняя часть карточки: текст слева, картинка справа. */
.news-main{
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    align-items: start;
}
.news-main-text{
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;

}

.news-main > .news-head{
    grid-column: 1 / -1;
}

.news-img{
    width: 72px;
    height: 72px;
    object-fit: cover;
    border-radius: 8px;
    background: #0b0b0c;
}


/* Панель реакций снизу карточки. */
.news-reactions{
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}
.news-react{
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    border-radius: 14px;
    border: 0px solid #2b2b2e;
    background: #242424;
    color: #FAFAFC;
    font-size: 13px;
    cursor: pointer;
    transition: background-color .12s, border-color .12s;
}
.news-react:hover{
    background: #272729;
}
.news-react[data-mine="1"]{
    background: #1C3345;
    border-color: #6eb2ff;
}
.news-react img{
    width: 18px;
    height: 18px;
    display: block;
    object-fit: contain;
}
.news-react .rc{
    font-size: 11px;
    font-weight: 600;
    color: var(--tex-secondary);
}
.news-react[data-mine="1"] .rc{
    color: #4aa3ff;
}

.news-head{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.news-score{
    font-size: 14px;
}

.news-date{
    flex: 1 1 auto;
    font-size: 10px;
    color: var(--tex-secondary);
    text-align: right;
}

/* Кнопка удаления своего поста. */
/* Меню «три точки» у своего поста. */
.news-menu{
    position: relative;
    flex: 0 0 auto;
    margin-left: 4px;
}
.news-menu-btn{
    width: 6px;
    height: 22px;
    border: none;
    border-radius: 6px;
    background: transparent;
    color: var(--tex-secondary);
    font-size: 16px;
    cursor: pointer;
    background-image: url(/imgs/icons/dots.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
}

.news-menu-list{
    display: none;
    position: absolute;
    top: 26px;
    right: 0;
    min-width: 150px;
    background: #1d1d20;
    border: 1px solid #2b2b2e;
    border-radius: 10px;
    padding: 4px;
    z-index: 30;
    box-shadow: 0 8px 24px rgba(0,0,0,0.4);
}
.news-menu.open .news-menu-list{ display: block; }
.news-menu-list button{
    display: block;
    width: 100%;
    text-align: left;
    background: transparent;
    border: none;
    color: #FAFAFC;
    font-size: 12px;
    padding: 8px 10px;
    border-radius: 7px;
    cursor: pointer;
}
.news-menu-list button:hover{ background: #272729; }
.news-menu-list button[data-act="delete"]{ color: #EA364F; }

/* --- Модалка редактирования поста --- */
.news-edit-overlay{
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.55);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}
.news-edit{
    position: relative;
    width: min(440px, 92vw);
    background: #19191A;
    border: 1px solid #2b2b2e;
    border-radius: 14px;
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.news-edit-title{
    font-size: 14px;
    font-weight: 700;
    color: #FAFAFC;
}
.news-edit-input{
    min-height: 90px;
    max-height: 220px;
    overflow-y: auto;
    background: #121214;
    border: 1px solid #2b2b2e;
    border-radius: 10px;
    padding: 10px;
    font-size: 13px;
    color: #FAFAFC;
    outline: none;
}
.news-edit-headline{
    height: 36px;
    background: #121214;
    border: 1px solid #2b2b2e;
    border-radius: 10px;
    padding: 0 10px;
    font-size: 13px;
    font-weight: 700;
    color: #FAFAFC;
    outline: none;
}
.news-edit-headline::placeholder{
    color: var(--tex-secondary);
    font-weight: 500;
}
.news-edit-headline:focus{
    border-color: #6C4CF2;
}
.news-edit-input:empty::before{
    content: attr(data-placeholder);
    color: var(--tex-secondary);
}
.news-edit-bar{
    display: flex;
    align-items: center;
    gap: 8px;
}
.news-edit-emoji{
    width: 26px;
    height: 26px;
    border: none;
    border-radius: 8px;
    background-color: #15171C;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 17px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A9ACB8' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8 14s1.5 2 4 2 4-2 4-2'/%3E%3Cline x1='9' y1='9' x2='9.01' y2='9'/%3E%3Cline x1='15' y1='9' x2='15.01' y2='9'/%3E%3C/svg%3E");
}
.news-edit-pic-preview{
    width: 30px;
    height: 30px;
    border-radius: 7px;
    object-fit: cover;
    cursor: pointer;
    border: 1px solid #2b2f3a;
}
.news-edit-pic-preview:hover{ border-color: #6C4CF2; }
.news-edit-cancel,
.news-edit-save{
    border: none;
    border-radius: 8px;
    padding: 7px 14px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}
.news-edit-cancel{ background: #272729; color: #c9c9cc; }
.news-edit-save{ margin-left: auto; background: #6C4CF2; color: #fff; }
.news-edit-save:hover{ background: #5a3de0; }
.news-edit-cancel + .news-edit-save{ margin-left: 0; }
.news-edit-bar .news-edit-cancel{ margin-left: auto; }

.news-edit-emojis,
.news-edit-images{
    display: none;
    max-height: 180px;
    overflow-y: auto;
    background: #15171C;
    border: 1px solid #1A1F2A;
    border-radius: 10px;
    padding: 6px;
    gap: 4px;
}
.news-edit.emojis-open .news-edit-emojis{ display: grid; grid-template-columns: repeat(8, 1fr); }
.news-edit.images-open .news-edit-images{ display: grid; grid-template-columns: repeat(5, 1fr); }
.news-edit-emojis > span{
    text-align: center;
    font-size: 18px;
    padding: 3px 0;
    border-radius: 6px;
    cursor: pointer;
}
.news-edit-emojis > span:hover{ background: #222633; }
.news-edit-images > img{
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 8px;
    cursor: pointer;
    border: 2px solid transparent;
}
.news-edit-images > img:hover{ border-color: #3a3f4d; }
.news-edit-images > img[data-selected="1"]{ border-color: #6C4CF2; }

/* Ярлык типа новости. */
.news-kind{
    margin-right: 8px;
    padding: 1px 8px;
    border-radius: 10px;
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .3px;
    white-space: nowrap;
}
.news-kind[data-kind="news"]{
    background: rgba(108,76,242,0.18);
    color: #b3a4ff;
}
.news-kind[data-kind="calendar"]{
    background: rgba(255,176,59,0.18);
    color: #ffc36b;
}
.news-kind[data-kind="user"]{
    background: rgba(11,125,255,0.18);
    color: #6fb4ff;
}

.news-text{
    font-size: 12px;
    font-weight: 500;
    color: #FAFAFC;
    word-break: break-word;
}

.news-comment{
    font-size: 11px;
    color: var(--tex-secondary);
    word-break: break-word;
    position: relative;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;          /* по умолчанию — 2 строки */
    overflow: hidden;
}

/* Затенение снизу у обрезанного текста. */
.news-comment::after{
    content: '';
    position: absolute;
    left: 0; right: 0; bottom: 0;
    height: 1.45em;
    background: linear-gradient(to bottom, rgba(25,25,26,0), #121214);
    pointer-events: none;
}

/* Развёрнутая карточка — показываем целиком, без затенения. */
.news-card[data-expanded] .news-comment{
    display: block;
    -webkit-line-clamp: unset;
}
.news-card[data-expanded] .news-comment::after{
    display: none;
}

/* --- Раздел «Радар» (скринер, лента сигналов как в ТГ) --- */
section.radar{
    display: flex;
    flex-direction: column;
    padding: 6px;
    max-height: 100%;
    overflow: auto;
}

section.radar .radar-sentiment-card{
    --sentiment-color: #25AEEA;
    --sentiment-angle: 0deg;
    min-width: 0;
    margin-bottom: 6px;
    padding: 12px;
    border: 1px solid #222225;
    border-radius: 6px;
    background: #121214;
}

section.radar .radar-sentiment-slot:empty{
    display: none;
}

section.radar .radar-sentiment-overview{
    display: grid;
    grid-template-columns: minmax(86px, 1fr) 156px;
    align-items: center;
    gap: 6px;
    min-width: 0;
    margin-bottom: 5px;
}

section.radar .radar-sentiment-head{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 10px;
    min-width: 0;
}

section.radar .radar-sentiment-head > b{
    overflow: hidden;
    color: #FAFAFC;
    font-size: 12px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

section.radar .radar-sentiment-head > span{
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-width: 0;
    color: var(--sentiment-color);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    white-space: nowrap;
}

section.radar .radar-sentiment-head > span i{
    width: 6px;
    height: 6px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: var(--sentiment-color);
}

section.radar .radar-sentiment-chart{
    width: 156px;
    height: 52px;
    margin: 0;
}

section.radar .radar-sentiment-chart svg{
    display: block;
    width: 100%;
    height: 100%;
    overflow: visible;
}

section.radar .radar-sentiment-track,
section.radar .radar-sentiment-zone{
    fill: none;
    stroke-width: 8;
    stroke-linecap: butt;
}

section.radar .radar-sentiment-track{ stroke: #292D33; }
section.radar .radar-sentiment-zone{ stroke-dasharray: 18 82; }
section.radar .radar-sentiment-zone.zone-red{ stroke: #FF6B72; stroke-dashoffset: 0; }
section.radar .radar-sentiment-zone.zone-yellow{ stroke: #F5C84B; stroke-dashoffset: -20; }
section.radar .radar-sentiment-zone.zone-cyan{ stroke: #67C7F3; stroke-dashoffset: -40; }
section.radar .radar-sentiment-zone.zone-green-light{ stroke: #A7E86D; stroke-dashoffset: -60; }
section.radar .radar-sentiment-zone.zone-green{
    stroke: #43D17A;
    stroke-dasharray: 20 80;
    stroke-dashoffset: -80;
}

section.radar .radar-sentiment-marker{
    transform: rotate(var(--sentiment-angle));
    transform-box: view-box;
    transform-origin: 120px 104px;
    transition: transform .35s cubic-bezier(.2,.8,.2,1);
}

section.radar .radar-sentiment-marker circle{
    fill: #FAFAFC;
    stroke: var(--sentiment-color);
    stroke-width: 3;
}

section.radar .radar-sentiment-score{
    fill: var(--sentiment-color);
    font: 700 22px Inter, Arial, sans-serif;
    margin-top: 10px;
    display: block;
}

section.radar .radar-sentiment-factors{
    display: grid;
    gap: 0;
    margin-top: 0;
}

section.radar .radar-sentiment-factor{
    --factor-size: 0%;
    display: grid;
    grid-template-columns: 66px minmax(0, 1fr) 36px;
    align-items: center;
    gap: 7px;
    min-height: 27px;
    min-width: 0;
    border-top: 1px solid rgba(49,49,49,.5);
}

section.radar .radar-sentiment-factor span{
    overflow: hidden;
    color: var(--tex-secondary-lite);
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

section.radar .radar-sentiment-factor > strong{
    color: var(--factor-color, var(--tex-secondary-lite));
    font-size: 10px;
    font-weight: 600;
    text-align: right;
    white-space: nowrap;
}

section.radar .radar-sentiment-factor > div{
    position: relative;
    height: 6px;
    overflow: hidden;
    border-radius: 2px;
    background: #292D33;
}

section.radar .radar-sentiment-factor > div::before{
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 1px;
    background: rgba(255,255,255,.45);
    z-index: 2;
}

section.radar .radar-sentiment-factor > div i{
    position: absolute;
    top: 0;
    bottom: 0;
    width: var(--factor-size);
    background: var(--factor-color, #25AEEA);
    transition: width .3s ease;
}

section.radar .radar-sentiment-factor[data-direction="up"] > div i{
    left: 50%;
}

section.radar .radar-sentiment-factor[data-direction="down"] > div i{
    right: 50%;
}

section.radar .radar-sentiment-factor.no-data{
    opacity: .36;
}


section.radar .rp-title{
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    font-weight: 400;
    color: #DADDE4;
    letter-spacing: .3px;
    margin-bottom: 4px;
    cursor: pointer;
    user-select: none;
    background-color: #121214;
    padding: 4px 8px;
    border-radius: 6px;
    /*text-transform: uppercase;*/
}

section.radar .rp-title > div:hover{
    text-decoration: underline;
}

section.radar .rp-title > div{
    flex: 1 1 auto;
}

section.radar .rp-title::before{
    flex: 0 0 18px;
    content: " ";
    width: 18px;
    height: 18px;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    margin-right: 5px;
}

section.radar .rp-title[data-sec="trends"]::before{
    background-image: url(/imgs/radar-icons/r1.png);
}

section.radar .rp-title[data-sec="accum"]::before{
    background-image: url(/imgs/radar-icons/r2.png);
}

section.radar .rp-title[data-sec="walls"]::before{
    background-image: url(/imgs/radar-icons/r3.png);
}

section.radar .rp-title[data-sec="pumps"]::before{
    background-image: url(/imgs/radar-icons/r4.png);
}

section.radar .rp-title[data-sec="actives"]::before{
    background-image: url(/imgs/radar-icons/r5.png);
}

section.radar .rp-title[data-sec="liqs"]::before{
    background-image: url(/imgs/radar-icons/r6.png);
}

section.radar .rp-title[data-sec="fundings_bybit"]::before{
    background-image: url(/imgs/radar-icons/r7.png);
}

section.radar .rp-title[data-sec="fundings_binance"]::before{
    background-image: url(/imgs/radar-icons/r8.png);
}


section.radar .rp-section.collapsed .rp-title{ margin-bottom: 0; }
section.radar .rp-section.collapsed .rp-list{ display: none; }
section.radar .rp-title span{
    font-size: 10px;
    color: var(--tex-secondary);
    background: #1F2423;
    border-radius: 8px;
    padding: 1px 6px;
    flex: 0 0 auto;
}
section.radar .rp-list{
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 0px 6px 5px 6px;
}
/* Таблица сводки: колонки выровнены, символ растягивается, данные — по содержимому справа. */
section.radar .rp-table{
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}
section.radar .rp-table th{
    font-size: 8px;
    text-transform: uppercase;
    letter-spacing: .3px;
    color: var(--tex-secondary);
    font-weight: 400;
    text-align: right;
    padding: 2px 4px 4px;
    border-bottom: 1px solid #222225;
}
section.radar .rp-table td{
    text-align: right;
    color: var(--tex-secondary-lite);
    white-space: nowrap;
    padding: 3px 4px;
    font-size: 11px;
}
section.radar .rp-table th.rp-sym{ text-align: left; }
section.radar .rp-table td.rp-sym{
    text-align: left;
    width: 100%;
    max-width: 0;          /* + width:100% даёт многоточие в ячейке таблицы */
    overflow: hidden;
    text-overflow: ellipsis;
    color: #FFFFFF;
    font-weight: 400;
}
section.radar .rp-table tbody tr{ cursor: pointer; }
section.radar .rp-table tbody tr:hover{ background: #1F2423; }
section.radar .rp-table .liq-delta{
    font-weight: 400;
    font-variant-numeric: tabular-nums;
}
section.radar .rp-empty{ color: #5b606e; font-size: 11px; padding: 3px 4px; }

section.radar .radar-feed{
    display: flex;
    flex-direction: column;
    gap: 4px;
}

/* Карточка сигнала: большая иконка слева, справа шапка (лого+символ+название) и детали. */
section.radar .radar-row{
    background-color: #121214;
    border-radius: 6px;
    padding: 6px;
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

section.radar .radar-row:hover{
    background-color: #1F2423;
}




section.radar .radar-row > img{
    flex: 0 0 26px;
    width: 26px;
    height: 26px;
    object-fit: contain;
    border-radius: 13px;
}

section.radar .radar-body{
    flex: 1 1 auto;
    min-width: 0;
}

section.radar .radar-head{
    display: flex;
    align-items: center;
    gap: 6px;
}

section.radar .radar-symbol{
    font-weight: 700;
    color: #FFFFFF;
    font-size: 14px;
    flex: 1 1 auto;
}

section.radar .radar-badges{
    flex: 0 0 auto;
    display: block;
    max-width: 128px;
    margin-left: auto;
}

section.radar .radar-name{
    color: var(--tex-secondary-lite);
    font-size: 10px;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #0E1E38;
    border-radius: 5px;
    display: block;
    padding: 2px 6px;
}
section.radar .radar-name b{ color: #FAFAFC; font-weight: 400; }

section.radar .radar-volume{
    flex: 0 0 auto;
    max-width: 92px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #bcbcbc;
    background: #1F2423;
    border-radius: 5px;
    padding: 2px 6px;
    font-size: 10px;
    font-weight: 500;
}

/* Цвет названия алерта по типу. */
section.radar .radar-row[data-type="pump"] .radar-name{ color: #16C784; }
section.radar .radar-row[data-type="dump"] .radar-name{ color: #EA364F; }

/* Знаковые числа. */
section.radar .pos{ color: #16C784; }
section.radar .neg{ color: #EA364F; }

section.radar .radar-details{
    margin-top: 0;
    color: #9aa0ad;
    font-size: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
section.radar .radar-details b{ color: var(--tex-secondary-lite); font-weight: 400; }

section.radar .radar-details-row{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: 4px;
    min-width: 0;
    min-height: 18px;
}

section.radar .radar-details-row .radar-details{
    min-width: 0;
    flex: 1 1 auto;
}

section.radar .radar-row[data-symbol]{ cursor: pointer; }

section.radar .radar-pinned{

  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-bottom: 4px;
  background: #121214;
  padding: 6px 4px;
  border-radius: 6px;
}

section.radar .radar-pinned b{ color: #FAFAFC; font-weight: 700; }

section.radar .radar-pinned code{
    font-family: inherit;
    font-weight: 700;
    color: #FAFAFC;
    background-color: #0e0e0f;
    padding: 0 4px;
    border-radius: 4px;
}


/* Компактные однострочные плитки сигналов */


section.radar .radar-row .radar-msg{
    margin-top: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Фикс: не давать длинным плиткам радара распирать боковую панель */
main > aside{ min-width: 0; }
section.radar{ min-width: 0; max-width: 100%; }
section.radar .radar-feed{ min-width: 0; max-width: 100%; }
section.radar .radar-row{ min-width: 0; max-width: 100%; box-sizing: border-box; }
section.radar .radar-row .radar-msg{ max-width: 100%; }

/* Иконочные компактные плитки радара (flex: символ тянется, остальное по содержимому) */

section.radar .radar-row .r-ico{ flex: 0 0 auto; font-size: 12px; }
section.radar .radar-row .r-sym{
    flex: 1 1 auto;
    min-width: 0;
    font-weight: 700;
    color: #FAFAFC;
    overflow: hidden;
    text-overflow: ellipsis;
}
section.radar .radar-row .r-chg{ flex: 0 0 auto; font-weight: 700; }
section.radar .radar-row .r-chg[data-positive="true"]{ color: #16C784; }
section.radar .radar-row .r-chg[data-positive="false"]{ color: #EA364F; }
section.radar .radar-row .r-vg{ flex: 0 0 auto; color: var(--tex-secondary); font-size: 11px; }
section.radar .radar-row .r-vol{ flex: 0 0 auto; color: #9aa0ad; font-size: 11px; }

/* Полный вид плиток радара (многострочный текст с переносом) */

section.radar .radar-row .radar-msg{
    margin-top: 0;
    white-space: normal;
    word-break: break-word;
    overflow: hidden;
    color: #D7D9DE;
}
section.radar .radar-row .radar-msg b{ color: #FAFAFC; font-weight: 700; }
section.radar .radar-row .radar-msg code{
    font-family: inherit;
    font-weight: 700;
    color: #FAFAFC;
    background-color: #0e0e0f;
    padding: 0 4px;
    border-radius: 4px;
}

/* --- Календарь в разделе «Новости» (скроллится с контентом) --- */
.news-list{ display: flex; flex-direction: column; gap: 6px; }



section.news .cal-head{
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    padding-left: 24px;
    background-image: url(/imgs/calendar-green.svg);
    background-repeat: no-repeat;
    background-position: top 50% left 0%;
    background-size: 16px;
}


section.news .cal-title{
    font-size: 14px;
    font-weight: 800;
    color: #FAFAFC;
    letter-spacing: 0.5px;
}
section.news .cal-sub{
    font-size: 9px;
    color: var(--tex-secondary);
}
section.news .cal-sub span{ color: #16C784; font-weight: 600; }

section.news .cal-strip{
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 2px;
}
section.news .cal-day{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 4px 0;
    cursor: pointer;
}
section.news .cal-num{
    width: 36px;
    height: 40px;
    border-radius: 0;
    clip-path: polygon(
        50% 0%,
        100% 25%,
        100% 75%,
        50% 100%,
        0% 75%,
        0% 25%
    );
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 400;

   
}

section.news .cal-num > span{
    display: block;
    font-size: 7px;
}

section.news .cal-wd{ font-size: 9px; color: #5b606e; }

/* состояния дня */
section.news .cal-day[data-state="empty"] .cal-num{ color: #5b606e; }
section.news .cal-day[data-state="has"] .cal-num{ color: #b9a6ff; background-color: #34343a; }
section.news .cal-day[data-state="open"] .cal-num{ color: #fff; background-color: #035244; }
section.news .cal-day[data-state="open"] .cal-wd{ color: #035244; }
section.news .cal-day:hover .cal-num{ outline: 1px solid #2b2b30; }

/* список событий */
section.news .cal-events{ margin-top: 10px; display: flex; flex-direction: column; gap: 2px; }
section.news .cal-noevents{ font-size: 11px; color: #5b606e; padding: 8px 2px; text-align: center; }

section.news .cal-event{
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 4px;
    border-top: 1px solid #1A1F2A;
}

section.news .cal-time{
    flex: 0 0 40px;
    font-size: 10px;
    font-weight: 4300;
    color: #FAFAFC;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

section.news .cal-time span{ 
    display: block; 
    font-size: 8px; 
    padding: 2px 4px;
    border-radius: 4px;
    background-color: #0D1522;
    font-weight: 400; 
    color: #5b606e; 
    margin-top: 3px;
}

section.news .cal-dot{ flex: 0 0 8px; width: 8px; height: 8px; border-radius: 50%; background-color: #FFB03B; }
section.news .cal-dot[data-imp="3"]{ background-color: #EA364F; }
section.news .cal-dot[data-imp="2"]{ background-color: #FFB03B; }
section.news .cal-dot[data-imp="1"]{ background-color: #4a90d9; }
section.news .cal-ev-main{ 
    min-width: 0; 
    font-size: 10px;
    font-weight: 300;
    
}


section.news .cal-ev-main .cal-ev-ru{
    color: var(--tex-secondary-lite);
}

section.news .cal-ev-title{
    font-size: 12px;
    color: #D7D9DE;
}

section.news .cal-ev-extra{ font-size: 10px; color: #5b606e; margin-top: 2px; }
section.news .cal-ev-extra b{ color: #9aa0ad; font-weight: 600; }

/* стрелка у свёрнутого события */
section.news .cal-event{ cursor: pointer; grid-template-columns: 46px 8px 1fr auto auto; }
section.news .cal-event:hover{ background-color: #14171d; }
section.news .cal-chevron{ color: #5b606e; font-size: 16px; }

/* раскрытая подробная карточка события */
section.news .cal-detail{
    border: 1px solid #1d3a2c;
    border-radius: 12px;
    background:
        radial-gradient(120% 80% at 50% 0%, rgba(22,199,132,0.10), transparent 60%),
        #0c0e12;
    padding: 12px;
    margin: 4px 0;
    cursor: pointer;
}
section.news .cal-detail-top{ display: flex; gap: 12px; align-items: center;}
section.news .cal-detail-times{
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}
section.news .cal-detail-times .cal-time{ text-align: center; }
section.news .cal-detail-times .cal-time .t{ font-size: 13px; font-weight: 400; color: #FAFAFC; }
section.news .cal-detail-times .cal-time .z{ display: block; font-size: 8px; color: #5b606e; }
section.news .cal-detail-times .cal-dot{ width: 7px; height: 7px; }

section.news .cal-detail-main{ min-width: 0; flex: 1 1 auto; }
section.news .cal-detail-head{ display: flex; align-items: center; gap: 8px; }
section.news .cal-detail-ico{ font-size: 16px; }
section.news .cal-detail-title{ font-size: 14px; font-weight: 800; color: #FAFAFC; flex: 1 1 auto; min-width: 0; }
section.news .cal-detail-ru{ font-size: 11px; color: var(--tex-secondary); margin-top: 3px; }

/* три бокса значений */
section.news .cal-values{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
    margin-top: 12px;
}
section.news .cal-val{
    background-color: #15171C;
    border-radius: 8px;
    padding: 8px;
    text-align: center;
}
section.news .cal-val label{ display: block; font-size: 9px; color: #5b606e; margin-bottom: 3px; }
section.news .cal-val span{ font-size: 14px; font-weight: 800; color: #c9ccd3; }
section.news .cal-val[data-actual="1"] span{ color: #16C784; }

section.news .cal-detail-comment{
    margin-top: 12px;
    font-size: 10px;
    color: #b6bac4;
    font-weight: 300;
}