body {
    height: 100vh;
    overflow: hidden;
    margin: 0;
    background-color: #F9F9F9;
    font-family: 'Microsoft YaHei', sans-serif;
}

.main {
    display: flex;
    flex-direction: row;
    height: 100vh;
}

.logo {
    display: flex;
    padding: 2.34vw 1.76vw;
    z-index: 99999;
}

.menu {
    display: flex;
    flex-direction: column;
    margin: 0vw 1.76vw 2.34vw 0.0vw;
    background-color: #FFFFFF;
    border-radius: 0.0vw 2.34vw 2.34vw 0.0vw;
    box-shadow: 0.0vw 0.0vw 1.46vw 0.0vw rgba(0, 0, 0, 0.2);
    overflow: hidden;
}

.menu_item {
    display: flex;
    justify-content: flex-end;
    padding: 2.2vw 2.93vw;
    font-size: 1.76vw;
    font-weight: bold;
}

.menu_item.selected {
    background-color: #000000;
    color: #FFFFFF;
}


.menu_item:not(:last-child) {
    border-bottom: #000000 0.13vh solid;
}

.footer {
    display: flex;
    padding: 2.34vw 1.76vw;
    position: fixed;
    bottom: 0;
}

.disabled {
    color: gray;
    pointer-events: none;
}

.always-visible {
    position: relative;
    z-index: 9998;
}

.content {
    height: 95vh;
    width: 100vw;
}

.content_item {
    padding-top: 5.21vh;
}

.processing {
    display: flex;
    flex-direction: row;
    margin: 0.0vw 1.17vw;
    height: 90vh;
    gap: 1.76vw;
}

.processing_item {
    display: flex;
    flex-direction: column;
    gap: 1.76vw;
    align-items: center;
    width: 39.53vw;
    box-sizing: border-box;
}

.processing_item_title {
    font-size: 1.76vw;
    font-weight: bold;
    color: #999999;
    align-content: center;
}

.processing_item_content {
    display: flex;
    flex-direction: column;
    gap: 1.76vw;
    overflow-y: scroll;
    border-radius: 1.17vw;
    scrollbar-gutter: stable both-edges;
}

.processing_order {
    display: flex;
    flex-direction: column;
    gap: 1.76vw;
    padding: 1.46vw;
    border-radius: 1.17vw;
    width: 39.53vw;
    background-color: #FFFFFF;
    box-sizing: border-box;
}

.processing_order_header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: 1.46vw;
    color: #666666;
    align-items: baseline;
}

.processing_order_header_left,
.processing_order_header_right {
    display: flex;
    gap: 0.59vw;
    align-items: baseline;
}

.take_num {
    color: #000000;
    font-weight: bold;
}

.pay_time {
    color: #1D1B20;
}

.processing_order_content {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.73vw;
}

.product_img {
    border-radius: 50%;
    width: 7.32vw;
    height: 7.32vw;
}

.product_info {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}

.product_name {
    font-size: 1.76vw;
    color: #1D1B20;
    font-weight: bold;

    .product_description {
        font-size: 1vw;
    }
}

.next_action {
    padding: 0.88vw 2.34vw;
    width: 15.37vw;
    height: 10.42vh;
    border-radius: 5.86vw;
    font-size: 2.34vw;
    background-color: #000000;
    color: #FFFFFF;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.processing_order_footer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
}

.printer_button {
    display: flex;
    flex-direction: row;
    gap: 0.59vw;
    padding: 0.59vw 1.46vw;
    border-radius: 2.34vw;
    border: #666666 0.15vw solid;
    color: #666666;
    font-size: 1.46vw;
    align-items: center;
}

.price {
    font-family: '.SF Compact Text';
    font-size: 1.76vw;
    color: #000000;
}

.pack_info {
    display: flex;
    flex-direction: column;
    gap: 0.88vw;
}

.pack_detail {
    display: flex;
    flex-direction: row;
    gap: 1.46vw;
    align-items: flex-end;
}

