.dropdown {
    width: 220px;
    height: 22px;
    border: 1px solid #7f9db9;
    background: #fff url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"><path fill="%23333" d="M2 4l4 5 4-5z"/></svg>') no-repeat right 4px center;
    background-size: 10px;
    padding: 2px 20px 2px 6px;
    font-size: 11px;
    font-family: inherit;
    cursor: pointer;
    appearance: none;
    border-radius: 0;
}

.dropdown:focus {
    outline: none;
    border-color: #0078d4;
}

.unit-list {
    width: 100%;
    height: 180px;
    border: 1px solid #7f9db9;
    background: #fff;
    font-size: 11px;
    font-family: inherit;
    overflow-y: auto;
    cursor: pointer;
}

.unit-list:focus {
    outline: none;
    border-color: #0078d4;
}

.unit-list option {
    padding: 2px 6px;
    border-bottom: 1px solid transparent;
}

.unit-list option:hover {
    background: #e8f0fe;
}

.unit-list option:checked {
    background: linear-gradient(180deg, #3399ff 0%, #0066cc 100%);
    color: #fff;
}

::-webkit-scrollbar {
    width: 16px;
}

::-webkit-scrollbar-track {
    background: #f0f0f0;
    border-left: 1px solid #adb2b5;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(90deg, 
        #ece9d8 0%, 
        #d4d0c8 50%, 
        #ece9d8 100%
    );
    border: 1px solid #adb2b5;
    border-radius: 0;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(90deg, 
        #d4d0c8 0%, 
        #c0bcb4 50%, 
        #d4d0c8 100%
    );
}

::-webkit-scrollbar-button:vertical:start:decrement,
::-webkit-scrollbar-button:vertical:end:increment {
    display: block;
    height: 16px;
    background: linear-gradient(180deg, #f6f3eb 0%, #d4d0c8 100%);
    border: 1px solid #adb2b5;
}