.select2-container--default .select2-selection--single {
    height: 50px;
    display: flex;
    align-items: center;
    position: relative;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    display: flex;
    align-items: center;
    line-height: 50px;
    padding-top: 0;
    justify-content: center;
}
.calculate-text {
    position: relative;
    top: -1px;
    left: -2px;
}
.logo img {
  transition: transform 0.2s ease;
}
.h2-thing{margin-left:2px;}
.text-tg{margin-top: -5px;}
.text-one {
    border-right: 1px solid #e0e8fb;
    padding-right: 13px;
}
.text-two {
    border-left: 1px solid #fcfcfc;
    padding-left: 15px;
}
.logo img {
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  transition: transform 0.2s ease;
}
.logo img:hover {
  transform: scale(1.05);
}
.logotip img{margin-right:3px;height: 4.2rem;}
.mt-4 {
    border-top: 1px solid #e1e1e1;
    padding-top: 10px;
}
.linkgroup {
    background: rgb(255 255 255);
    color: #6a6666;
    padding: 1px 5px 3px 4px;
    line-height: 15px;
    border-radius: 5px;
    font-size: 13px;
    top: 0px;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable .items-center .item-option .lvl-size{color:#c1d6ff;}
.linkgroup:hover{background: rgb(209 234 255);}
.text-log-rat {
    font-size: 1.675rem;
    line-height: 2rem;
}
.vseres-img {
    display: inline;
    position: relative;
    top: -2px;
    left: 2px;
    margin-right: 2px;
}
.vserep-img {
    display: inline;
    position: relative;
    top: -2px;
    left: 2px;
    margin-right: 2px;
    width: 19px;
}

.resource-details span a:hover{  
text-decoration-line: underline;
text-decoration-color: #7096d7;
text-decoration-thickness: 1px;}
  
.select2-container--default .select2-selection--single .select2-selection__rendered img {
    width: 34px;
    height: 34px;
    border-radius: 10%;
    margin-right: 8px;
    object-fit: cover;
    object-position: center;
}
.vesch {
    line-height: 22px;
    background: #f1f5ff;
    padding: 12px;
    display: flex;
    border-radius: 7px;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #dde5f9;
}
.text {
    display: flex;
}
.imgart{border-radius: 5px;}
#copy-btn {
background: #f1f5ff;
    padding: 5px 12px 6px 12px;
    border-radius: 5px;
    border: 1px solid #dde5f9;
    margin-left: 20px;
}
#copy-btn:hover{background: #d5d7da;}
.list-none {
    padding-left: 0px;
    padding-top: 15px;
}
.w-full {
    padding: 10px;
}
.select2-results__option {
    display: flex;
    align-items: center;
    padding: 8px;
    border-bottom: 1px solid #e5e7eb;
}

.select2-results__option img {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    margin-right: 8px;
    object-fit: cover;
    object-position: center;
}

.item-option {
    display: flex;
    flex-direction: column;
    line-height: 18px;
}
.lvl-size {
    font-size: 12px;
    line-height: 17px;
}

.sub-resource-list {
    position: relative;
    clear: both;
    width: 100%;
    display: block; 
}



#calculate-btn{--tw-bg-opacity: 1;background-color: rgb(83 128 200);border-radius:5px;}
#calculate-btn:hover{background-color: rgb(102 149 223);}
.resource-item {
    display: flex;
    align-items: flex-start;
}

.resource-item img {
    margin-right: 8px;
    object-fit: contain;
}

.resource-details {
    display: flex;
    flex-direction: column;
    line-height: 18px;
    justify-content: center;
    min-height: 56px;
}
.sub-resource-list .resource-item .resource-details {
    min-height: 48px;
}
.sub-resource-list .resource-item .resource-details span{
    font-size: 14px;
}
.quantity-highlight {
    color: red;
    text-decoration: underline;
}

.select2-container--default .select2-search__field {
    padding-left: 28px;
    position: relative;
}

.select2-container--default .select2-search__field:empty::before {
    content: '🔍';
    font-size: 16px;
    color: #9ca3af;
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
}

#copy-btn svg {
    display: inline-block;
    vertical-align: middle;
}