.product_description,
.cup_info,
.shelf_info {
    display: flex;
    gap: 0.59vw;
    font-size: 1.46vw;
    color: #666666;
    align-items: flex-end;
}

.cup_num {
    font-weight: bold;
    color: #000000;
}

.shelf_num {
    font-weight: bold;
    color: #000000;
}

.working {
    background-color: #000000;
    color: #999999;
}

.working .processing_order_header {
    color: #999999;
}

.working .take_num,
.working .product_name,
.working .price {
    color: #FFFFFF;
}

.working .pay_time {
    color: #999999;
}

.working .next_action {
    background-color: #FFFFFF;
    color: #000000;
}

.working .printer_button {
    border: #FFFFFF 0.15vw solid;
    color: #FFFFFF;
}

.disable_btn {
    background-color: #999999 !important;
    pointer-events: none;
}


.waiting_take {
    background-color: rgba(75, 216, 28, 0.05);
    border: 0.13vh solid rgba(212, 231, 206, 1);
}

/* 订单列表 */
.order_content {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    font-size: 2.2vw;
    height: 90vh;
    gap: 1.76vw;
    padding-right: 4.83vw;
}

.search_container {
    display: flex;
    gap: 0.73vw;
    padding-left: 1.46vw;
    border-radius: 2.19vw;
    background-color: #FFFFFF;
    align-items: center;
    justify-content: space-between;
}

#search-input {
    border: #FFFFFF;
    font-size: 1.46vw;
    color: #999999;
    width: 67.93vw;
}

#search-input:focus {
    outline: none;
}

#search-button {
    padding: 0 2.34vw 0 2.34vw;
    border-radius: 2.34vw;
    background-color: #000000;
    color: white;
    font-size: 1.17vw;
    height: 6.77vh;
    width: 9.95vw;
}


#order_list {
    display: flex;
    flex-direction: column;
    overflow: auto;
    border-radius: 1.17vw;
    gap: 1.76vw;
}

.order_item {
    display: flex;
    border-radius: 1.17vw;
    background-color: #ffffff;
    flex-direction: column;
    padding: 1.46vw;
    gap: 0.87vw;
}

.order-time-status {
    display: flex;
    font-size: 1.46vw;
    justify-content: space-between;
    align-items: center;
}

.order_id {
    font-weight: bold;
    color: #000000
}

.status-and-icon {
    display: flex;
    align-items: center;
}

.status-and-icon span {
    margin-right: 0.73vw;
}

.order_trans {
    display: flex;
    gap: 0.73vw;
    justify-content: space-between;
    align-items: center;
}

.trans_detail {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.refund_button {
    display: flex;
    gap: 0.58vw;
    padding: 0.29vw 1.46vw;
    border-radius: 2.34vw;
    background-color: #EBEBEB;
    color: #666666;
    font-size: 1.46vw;
    align-items: center;
}

.action_button {
    display: flex;
    gap: 1.17vw;
    align-items: center;
}

.modal {
    display: none;
    position: fixed;
    align-items: center;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.177);
}

.modal-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #FFFFFF;
    margin: auto;
    font-size: 2.34vw;
    border: 0.07vw solid #FFFFFF;
    border-radius: 2.34vw;
    width: 33.67vw;
    height: 39.06vh;
}

#cancel {
    font-size: 1.76vw;
    color: #000000;
    background: #EBEBEB;
    border: 0.07vw solid #EBEBEB;
    border-radius: 1.83vw;
    padding: 1.10vw 1.83vw 1.10vw 1.83vw;
}

#confirm {
    font-size: 1.76vw;
    color: #FFFFFF;
    background: #000000;
    border: 0.07vw solid #000000;
    border-radius: 1.83vw;
    padding: 1.10vw 1.83vw 1.10vw 1.83vw;
}

