*, div, p{
    font-family: 'Product Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica', 'Arial', sans-serif !important;
    color: white;
    font-weight: 500;
}



body{
    margin: 0;
    background-color: #1a2026;
    /*background-image: url(photo_2025-12-01_03-30-18.jpg); */
    /*position: fixed; */
    background-repeat: no-repeat; /**/
    background-size: 498px auto; /**/
}


header{
    background-color: #212a33e5;
    width: 100%;
    height: 48px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 8px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    box-sizing: border-box;
}


.fragment-logo{
    width: 120px;
}


.user_name_box{
    margin-left: 50px;
    margin-right: 50px;
    gap: 6px;
    display: flex;              /* включаем Flexbox */
    flex-direction: row;        /* по умолчанию — в строку */
    align-items: center;        /* вертикальное центрирование */
    justify-content: center;    /* горизонтальное центрирование (если надо) */
    padding: 18px 0;
}
.user_name_title{
    height: 28px;
    color: white;
    font-weight: 600;
    display: flex;
    font-size: 22px;
    justify-content: center; /* горизонталь */
    align-items: center;     /* вертикаль */
}
.user_name_status{
    margin-top: 0;
    background-color: rgba(90, 236, 140, .1);
    color: #5aec8c;
    border-radius: 5px;
    width: 95px;
    height: 23px;
    font-size: 11px;
    font-weight: 600;
    line-height: 16px;
    display: flex;
    justify-content: center; /* горизонталь */
    align-items: center;     /* вертикаль */
}


.div-1{
    gap: 3px;
    border-radius: 8px;
    display: flex;              /*по умолчанию — в строку */
    /*justify-content: center;*/
    overflow: hidden;
}

.window-1-1{
    /*background-color: #293440;*/
    width: 100%;
    height: 75px;
    justify-content: center; /* горизонталь */
}
.window-1-2{
    /*background-color: #293440;*/
    width: 100%;
    height: 75px;
    justify-content: center; /* горизонталь */
}

.window-1-what{
    cursor: pointer;
    text-decoration: underline;
    font-size: 13px;
    color: rgb(36, 139, 218);
    width: 80%;
    text-align: left;
    word-spacing: 2px;
    padding: 9px 16px 10px;
    margin: 0;
    text-decoration: none;
}

.window-1-title{
    font-size: 12px;
    background-color: #293440;
    color: white;
    font-weight: 500;
    text-align: center;
    padding: 7px 0 7px 0;
}
.window-1{
    background-color: #212a33;
    border-radius: 10px;
    text-align: center;
    width: 95%;
    max-width: 600px;      /* ограничение ширины */
    margin: 0 auto 16px auto;     /* сверху/снизу 40px, слева/справа авто = центр */
    height: 114px;
}


.window-1-1-ton{
    margin-top: 19px;
}

.window-1-1-icon{
    width: 23px;
    margin-top: 7px;
    margin-right: -2px;
}
.window-1-price-box{
    font-size: 14px;
    display: flex;
    justify-content: center; /* горизонталь */
    align-items: center; 
    height: 36px;
}
.window-1-1-dolar{
    color: lightslategray;
    margin: 0;
    font-size: 11px;
    margin-left: 11px;
    margin-top: -8px;
}


.window-2{
    box-sizing: border-box;
    /*background-color: #212a33;*/
    /*display: flex;*/
    flex-direction: column;    /* Расположение блоков по вертикали */
    justify-content: space-between;  /* Отступы между блоками */
    height: 105px;             /* Высота контейнера, можно изменить */
    width: 95%;
    max-width: 600px;
    margin: 0 auto 16px auto;
    /*gap: 50px;*/
    border-radius: 8px;
    overflow: hidden;
}


.window-2-horizontal{
    background-color: #212a33;
    box-sizing: border-box;
    font-size: 13px;
    font-weight: bold;
    
    width: 100%;
    height: 35px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 8px 16px;
    margin: 0;
}

.window-2-horizontal-center{
    margin: 1px auto 1px auto;
}

.window-2-left{
    line-height: 18px;
    white-space: nowrap;
}

.window-2-right{
    font-size: 14px;
    color: rgb(36, 139, 218);
    text-align: right;
    line-height: 18px;
    white-space: nowrap;
}




