.sale-tabs{display: flex; gap: 6px; align-items: center; border-bottom: 1px solid var(--line); padding-bottom: 11px; margin-bottom: 16px; flex-wrap: wrap;}
.sale-tab-wrap{display: flex; align-items: stretch;}
.sale-tab-wrap .sale-tab{border-radius: 7px 0px 0px 7px;}
.sale-close{border-width: 1px 1px 1px 0px; border-style: solid solid solid none; border-color: rgb(213, 218, 224); border-image: none; background: rgb(232, 235, 238); color: rgb(119, 119, 119); padding: 0px 9px; border-radius: 0px 7px 7px 0px; cursor: pointer; font-size: 18px; line-height: 1;}
.sale-close:hover{background: rgb(221, 226, 231); color: var(--red);}
.sale-tab{background: rgb(238, 241, 244); color: rgb(64, 72, 80); border: 1px solid rgb(213, 218, 224); padding: 8px 12px; border-radius: 7px; cursor: pointer;}
.sale-new{background: rgb(238, 241, 244); color: rgb(64, 72, 80); border: 1px solid rgb(213, 218, 224); padding: 8px 12px; border-radius: 7px; cursor: pointer;}
.sale-tab span{display: inline-block; margin-left: 5px; min-width: 18px; text-align: center; background: rgb(255, 255, 255); border-radius: 10px; padding: 1px 5px; font-size: 11px; border: 1px solid rgb(226, 229, 232);}
.sale-tab.active{background: var(--red-soft); color: var(--red); border-color: rgb(231, 160, 172); font-weight: 600;}
.sale-head{display: flex; justify-content: space-between; align-items: center; gap: 15px; margin-bottom: 10px;}
.sale-head h2{margin-bottom: 2px;}
.sale-search-box{height: 250px; min-height: 140px; max-height: 70vh; overflow: auto; margin-bottom: 10px; resize: vertical; border-bottom: 8px solid transparent; box-sizing: border-box;}
.sale-search-box .tablewrap{max-height: none; height: 100%; box-sizing: border-box;}
.sale-cart-box{max-height: calc(-390px + 100vh); min-height: 120px; overflow: auto;}
.sale-resize-handle{height: 10px; cursor: ns-resize; display: flex; align-items: center; justify-content: center; user-select: none;}
.sale-resize-handle::after{content: ""; width: 70px; height: 4px; border-radius: 3px; background: rgb(165, 172, 180);}
.sale-search-resizable{min-height: 150px;}
.sale-search-resizable.resizing .sale-resize-handle::after{background: var(--red);}
.sale-actions-bottom{display: flex; justify-content: flex-end; gap: 8px; padding: 14px 0px 4px; border-top: 1px solid rgb(226, 229, 233);}
.sale-actions-bottom .actions{display: flex; gap: 8px; flex-wrap: wrap;}
.sale-tab:hover{background: rgb(229, 233, 237);}
.sale-new:hover{background: rgb(229, 233, 237);}
.settings-form-grid{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 13px;}
.settings-form-grid label{display: flex; flex-direction: column; gap: 5px; color: rgb(85, 95, 105); font-size: 12px; font-weight: 600;}
.settings-modal-form label{display: flex; flex-direction: column; gap: 5px; color: rgb(85, 95, 105); font-size: 12px; font-weight: 600;}
.settings-form-grid label:last-child{grid-column: 1 / -1;}
.settings-form-grid input{box-sizing: border-box; width: 100%; padding: 9px 10px; border: 1px solid rgb(200, 206, 213); border-radius: 7px; background: rgb(255, 255, 255); color: rgb(32, 37, 43); font: inherit;}
.settings-modal-form input{box-sizing: border-box; width: 100%; padding: 9px 10px; border: 1px solid rgb(200, 206, 213); border-radius: 7px; background: rgb(255, 255, 255); color: rgb(32, 37, 43); font: inherit;}
.settings-modal-form select{box-sizing: border-box; width: 100%; padding: 9px 10px; border: 1px solid rgb(200, 206, 213); border-radius: 7px; background: rgb(255, 255, 255); color: rgb(32, 37, 43); font: inherit;}
.settings-form-grid input:focus{outline: none; border-color: rgb(212, 58, 82); box-shadow: rgba(200, 16, 46, 0.1) 0px 0px 0px 3px;}
.settings-modal-form input:focus{outline: none; border-color: rgb(212, 58, 82); box-shadow: rgba(200, 16, 46, 0.1) 0px 0px 0px 3px;}
.settings-modal-form select:focus{outline: none; border-color: rgb(212, 58, 82); box-shadow: rgba(200, 16, 46, 0.1) 0px 0px 0px 3px;}
.settings-modal-form{display: grid; grid-template-columns: 1fr 1fr; gap: 12px;}
.settings-modal-form label:first-child{grid-column: 1 / -1;}
.settings-modal-form .muted{font-weight: 400; font-size: 11px;}
.sale-price-input{width: 110px; box-sizing: border-box; border: 1px solid rgb(203, 212, 221); border-radius: 6px; padding: 7px 8px; background: rgb(255, 255, 255); color: rgb(38, 49, 59); font-style: inherit; font-variant: inherit; font-weight: 600; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; text-align: right;}
.sale-price-input:focus{outline: none; border-color: rgb(200, 16, 46); box-shadow: rgba(200, 16, 46, 0.12) 0px 0px 0px 2px;}
.sale-price-input:hover{border-color: rgb(154, 168, 182);}
.sale-row-warranty:hover{border-color: rgb(200, 16, 46);}
.sale-warranty-selected{margin-top: 8px; padding: 8px 10px; border: 1px solid rgb(216, 222, 229); border-radius: 6px; background: rgb(250, 251, 252); text-align: right;}
.warranty-check-wrap{position: relative; display: inline-flex; width: 22px; height: 22px; flex: 0 0 22px;}
.warranty-check-wrap input{z-index: 2; position: absolute !important; opacity: 0 !important; width: 22px !important; height: 22px !important; margin: 0px !important; cursor: pointer !important;}
.warranty-check-box{display: flex; width: 22px; height: 22px; box-sizing: border-box; border: 2px solid rgb(107, 114, 128); border-radius: 4px; background: rgb(255, 255, 255); align-items: center; justify-content: center; transition: 0.15s;}
.warranty-check-wrap input:checked + .warranty-check-box{background: rgb(200, 16, 46); border-color: rgb(200, 16, 46);}
.warranty-check-wrap input:checked + .warranty-check-box::after{content: "✓"; color: rgb(255, 255, 255); font-size: 16px; font-weight: 800; line-height: 1;}
.warranty-toggle:hover .warranty-check-box{border-color: rgb(200, 16, 46);}
.warranty-client-list{display: flex; flex-direction: column; gap: 0px; border: 1px solid rgb(213, 219, 225); border-radius: 8px; overflow: auto; max-height: 55vh; background: rgb(255, 255, 255);}
.warranty-client-row{width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 12px 14px; border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(225, 229, 233); border-image: none; background: rgb(255, 255, 255); text-align: left; cursor: pointer; color: rgb(31, 41, 51);}
.warranty-client-row:last-child{border-bottom: 0px;}
.warranty-client-row:hover{background: rgb(255, 244, 245);}
.warranty-client-main{min-width: 0px; display: flex; flex-direction: column; gap: 4px;}
.warranty-client-main b{font-size: 14px; color: rgb(23, 33, 43);}
.warranty-client-main span{font-size: 12px; color: rgb(104, 117, 132); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.warranty-client-pick{flex: 0 0 auto; padding: 7px 12px; border-radius: 6px; background: rgb(201, 0, 36); color: rgb(255, 255, 255); font-weight: 600; font-size: 12px;}
.warranty-client-row:hover .warranty-client-pick{background: rgb(169, 0, 30);}