/* 设备状态 */
#asset_list {
    overflow: auto;
    height: 90vh;
    width: 81.25vw;
    display: flex;
    flex-direction: column;
    border-radius: 1.17vw;
    gap: 2.34vw;
    padding-top: 3.38vh;
}

.group {
    display: flex;
    flex-direction: column;
    padding: 1.46vw;
    border-radius: 1.17vw;
    font-size: 1.46vw;
    color: #999999;
    background-color: #ffffff;
    gap: 0.88vw;
}

.toggle_arrow {
    padding: 0.73vw 1.46vw;
    background-color: #ffffff;
    color: #999999;
    border: none;
    cursor: pointer;
    outline: none;
    position: relative;
    display: flex;
    align-items: center;
}

.toggle_arrow .arrow_icon {
    display: inline-block;
    position: relative;
    margin-left: 0.73vw;
}

.toggle_arrow .arrow_icon::before {
    content: '^';
    font-size: 2.93vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scaleY(0.5);
    transition: transform 0.3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
}

.toggle_arrow:not(.expanded) .arrow_icon::before {
    transform: translate(-50%, -50%) scaleY(0.5) rotate(180deg);
}

.expanded .arrow_icon::before {
    transform: translate(-50%, -50%) scaleY(0.5) rotate(0deg);
}

.group .asset_title {
    display: flex;
    justify-content: space-between;
    padding-right: 2.34vw;
}

.asset_list {
    display: none;
    font-size: 2.64vw;
    font-family: Microsoft YaHei;
    color: #1D1B20;
}

.asset_list .asset_detail {
    display: flex;
    justify-content: space-between;
    height: 13.02vh;
    align-items: center;
}

.asset_list .asset_detail .error_button {
    font-size: 1.76vw;
    font-family: Microsoft YaHei;
    color: #ffffff;
    background-color: #C70000;
    border-radius: 2.34vw;
    padding: 0.88vw 2.34vw 0.88vw 2.34vw;
    gap: 0.73vw;
}

.asset_list .asset_detail .warning_button {
    font-size: 1.76vw;
    font-family: Microsoft YaHei;
    color: #ffffff;
    background-color: #FBC338;
    border-radius: 2.34vw;
    padding: 0.88vw 2.34vw 0.88vw 2.34vw;
}

.asset_list .asset_detail .normal_button {
    font-size: 1.76vw;
    font-family: Microsoft YaHei;
    color: #ffffff;
    background-color: #4BD81C;
    border-radius: 2.34vw;
    padding: 0.88vw 2.34vw 0.88vw 2.34vw;
    gap: 0.73vw;
}


/* 打印标签 */
.label_content {
    overflow: hidden;
    background-color: #ffffff;
    border-radius: 1.17vw;
    display: flex;
    flex-direction: column;
    height: 90vh;
    width: 81.25vw;
    gap: 2.34vw;
    padding: 2.92vw;
    box-sizing: border-box;
    align-items: center;
}

.label_tab_container {
    display: flex;
    justify-content: center;
    align-items: baseline;
    width: 100%;
    border-bottom: 0.07vw solid #000000;
}

.tab_item {
    width: 50%;
    display: flex;
    align-items: flex-end;
    font-size: 1.76vw;
    justify-content: center;
    color: #666666;
}

.tab_item.active {
    font-weight: bold;
    color: #000000;
    border-bottom: 0.51vw solid #000000;
}

#shelf_life_label {
    width: 100%;
    overflow-x: scroll;
}

#label_list {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 1.75vw;
}

.purchase_product_detail {
    width: 21.96vw;
}

.purchase_product_name {
    height: 38.48vh;
    width: 21.96vw;
    box-sizing: border-box;
    color: #000000;
    background-color: #FFFFFF;
    border: #000000 0.29vw solid;
    border-radius: 2.34vw 2.34vw 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.63vw;
    font-weight: bold;
}