.button-connect{
    transition-duration: 0.3s;
    cursor: pointer;
    background-color: rgb(36, 139, 218);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 42px;
    color: white;
    text-align: center;
    width: 95%;
    margin: 0 auto 16px auto;
    border-radius: 8px;
    max-width: 600px;
    
    font-size: 13px;
    line-height: 18px;
    font-weight: bold;
}
.button-connect:hover{
    background-color: #1c78be;
    transition-duration: 0.3s;
}


.button-subscribe{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 39px;
    width: 90%;
    margin: 0 auto 16px auto;
    border-radius: 8px;
    font-size: 14px;
    line-height: 23px;
    text-align: center;
    white-space: nowrap;
    font-weight: 400;
    color: rgb(36, 139, 218);
}

.info{
    background-color: #248bda;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 75px;
    color: white;
    text-align: center;
    width: 90%;
    margin: 0 auto 24px auto;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    border-radius: 8px;
    font-size: 13px;
    line-height: 18px;
    max-width: 600px;
}

/*

.btn_conn{
    cursor: pointer;
    transition-duration: 0.3s;
    width: 148px;
    height: 32px;
    background-color: #248bda;
    border-radius: 15px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 5px;
}
.btn_conn:hover{
    box-shadow: 0 0 7px rgba(0, 150, 255, 0.8);  Голубое свечение 
}
.btn_conn>div{
    margin-top: -2px;
    font-size: 15px;
    margin-right: auto;
}
.btn_conn>img{
    width: 16px;
    margin-left: auto;
}

*/


.btn_conn>div>tc-root>button{
    width: 158px;
    height: 32px;
}

.btn_conn>div>tc-root>button>svg{
    width: 22px;
    height: 22px;
}





















.table{
    width: 95%;
    margin: 0 auto 0 auto;
    overflow: hidden;
    max-width: 600px;
    height: 99%;
    padding: 0;
    table-layout:fixed;
    border-spacing: 0 2px;
    box-sizing: border-box;
}

thead th{
    text-align:left;
    color: #8c9aa9;
    height: 30px;
    background-color: #293440;
    overflow: hidden;
}



.th_text{
    font-size: 12px;
    line-height: 16px;
}

thead th:first-child{ padding-left:16px; width: 75px; border-radius: 10px 0 0 0;}
thead th:nth-child(2){ width:110px; }
thead th:nth-child(3){ width:auto; border-radius: 0 10px 0 0;}

tr{
    background-color: #212a33e5;
}

.date-cell{
    font-size: 13px;
    font-weight: 400;
    letter-spacing:0.2px;
    line-height: 16px;
    color: #8C9AA9;
}

td{
    padding: 8px;
    vertical-align:middle;
    font-size:14px;
    line-height: 12px;
}

td:first-child{
    padding-left:16px;
    color:var(--text);
    border-radius: 0 0 0 10px;
}

td:nth-child(2){
    padding-left: 1px;
}

td:nth-child(3){
    padding-left: 1px;
    border-radius: 0 0 10px 0;
}

.buyer{
    color: #4DB2FF;
    max-width:360px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    font-weight: 400;
}

.transfer{
    font-size: 14px;
    letter-spacing:0.2px;
    font-weight: 500;
}




.bottom_menu{
    width: 100%;
    height: 44px;
    background-color: #111417;;
    display: flex;
    text-align: center;
    gap: 53px;
    justify-content: center;
    align-items: center;
    margin-top: auto;
    bottom: 0;
    position: fixed;
}

.bottom_menu>div{
    color: #6d8394;
    font-size: 12px;
    line-height: 16px;
}



.work_{
    transition-duration: 0.15s;
    transition-property: margin-bottom;
    position: fixed;
    bottom: 0%;
    left: 50%;
    transform: translate(-50%, 0%);
    width: 100%;
    height: 351px;
    background-color: rgb(26, 32,38);
    padding: 22px 41px;
    box-sizing: border-box;
    border-radius: 10px 10px 0 0;
    margin-bottom: -351px;
}


.work_>div:nth-child(1){
    color: white;
    font-weight: bolder;
    font-size: 21px;
}

.work_2{
    /*color: red;*/
    font-weight: 500;
}
.txt_bolder{
    font-weight: bolder;
}

a{
    color: #4db2ff;
    text-decoration: none;
}

.work_back{
    transition-duration: 0.15s;
    transition-property: opacity;
    opacity: 0%;
    top: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    pointer-events: none;
}

.work_btn{
    cursor: pointer;
    color: #4db2ff;
    font-weight: bolder;
    right: 41px;
    bottom: 22px;
    position: absolute;
    letter-spacing: 1px;
    font-size: 16px;
}