/* SNAP_PRIZE_WORKFLOW_STYLES_24_3_4 */

.snap-prize-support-banner{
    width:100%;
    min-width:0;
    box-sizing:border-box;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin:0 0 16px;
    padding:14px 16px;
    border:1px solid rgba(69,174,255,.34);
    border-radius:16px;
    background:linear-gradient(135deg, rgba(22,88,137,.28), rgba(22,34,57,.72));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

.snap-prize-support-copy{
    min-width:0;
}

.snap-prize-support-copy b,
.snap-prize-support-copy span{
    display:block;
}

.snap-prize-support-copy b{
    color:#83d8ff;
    font:900 12px/1.15 'Nunito', Arial, sans-serif;
    letter-spacing:.04em;
}

.snap-prize-support-copy span{
    margin-top:5px;
    color:rgba(255,255,255,.72);
    font:800 11px/1.35 'Nunito', Arial, sans-serif;
    overflow-wrap:anywhere;
}

.snap-prize-vk-button{
    flex:0 0 auto;
    min-height:40px;
    box-sizing:border-box;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 16px;
    border:0;
    border-radius:12px;
    background:linear-gradient(180deg, #58baff, #2478d7);
    color:#fff;
    text-decoration:none;
    font:900 10px/1 'Nunito', Arial, sans-serif;
    box-shadow:0 7px 18px rgba(20,104,205,.24);
}

.snap-prize-contact-fallback{
    position:fixed;
    z-index:100000;
    inset:0;
    display:grid;
    place-items:center;
    padding:18px;
    background:rgba(3,5,12,.84);
    backdrop-filter:blur(7px);
}

.snap-prize-contact-fallback.hidden{
    display:none;
}

.snap-prize-contact-card{
    position:relative;
    width:min(420px, 100%);
    box-sizing:border-box;
    padding:28px 22px 22px;
    border:1px solid rgba(255,210,81,.32);
    border-radius:22px;
    background:linear-gradient(180deg, #242735, #141620);
    text-align:center;
    box-shadow:0 22px 70px rgba(0,0,0,.55);
}

.snap-prize-contact-card > b{
    display:block;
    color:#ffe07d;
    font:900 18px/1.15 'Nunito', Arial, sans-serif;
}

.snap-prize-contact-card p{
    margin:10px 0;
    color:rgba(255,255,255,.78);
    font:800 13px/1.4 'Nunito', Arial, sans-serif;
}

.snap-prize-contact-card code{
    display:block;
    margin:14px 0;
    padding:12px;
    border:1px dashed rgba(255,255,255,.22);
    border-radius:12px;
    color:#fff;
    background:rgba(0,0,0,.28);
    font:900 15px/1.2 ui-monospace, SFMono-Regular, Consolas, monospace;
    overflow-wrap:anywhere;
}

.snap-prize-contact-card .snap-prize-vk-button{
    width:100%;
}

.snap-prize-contact-card small{
    display:block;
    margin-top:12px;
    color:rgba(255,255,255,.48);
    font:800 10px/1.35 'Nunito', Arial, sans-serif;
}

.snap-prize-contact-close{
    position:absolute;
    top:9px;
    right:10px;
    width:34px;
    height:34px;
    border:0;
    border-radius:50%;
    background:rgba(255,255,255,.08);
    color:#fff;
    font:900 22px/1 Arial, sans-serif;
    cursor:pointer;
}

/* Три вкладки кабинета не имеют права сжимать содержимое в узкую колонку. */
[data-cabinet-panel="chatnorris"],
[data-cabinet-panel="orders"],
[data-cabinet-panel="prizes"],
[data-cabinet-panel="chatnorris"] *,
[data-cabinet-panel="orders"] *,
[data-cabinet-panel="prizes"] *{
    min-width:0;
    box-sizing:border-box;
}

[data-cabinet-panel="chatnorris"] .cabinet-service-list,
[data-cabinet-panel="orders"] .cabinet-service-list,
[data-cabinet-panel="prizes"] .cabinet-service-list,
[data-cabinet-panel="orders"] [id*="Order"],
[data-cabinet-panel="orders"] [id*="order"],
[data-cabinet-panel="prizes"] [id*="Prize"],
[data-cabinet-panel="prizes"] [id*="prize"]{
    width:100%!important;
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:minmax(0, 1fr)!important;
}

[data-cabinet-panel="chatnorris"] .cabinet-service-item,
[data-cabinet-panel="orders"] .cabinet-service-item,
[data-cabinet-panel="prizes"] .cabinet-service-item,
[data-cabinet-panel="orders"] .cabinet-order-item,
[data-cabinet-panel="prizes"] .cabinet-prize-item,
[data-cabinet-panel="prizes"] .prize-item{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
}

[data-cabinet-panel="chatnorris"] .cabinet-service-copy,
[data-cabinet-panel="orders"] .cabinet-service-copy,
[data-cabinet-panel="prizes"] .cabinet-service-copy,
[data-cabinet-panel="prizes"] .prize-item-content{
    min-width:0!important;
    width:auto!important;
    overflow:visible!important;
}

[data-cabinet-panel="chatnorris"] b,
[data-cabinet-panel="chatnorris"] span,
[data-cabinet-panel="chatnorris"] small,
[data-cabinet-panel="orders"] b,
[data-cabinet-panel="orders"] span,
[data-cabinet-panel="orders"] small,
[data-cabinet-panel="prizes"] b,
[data-cabinet-panel="prizes"] span,
[data-cabinet-panel="prizes"] small,
[data-cabinet-panel="prizes"] code{
    overflow-wrap:anywhere;
    word-break:normal;
}

.snap-admin-prize-tool{
    margin:0 0 18px;
    padding:18px;
    border:1px solid rgba(255,210,81,.24);
    border-radius:18px;
    background:linear-gradient(145deg, rgba(80,61,16,.22), rgba(255,255,255,.025));
}

.snap-admin-prize-title{
    color:#ffe07d;
    font:900 14px/1.15 'Nunito', Arial, sans-serif;
}

.snap-admin-prize-subtitle{
    margin-top:6px;
    color:rgba(255,255,255,.58);
    font:800 11px/1.4 'Nunito', Arial, sans-serif;
}

.snap-admin-prize-search{
    display:grid;
    grid-template-columns:minmax(0, 1fr) auto;
    gap:10px;
    margin-top:14px;
}

.snap-admin-prize-search input{
    width:100%;
    min-height:44px;
    padding:0 14px;
    border:1px solid rgba(255,255,255,.13);
    border-radius:12px;
    outline:0;
    background:rgba(0,0,0,.28);
    color:#fff;
    font:900 14px/1 ui-monospace, SFMono-Regular, Consolas, monospace;
    text-transform:uppercase;
}

.snap-admin-prize-search button,
.snap-admin-prize-deliver{
    min-height:44px;
    padding:0 18px;
    border:0;
    border-radius:12px;
    cursor:pointer;
    font:900 10px/1 'Nunito', Arial, sans-serif;
}

.snap-admin-prize-search button{
    background:linear-gradient(180deg, #f7c943, #c96c00);
    color:#2a1000;
}

.snap-admin-prize-search button:disabled,
.snap-admin-prize-deliver:disabled{
    opacity:.58;
    cursor:wait;
}

.snap-admin-prize-message{
    min-height:20px;
    margin-top:8px;
    color:rgba(255,255,255,.62);
    font:800 11px/1.35 'Nunito', Arial, sans-serif;
}

.snap-admin-prize-message.success{
    color:#8dffa1;
}

.snap-admin-prize-message.error{
    color:#ff9292;
}

.snap-admin-prize-result{
    margin-top:8px;
    padding:15px;
    border:1px solid rgba(255,255,255,.1);
    border-radius:15px;
    background:rgba(0,0,0,.2);
}

.snap-admin-prize-result.is-delivered{
    border-color:rgba(74,224,133,.25);
}

.snap-admin-prize-result-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
}

.snap-admin-prize-result-head b,
.snap-admin-prize-result-head span{
    display:block;
}

.snap-admin-prize-result-head b{
    color:#fff;
    font:900 14px/1.2 'Nunito', Arial, sans-serif;
}

.snap-admin-prize-result-head span{
    margin-top:5px;
    color:#8edcff;
    font:900 12px/1.2 ui-monospace, SFMono-Regular, Consolas, monospace;
}

.snap-admin-prize-result-head em{
    flex:0 0 auto;
    padding:6px 9px;
    border:1px solid rgba(255,255,255,.13);
    border-radius:999px;
    color:#ffe07d;
    font:900 9px/1 'Nunito', Arial, sans-serif;
    font-style:normal;
}

.snap-admin-prize-meta{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:7px 14px;
    margin-top:14px;
    color:rgba(255,255,255,.64);
    font:800 11px/1.35 'Nunito', Arial, sans-serif;
}

.snap-admin-prize-meta b{
    color:rgba(255,255,255,.88);
}

.snap-admin-prize-deliver{
    width:100%;
    margin-top:15px;
    background:linear-gradient(180deg, #6de39b, #209a55);
    color:#052313;
}

.snap-admin-prize-done,
.snap-admin-prize-warning{
    margin-top:14px;
    padding:11px 12px;
    border-radius:11px;
    font:800 11px/1.4 'Nunito', Arial, sans-serif;
}

.snap-admin-prize-done{
    color:#9cffba;
    background:rgba(48,180,101,.12);
}

.snap-admin-prize-warning{
    color:#ffc3a7;
    background:rgba(255,118,61,.1);
}

@media (max-width:700px){
    .cabinet-tabs{
        grid-template-columns:repeat(3, minmax(0, 1fr))!important;
        gap:5px!important;
        padding:5px!important;
    }

    .cabinet-tab{
        min-width:0!important;
        min-height:40px!important;
        padding:0 4px!important;
        font-size:9px!important;
        line-height:1.05!important;
        overflow-wrap:anywhere;
    }

    [data-cabinet-panel="chatnorris"] .cabinet-section-head,
    [data-cabinet-panel="orders"] .cabinet-section-head,
    [data-cabinet-panel="prizes"] .cabinet-section-head{
        display:flex!important;
        flex-direction:column!important;
        align-items:stretch!important;
        gap:10px!important;
    }

    [data-cabinet-panel="chatnorris"] .cabinet-section-head button,
    [data-cabinet-panel="orders"] .cabinet-section-head button,
    [data-cabinet-panel="prizes"] .cabinet-section-head button{
        width:100%!important;
        max-width:none!important;
    }

    [data-cabinet-panel="chatnorris"] .cabinet-service-item,
    [data-cabinet-panel="orders"] .cabinet-service-item,
    [data-cabinet-panel="prizes"] .cabinet-service-item{
        display:grid!important;
        grid-template-columns:52px minmax(0, 1fr)!important;
        gap:11px!important;
        padding:13px!important;
        align-items:start!important;
    }

    [data-cabinet-panel="chatnorris"] .cabinet-service-icon,
    [data-cabinet-panel="orders"] .cabinet-service-icon,
    [data-cabinet-panel="prizes"] .cabinet-service-icon{
        width:52px!important;
        min-width:52px!important;
        height:52px!important;
    }

    [data-cabinet-panel="prizes"] .prize-item{
        display:grid!important;
        grid-template-columns:72px minmax(0, 1fr)!important;
        gap:12px!important;
        align-items:start!important;
        padding:13px!important;
    }

    [data-cabinet-panel="prizes"] .prize-item-image-wrap{
        width:72px!important;
        min-width:72px!important;
        max-width:72px!important;
        height:72px!important;
        margin:0!important;
    }

    [data-cabinet-panel="prizes"] .prize-item-image{
        width:100%!important;
        height:100%!important;
        object-fit:contain!important;
    }

    [data-cabinet-panel="prizes"] .prize-item-top{
        display:flex!important;
        flex-wrap:wrap!important;
        align-items:flex-start!important;
        gap:7px!important;
    }

    [data-cabinet-panel="prizes"] .prize-item-title{
        flex:1 1 160px!important;
        width:auto!important;
        min-width:0!important;
        white-space:normal!important;
    }

    [data-cabinet-panel="prizes"] .prize-item-actions,
    [data-cabinet-panel="prizes"] .prize-item-buttons{
        width:100%!important;
        display:grid!important;
        grid-template-columns:minmax(0, 1fr)!important;
        gap:8px!important;
    }

    [data-cabinet-panel="prizes"] .prize-item-actions button,
    [data-cabinet-panel="prizes"] .prize-item-actions a,
    [data-cabinet-panel="prizes"] .prize-item-buttons button,
    [data-cabinet-panel="prizes"] .prize-item-buttons a{
        width:100%!important;
        max-width:none!important;
    }

    .snap-prize-support-banner{
        flex-direction:column;
        align-items:stretch;
        gap:11px;
        padding:13px;
    }

    .snap-prize-vk-button{
        width:100%;
    }

    .snap-admin-prize-search{
        grid-template-columns:minmax(0, 1fr);
    }

    .snap-admin-prize-search button{
        width:100%;
    }

    .snap-admin-prize-result-head{
        flex-direction:column;
    }

    .snap-admin-prize-meta{
        grid-template-columns:minmax(0, 1fr);
    }
}

@media (max-width:430px){
    [data-cabinet-panel="chatnorris"] .cabinet-service-item,
    [data-cabinet-panel="orders"] .cabinet-service-item,
    [data-cabinet-panel="prizes"] .cabinet-service-item{
        grid-template-columns:44px minmax(0, 1fr)!important;
        gap:9px!important;
        padding:11px!important;
    }

    [data-cabinet-panel="chatnorris"] .cabinet-service-icon,
    [data-cabinet-panel="orders"] .cabinet-service-icon,
    [data-cabinet-panel="prizes"] .cabinet-service-icon{
        width:44px!important;
        min-width:44px!important;
        height:44px!important;
    }

    [data-cabinet-panel="prizes"] .prize-item{
        grid-template-columns:62px minmax(0, 1fr)!important;
        gap:10px!important;
        padding:11px!important;
    }

    [data-cabinet-panel="prizes"] .prize-item-image-wrap{
        width:62px!important;
        min-width:62px!important;
        max-width:62px!important;
        height:62px!important;
    }
}

*(SNAP_CABINET_DAILY_FIX_24_3_5, */)

*(Верхний, быстрый, вход, дублировал, кабинет., Элемент, остаётся, в, DOM,)
   чтобы старый prizes.js не получил null, но пользователю не показывается. */
#myPrizesButton{
    display:none!important;
}

*(cabinet.js, использует, класс, prize,, который, также, применяется, к, подвешенным)
   призам игрового автомата. Здесь полностью нейтрализуем игровое absolute-
   позиционирование только внутри кабинета. */
.cabinet-overlay .cabinet-service-item.prize,
[data-cabinet-panel="prizes"] .cabinet-service-item.prize,
[data-cabinet-panel="overview"] .cabinet-service-item.prize{
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    margin-left:0!important;
    margin-right:0!important;
    transform:none!important;
    animation:none!important;
    opacity:1!important;
    z-index:auto!important;
    filter:none!important;
    pointer-events:auto!important;
}

@media (max-width:700px){
    .cabinet-overlay .cabinet-service-item.prize,
    [data-cabinet-panel="prizes"] .cabinet-service-item.prize,
    [data-cabinet-panel="overview"] .cabinet-service-item.prize{
        display:grid!important;
        grid-template-columns:52px minmax(0, 1fr)!important;
        align-items:start!important;
        gap:11px!important;
        padding:13px!important;
    }

    .cabinet-overlay .cabinet-service-item.prize > button,
    [data-cabinet-panel="prizes"] .cabinet-service-item.prize > button,
    [data-cabinet-panel="overview"] .cabinet-service-item.prize > button{
        grid-column:1 / -1!important;
        width:100%!important;
        max-width:none!important;
    }
}

*(SNAP_CABINET_NAV_HISTORY_FIX_24_3_6, */)

*(Верхняя, вкладка, дублировала, нижнюю, кнопку, «Мои, призы»., */)
[data-cabinet-tab="prizes"],
[data-cabinet-tab="prizes"][hidden]{
    display:none!important;
}

*(Запись, выигрыша, в, Истории, использует, класс, prize,, совпадающий, с, игровым)
   подвешенным призом. Сбрасываем игровые координаты только у строк Истории. */
#cabinetHistoryList > .prize,
#cabinetHistoryList > .history-prize,
#cabinetHistoryList > article.prize,
#cabinetHistoryList > article.history-prize,
[data-cabinet-panel="history"] .cabinet-service-item.prize,
[data-cabinet-panel="history"] .cabinet-history-item.prize,
[data-cabinet-panel="history"] .history-item.prize,
[data-cabinet-panel="history"] .history-prize{
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    margin-left:0!important;
    margin-right:0!important;
    transform:none!important;
    animation:none!important;
    opacity:1!important;
    z-index:auto!important;
    filter:none!important;
    pointer-events:auto!important;
}

*(Внутренние, элементы, истории, не, должны, наследовать, игровые, размеры, приза., */)
[data-cabinet-panel="history"] .cabinet-service-copy,
[data-cabinet-panel="history"] .cabinet-history-copy,
[data-cabinet-panel="history"] .history-copy{
    min-width:0!important;
    width:auto!important;
    overflow:visible!important;
}

@media (max-width:700px){
    #cabinetHistoryList > .prize,
    #cabinetHistoryList > .history-prize,
    [data-cabinet-panel="history"] .cabinet-service-item.prize,
    [data-cabinet-panel="history"] .cabinet-history-item.prize,
    [data-cabinet-panel="history"] .history-item.prize,
    [data-cabinet-panel="history"] .history-prize{
        display:grid!important;
        grid-template-columns:52px minmax(0, 1fr)!important;
        align-items:start!important;
        gap:11px!important;
        padding:13px!important;
    }
}

*(SNAP_CABINET_PRIZE_SCOPE_FIX_24_3_7, */)

*()
 * В cabinet.js служебные записи выигрышей получают класс "prize".
 * Этот же класс используется у подвешенных призов игрового автомата.
 * Сбрасываем игровую геометрию у ЛЮБОГО .prize только внутри кабинета.
 * На сам игровой автомат правило не распространяется.
 */
#cabinetOverlay .prize,
.cabinet-overlay .prize{
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    transform:none!important;
    translate:none!important;
    scale:none!important;
    rotate:none!important;
    animation:none!important;
    opacity:1!important;
    z-index:auto!important;
    filter:none!important;
    visibility:visible!important;
    pointer-events:auto!important;
    float:none!important;
}

*(Не, даём, внутреннему, тексту, и, кнопкам, снова, сжаться, в, вертикальную, полоску., */)
#cabinetOverlay .prize > *,
.cabinet-overlay .prize > *{
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
}

#cabinetOverlay .prize .cabinet-service-copy,
#cabinetOverlay .prize .cabinet-history-copy,
.cabinet-overlay .prize .cabinet-service-copy,
.cabinet-overlay .prize .cabinet-history-copy{
    width:auto!important;
    min-width:0!important;
    overflow:visible!important;
}

@media (max-width:700px){
    #cabinetOverlay .prize,
    .cabinet-overlay .prize{
        display:grid!important;
        grid-template-columns:52px minmax(0, 1fr)!important;
        align-items:start!important;
        gap:11px!important;
        padding:13px!important;
    }

    #cabinetOverlay .prize > button,
    #cabinetOverlay .prize > a,
    .cabinet-overlay .prize > button,
    .cabinet-overlay .prize > a{
        grid-column:1 / -1!important;
        width:100%!important;
        max-width:none!important;
    }
}