.purchase_product_printer {
    height: 10.26vh;
    width: 21.96vw;
    box-sizing: border-box;
    padding: 2.34vw 0.87vw;
    background-color: #000000;
    color: #FFFFFF;
    border-radius: 0 0 2.34vw 2.34vw;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.63vw;
    font-weight: bold;
}

.Label_btn {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-right: 0.73vw;
    height: 39.06vh;
    width: 29.95vh;
    border: 0.15vw solid #000000;
    border-radius: 2.2vw;
    background: linear-gradient(to bottom, white 80%, black 20%);
}

.button .text:first-child {
    padding-top: 30%;
    font-size: 1.9vw;
    font-weight: bold;
    color: black;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.button .text:last-child {
    font-size: 1.9vw;
    font-weight: bold;
    color: #FFFFFF;
    padding-bottom: 0.59vw;
}


.cup_num_label {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 55.12vw;
    height: 53.12vh;
    flex-direction: column;
}

.print_num {
    padding-top: 2.93vw;
    padding-bottom: 2.93vw;
    font-size: 2.34vw;
    color: #666666;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2.34vw;
}

.cup_label_count {
    height: 10.41vh;
    width: 23.67vw;
    border: 0.29vw solid #666666;
    border-radius: 1.17vw;
    font-size: 2.34vw;
    text-align: center;
}

.print_button {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2.34vw;
    border-radius: 5.85vw;
    color: #ffffff;
    background-color: #000000;
    width: 100%;
    padding: 0.87vw 2.34vw;
    box-sizing: border-box;
}

/* 维护 */
#maintenance_content {
    background-color: #E4E4E4;
    height: 100vh;
    padding: 0;
    overflow-y: scroll;
}

.work_maintenance,
.close_maintenance_content {
    max-height: 70vh;
    display: flex;
    flex-direction: column;
    gap: 2.92vw;
    padding: 2.92vw;
    overflow-y: scroll;
}

.maintenance_list {
    width: 100%;
    margin-top: 1.75vw;
    display: flex;
    flex-direction: column;
    gap: 1.75vw;
    font-size: 2.20vw;
}

.maintenance_item,
.pump_item {
    display: flex;
    align-items: center;
    gap: 2.34vw;
}

.maintenance_item .item,
.pump_item .item {
    width: 4.39vw;
    height: 7.81vh;
}

.work_maintenance_description,
.maintenance_description {
    display: flex;
    justify-content: space-between;
    height: 9.81vh;
    width: 100%;
    align-items: center;
    background-color: #FFFFFF;
    border-radius: 2.34vw;
}

.description {
    display: flex;
}

.description .label {
    font-size: 2.63vw;
    align-items: center;
    justify-content: center;
}

.description .label_small {
    font-size: 1.46vw;
    color: #666666;
    margin-left: 0.59vw;
}

.maintenance_item .label > Text {
    font-size: 1.46vw;
    color: #666666;
}

.maintenance_item .label,
.pump_item .label {
    font-size: 2.63vw;
}

.maintenance_item .btn {
    text-align: center;
    width: 9.54vw;
    padding: 0.87vw 2.34vw;
    font-size: 1.75vw;
    font-weight: bold;
    color: #FFFFFF;
    border-radius: 2.34vw;
    background-color: #000000;
    box-sizing: border-box;
    white-space: nowrap;
}

.maintenance_item .btn.completed {
    background-color: #E4E4E4;
    color: #000000;
    border: 0.07vw solid #E4E4E4;
}

.custom-checkbox,
.water-checkbox {
    display: inline-block;
    width: 4.39vw;
    height: 4.39vw;
    background-color: #FFFFFF;
    border-radius: 50%;
    border: 0.14vw solid #999999;
    position: relative;
    cursor: pointer;
}

.item_clean .custom-checkbox,
.water-checkbox {
    display: flex;
    justify-content: center;
    align-items: center;
}