.select2-container--default .select2-selection__arrow {
    height: 50px;
    width: 30px;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.select2-container--default .select2-selection__arrow b {
    border-color: #555 transparent transparent transparent;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    height: 0;
    width: 0;
    margin-left: auto;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
}


.select2-container--default.select2-container--open .select2-selection__arrow b {
    border-color: transparent transparent #555 transparent;
    border-width: 0 6px 6px 6px;
}


        .select2-container .select2-search__field {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23999' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: 8px center;
            padding-left: 28px;
            background-size: 16px 16px;
        }
        .select2-container .select2-search__field:focus,
        .select2-container .select2-search__field:not(:placeholder-shown) {
            background-image: none;
            padding-left: 12px;
        }

        @supports not (background-image: url("data:image/svg+xml;...")) {
            .select2-container .select2-search__field {
                background-image: url('/img/search-icon.png'); 
            }
        }

        .quantity-container {
            display: flex;
            align-items: center;
            width: 100%;
            border: 1px solid #d1d5db;
            border-radius: 0.375rem;
            overflow: hidden;
        }
        .quantity-input {
            flex-grow: 1;
            padding: 0.5rem;
            border: none;
            text-align: center;
            width: 60px;
            height: 50px; /* Изменено с 40px на 50px */
        }
.quantity-btn {
    color: #635e5e;
    padding: 0rem 0.8rem 0.3rem 0.8rem;
    background-color: #e6ebf7;
    cursor: pointer;
    transition: background-color 0.2s;
    margin: 0 5px;
    border-radius: 5px;
    font-size: 25px;
    min-width: 40px;
    font-weight: bold;
}
.logo a img{border-radius:50%;}
        .quantity-btn:hover {
            background-color: #d1d5db;
        }
        .quantity-btn:first-child {
            border-right: 1px solid #d1d5db;
        }

        .sub-resource-list {
            position: relative;
            clear: both;
            width: 100%;
        }



        .select2-container--default .select2-selection--single {
            height: 50px !important;
        }
        .select2-container--default .select2-selection--single .select2-selection__rendered {
            line-height: 50px !important;
            padding-top: 0;
            display: flex;
            align-items: center;
            justify-content: center;
        }
         .select2-container--default .select2-selection__arrow {
            height: 50px;
            width: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: none;
        }
        .select2-container--default .select2-selection__arrow b {
            display: none;
        }
        .select2-container--default .select2-selection__arrow::after {
            content: '↓';
            font-weight: bold;
            font-size: 25px;
            right: 10px;
            color: #c3c6ca;
            position: relative;
            top: 8px;
            transition: transform 0.2s ease;
        }
        .select2-container--default.select2-container--open .select2-selection__arrow::after {
            transform: rotate(180deg);
        }

        .recipe-toggle {
cursor: pointer;
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    border-bottom: 1px solid #b3b3b3;
    width: 44px;
    color: #b6686d;
    font-weight: 500;
    line-height: 17px;
        }

        .recipe-toggle.open::after {
    content: '⤶';
    font-weight: 300;
    font-size: 21px;
    position: relative;
    top: 9px;
    color: #e3c2d1;
    transform: rotate(268deg);
    left: 4px;
        }
    .recipe-toggle.open{color: #c9acae;}
        .sub-resource-list {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.1s ease-out;
        }
.sub-resource-list.open .resource-item{border-bottom: 1px solid #e6cdcd;}        
.sub-resource-list.open .resource-item:last-child{border-bottom: none;}     
        .sub-resource-list.open {
    max-height: 500px;
    margin-top: 15px;
    margin-bottom: 20px;
    background: #f7ecf1;
    padding: 10px;
    border-radius: 5px;
    position: relative;
    left: -71px;
    border: 1px solid #f3cfd9;
    min-width: 240px;
        }
 
        .category-icon {
            width: 20px;
            height: 20px;
            vertical-align: middle;
            margin-right: 4px;
            margin-top: -1px;
            display: inline;
            border-radius: 50%;
        }
        
@media (max-width: 400px) {
.text-log-rat {
    font-size: 1.475rem;
    line-height: 1.8rem;
}
}
@media (max-width: 450px) {
.vesch {
    flex-direction: column-reverse;
    gap: 3px;
}
}

            .report-error-container { text-align: right;margin-top: -13px;
    float: right; }
    #report-error-btn:hover{text-decoration: underline;}
            #report-error-btn {     background: none;font-style: italic;
    border: none;
    color: #cfaeb5;
    cursor: pointer;
    font-size: 0.9em;}
            #error-modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 999; display: flex; align-items: center; justify-content: center; }
            #error-modal-overlay.hidden { display: none; }
            #error-modal-content { background: white; padding: 25px; border-radius: 8px; width: 90%; max-width: 500px; position: relative; box-shadow: 0 5px 15px rgba(0,0,0,0.3); }
            #error-modal-close { position: absolute; top: 10px; right: 15px; background: none; border: none; font-size: 2em; line-height: 1; cursor: pointer; }
            #error-report-form textarea { width: 100%; padding: 10px; margin: 10px 0; border: 1px solid #ccc; border-radius: 5px; }
            #error-report-form button { background-color: #5380c8; color: white; padding: 10px 15px; border: none; border-radius: 5px; cursor: pointer; }
            #report-status { margin-top: 10px; font-size: 0.9em; }