.custom-checkbox::after {
    content: "";
    position: absolute;
    top: 40%;
    left: 50%;
    width: 1.46vw;
    height: 2.20vw;
    border: solid white;
    border-width: 0 0.14vw 0.14vw 0;
    transform: translate(-50%, -50%) rotate(45deg);
    opacity: 0;
}

.custom-checkbox.checked,
.water-checkbox.checked {
    background-color: #4BD81C;
    border: 0.14vw solid #4BD81C;
}

.custom-checkbox.checked::after {
    opacity: 1;
}

.advanced_mode {
    display: flex;
    flex-direction: column;
    font-size: 1.46vw;
    color: #666666;
    gap: 2.34vw;
    padding: 2.92vw;
}

.advanced_mode .advanced {
    display: flex;
    justify-content: space-between;
}

.pump_content {
    display: none;
    font-size: 2.19vw;
    font-family: Microsoft YaHei;
    color: #1D1B20;
}

#pump_list {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 2.34vw;
}

.pump_item .btn {
    text-align: center;
    width: 10.54vw;
    padding: 0.87vw 2.34vw;
    font-size: 1.75vw;
    font-weight: bold;
    color: #FFFFFF;
    border-radius: 2.34vw;
    background-color: #000000;
    box-sizing: border-box;
}

.btn_group {
    display: flex;
    justify-content: space-between;
    gap: 2.34vw;
}

.dialog-container {
    display: flex;
    flex-direction: column;
    position: fixed;
    left: 50%;
    gap: 0.7vw;
    bottom: 4.68vh;
    transform: translateX(-50%);
    z-index: 9999;
    pointer-events: none;
}

.error_dialog {
    display: none;
    flex-direction: column;
    gap: 0.7vw;
}

.error_dialog_item {
    background-color: rgba(199, 0, 0, 0.15);
    border-radius: 2.34vw;
    /* padding: 0.75vw 5.85vw; */
    padding: 10px 80px;
    color: #C70000;
    font-size: 2.92vw;
    display: flex;
    white-space: nowrap;
    align-items: center;
    gap: 2.7vw;
    justify-content: center;
}

.error_dialog_content {
    max-width: 27vw;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* 盘点库存 */
.inventory_content {
    width: 100%;
    height: 100vh;
}

#inventory_content {
    height: 100vh;
    width: 100%;
    padding-top: 0 !important;
}

.inventory_button_content {
    height: 100vh;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 2.2vw;
    padding-right: 2.34vw;
    padding-bottom: 2.34vw;
    padding-top: 5.84vw;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

.inventory_button_main {
    width: 26vw;
    height: 38.06vh;
    background-color: #000000;
    color: #FFFFFF;
    border-radius: 2.34vw;
    box-shadow: 0 0.73vw 2.2vw rgba(0, 0, 0, 0.15);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5.85vw 2.93vw;
    font-weight: bold;
    font-size: 2.64vw;
    box-sizing: border-box;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.inventory_inbound_content,
.inventory_outbound_content,
.inventory_check_content,
.all_inventory_content {
    width: 100%;
    height: 100vh;
    margin-bottom: 1.75vw;
    gap: 1.75vw;
    background-color: rgba(0, 0, 0, 0.05);
    display: flex;
    padding: 0.73vw 1.04vw;
    box-sizing: border-box;
    flex-direction: column;
}

.inventory_check_header {
    display: flex;
    flex-direction: row;
    gap: 1.25vw;
    height: 4.17vw;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    font-size: 1.76vw;
    color: #666666;
    font-weight: bold;
}

.inventory_inbound_header,
.inventory_outbound_header,
.all_inventory_header {
    display: flex;
    flex-direction: row;
    gap: 1.25vw;
    height: 4.17vw;
    width: 100%;
    align-items: center;
    font-size: 1.76vw;
    color: #666666;
    font-weight: bold;
}

.inventory_check_header_left,
.inventory_check_header_center {
    display: flex;
    flex-direction: row;
    gap: 0.59vw;
    padding: 0.73vw;
    align-items: center;
}

.inventory_search_container {
    display: flex;
    gap: 0.73vw;
    padding-left: 1.46vw;
    border-radius: 2.19vw;
    background-color: #FFFFFF;
    align-items: center;
    justify-content: space-between;
    height: 40px;
}

#inventory-search-input {
    border: #FFFFFF;
    font-size: 1.46vw;
    color: #999999;
    border-bottom-right-radius: 2.19vw;
    border-top-right-radius: 2.19vw;
}

#inventory-search-input:focus {
    outline: none;
}

.inventory_inbound_header_left,
.inventory_outbound_header_left,
.all_inventory_header_left {
    flex: 1;
    display: flex;
    flex-direction: row;
    gap: 0.59vw;
    padding: 0.73vw;
    align-items: center;
}

.inventory_inbound_header_center,
.inventory_outbound_header_center {
    flex: 3;
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 2.92vw;
    padding: 0.73vw;
    align-items: center;
}

.inventory_inbound_header_right,
.inventory_outbound_header_right {
    flex: 1;
}

.inventory_outbound_header_from {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.73vw;
}

.inventory_outbound_header_to {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.73vw;
    border-radius: 0.59vw;
    padding: 0.59vw 2.34vw;
    border: 0.07vw solid #000000;
    position: relative;
}

.inventory_inbound_header_to {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.73vw;
}

.inventory_check_header_right {
    display: flex;
    flex-direction: row;
    border-radius: 0.59vw;
    border: 0.07vw solid #000000;
    padding: 0.59vw 2.34vw;
    gap: 0.73vw;
    position: relative;
}

.inventory_inbound_header_left_icon,
.inventory_outbound_header_left_icon,
.inventory_check_header_left_icon,
.all_inventory_header_left_icon {
    width: 2.34vw;
    height: 2.34vw;
    gap: 0.73vw;
    border-radius: 50%;
    background-color: #666666;
    display: flex;
    justify-content: center;
    align-items: center;
}

.inventory_outbound_header_center_icon,
.inventory_check_header_center_icon,
.inventory_check_header_right_icon {
    width: 2.34vw;
    height: 2.34vw;
    gap: 0.73vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.inventory_inbound_body,
.inventory_outbound_body,
.inventory_check_body,
.all_inventory_body {
    display: flex;
    flex-direction: column;
    gap: 1.75vw;
    margin: 0 -1.04vw;
    overflow-y: scroll;
}

.inventory_inbound_body_header,
.inventory_outbound_body_header,
.inventory_check_body_header,
.all_inventory_body_header {
    padding-left: 5.86vw;
    padding-right: 5.86vw;
    background-color: #E4E4E4;
    color: #666666;
    font-size: 1.46vw;
    display: flex;
    flex-direction: row;
}

.promptMessage{
    text-align: center;
    font-size: 50px;
}

#manual_outbound_label {
    .inventory_outbound_body_header {
        margin-bottom: 20px;
    }
}

.inventory_inbound_body_content,
.inventory_outbound_body_content,
.inventory_check_body_content {
    gap: 1.76vw;
    height: 34.98vw;
    /* height: 61.19vh; */
    display: flex;
    flex-direction: column;
    overflow-y: scroll;
}

.all_inventory_body_content {
    gap: 1.76vw;
    height: 84%;
    display: flex;
    flex-direction: column;
    overflow-y: scroll;
}

.inventory_inbound_body_footer,
.inventory_outbound_body_footer,
.inventory_check_body_footer,
.all_inventory_body_footer {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.inventory_inbound_body_footer_button,
.inventory_outbound_body_footer_button,
.inventory_check_body_footer_button {
    height: 5.86vw;
    width: 33.23vw;
    gap: 0.73vw;
    padding: 0.88vw 2.34vw;
    background-color: black;
    border-radius: 2.34vw;
    color: white;
    font-size: 1.76vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.inventory_inbound_body_content_item,
.inventory_inbound_body_content_item_even,
.inventory_outbound_body_content_item,
.inventory_outbound_body_content_item_even,
.inventory_check_body_content_item,
.inventory_check_body_content_item_even {
    display: flex;
    flex-direction: row;
    padding: 0 5.86vw;
    font-size: 2.64vw;
    color: #000000;
}

.all_inventory_body_content_item,
.all_inventory_body_content_item_even {
    display: flex;
    flex-direction: row;
    padding: 0 5.86vw;
    font-size: 2vw;
    color: #000000;
}

.status-expired {
    color: red;
    font-weight: bold;
}

.status-near-expiry {
    color: orange;
    font-weight: bold;
}

.status-normal {
    color: green;
}

.inventory_inbound_body_content_item_even,
.inventory_outbound_body_content_item_even,
.inventory_check_body_content_item_even,
.all_inventory_body_content_item_even {
    background-color: rgba(255, 255, 255, 0.5);
    padding: 1.76vw 5.86vw !important;
}

.inventory_outbound_body_content_item_column_package,
.inventory_check_body_content_item_column_package {
    font-size: 1.76vw;
    color: #666666;
}

.outbound-item {
    font-size: 30px;
}

.operation-buttons {
    display: flex;
    gap: 8px;
    width: 270px;
}

.inventory_check_body_content_item_column_scan {
    background-color: #000;
    color: white;
}

.inventory_check_body_content_item_column_same {
    background-color: #4CAF50;
    color: white;
}

.inventory_check_body_content_item_column_scan,
.inventory_check_body_content_item_column_same {
    padding: 8px 12px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-size: 24px;
    width: 100%;
    text-align: center;
    align-content: center;
}

.scan-progress {
    text-align: center;
    font-weight: bold;
    margin: 15px 0;
}

.current-item {
    margin: 10px 0;
    color: #666;
    font-size: 25px;
}

.inbound_print_shelf_date {
    width: 14.64vw;
    height: 5.86vw;
    gap: 0.58vw;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.46vw 0.58vw;
    box-sizing: border-box;
    border-radius: 2.34vw;
    background-color: #ffffff;
    border: #000000 0.21vw solid;
    color: #000000;
}

.column {
    flex: 1;
    text-align: center;
    display: flex;
    flex-direction: row;
    gap: 0.58vw;
    align-items: center;
    justify-content: space-around;
}

.inventory_outbound_body_content_item_column_num,
.inventory_check_body_content_item_column_num {
    font-size: 2.93vw;
    font-weight: bold;
    color: #000000;
}

.inventory_inbound_body_content_item_column_input,
.inventory_outbound_body_content_item_column_input,
.inventory_check_body_content_item_column_input {
    height: 6.14vw;
    padding: 0.59vw 0.59vw 0.59vw 2.34vw;
    border-radius: 2.93vw;
    background-color: #ffffff;
    color: #666666;
    font-size: 1.76vw;
    border: none;
}

.inventory_inbound_num_body_content_item_column_input {
    height: 4.85vw;
    padding: 0.59vw 0.59vw 0.59vw 2.34vw;
    border-radius: 2.93vw;
    background-color: #ffffff;
    color: #666666;
    font-size: 1.76vw;
    border: none;
}

.inventory_inbound_body_content_item_column_input:focus,
.inventory_outbound_body_content_item_column_input:focus,
.inventory_check_body_content_item_column_input:focus {
    outline: none;
}

.inventory_check_body_content_item_column_dropdown {
    display: flex;
    flex-direction: column;
    gap: 0.59vw;
    font-size: 1.76vw;
    color: #666666;
    align-items: center;
    position: relative;
}

.dropdown_option {
    display: flex;
    flex-direction: row;
    gap: 0.59vw;
    font-size: 1.76vw;
    color: #666666;
    align-items: center;
}

.dropdown_options {
    position: absolute;
    top: 100%;
    border-radius: 2.34vw;
    background-color: #FFFFFF;
    white-space: nowrap;
    box-shadow: 0 0.73vw 2.20vw rgba(0, 0, 0, 0.1);
    border: none;
    z-index: 10;
    display: none;
    max-height: 20.57vw;
    overflow-y: scroll;
}

.dropdown_options.right {
    right: 1%;
}

.dropdown_options.left {
    left: 1%;
}

.dropdown_options.show {
    display: block;
}

.dropdown_options_item {
    display: flex;
    gap: 0.73vw;
    padding: 0 2.93vw;
    font-size: 2.34vw;
    color: #666666;
    height: 8.23vw;
    align-items: center;
}

.dropdown_options_item:not(:last-child) {
    border-bottom: 0.073vw solid #000000;
}


.dialog {
    display: none;
    position: fixed;
    align-items: center;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.177);
}

.dialog-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #FFFFFF;
    font-size: 2.34vw;
    gap: 2.34vw;
    border-radius: 2.34vw;
    width: 33.67vw;
    height: 27.74vw;
    padding: 2.92vw 1.46vw;
    box-sizing: border-box;
}

.dialog-action {
    display: flex;
    gap: 1.75vw;
    flex-direction: column;
}

.cancel-confirm {
    display: flex;
    gap: 1vw;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.dialog-input {
    padding: 0.29vw 1.46vw;
    border-radius: 2.34vw;
    border: 0.073vw solid #000000;
    background-color: #FFFFFF;
    font-size: 1.75vw;
    text-align: center;
    height: 5.85vw;
    box-sizing: border-box;
}

.dialog-input:focus {
    outline: none;
}

.dialog-button {
    font-size: 1.76vw;
    color: #FFFFFF;
    background: #000000;
    border: 0.07vw solid #000000;
    border-radius: 2.34vw;
    padding: 1.10vw 1.83vw 1.10vw 1.83vw;
    height: 5.85vw;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38%;
}

.confirm-button {
    font-size: 1.76vw;
    color: #FFFFFF;
    background: #000000;
    border: 0.07vw solid #000000;
    border-radius: 2.34vw;
    padding: 1.10vw 1.83vw 1.10vw 1.83vw;
    height: 5.85vw;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dialog-select-container {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dialog-dropdown {
    position: relative;
    width: 100%;
    min-height: 5.85vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
}

.dialog-dropdown .dropdown_option {
    width: 100%;
    padding: 0.29vw 1.46vw;
    border-radius: 2.34vw;
    border: 0.073vw solid #000000;
    background-color: #FFFFFF;
    font-size: 1.75vw;
    height: 5.85vw;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dialog-dropdown .dropdown_option_value {
    flex: 1;
    text-align: center;
    color: #000000;
}

.dialog-dropdown .dropdown_options {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: 0.5vw;
    border-radius: 2.34vw;
    background-color: #FFFFFF;
    box-shadow: 0 0.73vw 2.20vw rgba(0, 0, 0, 0.1);
    border: 0.073vw solid #000000;
    z-index: 10;
    display: none;
    max-height: 20.57vw;
    overflow-y: auto;
}

.dialog-dropdown .dropdown_options.show {
    display: block;
}

.dialog-dropdown .dropdown_options_item {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 2.93vw;
    font-size: 1.75vw;
    color: #666666;
    height: 8.23vw;
    cursor: pointer;
}

.dialog-dropdown .dropdown_options_item:hover {
    background-color: #f5f5f5;
}

.dialog-dropdown .dropdown_options_item:not(:last-child) {
    border-bottom: 0.073vw solid #e0e0e0;
}

.dialog-dropdown .dropdown_option.error {
    border-color: red;
}

.dialog-dropdown .dropdown_option_value.error {
    color: red;
}

#non-pad-tip {
    position: absolute;
    top: 0;
    left: 0;
    color: red;
    font-size: 16px;
    font-weight: bold;
    display: none;
}